Search completed in 1.29 seconds.
6989 results for "Status":
Your results are loading. Please wait...
Creating a dynamic status bar extension - Archive of obsolete content
Archive › Creating a dynamic status bar extension
« previousnext » this article builds upon the article creating a status bar extension, which creates a static status bar panel in the firefox status bar, by dynamically updating its content with information fetched from the web every few minutes.
... specifically, this sample displays a stock quote in the status bar, and, when you mouse over it, displays a tooltip containing more detailed information about the stock.
...or, if you've already got the code from the creating a status bar extension sample, you can follow this tutorial to update that existing code with new features.
...And 10 more matches
Creating a status bar extension - Archive of obsolete content
Archive › Creating a status bar extention
note: the extension created by this tutorial won't work in firefox that don't have a static status bar (that is, firefox 4 and up).
...this sample will add a static text string to the status bar at the bottom of firefox browser windows.
... <?xml version="1.0"?> <rdf xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <description about="urn:mozilla:install-manifest"> <em:id>status-bar-sample-1@example.com</em:id> <em:version>1.0</em:version> <em:type>2</em:type> <!-- front end metadata --> <em:name>status bar sample 1</em:name> <em:description>sample static status bar panel</em:description> <em:creator>my name</em:creator> <em:homepageurl>http://developer.mozilla.org/en/docs/creating_a_status_bar_extension</em:homepageurl> <!-- describe the firef...
...And 9 more matches
Implementation Status - Archive of obsolete content
Archive › Web › XForms › Implementation Status
specification chapter index here we give an overview of xforms 1.1 specification chapters and the current status of the mozilla support.
... the sections are marked with their current status: supported, partial support, in progress, and not currently supported.
...document structure section title status notes bugs 3.1 namespaces supported 3.2.1 common attributes supported 3.2.2 linking attributes supported 3.2.3 single-node binding attributes supported 3.2.4 node-set binding attributes supported 3.2.5 model item property attributes partial in some cases a loop error can occur on valid bindings 302168; 3.3.1 model supported ...
...And 9 more matches
Using the status role - Accessibility
Web › Accessibility › ARIA › ARIA Techniques › Using the status role
description this technique demonstrates how to use the status role and describes the effect it has on browsers and assistive technology.
... the status role is a type of live region and a container whose content is advisory information for the user that is not important enough to justify an alert, and is often presented as a status bar.
... when the role is added to an element, the browser will send out an accessible status event to assistive technology products which can then notify the user about it.
...And 9 more matches
<statusbarpanel> - Archive of obsolete content
Archive › Mozilla › XUL › statusbarpanel
« xul reference home [ examples | attributes | properties | methods | related ] firefox 4 note the status bar has been removed.
... an individual element of a statusbar.
...unlike normal buttons, a statusbarpanel can only have a label or an image but not both.
...And 8 more matches
MediaKeyStatusMap - Web APIs
Web › API › MediaKeyStatusMap
the mediakeystatusmap interface of the encryptedmediaextensions api is a read-only map of media key statuses by key ids.
... properties mediakeystatusmap.size read only returns the number of key/value pars in the status map.
... methods mediakeystatusmap.entries() read only returns a new iterator object containing an array of [key, value] for each element in the status map, in insertion order.
...And 7 more matches
HTTP response status codes - HTTP
Web › HTTP › Status
http response status codes indicate whether a specific http request has been successfully completed.
... the below status codes are defined by section 10 of rfc 2616.
... 103 early hints this status code is primarily intended to be used with the link header, letting the user agent start preloading resources while the server prepares a response.
...And 6 more matches
Version, UI, and Status Information - Plugins
Plugins › Guide › Version, UI, and Status Information
« previousnext » this chapter describes the functions that allow a plug-in to display a message on the status line, get agent information, and check on the current version of the plug-in api and the browser.
... displaying a status line message users are accustomed to checking the ui status line at the bottom of the browser window for updates on the progress of an operation or the url of a link on the page.
... you can also use the status line to notify the user of plug-in-related information.
...And 5 more matches
NPN_Status - Archive of obsolete content
Archive › Plugins › Reference › NPN Status
« gecko plugin api reference « browser side plug-in api summary lets a plug-in display a message on the browser's status line.
... syntax #include <npapi.h> void npn_status(npp instance, const char* message); parameters the function has the following parameters: instance pointer to the current plug-in instance.
... message pointer the buffer that contains the status message string to display.
...And 4 more matches
WebGLRenderingContext.checkFramebufferStatus() - Web APIs
Web › API › WebGLRenderingContext › checkFramebufferStatus
the webglrenderingcontext.checkframebufferstatus() method of the webgl api returns the completeness status of the webglframebuffer object.
... syntax glenum gl.checkframebufferstatus(target); parameters target a glenum specifying the binding point (target).
... return value a glenum indicating the completeness status of the framebuffer or 0 if an error occurs.
...And 4 more matches
Enabling the behavior - retrieving tinderbox status - Archive of obsolete content
Archive › Mozilla › Creating a Mozilla extension › Enabling the behavior - retrieving tinderbox status
to make it work we have to add javascript code that changes its status when the tinderbox status changes.
... the first step is to write a function that queries the tinderbox server and retrieves the current status.
... var gxmlhttprequest; function loadtinderboxstatus() { gxmlhttprequest = new xmlhttprequest(); gxmlhttprequest.onload = updatetinderboxstatus; gxmlhttprequest.open("get", "http://tinderbox.mozilla.org/seamonkey/panel.html"); gxmlhttprequest.send(null); } xmlhttprequest is an interface in mozilla for retrieving documents via http.
...And 3 more matches
Enabling the behavior - updating the status periodically - Archive of obsolete content
Archive › Mozilla › Creating a Mozilla extension › Enabling the behavior - updating the status periodically
now that we have code to retrieve tinderbox status and update the icon, we need to run it periodically.
... function loadtinderboxstatus() { gxmlhttprequest = new xmlhttprequest(); gxmlhttprequest.onload = updatetinderboxstatus; gxmlhttprequest.open("get", "http://tinderbox.mozilla.org/seamonkey/panel.html"); gxmlhttprequest.send(null); window.settimeout(loadtinderboxstatus, 60000); } window.settimeout(loadtinderboxstatus, 1000); window.settimeout schedules functions to run at some future time.
... we use it inside the loadtinderboxstatus function to make that function run a second (1,000 milliseconds) after startup and a minute (60,000 milliseconds) after each invocation.
...And 3 more matches
PermissionStatus - Web APIs
Web › API › PermissionStatus
the permissionstatus interface of the permissions api provides the state of an object and an event handler for monitoring changes to said state.
... properties permissionstatus.state read only returns the state of a requested permission; one of 'granted', 'denied', or 'prompt'.
... permissionstatus.statusread only returns the state of a requested permission; one of 'granted', 'denied', or 'prompt'.
...And 3 more matches
statusBar - Archive of obsolete content
Archive › Mozilla › Jetpack › statusBar › Class statusBar
the class statusbar contains functions to add and control the statusbar of the browser.
... you can find the complete sourcecode in the status-bar-panel.js file in your jetpack repository.
... namespace: jetpack.statusbar methods copybackground embediframe append the append methods adds a new item to the statusbar.
...And 2 more matches
statusbar - Archive of obsolete content
Archive › Mozilla › XUL › statusbar
« xul reference home [ examples | attributes | properties | methods | related ] an element used to create a status bar, usually placed along the bottom of a window.
...contains statusbarpanels.
... properties accessibletype examples <statusbar> <statusbarpanel label="left panel"/> <spacer flex="1"/> <progressmeter mode="determined" value="82"/> <statusbarpanel label="right panel"/> </statusbar> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties ...
...And 2 more matches
Activity Monitor, Battery Status Menu and top
Mozilla › Performance › Activity Monitor and top
this article describes the activity monitor, battery status menu, and top — three related tools available on mac os x.
...if a laptop is closed for several hours and then reopened, those hours are not included in the calculation.) battery status menu when you click on the battery icon in the os x menu bar you get a drop-down menu that includes a list of “apps using significant energy”.
... testing shows that once an energy-intensive application is started it takes less than a minute for it to show up in the battery status menu.
...And 2 more matches
Window.statusbar - Web APIs
Web › API › Window › statusbar
the window.statusbar property returns the statusbar object, whose visibility can be toggled in the window.
... syntax objref = window.statusbar example the following complete html example shows a way that the visible property of the various "bar" objects is used, and also the change to the privileges necessary to write to the visible property of any of the bars on an existing window.
... <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>various dom tests</title> <script> // changing bar states on the existing window netscape.security.privilegemanager.enableprivilege("universalbrowserwrite"); window.statusbar.visible=!window.statusbar.visible; </script> </head> <body> <p>various dom tests</p> </body> </html> notes when you load the example page above, the browser displays the following dialog: to toggle the visibility of these bars, you must either sign your scripts or enable the appropriate privileges, as in the example above.
...And 2 more matches
XMLHttpRequest.statusText - Web APIs
Web › API › XMLHttpRequest › statusText
the read-only xmlhttprequest.statustext property returns a domstring containing the response's status message as returned by the http server.
... unlike xmlhttprequest.status which indicates a numerical status code, this property contains the text of the response status, such as "ok" or "not found".
... if the request's readystate is in unsent or opened state, the value of statustext will be an empty string.
...And 2 more matches
statustext - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › statustext
« xul reference home statustext type: string used to set the text that appears on the status bar when the user moves the mouse over the element.
... mozilla doesn't adjust the status bar automatically however.
...in firefox, this text is automatically placed in the statusbar for menuitems on the menu bar.
... example <!-- sets the status message when mouse is over buttons --> <button label="connect" statustext="connect to remote server" onmouseover="setstatusmessage(this)" onmouseout="clearstatusmessage()"/> <button label="ping" statustext="ping the server" onmouseover="setstatusmessage(this)" onmouseout="clearstatusmessage()"/> <statusbar> <statusbarpanel id="mystatuspanel" label="" flex="1"/> <spacer flex="1"/> </statusbar> <script> function setstatusmessage(obj){ document.getelementbyid('mystatuspanel').label = obj.getattribute('statustext'); } function clearstatusmessage(obj){ document.getelementbyid('mystatuspanel').label = ''; } </script> see also statusbar and statusbarpanel ...
FC_GetFunctionStatus
Mozilla › Projects › NSS › Reference › FC GetFunctionStatus
name fc_getfunctionstatus - get the status of a function running in parallel syntax ck_rv fc_getfunctionstatus( ck_session_handle hsession ); parameters hsession [in] session handle.
... description fc_getfunctionstatus is a legacy function that simply returns ckr_function_not_parallel.
... return value fc_getfunctionstatus always returns ckr_function_not_parallel.
... examples see also nsc_getfunctionstatus ...
Battery Status API - Web APIs
Web › API › Battery Status API
the battery status api, more often referred to as the battery api, provides information about the system's battery charge level and lets you be notified by events that are sent when the battery level or charging status change.
... the battery status api extends window.navigator with a navigator.getbattery() method returning a battery promise, which is resolved in a batterymanager object providing also some new events you can handle to monitor the battery status.
... example in this example, we watch for changes both to the charging status (whether or not we're plugged in and charging) and for changes to the battery level and timing.
... specifications specification status comment battery status api candidate recommendation initial definition.
PermissionStatus.onchange - Web APIs
Web › API › PermissionStatus › onchange
the onchange event handler of the permissionstatus interface is called whenever the permissionstatus.state property changes.
... syntax permissionstatus.onchange = function() { ...
... } permissionstatus.addeventlistener('change', function() { ...
... }) example navigator.permissions.query({name:'geolocation'}).then(function(permissionstatus) { console.log('geolocation permission state is ', permissionstatus.state); permissionstatus.onchange = function() { console.log('geolocation permission state has changed to ', this.state); }; }); specification specification status comment permissionsthe definition of 'onchange' in that specification.
Response.status - Web APIs
Web › API › Response › status
the status read-only property of the response interface contains the status code of the response (e.g., 200 for a success).
... syntax var mystatus = response.status; value a number (to be precise, an unsigned short).
... note that at the top of the fetch() block we log the response status value to the console.
... var myimage = document.queryselector('img'); var myrequest = new request('flowers.jpg'); fetch(myrequest).then(function(response) { console.log(response.status); // returns 200 response.blob().then(function(myblob) { var objecturl = url.createobjecturl(myblob); myimage.src = objecturl; }); }); specifications specification status comment fetchthe definition of 'status' in that specification.
Response.statusText - Web APIs
Web › API › Response › statusText
the statustext read-only property of the response interface contains the status message corresponding to the status code (e.g., ok for 200).
... syntax var mystatustext = response.statustext; value a bytestring.
... note that at the top of the fetch() block we log the response statustext value to the console.
... var myimage = document.queryselector('img'); var myrequest = new request('flowers.jpg'); fetch(myrequest).then(function(response) { console.log(response.statustext); // returns "ok" if the response returned successfully response.blob().then(function(myblob) { var objecturl = url.createobjecturl(myblob); myimage.src = objecturl; }); }); specifications specification status comment fetchthe definition of 'statustext' in that specification.
XMLHttpRequest.status - Web APIs
Web › API › XMLHttpRequest › status
the read-only xmlhttprequest.status property returns the numerical http status code of the xmlhttprequest's response.
... before the request completes, the value of status is 0.
... browsers also report a status of 0 in case of xmlhttprequest errors.
... example var xhr = new xmlhttprequest(); console.log('unsent: ', xhr.status); xhr.open('get', '/server'); console.log('opened: ', xhr.status); xhr.onprogress = function () { console.log('loading: ', xhr.status); }; xhr.onload = function () { console.log('done: ', xhr.status); }; xhr.send(); /** * outputs the following: * * unsent: 0 * opened: 0 * loading: 200 * done: 200 */ specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XRPermissionStatus - Web APIs
Web › API › XRPermissionStatus
the xrpermissionstatus interface defines the object returned by calling navigator.permissions.query() for the xr permission name; it indicates whether or not the app or site has permission to use webxr, an may be monitored over time for changes to that permissions tate.
... properties in addition to the properties listed below, xrpermissionstatus includes the properties defined by its parent interface, permissionstatus.
... methods no methods are defined by xrpermissionstatus.
... usage notes examples specifications specification status comment webxr device apithe definition of 'xrpermissionstatus' in that specification.
Enabling the behavior - updating the status bar panel - Archive of obsolete content
Archive › Mozilla › Creating a Mozilla extension › Enabling the behavior - updating the status bar panel
in order for loadtinderboxstatus() to have any effect we need to define a matching updatetinderboxstatus() function.
... function updatetinderboxstatus() { var icon = document.getelementbyid('tinderbox-status'); if (gxmlhttprequest.responsetext.match("ee0000")) icon.setattribute("status", "busted"); else if (gxmlhttprequest.responsetext.match("ffaa00")) icon.setattribute("status", "testfailed"); else if (gxmlhttprequest.responsetext.match("11dd11")) icon.setattribute("status", "success"); else icon.setattribute("status", ""); } updatetinderboxstatus() retrieves a reference to the statusbarpanel element then searches through the retrieved html document (stored in the responsetext property of the xmlhttprequest instance) for one of several color references.
...when it finds a color, it sets the panel's status attribute to the corresponding status, which causes the previously defined css rules to switch to the icon appropriate for that status.
PR_GetConnectStatus
Mozilla › Projects › NSPR › Reference › PR GetConnectStatus
get the completion status of a nonblocking connection.
... syntax prstatus pr_getconnectstatus(const prpolldesc *pd); parameter the function has the following parameter: pd a pointer to a prpolldesc satructure whose fd field is the socket and whose in_flags field must contain pr_poll_write and pr_poll_except.
...when pr_poll returns, call pr_getconnectstatus on the socket to determine whether the nonblocking connect has succeeded or failed.
mozIVisitStatusCallback
Mozilla › Tech › XPCOM › Reference › Interface › mozIVisitStatusCallback
toolkit/components/places/moziasynchistory.idlscriptable this interface provides callback handling functionality for moziasynchistory.isurivisited 1.0 66 introduced gecko 11.0 inherits from: nsisupports last changed in gecko 11.0 (firefox 11.0 / thunderbird 11.0 / seamonkey 2.8) method overview void isvisited(in nsiuri auri, in boolean avisitedstatus); methods isvisited() called when the moziasynchistory.isurivisited() method's check to determine whether a given uri has been visited has completed.
...void isvisited( in nsiuri auri, in boolean avisitedstatus ); parameters auri the uri that was checked to see if it's been visited.
... avisitedstatus true if the specified uri has been visited; otherwise false.
FontFace.status - Web APIs
Web › API › FontFace › status
the status read-only property of the fontface interface returns an enumerated value indicating the status of the font, one of "unloaded", "loading", "loaded", or "error".
... syntax var status = fontface.status; value one of "unloaded", "loading", "loaded", or "error".
... specifications specification status comment css font loading module level 3the definition of 'status' in that specification.
MediaKeySession.onkeystatuseschange - Web APIs
Web › API › MediaKeySession › onkeystatuseschange
the onkeystatuseschange property of the mediakeysession is an event handler, fired whenever a keystatuschange event ocurrs, denoting there has been a change in the keys or their statuses within a session.
...on" target="_top"><rect x="151" y="1" width="150" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="226" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">mediakeysession</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} syntax mediakeysession.onkeystatuseschange = function(keystatuschange) { ...
... } specifications specification status comment encrypted media extensionsthe definition of 'onkeystatuseschange' in that specification.
MediaKeyStatusMap.forEach() - Web APIs
Web › API › MediaKeyStatusMap › forEach
the foreach property of the mediakeystatusmap interface calls callback once for each key-value pair in the status map, in insertion order.
... syntax mediakeystatusmap.foreach(callback[, thisarg]) parameters callback function to execute for each element, taking three arguments: currentvalue the current element being processed in the array.
... specifications specification status comment encrypted media extensions recommendation initial definition.
MediaKeyStatusMap.get() - Web APIs
Web › API › MediaKeyStatusMap › get
the get property of the mediakeystatusmap interface returns the value associated with the given key, or undefined if there is none.
... syntax var value = mediakeystatusmap.get(key); parameters key the key whose value you want returned.
... specifications specification status comment encrypted media extensions recommendation initial definition.
MediaKeyStatusMap.has() - Web APIs
Web › API › MediaKeyStatusMap › has
the has property of the mediakeystatusmap interface returns a boolean, asserting whether a value has been associated with the given key.
... syntax var boolean = mediakeystatusmap(key) parameters key the key whose value you want returned returns a boolean.
... specifications specification status comment encrypted media extensions recommendation initial definition.
MediaKeyStatusMap.keys() - Web APIs
Web › API › MediaKeyStatusMap › keys
the keys property of the mediakeystatusmap interface returns a new iterator object, containing keys for each element in the status map, in insertion order.
... syntax var iterator = mediakeystatusmap.keys() parameters none.
... specifications specification status comment encrypted media extensions recommendation initial definition.
MediaKeyStatusMap.size - Web APIs
Web › API › MediaKeyStatusMap › size
the size read-only property of the mediakeystatusmap interface returns the number of key/value pairs in the status map.
... syntax var size = mediakeystatusmap.size; value a long integer.
... specifications specification status comment encrypted media extensionsthe definition of 'size' in that specification.
MediaKeyStatusMap.values() - Web APIs
Web › API › MediaKeyStatusMap › values
the values property of the mediakeystatusmap interface returns a new iterator object, containing values for each element in the status map, in insertion order.
... syntax var iterator = mediakeystatusmap.values() parameters none.
... specifications specification status comment encrypted media extensions recommendation initial definition.
msGraphicsTrustStatus - Web APIs
Web › API › MsGraphicsTrustStatus
msgraphicstruststatus is a read-only property which returns an object containing information on protected video playback.
... syntax status = object.msgraphicstruststatus; example //specifies the output device id that the audio will be sent to.
... msaudiodevicetype: string; readonly msgraphicstruststatus: msgraphicstrust; ...
SecurityPolicyViolationEvent.statusCode - Web APIs
Web › API › SecurityPolicyViolationEvent › statusCode
the statuscode read-only property of the securitypolicyviolationevent interface is a number representing the http status code of the document or worker in which the violation occurred.
... syntax let status = violationeventinstance.statuscode; value a number representing the status code of the document or worker in which the violation occurred.
... example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.statuscode); }); specifications specification status comment content security policy level 3the definition of 'statuscode' in that specification.
WebGLContextEvent.statusMessage - Web APIs
Web › API › WebGLContextEvent › statusMessage
the read-only webglcontextevent.statusmessage property contains additional event status information, or is an empty string if no additional information is available.
... examples the statusmessage property can contain a platform dependent string with details of an event.
... var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); canvas.addeventlistener('webglcontextcreationerror', function(e) { console.log('webgl context creation failed:' + e.statusmessage || 'unknown error'); }, false); specifications specification status comment webgl 1.0the definition of 'webglcontextevent.statusmessage' in that specification.
Window.defaultStatus - Web APIs
Web › API › Window › defaultStatus
summary gets/sets the status bar text for the given window.
... syntax var smsg = window.defaultstatus; window.defaultstatus = smsg; parameters smsg is a string containing the text to be displayed by default in the statusbar.
... example <html> <body onload="window.defaultstatus='hello!';"/> <button onclick="window.confirm('are you sure you want to quit?');">confirm</button> </body> </html> notes to set the status once the window has been opened, use window.status.
Window.status - Web APIs
Web › API › Window › status
the status property of the window interface was originally intended to set the text in the status bar at the bottom of the browser window.
... however, the html standard now requires setting window.status to have no effect on the text displayed in the status bar.
... syntax window.status = string; var value = window.status; specifications specification status comment html living standardthe definition of 'window.status' in that specification.
XRPermissionStatus.granted - Web APIs
Web › API › XRPermissionStatus › granted
the webxr device api's xrpermissionstatus interface's granted property is an array of strings, each identifying one of the webxr features for which permission has been granted as of the time at which the permission api's navigator.permissions.query() method was called.
... syntax grantedfeatures = xrpermissionstatus.granted; value an array of domstring objects, each identifying a single webxr feature which the app or site has been granted permission to use.
... xrreferencespace usage notes examples specifications specification status comment webxr device apithe definition of 'xrpermissionstatus.granted' in that specification.
statusbarpanel-menu-iconic - Archive of obsolete content
Archive › Mozilla › XUL › Style › statusbarpanel-menu-iconic
« xul reference home statusbarpanel-menu-iconic use this class to have an image appear on the statusbarpanel, and also allow a popup menu.
... specify the image using the src attribute, and place a menupopup element inside the statusbarpanel.
Mozilla MathML Status
Mozilla › MathML Project › Status
an overview of the mathml 3 elements/attributes - excluding deprecated ones - and the current status of the native support.
...the sections are marked with their current status: supported, in progress, and not currently supported.
PRStatus
Mozilla › Projects › NSPR › Reference › PRStatus
type for status code returned by some functions.
... syntax #include <prtypes.h> typedef enum { pr_failure = -1, pr_success = 0 } prstatus; ...
Xptcall Porting Status
Mozilla › Tech › XPCOM › xptcall porting status
this is a status page for the multiplatform porting of xptcall.
...status status platform contributors and <font color="red">?</font> possible contributors notes <font color="white">done</font> win32 x86 john bandhauer <jband@netscape.com> win32 <font color="white">done</font> linux x86 john bandhauer <jband@netscape.com> ulrich drepper <drepper@cygnus.com> unix <font color="white">done</font> freebsd and netbsd x86 christoph toshok <toshok@hungry.com>, john bandhauer <jband@netscape.com> unix (same as linux 86 code) <font color="white...
keyStatuses - Web APIs
Web › API › MediaKeySession › keyStatuses
the mediakeysession.keystatuses read-only property returns a reference to a read-only mediakeystatusmap of the current session's keys and their statuses.
... syntax var mediakeystatusmapobj = mediakeysessionobj.keystatuses; specifications specification status comment encrypted media extensionsthe definition of 'keystatuses' in that specification.
MediaKeyStatusMap.entries() - Web APIs
Web › API › MediaKeyStatusMap › entries
the entries() read-only property of the mediakeystatusmap interface returns a new iterator object, containing an array of [key, value] pairs for each element in the status map, in insertion order.
... returns exceptions specifications specification status comment encrypted media extensions recommendation initial definition.
PermissionStatus.state - Web APIs
Web › API › PermissionStatus › state
the state read-only property of the permissionstatus interface returns the state of a requested permission.
... syntax var permission = permissionstatus.state; example navigator.permissions.query({name:'geolocation'}).then(function(permissionstatus) { console.log('geolocation permission state is ', permissionstatus.state); permissionstatus.onchange = function() { console.log('geolocation permission status has changed to ', this.state); }; }); specification specification status comment permissionsthe definition of 'state' in that specification.
statusbar - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › statusbar
« xul reference home statusbar type: id if you set this attribute to the id of a statusbar element, the label on the statusbar will update to the statustext of the items on the menu as the user moves the mouse over them.
getSessionStatusAt - Archive of obsolete content
Archive › Mozilla › XUL › Method › getSessionStatusAt
« xul reference home getsessionstatusat( index ) obsolete since gecko 26 return type: any value listed in nsiautocompletestatus returns the status for the session object with the given index.
statusText - Archive of obsolete content
Archive › Mozilla › XUL › Property › statusText
« xul reference statustext type: string gets and sets the value of the statustext attribute.
statusbar - Archive of obsolete content
Archive › Mozilla › XUL › Property › statusbar
« xul reference statusbar type: id of statusbar element gets and sets the value of the statusbar attribute.
statusbarpanel-iconic-text - Archive of obsolete content
Archive › Mozilla › XUL › Style › statusbarpanel-iconic-text
« xul reference home statusbarpanel-iconic-text use this class to have an image appear on the statusbarpanel as well as a text label.
statusbarpanel-iconic - Archive of obsolete content
Archive › Mozilla › XUL › Style › statusbarpanel-iconic
« xul reference home statusbarpanel-iconic use this class to have an image appear on the statusbarpanel.
nsMsgJunkStatus
Mozilla › Tech › XPCOM › Reference › Interface › nsMsgJunkStatus
defined in comm-central/ mailnews/ base/ public/ mailnewstypes2.idl typedef unsigned long nsmsgjunkstatus; typedef unsigned long nsmsgjunkscore; ...
HTTP Index - HTTP
Web › HTTP › Index
66 authorization http, http header, reference, request header, header the http authorization request header contains the credentials to authenticate a user agent with a server, usually after the server has responded with a 401 unauthorized status and the www-authenticate header.
... 118 early-data client hints, http, header, request the early-data header is set by an intermediate to indicates that the request has been conveyed in tls early data, and additionally indicates that an intermediary understands the 425 (too early) status code.
... 157 if-modified-since conditional requests, http, http header, reference, request header the if-modified-since request http header makes the request conditional: the server will send back the requested resource, with a 200 status, only if it has been last modified after the given date.
...And 62 more matches
Index - Web APIs
Web › API › Index
263 battery status api api, apps, battery, battery api, battery status api, guide, mobile, obsolete, overview the battery status api, more often referred to as the battery api, provides information about the system's battery charge level and lets you be notified by events that are sent when the battery level or charging status change.
...it allows control of the source of the font face, being a url to an external resource, or a buffer; it also allows control of when the font face is loaded and its current status.
... 1398 fontface.status api, css font loading api, fontface, fonts, property, reference, status the status read-only property of the fontface interface returns an enumerated value indicating the status of the font, one of "unloaded", "loading", "loaded", or "error".
...And 49 more matches
sslfnc.html
Mozilla › Projects › NSS › SSL functions › sslfnc.html
syntax #include "nss.h" secstatus nss_init(char *configdir); parameter this function has the following parameter: configdir a pointer to a string containing the pathname of the directory where the certificate, key, and security module databases reside.
... syntax #include "nss.h" secstatus nss_initreadwrite(char *configdir); parameter this function has the following parameter: configdir a pointer to a string containing the pathname of the directory where the certificate, key, and security module databases reside.
... syntax #include "nss.h" secstatus nss_nodb_init(char *reserved); parameter this function has the following parameter: reserved should be null..
...And 40 more matches
Index - Archive of obsolete content
Archive › Index
312 adding preferences to an extension add-ons, extensions, preferences system, xul this article takes the creating a dynamic status bar extension sample to the next level, adding a popup menu that lets you quickly switch between multiple stocks to watch.
...this tutorial walks you through the process of building a mozilla extension that adds an icon to mozilla's status bar showing the current status of the mozilla source code (i.e.
...the extension will access tinderbox, mozilla.org's webtool for tracking source code status, to get the status of the code.
...And 36 more matches
Overview of Mozilla embedding APIs
Mozilla › Gecko › Embedding Mozilla › API overview
interface status...
...interface status...
...interface status...
...And 28 more matches
Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
Mozilla › Projects › NSS › NSS Sample Code › Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
dir, headerfilename, encryptedfilename); validationfailed = pr_true; } if (validationfailed) { fprintf(stderr, "\nusage: %s %s \n\n", progname, "-d -d <dbdirpath> -b <headerfilename> -e <encryptfilename> -o <opfilename>\n"); exit(-1); } } /* * sign the contents of input file using private key and * return result as secitem */ secstatus signdata(const char *infilename, seckeyprivatekey *pk, secitem *res) { secstatus rv = secfailure; unsigned int nb; unsigned char ibuf[4096]; prfiledesc *infile = null; sgncontext *sgn = null; /* open the input file for reading */ infile = pr_open(infilename, pr_rdonly, 0); if (!infile) { pr_fprintf(pr_stderr, "unable ...
...n"); goto cleanup; } } rv = sgn_end(sgn, res); if (rv != secsuccess) { pr_fprintf(pr_stderr, "problem while sgn_end\n"); goto cleanup; } cleanup: if (infile) { pr_close(infile); } if (sgn) { sgn_destroycontext(sgn, pr_true); } return rv; } /* * verify the signature using public key */ secstatus verifydata(const char *infilename, seckeypublickey *pk, secitem *sigitem, secupwdata *pwdata) { unsigned int nb; unsigned char ibuf[4096]; secstatus rv = secfailure; vfycontext *vfy = null; prfiledesc *infile = null; /* open the input file for reading */ infile = pr_open(infilename, pr_rdonly, 0); if (!infile) { pr_fp...
...; goto cleanup; } } rv = vfy_end(vfy); if (rv != secsuccess) { pr_fprintf(pr_stderr, "problem while vfy_end\n"); goto cleanup; } cleanup: if (infile) { pr_close(infile); } if (vfy) { vfy_destroycontext(vfy, pr_true); } return rv; } /* * write cryptographic parameters to header file */ secstatus writetoheaderfile(const char *buf, unsigned int len, headertype type, prfiledesc *outfile) { secstatus rv; const char *header; const char *trailer; switch (type) { case symkey: header = enckey_header; trailer = enckey_trailer; break; case mackey: header = mackey_header; trailer = mackey_tra...
...And 19 more matches
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
Web › SVG › SVG 2 support in Mozilla
those changes are listed below including their support status within mozilla applications.
... general change notes length attribute and indexed property for list interfaces implementation status unknown <script> element in content model of all elements implementation status unknown initialize(), appenditem(), replaceitem(), and insertitembefore() on list objects making a copy of any list item being inserted that is already in another list implementation status unknown crossorigin attribute for <image> and <script> elements not implemented yet (at least for <image>; bug 1240357) rendering model change notes svg root and <foreignobject> not overflow:hidden in ua style sheet implementation status unknown allow overflow: auto; to clip and show scroll bars implementation status u...
...nknown allow overflow: scroll; to show scroll bars on <svg> elements implementation status unknown basic data types and interfaces change notes dommatrix or dommatrixreadonly instead of svgmatrix implementation status unknown domrect or domrectreadonly instead of svgrect implementation status unknown dompoint or dompointreadonly instead of svgpoint implementation status unknown members of svgstylable and svglangspace available in svgelement implementation status unknown svggraphicselement instead of svglocatable and svgtransformable implementation status unknown svggeometryelement with svggeometryelement.ispointinfill() and svggeometryelement.ispointinstroke() methods partially implemented...
...And 19 more matches
Enc Dec MAC Output Public Key as CSR
Mozilla › Projects › NSS › NSS Sample Code › Enc Dec MAC Output Plblic Key as CSR
stderr, "%-7s as input files and produces as a final output file.\n\n", ""); exit(-1); } /* map option letter enumerated commad type */ static commandtype option2command(const char* c) { switch (*c) { case 'g': return gen_csr; case 'e': return encrypt; case 'd': return decrypt; default: return unknown; } } /* * wrap the symkey using public key */ secstatus wrapkey(pk11symkey* key, seckeypublickey *pubkey, secitem **wrappedkey) { secstatus rv; secitem *data = (secitem *)port_zalloc(sizeof(secitem)); if (!data) { pr_fprintf(pr_stderr, "error while allocating memory\n"); rv = secfailure; goto cleanup; } data->len = seckey_publickeystrength(pubkey); data->data = (unsigned char*)port_zalloc((data->len)*s...
...if (rv != secsuccess) { rv = secfailure; } else { *wrappedkey = data; return secsuccess; } cleanup: if (data) { secitem_freeitem(data, pr_true); } return rv; } /* * generate a symmetric key */ pk11symkey * generatesymkey(pk11slotinfo *slot, ck_mechanism_type mechanism, int keysize, secitem *keyid, secupwdata *pwdata) { secstatus rv; pk11symkey *key; /* generate the symmetric key */ key = pk11_tokenkeygen(slot, mechanism, null, keysize, keyid, pr_false, pwdata); if (!key) { pr_fprintf(pr_stderr, "symmetric key generation failed \n"); } return key; } /* * macinit */ secstatus macinit(pk11context *ctx) { secstatus rv = pk11_digestbegin(ctx); if (rv != secsucc...
...ess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestbegin()\n"); } return rv; } /* * macupdate */ secstatus macupdate(pk11context *ctx, unsigned char *msg, unsigned int msglen) { secstatus rv = pk11_digestop(ctx, msg, msglen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : digestop()\n"); } return rv; } /* * finalize macing */ secstatus macfinal(pk11context *ctx, unsigned char *mac, unsigned int *maclen, unsigned int maxlen) { secstatus rv = pk11_digestfinal(ctx, mac, maclen, maxlen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestfinal()\n"); } return secsuccess; } /* * compute mac */ secstatus computemac(pk11context *ctxmac, unsig...
...And 18 more matches
Install script template - Archive of obsolete content
Archive › Mozilla › XPInstall › Installing plugins › Install script template
he secondary install } function writeplidsolution() { //concatenate the secondary install path with the filename to make a fully qualified pathname var qualifiedsecondaryfolderdll = secondaryfolder + plugin_file; var qualifiedsecondaryfolderxpt = secondaryfolder + component_file; // write plid keys (mozilla.org/projects/plugins/first-install-problem.html) // write plid keys to hklm var hklm_status = registerplid(hkey_local_machine, reg_moz_path, plid, qualifiedsecondaryfolderdll, qualifiedsecondaryfolderxpt, plugin_description, company_name, software_name, version, mimetype, suffix, suffix_description); logcomment("moz first install installation: registerplid("+hkey_local_machine+") returned, status "+hklm_status); if (hklm_status == fal...
...se) { // write plid keys (mozilla.org/projects/plugins/first-install-problem.html) // write plid keys to hkcu var hkcu_status = registerplid(hkey_current_user, reg_moz_path, plid, qualifiedsecondaryfolderdll, qualifiedsecondaryfolderxpt, plugin_description, company_name, software_name, version, mimetype, suffix, suffix_description); logcomment("first install installation: registerplid("+hkey_current_user+") returned, status "+hklm_status); if (hkcu_status != 0) { logcomment("could not write to the registry.
... errorcode="+hkcu_status); return hkcu_status; } } return 0; } /** * function for preinstallation of plugin (firstinstall).
...And 17 more matches
sample2
Mozilla › Projects › NSS › NSS Sample Code › sample2
-d %s -b %s -e %s -o : output file name is not found\n", progname, dbdir, headerfilename, encryptedfilename); validationfailed = pr_true; } if (validationfailed) { fprintf(stderr, "\nusage: %s %s \n\n", progname, "-d -d <dbdirpath> -b <headerfilename> -e <encryptfilename> -o <opfilename>\n"); exit(-1); } } /* * sign the contents of input file using private key and * return result as secitem */ secstatus signdata(const char *infilename, seckeyprivatekey *pk, secitem *res) { secstatus rv = secfailure; unsigned int nb; unsigned char ibuf[4096]; prfiledesc *infile = null; sgncontext *sgn = null; /* open the input file for reading */ infile = pr_open(infilename, pr_rdonly, 0); if (!infile) { pr_fprintf(pr_stderr, "unable to open \"%s\" for reading.\n", infilename); rv = secfailure; goto cleanup; } /*...
...> 0) { rv = sgn_update(sgn, ibuf, nb); if (rv != secsuccess) { pr_fprintf(pr_stderr, "problem while sgn_update\n"); goto cleanup; } } rv = sgn_end(sgn, res); if (rv != secsuccess) { pr_fprintf(pr_stderr, "problem while sgn_end\n"); goto cleanup; } cleanup: if (infile) { pr_close(infile); } if (sgn) { sgn_destroycontext(sgn, pr_true); } return rv; } /* * verify the signature using public key */ secstatus verifydata(const char *infilename, seckeypublickey *pk, secitem *sigitem, secupwdata *pwdata) { unsigned int nb; unsigned char ibuf[4096]; secstatus rv = secfailure; vfycontext *vfy = null; prfiledesc *infile = null; /* open the input file for reading */ infile = pr_open(infilename, pr_rdonly, 0); if (!infile) { pr_fprintf(pr_stderr, "unable to open \"%s\" for reading.\n", infilename); rv = secfa...
...) { rv = vfy_update(vfy, ibuf, nb); if (rv != secsuccess) { pr_fprintf(pr_stderr, "problem while vfy_update\n"); goto cleanup; } } rv = vfy_end(vfy); if (rv != secsuccess) { pr_fprintf(pr_stderr, "problem while vfy_end\n"); goto cleanup; } cleanup: if (infile) { pr_close(infile); } if (vfy) { vfy_destroycontext(vfy, pr_true); } return rv; } /* * write cryptographic parameters to header file */ secstatus writetoheaderfile(const char *buf, unsigned int len, headertype type, prfiledesc *outfile) { secstatus rv; const char *header; const char *trailer; switch (type) { case symkey: header = enckey_header; trailer = enckey_trailer; break; case mackey: header = mackey_header; trailer = mackey_trailer; break; case iv: header = iv_header; trailer = iv_trailer; break; case mac: header = mac_header; traile...
...And 17 more matches
nsIWebProgressListener
Mozilla › Tech › XPCOM › Reference › Interface › nsIWebProgressListener
nsiwebprogress awebprogress, in nsirequest arequest, in long acurselfprogress, in long amaxselfprogress, in long acurtotalprogress, in long amaxtotalprogress); void onsecuritychange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astate); void onstatechange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astateflags, in nsresult astatus); void onstatuschange(in nsiwebprogress awebprogress, in nsirequest arequest, in nsresult astatus, in wstring amessage); constants state transition flags these flags indicate the various states that requests may transition through as they are being loaded.
...the astatus parameter to onstatechange() indicates the final status of the request.
... location_change_error_page 0x00000002 this flag indicates that awebprogress redirected from the requested document to an internal page to show error status, such as about:neterror, about:certerror and so on.
...And 16 more matches
Encrypt Decrypt_MAC_Using Token
Mozilla › Projects › NSS › NSS Sample Code › Encrypt Decrypt MAC Using Token
*/ secstatus gathercka_id(pk11symkey* key, secitem* buf) { secstatus rv = pk11_readrawattribute(pk11_typesymkey, key, cka_id, buf); if (rv != secsuccess) { pr_fprintf(pr_stderr, "pk11_readrawattribute returned (%d)\n", rv); pr_fprintf(pr_stderr, "could not read symkey cka_id attribute\n"); return rv; } return rv; } /* * generate a symmetric key.
... */ pk11symkey * generatesymkey(pk11slotinfo *slot, ck_mechanism_type mechanism, int keysize, secitem *keyid, secupwdata *pwdata) { secstatus rv; pk11symkey *key; if (pk11_needlogin(slot)) { rv = pk11_authenticate(slot, pr_true, pwdata); if (rv != secsuccess) { pr_fprintf(pr_stderr, "could not authenticate to token %s.\n", pk11_gettokenname(slot)); return null; } } /* generate the symmetric key.
... */ key = pk11_tokenkeygen(slot, mechanism, null, keysize, keyid, pr_true, pwdata); if (!key) { pr_fprintf(pr_stderr, "symmetric key generation failed \n"); } return key; } /* * macinit */ secstatus macinit(pk11context *ctx) { secstatus rv = pk11_digestbegin(ctx); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestbegin()\n"); } return rv; } /* * macupdate */ secstatus macupdate(pk11context *ctx, unsigned char *msg, unsigned int msglen) { secstatus rv = pk11_digestop(ctx, msg, msglen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : digestop()\n"); } return rv; } /* * finalize macing.
...And 15 more matches
Encrypt Decrypt MAC Keys As Session Objects
Mozilla › Projects › NSS › Encrypt Decrypt MAC Keys As Session Objects
t takes as an input file and produces\n", "note :"); fprintf(stderr, "%-7s .enc and .header as intermediate output files.\n\n", ""); fprintf(stderr, "%-7s for decrypt, it takes .enc and .header\n", ""); fprintf(stderr, "%-7s as input files and produces as a final output file.\n\n", ""); exit(-1); } /* * gather a cka_id */ secstatus gathercka_id(pk11symkey* key, secitem* buf) { secstatus rv = pk11_readrawattribute(pk11_typesymkey, key, cka_id, buf); if (rv != secsuccess) { pr_fprintf(pr_stderr, "pk11_readrawattribute returned (%d)\n", rv); pr_fprintf(pr_stderr, "could not read symkey cka_id attribute\n"); return rv; } return rv; } /* * generate a symmetric key */ pk11symkey * genera...
...tesymkey(pk11slotinfo *slot, ck_mechanism_type mechanism, int keysize, secitem *keyid, secupwdata *pwdata) { secstatus rv; pk11symkey *key; if (pk11_needlogin(slot)) { rv = pk11_authenticate(slot, pr_true, pwdata); if (rv != secsuccess) { pr_fprintf(pr_stderr, "could not authenticate to token %s.\n", pk11_gettokenname(slot)); return null; } } /* generate the symmetric key */ key = pk11_tokenkeygen(slot, mechanism, null, keysize, keyid, pr_true, pwdata); if (!key) { pr_fprintf(pr_stderr, "symmetric key generation failed \n"); } return key; } /* * macinit */ secstatus macinit(pk11context *ctx) { secstatus rv = pk11_digestbe...
...gin(ctx); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestbegin()\n"); } return rv; } /* * macupdate */ secstatus macupdate(pk11context *ctx, unsigned char *msg, unsigned int msglen) { secstatus rv = pk11_digestop(ctx, msg, msglen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : digestop()\n"); } return rv; } /* * finalize macing */ secstatus macfinal(pk11context *ctx, unsigned char *mac, unsigned int *maclen, unsigned int maxlen) { secstatus rv = pk11_digestfinal(ctx, mac, maclen, maxlen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestfinal()\n"); } return secsuccess; } /* * compute mac */ secstatus computemac(pk11co...
...And 14 more matches
Encrypt and decrypt MAC using token
Mozilla › Projects › NSS › Encrypt Decrypt MAC Using Token
t takes as an input file and produces\n", "note :"); fprintf(stderr, "%-7s .enc and .header as intermediate output files.\n\n", ""); fprintf(stderr, "%-7s for decrypt, it takes .enc and .header\n", ""); fprintf(stderr, "%-7s as input files and produces as a final output file.\n\n", ""); exit(-1); } /* * gather a cka_id */ secstatus gathercka_id(pk11symkey* key, secitem* buf) { secstatus rv = pk11_readrawattribute(pk11_typesymkey, key, cka_id, buf); if (rv != secsuccess) { pr_fprintf(pr_stderr, "pk11_readrawattribute returned (%d)\n", rv); pr_fprintf(pr_stderr, "could not read symkey cka_id attribute\n"); return rv; } return rv; } /* * generate a symmetric key */ pk11symkey * genera...
...tesymkey(pk11slotinfo *slot, ck_mechanism_type mechanism, int keysize, secitem *keyid, secupwdata *pwdata) { secstatus rv; pk11symkey *key; if (pk11_needlogin(slot)) { rv = pk11_authenticate(slot, pr_true, pwdata); if (rv != secsuccess) { pr_fprintf(pr_stderr, "could not authenticate to token %s.\n", pk11_gettokenname(slot)); return null; } } /* generate the symmetric key */ key = pk11_tokenkeygen(slot, mechanism, null, keysize, keyid, pr_true, pwdata); if (!key) { pr_fprintf(pr_stderr, "symmetric key generation failed \n"); } return key; } /* * macinit */ secstatus macinit(pk11context *ctx) { secstatus rv = pk11_digestbe...
...gin(ctx); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestbegin()\n"); } return rv; } /* * macupdate */ secstatus macupdate(pk11context *ctx, unsigned char *msg, unsigned int msglen) { secstatus rv = pk11_digestop(ctx, msg, msglen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : digestop()\n"); } return rv; } /* * finalize macing */ secstatus macfinal(pk11context *ctx, unsigned char *mac, unsigned int *maclen, unsigned int maxlen) { secstatus rv = pk11_digestfinal(ctx, mac, maclen, maxlen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestfinal()\n"); } return secsuccess; } /* * compute mac */ secstatus computemac(pk11co...
...And 14 more matches
NSS Sample Code Sample_3_Basic Encryption and MACing
Mozilla › Projects › NSS › NSS Sample Code › NSS Sample Code Sample 3 Basic Encryption and MACi
*/ /* nspr headers */ #include <prthread.h> #include <plgetopt.h> #include <prerror.h> #include <prinit.h> #include <prlog.h> #include <prtypes.h> #include <plstr.h> /* * gather a cka_id */ secstatus gathercka_id(pk11symkey* key, secitem* buf) { secstatus rv = pk11_readrawattribute(pk11_typesymkey, key, cka_id, buf); if (rv != secsuccess) { pr_fprintf(pr_stderr, "pk11_readrawattribute returned (%d)\n", rv); pr_fprintf(pr_stderr, "could not read symkey cka_id attribute\n"); return rv; } return rv; } /* * generate a symmetric key */ pk11symkey * genera...
...tesymkey(pk11slotinfo *slot, ck_mechanism_type mechanism, int keysize, secitem *keyid, secupwdata *pwdata) { secstatus rv; pk11symkey *key; if (pk11_needlogin(slot)) { rv = pk11_authenticate(slot, pr_true, pwdata); if (rv != secsuccess) { pr_fprintf(pr_stderr, "could not authenticate to token %s.\n", pk11_gettokenname(slot)); return null; } } /* generate the symmetric key */ key = pk11_tokenkeygen(slot, mechanism, null, keysize, keyid, pr_true, pwdata); if (!key) { pr_fprintf(pr_stderr, "symmetric key generation failed \n"); } return key; } /* * macinit */ secstatus macinit(pk11context *ctx) { secstatus rv = pk11_digestbe...
...gin(ctx); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestbegin()\n"); } return rv; } /* * macupdate */ secstatus macupdate(pk11context *ctx, unsigned char *msg, unsigned int msglen) { secstatus rv = pk11_digestop(ctx, msg, msglen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : digestop()\n"); } return rv; } /* * finalize macing */ secstatus macfinal(pk11context *ctx, unsigned char *mac, unsigned int *maclen, unsigned int maxlen) { secstatus rv = pk11_digestfinal(ctx, mac, maclen, maxlen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestfinal()\n"); } return secsuccess; } /* * compute mac */ secstatus computemac(pk11co...
...And 14 more matches
EncDecMAC using token object - sample 3
Mozilla › Projects › NSS › NSS Sample Code › Sample3 - EncDecMAC using token object
fy an output file name\n\n", "-o "); fprintf(stderr, "%-7s for encrypt, it takes as an input file and produces\n", "note :"); fprintf(stderr, "%-7s .enc and .header as intermediate output files.\n\n", ""); fprintf(stderr, "%-7s for decrypt, it takes .enc and .header\n", ""); fprintf(stderr, "%-7s as input files and produces as a final output file.\n\n", ""); exit(-1); } /* * gather a cka_id */ secstatus gathercka_id(pk11symkey* key, secitem* buf) { secstatus rv = pk11_readrawattribute(pk11_typesymkey, key, cka_id, buf); if (rv != secsuccess) { pr_fprintf(pr_stderr, "pk11_readrawattribute returned (%d)\n", rv); pr_fprintf(pr_stderr, "could not read symkey cka_id attribute\n"); return rv; } return rv; } /* * generate a symmetric key */ pk11symkey * generatesymkey(pk11slotinfo *slot, ck_mechanism_t...
...ype mechanism, int keysize, secitem *keyid, secupwdata *pwdata) { secstatus rv; pk11symkey *key; if (pk11_needlogin(slot)) { rv = pk11_authenticate(slot, pr_true, pwdata); if (rv != secsuccess) { pr_fprintf(pr_stderr, "could not authenticate to token %s.\n", pk11_gettokenname(slot)); return null; } } /* generate the symmetric key */ key = pk11_tokenkeygen(slot, mechanism, null, keysize, keyid, pr_true, pwdata); if (!key) { pr_fprintf(pr_stderr, "symmetric key generation failed \n"); } return key; } /* * macinit */ secstatus macinit(pk11context *ctx) { secstatus rv = pk11_digestbegin(ctx); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestbegin()\n"); } return rv; } /* * macupdate */ secstatus macupdate(pk11context *ctx, unsigned char *msg, unsigned int msglen) { secs...
...tatus rv = pk11_digestop(ctx, msg, msglen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : digestop()\n"); } return rv; } /* * finalize macing */ secstatus macfinal(pk11context *ctx, unsigned char *mac, unsigned int *maclen, unsigned int maxlen) { secstatus rv = pk11_digestfinal(ctx, mac, maclen, maxlen); if (rv != secsuccess) { pr_fprintf(pr_stderr, "compute mac failed : pk11_digestfinal()\n"); } return secsuccess; } /* * compute mac */ secstatus computemac(pk11context *ctxmac, unsigned char *ptext, unsigned int ptextlen, unsigned char *mac, unsigned int *maclen, unsigned int maxlen) { secstatus rv = macinit(ctxmac); if (rv != secsuccess) return rv; rv = macupdate(ctxmac, ptext, ptextlen); if (rv != secsuccess) return rv; rv = macfinal(ctxmac, mac, maclen, maxlen); return r...
...And 14 more matches
Index
Mozilla › Projects › NSS › Index
examples are retrieving ocsp (online certificate status protocol) information or downloading a crl (certificate revocation list).
... modutil -create -dbdir [sql:]directory adding a cryptographic module adding a pkcs #11 module means submitting a supporting library file, enabling its ciphers, and setting default provider status for various security mechanisms.
... modutil -list [modulename] -dbdir [sql:]directory listing the modules shows the module name, their status, and other associated security databases for certificates and keys.
...And 13 more matches
Index - Archive of obsolete content
Archive › Mozilla › XUL › Index
2 &lt;statusbarpanel&gt; deprecated, xul, xul elements, xul reference an individual element of a statusbar.
...unlike normal buttons, a statusbarpanel can only have a label or an image but not both.
... this element is often used with a short label or icon to indicate status, for instance whether the user is online or whether there are new messages.
...And 12 more matches
Index
Mozilla › Tech › XPCOM › Index
83 status, recent changes, and plans xpcom no summary!
... 139 nsresult errors, mozilla, reference, référence(2), xpcom, xpcom api reference the nsresult data type is a strongly-typed enum used to represent a value returned by an xpcom function; these are typically error or status codes.
... 227 mozivisitstatuscallback interfaces, interfaces:scriptable, places, reference, xpcom interface reference called when the moziasynchistory.isurivisited() method's check to determine whether a given uri has been visited has completed.
...And 12 more matches
Background Tasks API - Web APIs
Web › API › Background Tasks API
variable declarations let tasklist = []; let totaltaskcount = 0; let currenttasknumber = 0; let taskhandle = null; these variables are used to manage the list of tasks that are waiting to be performed, as well as status information about the task queue and its execution: tasklist is an array of objects, each representing one task waiting to be run.
...these elements are: totaltaskcountelem is the <span> we use to insert the total number of tasks created into the status display in the progress box.
... let logfragment = null; let statusrefreshscheduled = false; finally, we set up a couple of variables for other items: logfragment will be used to store a documentfragment that's generated by our logging functions to create content to append to the log when the next animation frame is rendered.
...And 12 more matches
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
Learn › Tools and testing › Client-side JavaScript frameworks › Svelte reactivity lifecycle accessibility
todosstatus: displays the "x out of y items completed" status heading.
... so, the last feature we will be looking at in this article involves setting the focus on the status heading after a todo has been deleted.
... why the status heading?
...And 11 more matches
Mozilla’s UAAG evaluation report
Mozilla › Accessibility › UAAG evaluation report
checkpoint title status notes/plans 1.1 full keyboard access.
...(p1) c status line and alert boxes used to convey messages and alerts guideline 2.
... checkpoint title status notes/plans checkpoint title status notes/plans 2.1 render content according to specification.
...And 11 more matches
Making it into a static overlay - Archive of obsolete content
Archive › Mozilla › Creating a Mozilla extension › Making it into a static overlay
now that we have a working mozilla extension that shows tinderbox status, we need to make it distributable to other users.
...to make the file into a static overlay, we need to move all the code we added to navigator.xul into a new file tinderstatusoverlay.xul in the same directory: <?xml version="1.0"?> <?xml-stylesheet href="chrome://navigator/content/tinderstatus.css" type="text/css"?> <overlay id="tinderstatusoverlay" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script type="application/javascript" src="chrome://navigator/content/tinderstatus.js" /> <statusbar id="status-bar"> <s...
...tatusbarpanel class="statusbarpanel-iconic" id="tinderbox-status" insertbefore="offline-status" status="none"/> </statusbar> </overlay> tinderstatusoverlay.xul starts with an xml processing instruction that identifies the file as xml (all xul files need to include this).
...And 10 more matches
nsIDownloadProgressListener
Mozilla › Tech › XPCOM › Reference › Interface › nsIDownloadProgressListener
/toolkit/components/downloads/nsidownloadprogresslistener.idlscriptable this interface gives applications and extensions a way to monitor the status of downloads being processed by the download manager.
...lfprogress, in long long amaxselfprogress, in long long acurtotalprogress, in long long amaxtotalprogress, in nsidownload adownload); void onsecuritychange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astate, in nsidownload adownload); void onstatechange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astateflags, in nsresult astatus, in nsidownload adownload); void onstatuschange(in nsiwebprogress awebprogress, in nsirequest arequest, in nsresult astatus, in wstring amessage, in nsidownload adownload); obsolete since gecko 1.9.1 attributes attribute type description document nsidomdocument document the document of the download manager frontend.
... methods ondownloadstatechange() called when the status of a particular download changes.
...And 10 more matches
How Mozilla's build system works
Mozilla › Developer guide › Build Instructions › How Mozilla s build system works
the primary output of the configure script is an executable file in the object directory called config.status.
...however, the most important file in terms of architecture is config.status.
... the existence of a config.status file may be familiar to those who have worked with autoconf before.
...And 9 more matches
Listening to events on all tabs
Mozilla › Developer guide › Listening to events on all tabs
void onstatechange( nsidomxulelement abrowser, nsiwebprogress awebprogress, nsirequest arequest, unsigned long astateflags, nsresult astatus ); parameters abrowser the browser that fired the notification.
... astatus error status code associated with the state change; this indicates whether or not the request was successful.
... note: astatus may be a success code even for server generated errors, such as the http 404 file not found error.
...And 9 more matches
Componentizing our Svelte app - Learn web development
Learn › Tools and testing › Client-side JavaScript frameworks › Svelte components
todosstatus.svelte: the "x out of y items completed" heading.
...dby="list-heading"> {#each filtertodos(filter, todos) as todo (todo.id)} <li class="todo"> <todo {todo} /> </li> {:else} <li>nothing to do here!</li> {/each} </ul> the list of todos is displayed on the page, and the checkboxes should work (try checking/unchecking a couple, and then observing that the filters still work as expected), but our "x out of y items completed" status heading will no longer update accordingly.
...in addition, the remove event listener is sending the daa change back up to the parent, so our "x out of y items completed" status heading will now update appropriately when todos are deleted.
...And 8 more matches
Building a Thunderbird extension 5: XUL
Mozilla › Thunderbird › Thunderbird extensions › Building a Thunderbird extension 5: XUL
for our first extension, we will add some text to the thunderbird status bar.
... the status bar is implemented in a xul file called messenger.xul, which can be found in the chrome/messenger/content/messenger folder which is packaged inside the omni.ja archive.
...in messenger.xul we find the status bar, which looks something like this.: <statusbar id="status-bar" ...> ...
...And 8 more matches
Index - HTTP
Web › HTTP › Headers › Index
18 authorization http, http header, reference, request header, header the http authorization request header contains the credentials to authenticate a user agent with a server, usually after the server has responded with a 401 unauthorized status and the www-authenticate header.
... 59 early-data client hints, http, header, request the early-data header is set by an intermediate to indicates that the request has been conveyed in tls early data, and additionally indicates that an intermediary understands the 425 (too early) status code.
... 78 if-modified-since conditional requests, http, http header, reference, request header the if-modified-since request http header makes the request conditional: the server will send back the requested resource, with a 200 status, only if it has been last modified after the given date.
...And 8 more matches
Building the WebLock UI
Mozilla › Tech › XPCOM › Guide › Creating components › Building the WebLock UI
specifically, the user interface we create in this chapter will be overlaid into the statusbar of the browser component, where it will provide a small icon the user can click to access the web lock interface.
... weblock indicator in browser user interface package list the user interface described in this section is comprised of four files: weblockoverlay.xul is the file that defines the little status icon in the browser.
... you also need to create the function that displays the weblock window itself when the user clicks the weblock icon in the statusbar.
...And 7 more matches
imgIRequest
Mozilla › Tech › XPCOM › Reference › Interface › imgIRequest
inherits from: nsirequest last changed in gecko 8.0 (firefox 8.0 / thunderbird 8.0 / seamonkey 2.5) method overview void cancelandforgetobserver(in nsresult astatus); imgirequest clone(in imgidecoderobserver aobserver); void decrementanimationconsumers(); imgirequest getstaticrequest(); void incrementanimationconsumers(); void lockimage(); void requestdecode(); void unlockimage(); attributes attribute type description corsmode long the cors mode that this image was loaded with.
... imagestatus unsigned long status flags of the status_* variety.
... constants constant value description status_none 0x0 nothing to report.
...And 7 more matches
nsIProgressEventSink
Mozilla › Tech › XPCOM › Reference › Interface › nsIProgressEventSink
netwerk/base/public/nsiprogresseventsink.idlscriptable this interface is used to asynchronously convey channel status and progress information that is generally not critical to the processing of the channel.
... inherits from: nsisupports last changed in gecko 1.7 this interface is used to asynchronously convey channel status and progress information that is generally not critical to the processing of the channel.
...method overview void onprogress(in nsirequest arequest, in nsisupports acontext, in unsigned long long aprogress, in unsigned long long aprogressmax); void onstatus(in nsirequest arequest, in nsisupports acontext, in nsresult astatus, in wstring astatusarg); methods onprogress() called to notify the event sink that progress has occurred for the given request.
...And 7 more matches
nsISocketTransport
Mozilla › Tech › XPCOM › Reference › Interface › nsISocketTransport
completion of the connection setup is indicated by a status_connected_to notification to the event sink (if set).
... nsitransporteventsink status codes note: although these constants look like xpcom error codes and are passed in an nsresult variable, they are not error codes.
... they do overlap with existing error codes in necko, these status codes are confined within a very limited context where no error codes may appear, so there is no ambiguity.
...And 7 more matches
WebGL best practices - Web APIs
Web › API › WebGL API › WebGL best practices
checkframebufferstatus(): possible flush + round-trip.
... instead of: function compileonce(gl, shader) { if (shader.compiled) return; gl.compileshader(shader); shader.compiled = true; } for (const [vs, fs, prog] of programs) { compileonce(gl, vs); compileonce(gl, fs); gl.linkprogram(prog); if (!gl.getprogramparameter(prog, gl.link_status)) { console.error('link failed: ' + gl.getprograminfolog(prog)); console.error('vs info-log: ' + gl.getshaderinfolog(vs)); console.error('fs info-log: ' + gl.getshaderinfolog(fs)); } } consider: function compileonce(gl, shader) { if (shader.compiled) return; gl.compileshader(shader); shader.compiled = true; } for (const [vs, fs, prog] of programs) { compileonce(gl, vs); ...
... compileonce(gl, fs); } for (const [vs, fs, prog] of programs) { gl.linkprogram(prog); } for (const [vs, fs, prog] of programs) { if (!gl.getprogramparameter(prog, gl.link_status)) { console.error('link failed: ' + gl.getprograminfolog(prog)); console.error('vs info-log: ' + gl.getshaderinfolog(vs)); console.error('fs info-log: ' + gl.getshaderinfolog(fs)); } } khr_parallel_shader_compile for non-blocking compile/link status while we've described a pattern to allow browsers to compile and link in parallel, normally checking compile_status or link_status blocks until the compile or link completes.
...And 7 more matches
Twitter - Archive of obsolete content
Archive › Mozilla › Jetpack › Libraries › Twitter
for example, the twitter method for tweeting, statuses/update, maps to jetpack.lib.twitter.statuses.update().
...the library simply passes them to jquery.ajax(), and so they are called like so: success(data, textstatus) data is twitter's decoded json response.
... textstatus is a simple string describing the status.
...And 6 more matches
Debug - Archive of obsolete content
Archive › Web › JavaScript › Microsoft Extensions › Debug
constants async callback status codes contant description value debug.ms_async_callback_status_assign_delegate the synchronous work item assigned a callback or continuation to be run by an asynchronous operation.
... 0 debug.ms_async_callback_status_join the synchronous work item satisfied part of a join asynchronous operation.
... 1 debug.ms_async_callback_status_chooseany the synchronous work item satisfied a choice asynchronous operation.
...And 6 more matches
Desktop gamepad controls - Game development
Games › Techniques › Control mechanisms › Desktop with gamepad
api status, browser and hardware support the gamepad api is still in working draft status, although browser support is already quite good — around 63% global coverage, according to caniuse.com.
...here's the gamepadapi object, which contains useful variables and functions: var gamepadapi = { active: false, controller: {}, connect: function(event) {}, disconnect: function(event) {}, update: function() {}, buttons: { layout: [], cache: [], status: [], pressed: function(button, state) {} } axes: { status: [] } }; the controller variable stores the information about the connected gamepad, and there's an active boolean variable we can use to know if the controller is connected or not.
... the buttons variable contains the layout of a given controller (for example which buttons are where, because an xbox 360 layout may be different to a generic one), the cache containing the information about the buttons from the previous frame and the status containing the information from the current frame.
...And 6 more matches
nss tech note5
Mozilla › Projects › NSS › NSS Tech Notes › nss tech note5
secstatus s = pk11_cipherop(enccontext, outbuf, &tmp1_outlen, sizeof outbuf, inbuf, inbuflen); s = pk11_digestfinal(enccontext, outbuf+tmp1_outlen, &tmp2_outlen, sizeof outbuf - tmp1_outlen); result_len = tmp1_outlen + tmp2_outlen; <big>destroy the context pk1...
... pk11context* digestcontext = pk11_createdigestcontext(sec_oid_md5); <big>digest the data</big> <big>secstatus s = pk11_digestbegin(digestcontext); s = pk11_digestop(digestcontext, data, sizeof data); s = pk11_digestfinal(digestcontext, digest, &len, sizeof digest); /* now, digest contains the 'digest', and len contains the length of the digest */</big> clean up pk11_destroycontext(digestcontext, pr_true); you can also look at a sample program illustrating this hash / digest wit...
... secitem param; param.data = 0; param.len = 0;</big> <big>create crypto context</big> pk11context* digestcontext = pk11_createcontextbysymkey(digestmech, cka_digest, symkey, &param); <big>digest the data</big>, providing the key <big>secstatus s = pk11_digestbegin(digestcontext); s = pk11_digestkey(digestcontext, symkey); s = pk11_digestop(digestcontext, data, sizeof data); s = pk11_digestfinal(digestcontext, digest, &len, sizeof digest); /* now, digest contains the 'digest', and len contains the length of the digest */</big> clean up pk11_destroycontext(digestcontext, pr_true); pk11_freesymkey(symkey); pk...
...And 6 more matches
nsIMsgMessageService
Mozilla › Tech › XPCOM › Reference › Interface › nsIMsgMessageService
amsgwindow nsimsgwindow for progress and status feedback return values aurl the new nsiuri of the message.
... aurllistener an nsiurllistener amsgwindow nsimsgwindow for progress and status feedback return values aurl the new nsiuri of the message.
... amsgwindow nsimsgwindow for progress and status feedback aurllistener an nsiurllistener acharsetoverride (optional) character set over ride to force the message to use.
...And 6 more matches
nsIWebBrowserChrome
Mozilla › Tech › XPCOM › Reference › Interface › nsIWebBrowserChrome
inherits from: nsisupports last changed in gecko 0.9.6 method overview void destroybrowserwindow(); void exitmodaleventloop(in nsresult astatus); boolean iswindowmodal(); void setstatus(in unsigned long statustype, in wstring status); void showasmodal(); void sizebrowserto(in long acx, in long acy); attributes attribute type description chromeflags unsigned long the chrome flags for this browser chrome.
... constants constant value description status_script 1 flag for setstatus() status_script_default 2 flag for setstatus() status_link 3 flag for setstatus() chrome_default 1 value for the chromeflags attribute.
... chrome_statusbar 128 value for the chromeflags attribute.
...And 6 more matches
Window.open() - Web APIs
Web › API › Window › open
examples var windowobjectreference; var windowfeatures = "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes"; function openrequestedpopup() { windowobjectreference = window.open("http://www.cnn.com/", "cnn_windowname", windowfeatures); } var windowobjectreference; function openrequestedpopup() { windowobjectreference = window.open( "http://www.domainname.ext/path/imagefile.png", "descriptivewindowname", "resizable,scrollbars,status" ); } if a window with the name already exist...
... example: status=yes, status=1, and status have identical results.
... status if this feature is on, then the new secondary window has a status bar.
...And 6 more matches
How to check the security state of an XMLHTTPRequest over SSL - Web APIs
Web › API › XMLHttpRequest › How to check the secruity state of an XMLHTTPRequest over SSL
const {cc,ci} = require("chrome"); function createtcperrorfromfailedxhr(xhr) { let status = xhr.channel.queryinterface(ci.nsirequest).status; let errtype; if ((status & 0xff0000) === 0x5a0000) { // security module const nsinsserrorsservice = ci.nsinsserrorsservice; let nsserrorsservice = cc['@mozilla.org/nss_errors_service;1'].getservice(nsinsserrorsservice); let errorclass; // geterrorclass will throw a generic ns_error_failure if the error code is // someho...
... try { errorclass = nsserrorsservice.geterrorclass(status); } catch (ex) { //catching security protocol exception errorclass = 'securityprotocol'; } if (errorclass == nsinsserrorsservice.error_class_bad_cert) { errtype = 'securitycertificate'; } else { errtype = 'securityprotocol'; } // nss_sec errors (happen below the base value because of negative vals) if ((status & 0xffff) < math.abs(nsinsserrorsservice.nss_sec_error_base)) { // the bases are actually negative, so in our positive numeric space, we // need to subtract the base off our value.
... let nsserr = math.abs(nsinsserrorsservice.nss_sec_error_base) - (status & 0xffff); switch (nsserr) { case 11: // sec_error_expired_certificate, sec(11) errname = 'securityexpiredcertificateerror'; break; case 12: // sec_error_revoked_certificate, sec(12) errname = 'securityrevokedcertificateerror'; break; // per bsmith, we will be unable to tell these errors apart very soon, // so it makes sense to just folder them all together already.
...And 6 more matches
Using XMLHttpRequest - Web APIs
Web › API › XMLHttpRequest › Using XMLHttpRequest
after the transaction completes, the object will contain useful information such as the response body and the http status of the result.
...these tell the client making the xmlhttprequest important information about the status of the response.
..."\r\n" : "&")); } } } function processstatus (odata) { if (odata.status > 0) { return; } /* the form is now totally serialized!
...And 6 more matches
Adding the structure - Archive of obsolete content
Archive › Mozilla › Creating a Mozilla extension › Adding the structure
« previousnext » the ui for our extension is an icon in the status bar.
... to implement this ui, we'll add a statusbarpanel element to the statusbar element in the navigator.xul file.
... <statusbar id="status-bar" class="chromeclass-status" ondragdrop="nsdraganddrop.drop(event, contentareadndobserver);"> <statusbarpanel id="component-bar"/> <statusbarpanel id="statusbar-display" label="&statustext.label;" flex="1"/> <statusbarpanel class="statusbarpanel-progress"> <progressmeter class="progressmeter-statusbar" id="statusbar-icon" mode="normal" value="0"/> </statusbarpanel> <statusbarpanel class="statusbarpanel-iconic" id="tinderbox-status" status="none"/> <statusbarpanel class="statusbarpanel-iconic" id="offline-status"/> <statusbarpanel class="statusbarpanel-iconic" id="security-button" onclick="browserpageinfo(null, 'securitytab')"/> </statusbar> the statusbar xul element defines a horizontal status bar where informativ...
...And 5 more matches
Making it into a dynamic overlay and packaging it up for distribution - Archive of obsolete content
Archive › Mozilla › Creating a Mozilla extension › Making it into a dynamic overlay and packaging it up for distribution
after that we'll create a contents.rdf file describing the tinderstatus component for the chrome registry and an install.js script to perform the installation.
... start out by creating a directory called tinderstatus-installer.
... create a tinderstatus subdirectory in it and a content sub-subdirectory in that subdirectory.
...And 5 more matches
Monitoring downloads - Archive of obsolete content
Archive › Mozilla › Monitoring downloads
firefox 3 makes it easier than ever to monitor the status of downloads.
...in the list is the name of the file, the start and end times of the download, the download speed, and the status of the download.
... dbconn.executesimplesql("create table items (source text, size integer," + " starttime integer, endtime integer," + " speed real, status integer)"); dbconn.close(); }, this is fairly simple stuff.
...And 5 more matches
Graceful asynchronous programming with Promises - Learn web development
Learn › JavaScript › Asynchronous › Promises
the code that the video chat application would use might look something like this: function handlecallbutton(evt) { setstatusmessage("calling..."); navigator.mediadevices.getusermedia({video: true, audio: true}) .then(chatstream => { selfviewelem.srcobject = chatstream; chatstream.gettracks().foreach(track => mypeerconnection.addtrack(track, chatstream)); setstatusmessage("connected"); }).catch(err => { setstatusmessage("failed to connect"); }); } this function starts by using a f...
...unction called setstatusmessage() to update a status display with the message "calling...", indicating that a call is being attempted.
...after that, the status display is updated to say "connected".
...And 5 more matches
nsIDBChangeListener
Mozilla › Tech › XPCOM › Reference › Interface › nsIDBChangeListener
changed, aparentkey, aflags, ainstigator) {}, onhdradded: function(ahdrchanged, aparentkey, aflags, ainstigator) {}, onparentchanged: function(akeychanged, oldparent, newparent, ainstigator) {}, onannouncergoingaway: function(ainstigator) {}, onreadchanged: function(ainstigator) {}, onjunkscorechanged: function(ainstigator) {}, onhdrpropertychanged: function(ahdrtochange, aprechange, astatus, ainstigator) {}, onevent: function(adb, aevent) {}, queryinterface: function(aiid) { if (!aiid.equals(components.interfaces.nsidbchangelistener) && !aiid.equals(components.interfaces.nsisupports)) throw components.results.ns_error_no_interface; return this; } }; and to attach it in thunderbird, we must call addlistener on a nsidbchangeannouncer, typically through a...
...t, in nsmsgkey newparent, in nsidbchangelistener ainstigator); void onannouncergoingaway(in nsidbchangeannouncer instigator); void onreadchanged(in nsidbchangelistener ainstigator); void onjunkscorechanged(in nsidbchangelistener ainstigator); void onhdrpropertychanged(in nsimsgdbhdr ahdrtochange, in unsigned long aoldflags, in prbool aprechange, inout pruint32 astatus, in nsidbchangelistener ainstigator); void onevent(in nsimsgdatabase adb, in string aevent); methods onhdrflagschanged() called when a message's flags change.
...on the first call, aprechange is true, and astatus is undefined.
...And 5 more matches
nsIWebBrowserChrome2
Mozilla › Tech › XPCOM › Reference › Interface › nsIWebBrowserChrome2
1.0 66 introduced gecko 1.9 inherits from: nsiwebbrowserchrome last changed in gecko 1.9 (firefox 3) method overview void setstatuswithcontext(in unsigned long statustype, in astring statustext, in nsisupports statuscontext); methods setstatuswithcontext() called when the status text in the chrome needs to be updated.
... this method may be called instead of nsiwebbrowserchrome.setstatus().
... an implementor of this method, should still implement nsiwebbrowserchrome.setstatus().
...And 5 more matches
Mail composition back end
Mozilla › Thunderbird › Mail composition back end
ns_imethod addlistener(nsimsgsendlistener *alistener) = 0; ns_imethod removelistener(nsimsgsendlistener *alistener) = 0; sending listener interfaces the nsimsgsendlistener interface will let a caller keep track of the progress and any status of a send operation.
... ns_imethod onprogress(const char *amsgid, - the message id for the message being sent pruint32 aprogress, - the progress so far pruint32 aprogressmax) = 0; - the maximum progress (aprogress should be used as a numerator and aprogressmax as a denominator for a message sent percentage) onstatus the onstatus gives the listener status updates for the current operation.
... ns_imethod onstatus(const char *amsgid, - the message id for the message being sent const prunichar *amsg) = 0; - a message concerning the status of the send operation onstopsending the onstopsending interface is called when the sending operation has completed.
...And 5 more matches
CloseEvent - Web APIs
Web › API › CloseEvent
the following values are permitted status codes.
... status code name description 0–999 reserved and not used.
... 1005 no status received reserved.
...And 5 more matches
HTTP Messages - HTTP
Web › HTTP › Messages
http requests, and responses, share similar structure and are composed of: a start-line describing the requests to be implemented, or its status of whether successful or a failure.
... http responses status line the start line of an http response, called the status line, contains the following information: the protocol version, usually http/1.1.
... a status code, indicating success or failure of the request.
...And 5 more matches
Adding preferences to an extension - Archive of obsolete content
Archive › Adding preferences to an extension
« previousnext » this article takes the creating a dynamic status bar extension sample to the next level, adding a popup menu that lets you quickly switch between multiple stocks to watch.
... as before, concepts covered in the previous articles in this series won't be rehashed here, so if you haven't already seen them: creating a status bar extension creating a dynamic status bar extension also, for reference, you may want to take a look at preferences system and the preferences api.
... now that we're monitoring the preferences, we can set up to watch the stock information and display it in the status bar panel.
...And 4 more matches
Implementing controls using the Gamepad API - Game development
Games › Techniques › Controls Gamepad API
api status and browser support the gamepad api is still at the working draft stage in the w3c process, which means its implementation might still change, but saying that the browser support is already quite good.
...e second one is fired when a gamepad is disconnected (either physically by the user or due to inactivity.) in the demo, the gamepadapi object is used to store everything related to the api: var gamepadapi = { controller: {}, turbo: false, connect: function() {}, disconnect: function() {}, update: function() {}, buttonpressed: function() {}, buttons: [], buttonscache: [], buttonsstatus: [], axesstatus: [] }; the buttons array contains the xbox 360 button layout: buttons: [ 'dpad-up','dpad-down','dpad-left','dpad-right', 'start','back','axis-left','axis-right', 'lb','rb','power','a','b','x','y', ], this can be different for other types of gamepads like the ps3 controller (or a no-name, generic one), so you have to be careful and not just assume the button you're expec...
...update() is executed on every frame inside the game loop, to update the actual status of the gamepad object regularly: update: function() { // clear the buttons cache gamepadapi.buttonscache = []; // move the buttons status from the previous frame to the cache for(var k=0; k<gamepadapi.buttonsstatus.length; k++) { gamepadapi.buttonscache[k] = gamepadapi.buttonsstatus[k]; } // clear the buttons status gamepadapi.buttonsstatus = []; // get the gamepad object v...
...And 4 more matches
TypeScript support in Svelte - Learn web development
Learn › Tools and testing › Client-side JavaScript frameworks › Svelte TypeScript
the variable todosstatus, which we used to programmatically access the methods exposed by the todosstatus component, is of type todosstatus.
... update your <script> section to look like this: <script lang='ts'> import filterbutton from './filterbutton.svelte' import todo from './todo.svelte' import moreactions from './moreactions.svelte' import newtodo from './newtodo.svelte' import todosstatus from './todosstatus.svelte' import { alert } from '../stores' import { filter } from '../types/filter.enum' import type { todotype } from '../types/todo.type' export let todos: todotype[] = [] let todosstatus: todosstatus // reference to todosstatus instance $: newtodoid = todos.length > 0 ?
... math.max(...todos.map(t => t.id)) + 1 : 1 function addtodo(name: string) { todos = [...todos, { id: newtodoid, name, completed: false }] $alert = `todo '${name}' has been added` } function removetodo(todo: todotype) { todos = todos.filter(t => t.id !== todo.id) todosstatus.focus() // give focus to status heading $alert = `todo '${todo.name}' has been deleted` } function updatetodo(todo: todotype) { const i = todos.findindex(t => t.id === todo.id) if (todos[i].name !== todo.name) $alert = `todo '${todos[i].name}' has been renamed to '${todo.name}'` if (todos[i].completed !== todo.completed) $alert = `todo '${todos[i].name}' marked as ${todo.completed ?
...And 4 more matches
NSS tools : modutil
Mozilla › Projects › NSS › Reference › NSS tools : modutil
synopsis modutil [options] [[arguments]] status this documentation is still work in progress.
... modutil -create -dbdir [sql:]directory adding a cryptographic module adding a pkcs #11 module means submitting a supporting library file, enabling its ciphers, and setting default provider status for various security mechanisms.
... modutil -list [modulename] -dbdir [sql:]directory listing the modules shows the module name, their status, and other associated security databases for certificates and keys.
...And 4 more matches
nsIDOMWindowUtils
Mozilla › Tech › XPCOM › Reference › Interface › nsIDOMWindowUtils
this attribute only works when imestatus is ime_status_enabled.
... imestatus unsigned long returns the current ime status.
... values correspond to the ime_status_* constants defined below.
...And 4 more matches
nsIRequest
Mozilla › Tech › XPCOM › Reference › Interface › nsIRequest
method overview void cancel(in nsresult astatus); boolean ispending(); void resume(); void suspend(); attributes attribute type description loadflags nsloadflags the load flags of this request.
... status nsresult the error status associated with the request.
... load_background 1 << 0 do not deliver status notifications to the nsiprogresseventsink, or keep this load from completing the nsiloadgroup it may belong to.
...And 4 more matches
ARIA Test Cases - Accessibility
Web › Accessibility › ARIA › ARIA Test Cases
when possible provide a link to the bug in the database so that its status can be reviewed.
... markup used: role = (one of the following): "application", "article", "banner", "complementary", "contentinfo", "directory", "document", "log", "main", "note", "navigation", "region", "search", "status" notes: screen readers may wish to provide some landmark-specific conveniences such as automatically starting at "main" when reading the page after page load, or providing a special key to get to the search bar, etc.
... at firefox ie opera safari jaws 9 - - n/a n/a jaws 10 - - - - voiceover (leopard) n/a n/a - fail window-eyes - - - - nvda - n/a - - zoom (leopard) pass n/a pass pass zoomtext - - - - orca - - - - live role: status (no examples yet) expected at behavior: screen readers often provide a special key to announce the current status.
...And 4 more matches
Getting Started - Developer guides
Web › Guide › AJAX › Getting Started
} the full list of the readystate values is documented at xmlhttprequest.readystate and is as follows: 0 (uninitialized) or (request not initialized) 1 (loading) or (server connection established) 2 (loaded) or (request received) 3 (interactive) or (processing request) 4 (complete) or (request finished and response is ready) next, check the http response status codes of the http response.
... if (httprequest.status === 200) { // perfect!
...} after checking the state of the request and the http status code of the response, you can do whatever you want with the data the server sent.
...And 4 more matches
Finding the code to modify - Archive of obsolete content
Archive › Mozilla › Creating a Mozilla extension › Finding the code to modify
scroll down the tree to the statusbar node and select it.
... notice the flashing red border around the horizontal status bar at the bottom of the browser window.
... click the plus sign next to the statusbar node in the dom inspector and select each statusbarpanel node in turn.
...And 3 more matches
Making asynchronous programming easier with async and await - Learn web development
Learn › JavaScript › Asynchronous › Async await
status: ${response.status}`); } else { return response.blob(); } }) .then(myblob => { let objecturl = url.createobjecturl(myblob); let image = document.createelement('img'); image.src = objecturl; document.body.appendchild(image); }) .catch(e => { console.log('there has been a problem with your fetch operation: ' + e.message); }); by now, you should have a reasonable understanding of ...
...status: ${response.status}`); } else { let myblob = await response.blob(); let objecturl = url.createobjecturl(myblob); let image = document.createelement('img'); image.src = objecturl; document.body.appendchild(image); } } myfetch() .catch(e => { console.log('there has been a problem with your fetch operation: ' + e.message); }); it makes code much simpler and easier to understand — no more .then() blocks everywhere!
...status: ${response.status}`); } else { return await response.blob(); } } myfetch().then((blob) => { let objecturl = url.createobjecturl(blob); let image = document.createelement('img'); image.src = objecturl; document.body.appendchild(image); }).catch(e => console.log(e)); you can try typing in the example yourself, or running our live example (see also the source code).
...And 3 more matches
Client-Server Overview - Learn web development
Learn › Server-side › First steps › Client-Server overview
cookies contain session data about the client, including keys that the server can use to determine their login status and permissions/accesses to resources.
...the response contains an http response status code indicating whether or not the request succeeded (e.g.
...the status code of "302 found" tells the browser that the post succeeded, and that it must issue a second http request to load the page specified in the location field.
...And 3 more matches
Dynamic behavior in Svelte: working with variables and props - Learn web development
Learn › Tools and testing › Client-side JavaScript frameworks › Svelte variables props
in this article we'll be using variables and props to make our app dynamic, allowing us to add and delete todos, mark them as complete, and filter them by status.
... let's start by showing a status message.
... toggling and removing todos let's add some functionality to toggle the task status.
...And 3 more matches
Setting up your own test automation environment - Learn web development
Learn › Tools and testing › Cross browser testing › Your own automation environment
filling in test details on lambdatest programmatically when executing numerous automation tests, marking their status as passed or failed makes the task a lot easier.
... use the below command for marking a status as passed on lambdatest.
... browser.executescript("lambda-status=passed");​​​​​​ use the below command for marking a status as failed on lambdatest.
...And 3 more matches
AddonManager
Mozilla › JavaScript code modules › Add-on Manager › AddonManager
update status values constant description update_status_no_error no error was encountered.
... update_status_timeout the update check timed out.
... update_status_download_error there was an error while downloading the update information.
...And 3 more matches
Utilities for nss samples
Mozilla › Projects › NSS › NSS Sample Code › Utiltiies for nss samples
* * printasascii */ extern void printasascii(prfiledesc* out, const unsigned char *data, unsigned int len); /* * printashex */ extern void printashex(prfiledesc* out, const unsigned char *data, unsigned int len); /* * getdigit */ extern int getdigit(char c); /* * hextobuf */ extern int hextobuf(unsigned char *instring, secitem *outbuf, prbool ishexdata); /* * filetoitem */ extern secstatus filetoitem(secitem *dst, prfiledesc *src); /* * checkpassword */ extern prbool checkpassword(char *cp); /* * getpassword */ extern char * getpassword(file *input, file *output, char *prompt, prbool (*ok)(char *)); /* * filepasswd extracts the password from a text file * * storing passwords is often used with server environments * where promptin...
...multi- * password variant they could be of the form * * token_1_name:its_password * token_2_name:its_password * */ extern char * filepasswd(pk11slotinfo * slot, prbool retry, void *arg); /* * getmodulepassword */ extern char * getmodulepassword(pk11slotinfo *slot, int retry, void *pwdata); /* * generaterandom */ extern secstatus generaterandom(unsigned char *rbuf, int rsize); /* * filetoitem */ extern secstatus filetoitem(secitem *dst, prfiledesc *src); /* * seedfromnoisefile */ extern secstatus seedfromnoisefile(const char *noisefilename); /* * filesize */ extern long filesize(const char* filename); /* * readderfromfile */ extern secstatus readderfromfile(secitem *der, ...
...->data[truelen++] = digit1 << 4 | digit2; } } else { while (*instring) { if (*instring == '\n') { instring++; continue; } outbuf->data[truelen++] = *instring++; } outbuf->data[truelen] = '\0'; truelen = truelen-1; } outbuf->len = truelen; return 0; } /* * filetoitem */ secstatus filetoitem(secitem *dst, prfiledesc *src) { prfileinfo info; print32 numbytes; prstatus prstatus; prstatus = pr_getopenfileinfo(src, &info); if (prstatus != pr_success) { return secfailure; } dst->data = 0; if (secitem_allocitem(null, dst, info.size)) { numbytes = pr_read(src, dst->data, info.size); if (numbytes == info.size) { ...
...And 3 more matches
nss tech note3
Mozilla › Projects › NSS › NSS Tech Notes › nss tech note3
certusagestatusresponder .....
... there are 8 key usages: cert_sign crl_sign data_encipherment digital_signature govt_approved key_agreement key_encipherment non_repudiation there are 9 cert types: email email_ca object_signing object_signing_ca ssl_ca ssl_client ssl_server status_responder time_stamp for the cert being checked, the requirements are: cert usage requried key usage required cert type -------------------- -------------------- ----------------------- sslclient: digital_signature; ssl_client; sslserver: key_agreement or key_encipherment; ssl_server; sslserverwithstepup: govt_approved and ssl_server key_agreement or key_encipherment ...
... sslca: cert_sign; ssl_ca; emailsigner: digital_signature; email; emailrecipient: key_agreement or key_encipherment; email; objectsigner: digital_signature; object_signing; statusresponder: digital_signature; status_responder; verifyca cert_sign ssl_ca or email_ca or object_signing_ca or status_responder for ca certs in the cert chain, the requirements are: cert usage requried key usage required cert type -------------------- -------------------- ----------------------- sslserverwithstepup: govt_approved and cert_sign; ssl_ca; sslclient: cert_sign; ssl_ca; sslserver: cert_sign; ssl_ca; sslca: cert_sign; ssl_ca; emailsigner: cert_sign; email_ca or ssl_ca emailrecipient: cert_sign; email_ca or ssl_ca objectsigner: cert_sign; o...
...And 3 more matches
NSS tools : modutil
Mozilla › Projects › NSS › tools › modutil
modutil -create -dbdir [sql:]directory adding a cryptographic module adding a pkcs #11 module means submitting a supporting library file, enabling its ciphers, and setting default provider status for various security mechanisms.
... modutil -list [modulename] -dbdir [sql:]directory listing the modules shows the module name, their status, and other associated security databases for certificates and keys.
...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.
...And 3 more matches
nsIAsyncInputStream
Mozilla › Tech › XPCOM › Reference › Interface › nsIAsyncInputStream
method overview void asyncwait(in nsiinputstreamcallback acallback, in unsigned long aflags, in unsigned long arequestedcount, in nsieventtarget aeventtarget); void closewithstatus(in nsresult astatus); constants constant value description wait_closure_only (1<<0) if passed to asyncwait(), this flag overrides the default behavior, causing the oninputstreamready notification to be suppressed until the stream becomes closed (either as a result of closewithstatus()/close being called on the stream or possibly due to some error in the underlying stream).
... closewithstatus() this method closes the stream and sets its internal status.
...once the stream is closed, the stream's status cannot be changed.
...And 3 more matches
nsIAsyncOutputStream
Mozilla › Tech › XPCOM › Reference › Interface › nsIAsyncOutputStream
method overview void asyncwait(in nsioutputstreamcallback acallback, in unsigned long aflags, in unsigned long arequestedcount, in nsieventtarget aeventtarget); void closewithstatus(in nsresult reason); constants constant value description wait_closure_only (1<<0) if passed to asyncwait(), this flag overrides the default behavior, causing the onoutputstreamready notification to be suppressed until the stream becomes closed (either as a result of closewithstatus()/close being called on the stream or possibly due to some error in the underlying stream).
... closewithstatus() this method closes the stream and sets its internal status.
...once the stream is closed, the stream's status cannot be changed.
...And 3 more matches
nsIBadCertListener2
Mozilla › Tech › XPCOM › Reference › Interface › nsIBadCertListener2
security/manager/ssl/public/nsibadcertlistener2.idlscriptable this interface is used to is report a broken ssl status.
... it can also be used to obtain the ssl handshake status of a connection that will be canceled because of improper certificate status.
...method overview boolean notifycertproblem(in nsiinterfacerequestor socketinfo, in nsisslstatus status, in autf8string targetsite); methods notifycertproblem() called in case of a broken ssl status.
...And 3 more matches
nsICookie
Mozilla › Tech › XPCOM › Reference › Interface › nsICookie
status nscookiestatus holds the p3p status of cookie.
... constants constant value description status_unknown 0 the cookie collected in a previous session, and its information no longer exists.
... available status_accepted 1 the cookie was accepted.
...And 3 more matches
nsIHttpChannel
Mozilla › Tech › XPCOM › Reference › Interface › nsIHttpChannel
netwerk/protocol/http/nsihttpchannel.idlscriptable this interface allows for the modification of http request parameters and the inspection of the resulting http response status and headers when they become available.
...if zero, the channel will fail to redirect and will generate a ns_error_redirect_loop failure status.
...the value of nsirequest.status() will be ns_ok even when processing a 404 file not found response because such a response may include a message body that (in some cases) should be shown to the user.
...And 3 more matches
nsIMsgDBView
Mozilla › Tech › XPCOM › Reference › Interface › nsIMsgDBView
init(in nsimessenger amessengerinstance, in nsimsgwindow amsgwindow, in nsimsgdbviewcommandupdater acommandupdater); void sort(in nsmsgviewsorttypevalue sorttype, in nsmsgviewsortordervalue sortorder); void docommand(in nsmsgviewcommandtypevalue command); void docommandwithfolder(in nsmsgviewcommandtypevalue command, in nsimsgfolder destfolder); void getcommandstatus(in nsmsgviewcommandtypevalue command, out boolean selectable_p, out nsmsgviewcommandcheckstatevalue selected_p); void viewnavigate(in nsmsgnavigationtypevalue motion, out nsmsgkey resultid, out nsmsgviewindex resultindex, out nsmsgviewindex threadindex, in boolean wrap); boolean navigatestatus(in nsmsgnavigationtypevalue motion); nsmsgkey getkeyat(in nsmsgviewindex inde...
...author, date, status, etc).
... getcommandstatus() gets the status of a particular command.
...And 3 more matches
nsIWebSocketChannel
Mozilla › Tech › XPCOM › Reference › Interface › nsIWebSocketChannel
status codes the following values are permitted status codes.
... status code name description 0-999 reserved and not used.
... 1005 close_no_status reserved.
...And 3 more matches
Network request list - Firefox Developer Tools
Tools › Network Monitor › request list
here is a list of all available columns: status: the http status code returned.
... there's an icon next to the domain that gives you extra information about the security status of that request.
... image thumbnails if the request is for an image, hovering over its filename shows a preview of the image in a tooltip: security icons the network monitor displays an icon in the domain column: this gives you extra information about the security status of the request: icon meaning https weak https (for example, a weak cipher was used) failed https (for example, a certificate was invalid) http localhost indicates that the url belongs to a known tracker that would be blocked with content blocking enabled.
...And 3 more matches
Using Fetch - Web APIs
Web › API › Fetch API › Using Fetch
the fetch specification differs from jquery.ajax() in three main ways: the promise returned from fetch() won’t reject on http error status even if the response is an http 404 or 500.
... instead, it will resolve normally (with ok status set to false), and it will only reject on network failure or if anything prevented the request from completing.
... the most common response properties you'll use are: response.status — an integer (default value 200) containing the response status code.
...And 3 more matches
Using the Permissions API - Web APIs
Web › API › Permissions API › Using the Permissions API
this article provides a basic guide to using the w3c permissions api, which provides a programmatic way to query the status of api permissions attributed to the current context.
... historically, different apis handle their own permissions inconsistently — for example the notifications api allows for explicit checking of permission status and requesting permission, whereas the geolocation api doesn't (which causes problems if the user denied the initial permission request, as we'll see below).
... the only supported method right now is permissions.query(), which queries permission status.
...And 3 more matches
Permissions API - Web APIs
Web › API › Permissions API
the permissions api provides a consistent programmatic way to query the status of api permissions attributed to the current context.
... concepts and usage historically different apis handle their own permissions inconsistently — for example the notifications api allows for explicit checking of permission status and requesting permission, whereas the geolocation api doesn't (which causes problems if the user denied the initial permission request).
... once you have this object you can then perform permission-related tasks, for example querying a permission using the permissions.query() method to return a promise that resolves with the permissionstatus for a specific api.
...And 3 more matches
WebGL constants - Web APIs
Web › API › WebGL API › Constants
vertex_shader 0x8b31 passed to createshader to define a vertex shader compile_status 0x8b81 passed to getshaderparamter to get the status of the compilation.
...you can then query getshaderinfolog to find the exact error delete_status 0x8b80 passed to getshaderparamter to determine if a shader was deleted via deleteshader.
... link_status 0x8b82 passed to getprogramparameter after calling linkprogram to determine if a program was linked correctly.
...And 3 more matches
A simple RTCDataChannel sample - Web APIs
Web › API › WebRTC API › Simple RTCDataChannel sample
set up the local peer localconnection = new rtcpeerconnection(); sendchannel = localconnection.createdatachannel("sendchannel"); sendchannel.onopen = handlesendchannelstatuschange; sendchannel.onclose = handlesendchannelstatuschange; the first step is to create the "local" end of the connection.
...ata channel once the rtcpeerconnection is open, the datachannel event is sent to the remote to complete the process of opening the data channel; this invokes our receivechannelcallback() method, which looks like this: function receivechannelcallback(event) { receivechannel = event.channel; receivechannel.onmessage = handlereceivemessage; receivechannel.onopen = handlereceivechannelstatuschange; receivechannel.onclose = handlereceivechannelstatuschange; } the datachannel event includes, in its channel property, a reference to a rtcdatachannel representing the remote peer's end of the channel.
...once this is done, our handlereceivemessage() method will be called each time data is received by the remote peer, and the handlereceivechannelstatuschange() method will be called any time the channel's connection state changes, so we can react when the channel is fully opened and when it's closed.
...And 3 more matches
Synchronous and asynchronous requests - Web APIs
Web › API › XMLHttpRequest › Synchronous and Asynchronous Requests
var xhr = new xmlhttprequest(); xhr.open("get", "/bar/foo.txt", true); xhr.onload = function (e) { if (xhr.readystate === 4) { if (xhr.status === 200) { console.log(xhr.responsetext); } else { console.error(xhr.statustext); } } }; xhr.onerror = function (e) { console.error(xhr.statustext); }; xhr.send(null); line 2 specifies true for its third parameter to indicate that the request should be handled asynchronously.
...this handler looks at the request's readystate to see if the transaction is complete in line 4; if it is, and the http status is 200, the handler dumps the received content.
... function xhrsuccess() { this.callback.apply(this, this.arguments); } function xhrerror() { console.error(this.statustext); } function loadfile(url, callback /*, opt_arg1, opt_arg2, ...
...And 3 more matches
HTTP range requests - HTTP
Web › HTTP › Range requests
curl http://i.imgur.com/z4d4kwk.jpg -i -h "range: bytes=0-1023" the issued request looks like this: get /z4d4kwk.jpg http/1.1 host: i.imgur.com range: bytes=0-1023 the server responses with the 206 partial content status: http/1.1 206 partial content content-range: bytes 0-1023/146515 content-length: 1024 ...
... curl http://www.example.com -i -h "range: bytes=0-50, 100-150" the server responses with the 206 partial content status and a content-type: multipart/byteranges; boundary=3d6b6a416f9b5 header, indicating that a multipart byterange follows.
...if the condition is not fulfilled, the full resource is sent back, with a 200 ok status.
...And 3 more matches
XUL user interfaces - Archive of obsolete content
Archive › Beginner tutorials › XUL user interfaces
for example, xul provides specialized windows like dialogs and wizards, as well as status bars, menus, tool bars, and even browsers.
...lue="friday" disabled="true"/> <label class="day" value="saturday" disabled="true"/> </hbox> </row> </rows> </grid> <hbox class="buttons"> <button id="clear" label="clear" accesskey="c" oncommand="cleardate();"/> <button id="today" label="today" accesskey="t" oncommand="settoday();"/> </hbox> </groupbox> <statusbar> <statusbarpanel id="status"/> </statusbar> </vbox> </window> make a new css file, style7.css.
...-right: .5em; } .demo-group row { margin-bottom: .5em; } .demo-group .buttons { -moz-box-pack: end; } /* the day-of-week labels */ .day { margin-left: 1em; } .day[disabled] { color: #777; } .day:first-child { margin-left: 4px; } /* the left column labels */ .text-prompt { padding-top: .25em; } /* the date input box */ #date-text { max-width: 8em; } /* the status bar */ statusbar { width: 100%; border: 1px inset -moz-dialog; margin: 4px; padding: 0px 4px; } #status { padding: 4px; } #status[warning] { color: red; } make a new text file, script7.js.
...And 2 more matches
Index of archived content - Archive of obsolete content
Archive › Index of archived content
build building transformiix standalone chromeless compiling the npruntime sample plugin in visual studio creating a firefox sidebar extension creating a microsummary creating a mozilla extension adding the structure conclusion enabling the behavior - retrieving tinderbox status enabling the behavior - updating the status bar panel enabling the behavior - updating the status periodically finding the code to modify finding the file to modify making a mozilla installation modifiable making it into a dynamic overlay and packaging it up for distribution making it into a static overlay ...
... storage simple storage system clipboard ui selection jspage statusbar statusbar litmus tests mac os x build prerequisites/fink makefile.mozextension.2 message summary database metro browser chrome tests microsummary topics microsummary xml grammar reference m...
... standards-compliant authoring tools stopiteration styling the amazing netscape fish cam page using javascript generators in firefox window.importdialog() writing javascript for xhtml xforms building mozilla xforms community developing mozilla xforms implementation status mozilla xforms specials mozilla xforms user interface xforms alert element xforms group element xforms help element xforms hint element xforms input element xforms label element xforms message element xforms output element ...
...And 2 more matches
Tamarin Build System Documentation - Archive of obsolete content
Archive › Mozilla › Tamarin › Tamarin Build System Documentation
where can i see the build system status?
... the waterfall page is located at http://tamarin-builds.mozilla.org/tamarin-redux/waterfall what builds are displayed on the build system status page?
... the description appears in the buildbot status page, please describe what you are trying to build and test after submitting a sandbox build view the build status page or the queue (if buildbot is busy) how do i view and change the queue?
...And 2 more matches
Table Reflow Internals - Archive of obsolete content
Archive › Table Reflow Internals
the reflowee returns a reflow status which indicates if it is complete, and thus not have to continue (split) breaking status (in the case of some inline frames) if there is truncation (it can't fit in the space and can't split).
... if it can continue, it returns an incomplete status.
... if it can't continue it returns a complete status.
...And 2 more matches
Debug.msTraceAsyncCallbackCompleted - Archive of obsolete content
Archive › Web › JavaScript › Microsoft Extensions › Debug › msTraceAsyncOperationCompleted
status optional the status of the asynchronous operation.
... if not specified, debug.ms_async_op_status_success is used.
... the possible values for status include: debug.ms_async_op_status_success debug.ms_async_op_status_canceled debug.ms_async_op_status_error note: some debugging tools do not display the information sent to the debugger.
...And 2 more matches
Collision detection - Game development
Games › Tutorials › 2D Breakout game pure JavaScript › Collision detection
in the part of the code where we initialize the bricks, let's add a status property to each brick object.
... update the following part of the code as indicated by the highlighted line: var bricks = []; for(var c=0; c<brickcolumncount; c++) { bricks[c] = []; for(var r=0; r<brickrowcount; r++) { bricks[c][r] = { x: 0, y: 0, status: 1 }; } } next we'll check the value of each brick's status property in the drawbricks() function before drawing it — if status is 1, then draw it, but if it's 0, then it was hit by the ball and we don't want it on the screen anymore.
... update your drawbricks() function as follows: function drawbricks() { for(var c=0; c<brickcolumncount; c++) { for(var r=0; r<brickrowcount; r++) { if(bricks[c][r].status == 1) { var brickx = (c*(brickwidth+brickpadding))+brickoffsetleft; var bricky = (r*(brickheight+brickpadding))+brickoffsettop; bricks[c][r].x = brickx; bricks[c][r].y = bricky; ctx.beginpath(); ctx.rect(brickx, bricky, brickwidth, brickheight); ctx.fillstyle = "#0095dd"; ctx.fill(); ctx.closepath(); } } } } tracking and updating the status in the collision detection function now we need to involve the brick status property in the colli...
...And 2 more matches
Plug-in Development Overview - Gecko Plugin API Reference
Gecko Plugin API Reference › Plug-in Development Overview
for information about using these methods, see version, ui, and status information.
... displaying messages on the status line functionally, your plug-in is seamlessly integrated into the browser and operates as an addition to current browser capabilities.
... to make the user feel that the plug-in is part of the the browser user interface, your plug-in can emulate the browser behavior by providing status line messages.
...And 2 more matches
Introduction to automated testing - Learn web development
Learn › Tools and testing › Cross browser testing › Automated testing
give it the following contents: const saucelabs = require('saucelabs'); let myaccount = new saucelabs({ username: "your-sauce-username", password: "your-sauce-api-key" }); myaccount.getaccountdetails(function (err, res) { console.log(res); myaccount.getservicestatus(function (err, res) { // status of the sauce labs services console.log(res); myaccount.getjobs(function (err, jobs) { // get a list of all your jobs for (let k in jobs) { if ( jobs.hasownproperty( k )) { myaccount.showjob(jobs[k].id, function (err, res) { let str = res.id + ": status: " + res.status; if (res.error) { ...
... function getbuilds(){ request({uri: baseurl + "builds.json"}, function(err, res, body){ console.log(json.parse(body)); }); /* response: [ { automation_build: { name: <string>, duration: <int>, status: <string>, hashed_id: <string> } }, { automation_build: { name: <string>, duration: <int>, status: <string>, hashed_id: <string> } }, ...
...d(build){ let buildid = build.automation_build.hashed_id; request({uri: baseurl + "builds/" + buildid + "/sessions.json"}, function(err, res, body){ console.log(json.parse(body)); }); /* response: [ { automation_session: { name: <string>, duration: <int>, os: <string>, os_version: <string>, browser_version: <string>, browser: <string>, device: <string>, status: <string>, hashed_id: <string>, reason: <string>, build_name: <string>, project_name: <string>, logs: <string>, browser_url: <string>, public_url: <string>, video_url: <string>, browser_console_logs_url: <string>, har_logs_url: <string> } }, { automation_session: { name: <string>, duration: <int>, os: <string>, os_version: <string>...
...And 2 more matches
Implementing QueryInterface
Mozilla › Implementing QueryInterface
else if ( aiid.equals(nscomtypeinfo<nsisupports>::getiid()) ) foundinterface = ns_static_cast(nsisupports*, ns_static_cast(nsix*, this)); // i (may) have multiple |nsisupports| in me, // so first i cast to a specific base to avoid ambiguity else foundinterface = 0; nsresult status; if ( !foundinterface ) status = ns_nointerface; else { ns_addref(foundinterface); status = ns_ok; } *ainstanceptr = foundinterface; return status; } what's so good about it?
... else foundinterface = 0; nsresult status; if ( !foundinterface ) // ok, _i_ didn't find an interface.
... status = nsbaseimplementation::queryinterface(aiid, &foundinterface); else { ns_addref(foundinterface); status = ns_ok; } *ainstanceptr = foundinterface; return status; } note that if the base implementation's queryinterface finds an appropriate interface, your queryinterface must not addref it.
...And 2 more matches
NSS 3.15 release notes
Mozilla › Projects › NSS › NSS 3.15 release notes
nss 3.15 source distributions are available on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_15_rtm/src/ new in nss 3.15 new functionality support for ocsp stapling (rfc 6066, certificate status request) has been added for both client and server sockets.
... new functions in ssl.h ssl_peerstapledocspresponse - returns the server's stapled ocsp response, when used with a tls client socket that negotiated the status_request extension.
... ssl_setstapledocspresponses - set's a stapled ocsp response for a tls server socket to return when clients send the status_request extension.
...And 2 more matches
nss tech note4
Mozilla › Projects › NSS › NSS Tech Notes › nss tech note4
}; static const secitem myoiditem = { (secitemtype) 0, (unsigned char *)myoid, sizeof(myoid) }; secitem myextvalue; mycertextdata data; secstatus rv = cert_findcertextensionbyoid(cert, &myoiditem, &myextvalue); if (rv == secsuccess) { sec_asn1decodercontext * context = sec_asn1decoderstart(null, &data, mycertexttemplate); rv = sec_asn1decoderupdate( context, (const char *)(myextvalue.data), myextvalue.len); if (rv == secsuccess) { /* now you can extract info from sec...
...eger if secitem *item->len <=4, then int value = der_getinteger(item); interpreting a secitem value as a string use string copy functions to copy item->len bytes from item->data and null terminate explicitly some higher level extension functions get a specific extension from the list of extensions, given the extension tag secstatus cert_findcertextension (certcertificate *cert, int tag, secitem *value); get a specific extension from the issuer's cert secstatus cert_findissuercertextension (certcertificate *cert, int tag, secitem *value); get the value of an extension with the given oid secstatus cert_findcertextensionbyoid (certcertificate *cert, secitem *oid, secitem *value); ...
... get the decoded value of the "basic constraints" extension secstatus cert_findbasicconstraintexten (certcertificate *cert, certbasicconstraints *value); get value of the keyusage extension.
...And 2 more matches
ssltyp.html
Mozilla › Projects › NSS › SSL functions › ssltyp.html
types and structures managing secitem memory types and structures these types and structures are described here: certcertdbhandle certcertificate pk11slotinfo secitem seckeyprivatekey secstatus additional types used by a single function only are described with the function's entry in each chapter.
... secstatus the return value for many ssl functions.
... syntax #include <seccomon.h> typedef enum { secwouldblock = -2, secfailure = -1, secsuccess = 0 } secstatus; enumerators the enum includes the following enumerators: secwouldblock reserved for internal use.
...And 2 more matches
NSS tools : signtool
Mozilla › Projects › NSS › tools › signtool
status path ------------ ------------------- verified test.f using netscape signing tool with a zip utility to use netscape signing tool with a zip utility, you must have the utility in your path environment variable.
...netscape internal pkcs #11 module (this module is internally loaded) slots: 2 slots attached status: loaded slot: communicator internal cryptographic services version 4.0 token: communicator generic crypto svcs slot: communicator user private key and certificate services token: communicator certificate db 2.
... cryptos (this is an external module) dll name: core32 slots: 1 slots attached status: loaded slot: litronic 210 token: ----------------------------------------------- using netscape signing tool and a smart card to sign files the signtool command normally takes an argument of the -k option to specify a signing certificate.
...And 2 more matches
mozIAsyncHistory
Mozilla › Tech › XPCOM › Reference › Interface › mozIAsyncHistory
rd 24.0 / seamonkey 2.21) implemented by: @mozilla.org/browser/history;1 as a service: var asynchistory = components.classes["@mozilla.org/browser/history;1"] .getservice(components.interfaces.moziasynchistory); method overview void getplacesinfo(in jsval aplaceidentifiers, in mozivisitinfocallback acallback); void isurivisited(in nsiuri auri, in mozivisitedstatuscallback acallback); void updateplaces(in moziplaceinfo, [optional] in mozivisitinfocallback acallback); methods getplacesinfo() starts an asynchronous request to determine whether or not a given uri has been visited; you must implement a callback to receive the result of the request.
... void getplacesinfo( in jsval aplaceidentifiers, in mozivisitinfocallback acallback ); parameters aplaceidentifiers the uri for which to determine the visited status.
... acallback an object implementing the mozivisitedstatuscallback.isvisited() method.
...And 2 more matches
nsIAutoCompleteListener
Mozilla › Tech › XPCOM › Reference › Interface › nsIAutoCompleteListener
inherits from: nsisupports last changed in gecko 1.7 method overview void onautocomplete(in nsiautocompleteresults result, in autocompletestatus status); void onstatus(in wstring statustext); attributes attribute type description param nsisupports private parameter used by the autocomplete widget.
...void onautocomplete( in nsiautocompleteresults result, in nsiautocompletestatus status ); parameters result an nsiautocompleteresults object containing the (partial) results of the autocomplete.
... status one of the constants defined in the nsiautocompletestatus interface.
...And 2 more matches
nsICacheListener
Mozilla › Tech › XPCOM › Reference › Interface › nsICacheListener
inherits from: nsisupports last changed in gecko 14 (firefox 14 / thunderbird 14 / seamonkey 2.11) method overview void oncacheentryavailable(in nsicacheentrydescriptor descriptor, in nscacheaccessmode accessgranted, in nsresult status); void oncacheentrydoomed(in nsresult status); methods oncacheentryavailable() this method is called when the requested access (or appropriate subset) is acquired.
... the status parameter equals ns_ok on success.
...void oncacheentryavailable( in nsicacheentrydescriptor descriptor, in nscacheaccessmode accessgranted, in nsresult status ); parameters descriptor the cache entry descriptor.
...And 2 more matches
nsIStringBundleService
Mozilla › Tech › XPCOM › Reference › Interface › nsIStringBundleService
this service, use: var stringbundleservice = components.classes["@mozilla.org/intl/stringbundle;1"] .getservice(components.interfaces.nsistringbundleservice); method overview nsistringbundle createbundle(in string aurlspec); nsistringbundle createextensiblebundle(in string aregistrykey); void flushbundles(); wstring formatstatusmessage(in nsresult astatus, in wstring astatusarg); methods createbundle() nsistringbundle createbundle( in string aurlspec ); parameters aurlspec the url of the properties file to load.
... formatstatusmessage() formats a message string from a status code and status arguments.
... typically used to format a message received by a nsiprogresseventsink's onstatus method.
...And 2 more matches
nsITransportEventSink
Mozilla › Tech › XPCOM › Reference › Interface › nsITransportEventSink
inherits from: nsisupports last changed in gecko 1.7 method overview void ontransportstatus(in nsitransport atransport, in nsresult astatus, in unsigned long long aprogress, in unsigned long long aprogressmax); methods ontransportstatus() transport status notification.
... void ontransportstatus( in nsitransport atransport, in nsresult astatus, in unsigned long long aprogress, in unsigned long long aprogressmax ); parameters atransport the transport sending this status notification.
... astatus the transport status (resolvable to a string using nsierrorservice).
...And 2 more matches
nsIXULBrowserWindow
Mozilla › Tech › XPCOM › Reference › Interface › nsIXULBrowserWindow
method overview astring onbeforelinktraversal(in astring originaltarget, in nsiuri linkuri, in nsidomnode linknode, in prbool isapptab); void setjsdefaultstatus(in astring status); void setjsstatus(in astring status); void setoverlink(in astring link, in nsidomelement element); methods onbeforelinktraversal() called before traversing a link to determine the appropriate target into which to load the link.
...setjsdefaultstatus() sets the default status according to javascript's version of the default status.
... void setjsdefaultstatus( in astring status ); parameters status the status string.
...And 2 more matches
Address book sync client design
Mozilla › Thunderbird › Address book sync client design
* * atransactionid - the id for this particular request * astatus - status code for the sync request * amsg - a text string describing the error (if any).
... */ void onstopauthoperation(in nsresult astatus, in wstring amsg, in string acookie); /** * notify the observer that the ab sync operation has begun.
... * called only once, at the beginning of a sync transaction * */ void onstartoperation(in print32 atransactionid, in pruint32 amsgsize); /** * notify the observer that progress as occurred for the ab sync operation */ void onprogress(in print32 atransactionid, in pruint32 aprogress, in pruint32 aprogressmax); /** * notify the observer with a status message for sync operation */ void onstatus(in print32 atransactionid, in wstring amsg); /** * notify the observer that the ab sync operation has been completed.
...And 2 more matches
Working with windows in chrome code
Mozilla › Working with windows in chrome code
we pass in the current status text as well as the maximum and current progress values.
...todo: link to how to pass an xpcom object to a new window when it has a more useful example opener code: window.opendialog("chrome://test/content/progress.xul", "myprogress", "chrome,centerscreen", {status: "reading remote data", maxprogress: 50, progress: 10} ); progress.xul: <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window onload="onload();" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script><![cdata[ var gstatus, gprogressmeter; var maxprogress = 100; function onload() { gstatus = document.getelementbyid("status"); gprogressmeter = document.getelementbyid("progressmeter"); if("arguments" in window && win...
...dow.arguments.length > 0) { maxprogress = window.arguments[0].maxprogress; setprogress(window.arguments[0].progress); setstatus(window.arguments[0].status); } } function setprogress(value) { gprogressmeter.value = 100 * value / maxprogress; } function setstatus(text) { gstatus.value = "status: " + text + "..."; } ]]></script> <label id="status" value="(no status)" /> <hbox> <progressmeter id="progressmeter" mode="determined" /> <button label="cancel" oncommand="close();" /> </hbox> </window> example 2: interacting with the opener sometimes an opened window needs to interact with its opener; for example, it might do so in order to give notice that the user has made changes in the window.
...And 2 more matches
Plug-in Development Overview - Plugins
Plugins › Guide › Plug-in Development Overview
for information about using these methods, see version, ui, and status information.
... displaying messages on the status line functionally, your plug-in is seamlessly integrated into the browser and operates as an addition to current browser capabilities.
... to make the user feel that the plug-in is part of the the browser user interface, your plug-in can emulate the browser behavior by providing status line messages.
...And 2 more matches
DataTransfer.clearData() - Web APIs
Web › API › DataTransfer › clearData
</span> <span class="tweaked" id="target">drop zone</span> <div>status: <span id="status">drag to start</span></div> <div>data is: <span id="data">uninitialized</span></div> css span.tweaked { display: inline-block; margin: 1em 0; padding: 1em 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } javascript window.addeventlistener('domcontentloaded', function () { // select html elements var draggable =...
... document.getelementbyid('source'); var dropable = document.getelementbyid('target'); var status = document.getelementbyid('status'); var data = document.getelementbyid('data'); var dropped = false; // register event handlers draggable.addeventlistener('dragstart', dragstarthandler); draggable.addeventlistener('dragend', dragendhandler); dropable.addeventlistener('dragover', dragoverhandler); dropable.addeventlistener('dragleave', dragleavehandler); dropable.addeventlistener('drop', drophandler); function dragstarthandler (event) { status.innerhtml = 'drag in process'; // change target element's border to signify drag has started event.currenttarget.style.border = '1px dashed blue'; // start by clearing existing clipboards; this will affect all types sin...
... event.datatransfer.cleardata(); // set the drag's format and data (use event target's id for data) event.datatransfer.setdata('text/plain', event.target.id); data.innerhtml = event.datatransfer.getdata('text/plain'); } function dragendhandler (event) { if (!dropped) { status.innerhtml = 'drag canceled'; } data.innerhtml = event.datatransfer.getdata('text/plain') || 'empty'; // change border to signify drag is no longer in process event.currenttarget.style.border = '1px solid black'; if (dropped) { // remove all event listeners draggable.removeeventlistener('dragstart', dragstarthandler); draggable.removeeventlistener('dragend', dragendhandler); dropable.removeeventlistener('d...
...And 2 more matches
Ajax navigation example - Web APIs
Web › API › History API › Example
st ajaxrequest = new (function () { function closereq () { oloadingbox.parentnode && document.body.removechild(oloadingbox); bisloading = false; } function abortreq () { if (!bisloading) { return; } oreq.abort(); closereq(); } function ajaxerror () { alert("unknown error."); } function ajaxload () { var vmsg, nstatus = this.status; switch (nstatus) { case 200: vmsg = json.parse(this.responsetext); document.title = opageinfo.title = vmsg.page; document.getelementbyid(stargetid).innerhtml = vmsg.content; if (bupdateurl) { history.pushstate(opageinfo, opageinfo.title, opageinfo.url); bupdat...
...eurl = false; } break; default: vmsg = nstatus + ": " + (ohttpstatus[nstatus] || "unknown"); switch (math.floor(nstatus / 100)) { /* case 1: // informational 1xx console.log("information code " + vmsg); break; case 2: // successful 2xx console.log("successful code " + vmsg); break; case 3: // redirection 3xx console.log("redirection code " + vmsg); break; */ case 4: /...
...* client error 4xx */ alert("client error #" + vmsg); break; case 5: /* server error 5xx */ alert("server error #" + vmsg); break; default: /* unknown status */ ajaxerror(); } } closereq(); } function filterurl (surl, sviewmode) { return surl.replace(rsearch, "") + ("?" + surl.replace(rhost, "&").replace(rview, sviewmode ?
...And 2 more matches
MediaQueryList - Web APIs
Web › API › MediaQueryList
this is very useful for adaptive design, since this makes it possible to observe a document to detect when its media queries change, instead of polling the values periodically, and allows you to programmatically make changes to a document based on media query status.
... addlistener() adds to the mediaquerylist a callback which is invoked whenever the media query status—whether or not the document matches the media queries in the list—changes.
... removelistener() removes the specified listener callback from the callbacks to be invoked when the mediaquerylist changes media query status, which happens any time the document switches between matching and not matching the media queries listed in the mediaquerylist.
...And 2 more matches
XMLHttpRequest - Web APIs
Web › API › XMLHttpRequest
xmlhttprequest.status read only returns an unsigned short with the status of the response of the request.
... xmlhttprequest.statustext read only returns a domstring containing the response string returned by the http server.
... unlike xmlhttprequest.status, this includes the entire text of the response message ("200 ok", for example).
...And 2 more matches
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
Web › Accessibility › Implementing MSAA server
caret role_alert role_window [inserted by system] role_client [important] role_menupopup [important] role_menuitem [important] role_tooltip role_application role_document role_pane [important] role_chart role_dialog [semi-important, not currently used by all at's] role_border role_grouping role_separator [important] role_toolbar role_statusbar [important] role_table [important] role_columnheader role_rowheader role_column role_row role_cell [important] role_link [important] role_helpballoon role_character role_list [important] role_listitem [important] role_outline [important] role_outlineitem [important] role_pagetab [important] role_propertypage [important] role_indica...
...common examples are button, listbox, combobox, msctls_statusbar32, msctls_trackbar32, #32770 (dialog class), systreeview32, static, edit and richedit.
...s is to objid_client object cache its parent's window handle and then implement its get_accparent() method to return the results of accessibleobjectfromwindow(mparenthwnd objid_window, iid_iaccessible, &ptr); not all msaa objects implemented by 3rd party vendors problem: as described above, screen readers tend to look first for window classes they know, such as button, listbox, combobox, msctls_statusbar32, msctls_trackbar32, #32770 (dialog class), systreeview32, static, edit and richedit.
...And 2 more matches
font - CSS: Cascading Style Sheets
Web › CSS › font
if font is specified as a system keyword, it must be one of: caption, icon, menu, message-box, small-caption, status-bar.
... status-bar the system font used in window status bars.
...<'font-family'> ] | caption | icon | menu | message-box | small-caption | status-barwhere <font-variant-css21> = [ normal | small-caps ] examples setting font properties /* set the font size to 12px and the line height to 14px.
...And 2 more matches
HTTP authentication - HTTP
Web › HTTP › Authentication
the challenge and response flow works like this: the server responds to a client with a 401 (unauthorized) response status and provides information on how to authorize with a www-authenticate response header containing at least one challenge.
...as both resource authentication and proxy authentication can coexist, a different set of headers and status codes is needed.
... in the case of proxies, the challenging status code is 407 (proxy authentication required), the proxy-authenticate response header contains at least one challenge applicable to the proxy, and the proxy-authorization request header is used for providing the credentials to the proxy server.
...And 2 more matches
Tk - HTTP
Web › HTTP › Headers › Tk
the tk response header indicates the tracking status that applied to the corresponding request.
...the origin server is currently testing its communication of tracking status.
...the origin server needs more information to determine tracking status.
...And 2 more matches
request - Archive of obsolete content
Archive › Add-ons › Add-on SDK › High-Level APIs › request
the example below shows how to use request to get the most recent tweet from the @mozhacks account: var request = require("sdk/request").request; var latesttweetrequest = request({ url: "https://api.twitter.com/1.1/statuses/user_timeline.json?screen_name=mozhacks&count=1", oncomplete: function (response) { var tweet = response.json[0]; console.log("user: " + tweet.user.screen_name); console.log("tweet: " + tweet.text); } }); // be a good consumer and check for rate limiting before doing more.
... request({ url: "https://api.twitter.com/1.1/application/rate_limit_status.json", oncomplete: function (response) { if (response.json.remaining_hits) { latesttweetrequest.get(); } else { console.log("you have been rate limited!"); } } }).get(); methods get() make a get request.
... status the http response status code (e.g.
... statustext the http response status line (e.g.
File I/O - Archive of obsolete content
Archive › Add-ons › Code snippets › File I O
so therefore for the first parameter, file, you can pass an nsifile object or a string (such as a jar path) see: netutil.asyncfetch: components.utils.import("resource://gre/modules/netutil.jsm"); netutil.asyncfetch(file, function(inputstream, status) { if (!components.issuccesscode(status)) { // handle error!
...var channel = netutil.newchannel(file); channel.contenttype = "application/json"; netutil.asyncfetch(channel, function(inputstream, status) { ...
...netutil.asynccopy(istream, ostream, function(status) { if (!components.issuccesscode(status)) { // handle error!
... createinstance(components.interfaces.nsiconverteroutputstream); converter.init(fostream, "utf-8", 0, 0); converter.writestring(data); converter.close(); // this closes fostream note: the file status flags used in the nsifileoutputstream.init() function are documented in pr_open.
Listening to events in Firefox extensions - Archive of obsolete content
Archive › Add-ons › Listening to events in Firefox extensions
it is used to update the ui for many different reasons: update the progress bar and status messages as pages load turn on and off the throbber as pages load set the site icon when available update the address bar as the user navigates hide notification bars when appropriate as the user navigates apply the site zoom preferences to newly loading pages update the bookmarking star button ui update the identity display as the site's security changes tabsprogresslistener this objec...
...first it creates a browser-status-filter and adds it as a web progress listener for the browser.
...this receives events from the browser-status-filter.
... the filter acts to reduce the number of status and progress events to improve performance.
Updating addons broken by private browsing changes - Archive of obsolete content
Archive › Add-ons › Updating addons broken by private browsing changes
moziasyncfavicons/nsifaviconservice: setandfetchfaviconforpage/setandloadfaviconforpage now take a required privacy status argument, either nsifaviconservice.favicon_load_private or nsifaviconservice.favicon_load_non_private.
... nsicontentprefservice: getpref, setpref, haspref, hascachedpref, removepref, removegroupedprefs, removeprefsbyname, getprefs, and getprefsbyname all take a required nsiloadcontext argument to indicate the privacy status of the pref in question.
...use {private: privatebrowsingutils.iswindowprivate(window)} to open a window that matches the current window's privacy status.
...any new private browsing session should be opened using openbrowserwindow, and any queries for private browsing status should use privatebrowsingutils.iswindowprivate(win) on a relevant window object.
Specifying the appearance - Archive of obsolete content
Archive › Mozilla › Creating a Mozilla extension › Specifying the appearance
for this we have to first create four icons, one for each tinderbox state (none, success, test failed, and busted), then create a set of css rules that displays the icon corresponding to the current tinderbox state: statusbarpanel#tinderbox-status { list-style-image: url("chrome://navigator/content/tb-nostatus.png"); } statusbarpanel#tinderbox-status[status="success"] { list-style-image: url("chrome://navigator/content/tb-success.png"); } statusbarpanel#tinderbox-status[status="testfailed"] { list-style-image: url("chrome://navigator/content/tb-testfailed.png"); } statusbarpanel#tinderbox-status[status="busted"] { list-style-image: url("chrome://navigator/content/tb-buste...
...d.png"); } mozilla can have multiple sets of stylesheets that govern its appearance, and we don't want to have to add these rules to each set (and have our extension break when a new set gets installed), so we'll put this stylesheet in a file called tinderstatus.css in the same directory as navigator.xul and reference it at the top of that file right under the global stylesheet reference: <?xml-stylesheet href="chrome://navigator/skin/" type="text/css"?> <?xml-stylesheet href="chrome://navigator/content/tinderstatus.css" type="text/css"?> our css rules use the list-style-image property to define an image to appear when our status bar panel, identified by its id attribute, has a given value for its status attribute.
...make your own icons for the four states or use the following icons: no status , success , test failed and busted .
... if you restart mozilla now you should see the "no status" icon appear in the browser's status bar.
menubar - Archive of obsolete content
Archive › Mozilla › XUL › menubar
attributes grippyhidden, statusbar properties accessibletype, statusbar examples <menubar id="sample-menubar"> <menu id="action-menu" label="action"> <menupopup id="action-popup"> <menuitem label="new"/> <menuitem label="save" disabled="true"/> <menuitem label="close"/> <menuseparator/> <menuitem label="quit"/> </menupopup> </menu> <menu id="edit-menu" label="edit"> <men...
... statusbar type: id if you set this attribute to the id of a statusbar element, the label on the statusbar will update to the statustext of the items on the menu as the user moves the mouse over them.
... statusbar type: id of statusbar element gets and sets the value of the statusbar attribute.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature,...
2006-12-01 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-planning › 2006-12-01
discussion november 29th gecko 1.9/gran paradiso status meeting other than annoucing the meeting, this thread discusses where else can info about what happens at the meetings be found (since the agenda often seems bare).
... bon echo project status: remaining "to-do" items beltzner starts a discussion on when to offer 1.5.0.8+ users the chance to upgrade to ff2.x (now or when ff2.0.0.1 is released).
... meetings november 29th gecko 1.9/gran paradiso status meeting: (agenda).
... november 27 weekly project status meeting: (agenda) ...
Tamarin Tracing Build Documentation - Archive of obsolete content
Archive › Tamarin Tracing Build Documentation
for instructions on tamarin central, please see tamarin build documentation supported platforms operating system processor status windows xp x86 supported, acceptance and performance tests automated in buildbot mac os x 10.4 x86 supported, acceptance and performance tests automated in buildbot linux - ubuntu 8.0.4 x86 supported, acceptance and performance tests automated in buildbot windows mobile (pocket pc 5.0) armv4t supported, acceptance and performance tests automated in buildbot raw image (no os) armv5 supported, acceptance and performance tests not done linux (nokia n810) armv5 supported, acceptance and performance tests not done current build status...
... the current tamarin tracing build status can be found at tamarin tracing build status getting the tamarin source the tamarin tracing source resides in mercurial at tamarin tracing.
...an email with the build status will be sent to this address when a builder completes whether it is passes or fails.
...description: self explanatory check the status of the build @ http://tamarin-builds.mozilla.org/sandbox/ tryserver etiquette the sandbox is not a good substitute for running the regression tests locally to catch obvious problems.
Using workers in extensions - Archive of obsolete content
Archive › Using workers in extensions
if you haven't already created an extension, or would like to refresh your memory, take a look at the previous articles in this series: creating a status bar extension creating a dynamic status bar extension adding preferences to an extension localizing an extension updating an extension to support multiple mozilla applications download the sample you may download the complete example: download the example.
... how this differs from previous versions this version of the stock ticker extension moves the xmlhttprequest call that fetches updated stock information into a worker thread, which then passes that information back to the main body of the extension's code to update the display in the status bar.
... when the result is received from xmlhttprequest, instead of immediately updating the displayed information in the status bar, a message is sent to the main thread using the worker's postmessage() method.
...its job is to update the ticker information that's currently displayed in the status bar, as well as to update the tooltip that appears while the mouse cursor is hovering over the ticker.
New in JavaScript - Archive of obsolete content
Archive › Web › JavaScript › New in JavaScript
this chapter contains information about javascript's version history and implementation status for mozilla/spidermonkey-based javascript applications, such as firefox.
... ecmascript 5 support implementation status for the current standard ecma-262 edition 5.1 in mozilla-based engines and products.
... ecmascript 2015 support implementation status for the draft ecma-262 edition 6 (es2015) in mozilla-based engines and products.
... ecmascript next support implementation status for upcoming ecma-262 features as per the yearly (es2016/es2017/es2018/...) release schedule in mozilla-based engines and products.
How do you make sure your website works properly? - Learn web development
Learn › Common questions › Checking that your web site is working properly
http statuses servers respond with a status message whenever they receive a request.
... here are the most common statuses: 200: ok the resource you asked for was delivered.
...let's look at the http statuses again: 200 for / and for unicorn_pic.png means that we succeeded in reloading the page and the image.
... so we fixed the error and learned a few http statuses along the way!
Starting our Svelte Todo list app - Learn web development
Learn › Tools and testing › Client-side JavaScript frameworks › Svelte Todo list beginning
filter tasks by status: all tasks, active tasks, or completed tasks.
...lass="btn toggle-btn" aria-pressed="false"> <span class="visually-hidden">show</span> <span>active</span> <span class="visually-hidden">tasks</span> </button> <button class="btn toggle-btn" aria-pressed="false"> <span class="visually-hidden">show</span> <span>completed</span> <span class="visually-hidden">tasks</span> </button> </div> <!-- todosstatus --> <h2 id="list-heading">2 out of 3 items completed</h2> <!-- todos --> <ul role="list" class="todo-list stack-large" aria-labelledby="list-heading"> <!-- todo-1 (editing mode) --> <li class="todo"> <div class="stack-small"> <form class="stack-small"> <div class="form-group"> <label for="todo-1" class="todo-label"> new name for 'c...
... three buttons to filter by task status.
... if the task is not being edited, there's a checkbox to set the completed status, and two buttons to edit or delete the task.
Vue conditional rendering: editing existing todos - Learn web development
Learn › Tools and testing › Client-side JavaScript frameworks › Vue conditional rendering
update the <to-do-item></to-do-item> call inside the app.vue template to look like this: <to-do-item :label="item.label" :done="item.done" :id="item.id" @checkbox-changed="updatedonestatus(item.id)" @item-deleted="deletetodo(item.id)" @item-edited="edittodo(item.id, $event)"> </to-do-item> and there you have it — you should now be able to edit and delete items from the list!
... fixing a small bug with isdone status this is great so far, but we've actually introduced a bug by adding in the edit functionality.
... note the state of the checkbox after you cancel — not only has the app forgotten the state of the checkbox, but the done status of that todo item is now out of whack.
... result: updatedonestatus() method invoked to update done status of associated todo item.
Localizing with Koala
Mozilla › Localization › Localizing with Koala
assuming that your locale files are in c:\mozilla\l10n\locale\x-testing\3.6 which is where the local mercurial repository was created (see creating a new project section), you should be able to successfully issue "hg cmd" commands in that directory (where "cmd" might be "status", "log", "commit" etc.).
... for example, try issuing "hg status" inside c:\mozilla\l10n\locale\x-testing\3.6: c:\mozilla\l10n\locale\x-testing\3.6> hg status ?
...if you switch to the command line and issue "hg status" again, you should now see that the files are scheduled for addition on the next commit (which is indicated by the letter "a" standing in front of each new file): c:\mozilla\l10n\locale\x-testing\3.6> hg status a browser\chrome\browser\search.properties a browser\chrome\browser\searchbar.dtd you now have to commit the new files to the repository.
... if you now go to the command line, "hg status" will not display anything (because there are no uncommitted changes in the repository).
NSS Sample Code Sample1
Mozilla › Projects › NSS › NSS Sample Code › NSS Sample Code Sample1
pl_strfree(mservername); if (mwrappedenckey) secitem_freeitem(mwrappedenckey, pr_true); if (mwrappedmackey) secitem_freeitem(mwrappedmackey, pr_true); if (menckey) pk11_freesymkey(menckey); if (mmackey) pk11_freesymkey(mmackey); } int server::init() { int rv = 0; seckeyprivatekey *prvkey = 0; seckeypublickey *pubkey = 0; pk11slotinfo *slot = 0; pk11rsagenparams rsaparams; secstatus s; // see if there is already a private key with this name.
...ey(seckeypublickey **pubkey) { int rv; seckeyprivatekey *prvkey = 0; rv = getprivatekey(&prvkey); if (rv) goto done; *pubkey = seckey_converttopublickey(prvkey); if (!*pubkey) { rv = 1; goto done; } done: if (prvkey) seckey_destroyprivatekey(prvkey); return rv; } int server::wrapkey(pk11symkey *key, seckeypublickey *pubkey, secitem **ret) { int rv = 0; secitem *data; secstatus s; data = (secitem *)port_zalloc(sizeof(secitem)); if (!data) { rv = 1; goto done; } // allocate space for output of wrap data->len = seckey_publickeystrength(pubkey); data->data = new unsigned char[data->len]; if (!data->data) { rv = 1; goto done; } s = pk11_pubwrapsymkey(ckm_rsa_pkcs, pubkey, key, data); if (s != secsuccess) { rv = 1; goto done; } *ret = data; data = 0; ...
...int server::rawexportkey(pk11symkey *key, secitem **res) { int rv = 0; secitem *data; secstatus s; s = pk11_extractkeyvalue(key); if (s != secsuccess) { rv = 1; goto done; } data = pk11_getkeydata(key); *res = secitem_dupitem(data); if (!*res) { rv = 1; goto done; } done: return rv; } // initialize the nss library.
...int initnss() { int rv = 0; secstatus s; s = nss_initreadwrite("."); if (s != secsuccess) rv = 1; // error // for this example, we don't use database passwords pk11_initpin(pk11_getinternalkeyslot(), "", ""); return rv; } int main(int argc, char *argv[]) { int rv; server *server1 = 0; server *server2 = 0; // initialize nss rv = initnss(); if (rv) { cout << "initnss failed" << endl; goto done; } // create the first "server" server1 = new server("server1"); if (!server1 || server1->init()) { cout << "server1 could not be created" << endl; rv = 1; goto done; } /...
NSS Sample Code Utilities_1
Mozilla › Projects › NSS › NSS Sample Code › NSS Sample Code Utililies 1
->data[truelen++] = digit1 << 4 | digit2; } } else { while (*instring) { if (*instring == '\n') { instring++; continue; } outbuf->data[truelen++] = *instring++; } outbuf->data[truelen] = '\0'; truelen = truelen-1; } outbuf->len = truelen; return 0; } /* * filetoitem */ secstatus filetoitem(secitem *dst, prfiledesc *src) { prfileinfo info; print32 numbytes; prstatus prstatus; prstatus = pr_getopenfileinfo(src, &info); if (prstatus != pr_success) { return secfailure; } dst->data = 0; if (secitem_allocitem(null, dst, info.size)) { numbytes = pr_read(src, dst->data, info.size); if (numbytes == info.size) { ...
...password); case pw_fromfile: pw = filepasswd(slot, retry, pwdata->data); pwdata->source = pw_plaintext; pwdata->data = pl_strdup(pw); return pw; case pw_plaintext: return pl_strdup(pwdata->data); default: break; } pr_fprintf(pr_stderr, "password check failed: no password found.\n"); return null; } /* * generaterandom */ secstatus generaterandom(unsigned char *rbuf, int rsize) { char meter[] = { "\r| |" }; int fd, count; int c; secstatus rv = secsuccess; cc_t orig_cc_min; cc_t orig_cc_time; tcflag_t orig_lflag; struct termios tio; fprintf(stderr, "to generate random n...
... press enter to continue: "); while ((c = getc(stdin)) != '\n' && c != eof) ; if (c == eof) rv = secfailure; fprintf(stderr, "\n"); /* set back termio the way it was */ tio.c_lflag = orig_lflag; tio.c_cc[vmin] = orig_cc_min; tio.c_cc[vtime] = orig_cc_time; tcsetattr(fd, tcsaflush, &tio); return rv; } /* * seedfromnoisefile */ secstatus seedfromnoisefile(const char *noisefilename) { char buf[2048]; prfiledesc *fd; print32 count; fd = pr_open(noisefilename, pr_rdonly, 0); if (!fd) { fprintf(stderr, "failed to open noise file."); return secfailure; } do { count = pr_read(fd,buf,sizeof(buf)); if (count > 0) { pk11_randomupdate(buf,count); } } whil...
...e (count > 0); pr_close(fd); return secsuccess; } /* * filesize */ long filesize(const char* filename) { struct stat stbuf; stat(filename, &stbuf); return stbuf.st_size; } /* * readderfromfile */ secstatus readderfromfile(secitem *der, const char *infilename, prbool ascii) { secstatus rv = secsuccess; prfiledesc *infile = null; infile = pr_open(infilename, pr_rdonly, 0); if (!infile) { pr_fprintf(pr_stderr, "failed to open file \"%s\" (%ld, %ld).\n", infilename, pr_geterror(), pr_getoserror()); rv = secfailure; goto cleanup; } if (ascii) { /* first convert ascii to binary */ secitem filedata; char *asc, *body; /* read in ascii data */ rv = filetoitem(&fi...
Python binding for NSS
Mozilla › Projects › NSS › Python binding for NSS
nss.certverifylognode nss.certverifylog error.certverifyerror (exception) nss.authorityinfoaccess nss.authorityinfoaccesses the following class methods were added: nss.certificate.is_ca_cert nss.certificate.verify nss.certificate.verify_with_log nss.certificate.get_cert_chain nss.certificate.check_ocsp_status nss.pk11slot.list_certs nss.certverifylognode.format_lines nss.certverifylog.format_lines nss.crldistributionpts.format_lines the following class properties were added: nss.certverifylognode.certificate nss.certverifylognode.error nss.certverifylognode.depth nss.certverifylog.count the following mod...
...11certlistuserunique nss.pk11certlistall nss.certusagesslclient nss.certusagesslserver nss.certusagesslserverwithstepup nss.certusagesslca nss.certusageemailsigner nss.certusageemailrecipient nss.certusageobjectsigner nss.certusageusercertimport nss.certusageverifyca nss.certusageprotectedobjectsigner nss.certusagestatusresponder nss.certusageanyca nss.ocspmode_failureisverificationfailure nss.ocspmode_failureisnotaverificationfailure internal changes reimplement exception handling nsprerror is now derived from standardexception instead of environmenterror.
... update hostentry documentation to indicate it's deprecated status.
... fix return value creation in sslsocket.get_security_status convert licensing to mpl tri-license the following were added: nss.io.socket.new_socket_pair() nss.io.socket.poll() nss.io.socket.import_tcp_socket() nss.nss.certificate.get_subject_common_name() nss.nss.generate_random() nss.ssl.sslsocket.import_tcp_socket() release 0.1.0 release date 2008-07-09 scm tag ...
sslerr.html
Mozilla › Projects › NSS › SSL functions › sslerr.html
eters." ssl_error_unsupported_extension_alert -12184 "ssl peer does not support requested tls hello extension." ssl_error_certificate_unobtainable_alert -12183 "ssl peer could not obtain your certificate from the supplied url." ssl_error_unrecognized_name_alert -12182 "ssl peer has no certificate for the requested dns name." ssl_error_bad_cert_status_response_alert -12181 "ssl peer was unable to get an ocsp response for its certificate." ssl_error_bad_cert_hash_value_alert -12180 "ssl peer reported bad certificate hash value." unspecified errors that occurred while attempting some operation: all the error codes in the following block describe the operation that was being attempted at the time of the uns...
...." sec_error_crl_not_yet_valid -8078 "the certificate revocation list for this certificate is not yet valid." sec_error_unknown_cert -8077 "the requested certificate could not be found." sec_error_unknown_signer -8076 "the signer's certificate could not be found." sec_error_cert_bad_access_location -8075 "the location for the certificate status server has invalid format." sec_error_ocsp_unknown_response_type -8074 "the ocsp response cannot be fully decoded; it is of an unknown type." sec_error_ocsp_bad_http_response -8073 "the ocsp server returned unexpected/invalid http data." sec_error_ocsp_malformed_request -8072 "the ocsp server found the request to be corrupted or improperly formed." ...
...experienced an internal error." sec_error_ocsp_try_server_later -8070 "the ocsp server suggests trying again later." sec_error_ocsp_request_needs_sig -8069 "the ocsp server requires a signature on this request." sec_error_ocsp_unauthorized_request -8068 "the ocsp server has refused this request as unauthorized." sec_error_ocsp_unknown_response_status -8067 "the ocsp server returned an unrecognizable status." sec_error_ocsp_unknown_cert -8066 "the ocsp server has no status for the certificate." sec_error_ocsp_not_enabled -8065 "you must enable ocsp before performing this operation." sec_error_ocsp_no_default_responder -8064 "you must set the ocsp default responder before performing this operat...
...ion." sec_error_ocsp_malformed_response -8063 "the response from the ocsp server was corrupted or improperly formed." sec_error_ocsp_unauthorized_response -8062 "the signer of the ocsp response is not authorized to give status for this certificate." sec_error_ocsp_future_response -8061 "the ocsp response is not yet valid (contains a date in the future)." sec_error_ocsp_old_response -8060 "the ocsp response contains out-of-date information." sec_error_digest_not_found -8059 "the cms or pkcs #7 digest was not found in signed message." sec_error_unsupported_message_type -8058 "the cms or pkcs #7 message type is unsupported." sec_error_module_stuck -8057 "pkcs #11 module could not be removed beca...
NSS Tools modutil
Mozilla › Projects › NSS › tools › NSS Tools modutil
creating a set of security management database files (key3.db, cert8.db, and secmod.db): -create displaying basic module information or detailed information about the contents of a given module: -list [modulename] adding a pkcs #11 module, which includes setting a supporting library file, enabling ciphers, and setting default provider status for various security mechanisms: -add modulename -libfile library-file [-ciphers cipher-enable-list] [-mechanisms mechanism-list] adding a pkcs #11 module from an existing jar file: -jar jar-file -installdir root-installation-directory [-tempdir temporary-directory] deleting a specific pkcs #11 module from a security module database: -delete modulename initializing or changing a t...
...oken's password: -changepw tokenname [-pwfile old-password-file] [-newpwfile new-password-file] setting the default provider status of various security mechanisms in an existing pkcs #11 module: -default modulename -mechanisms mechanism-list clearing the default provider status of various security mechanisms in an existing pkcs #11 module: -undefault modulename -mechanisms mechanism-list enabling a specific slot or all slots within a module: -enable modulename [-slot slotname] disabling a specific slot or all slots within a module: -disable modulename [-slot slotname] enabling or disabling fips 140-2 compliance within the netscape communicator internal module: -fips [true | false] disabling interactive prompts for the security module database tool, to support scrip...
... file: **internal only module**manufacturer: netscape communications corp description: communicator internal crypto svcpkcs #11 version 2.0library version: 4.0cipher enable flags: nonedefault mechanism flags: rsa:dsa:rc2:rc4:des:sha1:md5:md2slot: communicator internal cryptographic services version 4.0manufacturer: netscape communications corp type: softwareversion number: 4.1firmware version: 0.0status: enabledtoken name: communicator generic crypto svcstoken manufacturer: netscape communications corp token model: libsec 4.0 token serial number: 0000000000000000token version: 4.0token firmware version: 0.0access: write protectedlogin type: public (no login required)user pin: not initializedslot: communicator user private key and certificate servicesmanufacturer: netscape communications corp typ...
...e: softwareversion number: 3.0firmware version: 0.0status: enabledtoken name: communicator certificate db token manufacturer: netscape communications corp token model: libsec 4.0 token serial number: 0000000000000000token version: 7.0token firmware version: 0.0access: not write protectedlogin type: login requireduser pin: not initialized setting a default provider this example makes the specified module a default provider for the rsa, dsa, and rc2 security mechanisms: modutil -default "cryptographic module" -dbdir c:\databases -mechanisms rsa:dsa:rc2 the security module database tool displays a warning: warning: performing this operation while communicator is running couldcause corruption of your security databases.
JS_AddFinalizeCallback
Mozilla › Projects › SpiderMonkey › JSAPI reference › JS AddFinalizeCallback
callback syntax typedef enum jsfinalizestatus { jsfinalize_group_start, jsfinalize_group_end, jsfinalize_collection_end } jsfinalizestatus; typedef void (* jsfinalizecallback)(jsfreeop *fop, jsfinalizestatus status, bool iscompartment, void *data); name type description fop jsfreeop * a pointer to an instance of jsfreeop.
... status jsfinalizestatus one of the jsfinalizestatus constants, described below, indicating the stage of finalize.
...the collector will not yield to the mutator before calling the callback with jsfinalize_group_end status.
... see also mxr id search for js_addfinalizecallback mxr id search for js_removefinalizecallback mxr id search for jsfinalizestatus mxr id search for jsfinalize_group_start mxr id search for jsfinalize_group_end mxr id search for jsfinalize_collection_end mxr id search for jsfinalizecallback jsfreeop js_setgccallback bug 723286 - separated from js_setgccallback as js_setfinalizecallback bug 996785 - replaced with js_addfinalizecallback ...
Using the Places history service
Mozilla › Tech › Places › Using the Places history service
if database initialization completes correctly a "places-init-complete" topic is notified, at this point is possible to look for database status: var databasestatus = historyservice.databasestatus; switch (databasestatus) { case historyservice.database_status_ok: // database did already exist and has been correctly initialized.
... break; case historyservice.database_status_create: // database did not exist, a new one has just been created and initialized.
... break; case historyservice.database_status_corrupt: // database was corrupt, has been moved to a .corrupt file and a new one has been created and initialized.
... break; case historyservice.database_status_upgraded: // database had an old schema version and has been upgraded to a new one.
Components.isSuccessCode
Mozilla › Tech › XPCOM › Language Bindings › Components.isSuccessCode
if the task is sufficiently complex that it can fail, the notification will include a status code indicating the success or failure of the operation (see, for example, nsirequestobserver.onstoprequest()).
... to determine the success or failure of the complex task, you would call components.issuccesscode() upon the status code included in the notification.
...c = components.classes; const ci = components.interfaces; const cr = components.results; // global flags polled externally var copyfailed = false; var copyinprogress = false; function copybufferedstream(instream, outstream) { var copyobserver = { onstartrequest: function(request, context) { copyinprogress = true; }, onstoprequest: function(request, context, statuscode) { copyinprogress = false; // did the copy fail?
... if (!components.issuccesscode(statuscode)) copyfailed = true; }, queryinterface: function(aiid) { if (aiid.equals(ci.nsirequestobserver) || aiid.equals(ci.nsisupports)) return this; throw cr.ns_error_no_interface; } }; var copier = cc["@mozilla.org/network/async-stream-copier;1"] .createinstance(ci.nsiasyncstreamcopier); copier.init(instream, outstream, null, true, false, 8192, true, true); copier.asynccopy(copyobserver, null); } ...
imgIDecoderObserver
Mozilla › Tech › XPCOM › Reference › Interface › imgIDecoderObserver
ntainer(in imgirequest arequest, in imgicontainer acontainer); void onstartdecode(in imgirequest arequest); void onstartframe(in imgirequest arequest, in unsigned long aframe); void onstartrequest(in imgirequest arequest); void onstopcontainer(in imgirequest arequest, in imgicontainer acontainer); void onstopdecode(in imgirequest arequest, in nsresult status, in wstring statusarg); void onstopframe(in imgirequest arequest, in unsigned long aframe); void onstoprequest(in imgirequest arequest, in boolean aislastpart); methods native code only!ondataavailable decode notification.
...by the time this callback is been called, the size has been set on the container and status_size_available has been set on the associated imgrequest.
...void onstopdecode( in imgirequest arequest, in nsresult status, in wstring statusarg ); parameters arequest the request on which data is available, or null if being called for an imgidecoder object.
... status missing description statusarg missing description onstopframe() a decode notification that is called when a frame is finished decoding.
nsIProtocolProxyCallback
Mozilla › Tech › XPCOM › Reference › Interface › nsIProtocolProxyCallback
1.0 66 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) method overview void onproxyavailable(in nsicancelable arequest, in nsiuri auri, in nsiproxyinfo aproxyinfo, in nsresult astatus); methods onproxyavailable() this method is called when proxy info is available or when an error in the proxy resolution occurs.
... void onproxyavailable( in nsicancelable arequest, in nsiuri auri, in nsiproxyinfo aproxyinfo, in nsresult astatus ); parameters arequest the value returned from asyncresolve.
... astatus the status of the callback.
... this is a failure code if the request could not be satisfied, in which case the value of astatus indicates the reason for the failure and aproxyinfo will be null.
nsITraceableChannel
Mozilla › Tech › XPCOM › Reference › Interface › nsITraceableChannel
1.0 66 introduced gecko 1.9.0.4 inherits from: nsisupports last changed in gecko 1.9.0.4 the typical way to use this interface is as follows: register for the "http-on-examine-response" notification to track all http responses; skip redirects (responsestatus = 3xx on nsihttpchannel), since otherwise you may end up with two listeners registered for a channel; qi the channel passed as the "subject" to your observer to nsitraceablechannel, and replace the default nsistreamlistener (that passes the data to the original requester - e.g.
...holds chunks as they come, onstoprequest we join these junks to get the full source this.responsebody; // we'll set this to the this.responsestatuscode; this.deferreddone = { promise: null, resolve: null, reject: null }; this.deferreddone.promise = new promise(function(resolve, reject) { this.resolve = resolve; this.reject = reject; }.bind(this.deferreddone)); object.freeze(this.deferreddone); this.promisedone = this.deferreddone.promise; } tracinglistener.prototype = { ondataavailable: function(arequest, acontext, ainputst...
... var data = istream.readbytes(acount); this.receivedchunks.push(data); ostream.writebytes(data, acount); this.originallistener.ondataavailable(arequest, acontext, sstream.newinputstream(0), aoffset, acount); }, onstartrequest: function(arequest, acontext) { this.originallistener.onstartrequest(arequest, acontext); }, onstoprequest: function(arequest, acontext, astatuscode) { this.responsebody = this.receivedchunks.join(""); delete this.receivedchunks; this.responsestatus = astatuscode; this.originallistener.onstoprequest(arequest, acontext, astatuscode); this.deferreddone.resolve(); }, queryinterface: function(aiid) { if (aiid.equals(ci.nsistreamlistener) || aiid.equals(ci.nsisupports)) { return this; } throw cr.ns_nointerface; } }; var...
...rface(ci.nsitraceablechannel); newlistener.originallistener = asubject.setnewlistener(newlistener); /////// end - do not edit newlistener.promisedone.then( function() { // no error happened console.log('yay response done:', newlistener.responsebody); }, function(areason) { // promise was rejected, right now i didnt set up rejection, but i should listen to on abort or bade status code then reject maybe } ).catch( function(acatch) { console.error('something went wrong, a typo by dev probably:', acatch); } ); } }; services.obs.addobserver(httpresponseobserver, 'http-on-examine-response', false); // services.obs.removeobserver(httpresponseobserver, 'http-on-examine-response'); // call this when you dont want to listen anymore ...
nsITransport
Mozilla › Tech › XPCOM › Reference › Interface › nsITransport
for a socket transport, these events can include status about the connection.
... open_unbuffered 1<<1 generic nsitransporteventsink status codes.
... nsitransport implementations may override these status codes with their own more specific status codes (for example, see nsisockettransport).
... constant value description status_reading 0x804b0008 status_writing 0x804b0009 methods close() close the transport and any open streams.
nsIWebSocketListener
Mozilla › Tech › XPCOM › Reference › Interface › nsIWebSocketListener
ntext, in pruint32 asize); void onbinarymessageavailable(in nsisupports acontext, in acstring amsg); void onmessageavailable(in nsisupports acontext, in autf8string amsg); void onserverclose(in nsisupports acontext, in unsigned short acode, in autf8string areason); void onstart(in nsisupports acontext); void onstop(in nsisupports acontext, in nsresult astatuscode); methods onacknowledge() called to acknowledge a message sent via nsiwebsocketchannel.sendmsg() or nsiwebsocketchannel.sendbinarymsg().
... acode the websocket closing handshake status code; see status codes for possible values.
...void onstop( in nsisupports acontext, in nsresult astatuscode ); parameters acontext user defined context.
... astatuscode reason for stopping (ns_ok if completed successfully).
Index
Mozilla › Thunderbird › Index
the activity manager works in conjunction with the interactive status bar to give the user notifications concerning what thunderbird is doing and how thunderbird has handled user requests.
... spam detection happens after filters are run white listing happens after filters, but before spam detection the purge code is implemented as a search of the "junk" folder, looking for "old" message that have the proper junk status.
... 79 building a thunderbird extension 6: adding javascript in this step we will create a small piece of javascript code that inserts the current date into our statusbar widget.
... the statusbar is usually displayed at the bottom of the thunderbird window.
DOM Inspector internals - Firefox Developer Tools
Tools › Add-ons › DOM Inspector › Internals
ing: extensions/ … jsutil/ … prefs/ … res/ … tests/ … viewers/ … browseroverlay.xul commandoverlay.xul editingoverlay.xul flasher.js hooks.js inspector.css inspector.js inspectoroverlay.xul inspector.xml inspector.xul keysetoverlay.xul object.js object.xul popupoverlay.xul sidebar.js sidebar.xul statusbaroverlay.xul tasksoverlay-cz.xul tasksoverlay-ff.xul tasksoverlay-mobile.xul tasksoverlay-sb.xul tasksoverlay-tb.xul tasksoverlay.xul toolboxoverlay.xul utils.js venkmanoverlay.xul viewerregistry.js overlays you will notice that there are a lot of overlays.
... chrome://inspector/content/viewers/d...pupoverlay.xul chrome://inspector/content/viewers/s...pupoverlay.xul chrome://inspector/content/commandoverlay.xul chrome://inspector/content/viewers/d...andoverlay.xul chrome://inspector/content/keysetoverlay.xul chrome://inspector/content/viewers/d...setoverlay.xul chrome://inspector/content/statusbaroverlay.xul chrome://global/content/globaloverlay.xul (note that the overlays from the viewer subdirectories—viewers/dom and viewers/stylerules—are loaded as a result of overlay directives in dom inspector's chrome manifest, rather than being explicitly imported using a xul-overlay processing instruction in the overlaid file.) inspectoroverlay.xul this imports the scripts th...
... statusbaroverlay.xul this defines the contents of the dom inspector's status bar.
... dom inspector doesn't have a status bar, so this is entirely useless.
Navigator.getBattery() - Web APIs
Web › API › Navigator › getBattery
it returns a battery promise, which is resolved in a batterymanager object providing also some new events you can handle to monitor the battery status.
... 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.
... specifications specification status comment battery status apithe definition of 'navigator.getbattery()' in that specification.
Online and offline events - Web APIs
Web › API › NavigatorOnLine › Online and offline events
you also need to know when your application has returned to an 'online' status again.
...network status autodetection was implemented in firefox 2.
... here's the javascript part: window.addeventlistener('load', function() { var status = document.getelementbyid("status"); var log = document.getelementbyid("log"); function updateonlinestatus(event) { var condition = navigator.online ?
... "online" : "offline"; status.classname = condition; status.innerhtml = condition.touppercase(); log.insertadjacenthtml("beforeend", "event: " + event.type + "; status: " + condition); } window.addeventlistener('online', updateonlinestatus); window.addeventlistener('offline', updateonlinestatus); }); a touch of css #status { position: fixed; width: 100%; font: bold 1em sans-serif; color: #fff; padding: 0.5em; } #log { padding: 2.5em 0.5em 0.5em; font: 1em sans-serif; } .online { background: green; } .offline { background: red; } and the corresponding htmlxxx when mochitests for this are created, point to those instead and update this example -nickolay <div id="status"></div> <div id="log"></div> <p>this is a test</p> here's the live result not...
Using the Notifications API - Web APIs
Web › API › Notifications API › Using the Notifications API
checking current permission status you can check to see if you already have permission by checking the value of the notification.permission read only property.
... tag example assume the following basic html: <button>notify me!</button> it's possible to handle multiple notifications this way: window.addeventlistener('load', function () { // at first, let's check if we have permission for notification // if not, let's ask for it if (window.notification && notification.permission !== "granted") { notification.requestpermission(function (status) { if (notification.permission !== status) { notification.permission = status; } }); } var button = document.getelementsbytagname('button')[0]; button.addeventlistener('click', function () { // if the user agreed to get notified // let's try to send ten notifications if (window.notification && notification.permission === "granted") { var i = 0; ...
... else if (window.notification && notification.permission !== "denied") { notification.requestpermission(function (status) { // if the user said okay if (status === "granted") { var i = 0; // using an interval cause some browsers (including firefox) are blocking notifications if there are too much in a certain time.
...al(interval); } }, 200); } // otherwise, we can fallback to a regular modal alert else { alert("hi!"); } }); } // if the user refuses to get notified else { // we can fallback to a regular modal alert alert("hi!"); } }); }); see the live result below: specifications specification status comment notifications api living standard living standard ...
Pointer Lock API - Web APIs
Web › API › Pointer Lock API
here is an example of using pointerlockelement: if(document.pointerlockelement === canvas || document.mozpointerlockelement === canvas) { console.log('the pointer lock status is now locked'); } else { console.log('the pointer lock status is now unlocked'); } the document.exitpointerlock() method is used to exit pointer lock, and like requestpointerlock, works asynchronously using the pointerlockchange and pointerlockerror events, which you'll see more about below.
...("onpointerlockchange" in document) { document.addeventlistener('pointerlockchange', lockchangealert, false); } else if ("onmozpointerlockchange" in document) { document.addeventlistener('mozpointerlockchange', lockchangealert, false); } function lockchangealert() { if(document.pointerlockelement === canvas || document.mozpointerlockelement === canvas) { console.log('the pointer lock status is now locked'); // do something useful in response } else { console.log('the pointer lock status is now unlocked'); // do something useful in response } } pointerlockerror event when there is an error caused by calling requestpointerlock() or exitpointerlock(), the pointerlockerror event is dispatched to the document.
... function lockchangealert() { if (document.pointerlockelement === canvas || document.mozpointerlockelement === canvas) { console.log('the pointer lock status is now locked'); document.addeventlistener("mousemove", updateposition, false); } else { console.log('the pointer lock status is now unlocked'); document.removeeventlistener("mousemove", updateposition, false); } } the updateposition() function updates the position of the ball on the canvas (x and y), and also includes if() statements to check whether the ball has gone off the ed...
... specifications specification status comment pointer lock candidate recommendation initial specification.
Response.redirect() - Web APIs
Web › API › Response › redirect
syntax var response = response.redirect(url, status); parameters url the url that the new response is to originate from.
... status optional an optional status code for the response (e.g., 302.) return value a response object.
... exceptions exception explanation rangeerror the specified status is not a redirect status.
... example responseobj.redirect('https://www.example.com', 302); specifications specification status comment fetchthe definition of 'redirect()' in that specification.
Response - Web APIs
Web › API › Response
response.ok read only a boolean indicating whether the response was successful (status in the range 200–299) or not.
... response.status read only the status code of the response.
... response.statustext read only the status message corresponding to the status code.
... const image = document.queryselector('.my-image'); fetch('flowers.jpg').then(function(response) { return response.blob(); }).then(function(blob) { const objecturl = url.createobjecturl(blob); image.src = objecturl; }); you can also use the response.response() constructor to create your own custom response object: const response = new response(); specifications specification status comment fetchthe definition of 'response' in that specification.
Screen Wake Lock API - Web APIs
Web › API › Screen Wake Lock API
if ('wakelock' in navigator) { issupported = true; statuselem.textcontent = 'screen wake lock api supported!'; } else { wakebutton.disabled = true; statuselem.textcontent = 'wake lock is not supported by this browser.'; } requesting a wake lock the following example demonstrates how to request a wakelocksentinel object.
... // create a reference for the wake lock let wakelock = null; // create an async function to request a wake lock const requestwakelock = async () => { try { wakelock = await navigator.wakelock.request('screen'); // change up our interface to reflect wake lock active statuselem.textcontent = 'wake lock is active!'; } catch (err) { // if wake lock request fails - usually system related, such as battery statuselem.textcontent = `${err.name}, ${err.message}`; } } releasing wake lock the following example shows how to release the previously acquired wake lock.
... wakelock.addeventlistener('release', () => { // the wake lock has been released statuselem.textcontent = 'wake lock has been released'; }); reacquiring a wake lock the following code reacquires the wake lock should the visibility of the document change and the wake lock is released.
... specifications specification status comment screen wake lock api unknown initial definition.
USBIsochronousInTransferPacket - Web APIs
Web › API › USBIsochronousInTransferPacket
it represents the status of an individual packet from a request to transfer data from the usb device to the usb host over an isochronous endpoint.
... constructor usbisochronousintransferpacket.usbisochronousintransferpacket() creates a new usbisochronousintransferpacket object with the provided status and data fields.
... usbisochronousintransferpacket.statusread only read only returns the status of the transfer request, one of: "ok" - the transfer was successful.
... specifications specification status comment webusbthe definition of 'usbisochronousintransferpacket' in that specification.
USBIsochronousOutTransferPacket - Web APIs
Web › API › USBIsochronousOutTransferPacket
it represents the status of an individual packet from a request to transfer data from the usb host to the usb device over an isochronous endpoint.
... constructor usbisochronousouttransferpacket.usbisochronousouttransferpacket() creates a new usbisochronousouttransferpacket object with the provided status and byteswritten fields.
... usbisochronousouttransferpacket.statusread only returns the status of the transfer request, one of: "ok" - the transfer was successful.
... specifications specification status comment webusbthe definition of 'usbisochronousouttransferpacket' in that specification.
WebGLRenderingContext.getProgramParameter() - Web APIs
Web › API › WebGLRenderingContext › getProgramParameter
possible values: gl.delete_status: returns a glboolean indicating whether or not the program is flagged for deletion.
... gl.link_status: returns a glboolean indicating whether or not the last link operation was successful.
... gl.validate_status: returns a glboolean indicating whether or not the last validation operation was successful.
... examples gl.getprogramparameter(program, gl.delete_status); specifications specification status comment webgl 1.0the definition of 'getprogramparameter' in that specification.
Adding 2D content to a WebGL context - Web APIs
Web › API › WebGL API › Tutorial › Adding 2D content to a WebGL context
der, vssource); const fragmentshader = loadshader(gl, gl.fragment_shader, fssource); // create the shader program const shaderprogram = gl.createprogram(); gl.attachshader(shaderprogram, vertexshader); gl.attachshader(shaderprogram, fragmentshader); gl.linkprogram(shaderprogram); // if creating the shader program failed, alert if (!gl.getprogramparameter(shaderprogram, gl.link_status)) { alert('unable to initialize the shader program: ' + gl.getprograminfolog(shaderprogram)); return null; } return shaderprogram; } // // creates a shader of the given type, uploads the source and // compiles it.
... // function loadshader(gl, type, source) { const shader = gl.createshader(type); // send the source to the shader object gl.shadersource(shader, source); // compile the shader program gl.compileshader(shader); // see if it compiled successfully if (!gl.getshaderparameter(shader, gl.compile_status)) { alert('an error occurred compiling the shaders: ' + gl.getshaderinfolog(shader)); gl.deleteshader(shader); return null; } return shader; } the loadshader() function takes as input the webgl context, the shader type, and the source code, then creates and compiles the shader as follows: a new shader is created by calling gl.createshader().
... to check to be sure the shader successfully compiled, the shader parameter gl.compile_status is checked.
... to get its value, we call gl.getshaderparameter(), specifying the shader and the name of the parameter we want to check (gl.compile_status).
Event reference
Web › Events
chargingchange event battery status the battery begins or stops charging.
... chargingtimechange event battery status the chargingtime attribute has been updated.
... dischargingtimechange event battery status the dischargingtime attribute has been updated.
... levelchange event battery status the level attribute has been updated.
401 Unauthorized - HTTP
Web › HTTP › Status › 401
the http 401 unauthorized client error status response code indicates that the request has not been applied because it lacks valid authentication credentials for the target resource.
... this status is sent with a www-authenticate header that contains information on how to authorize correctly.
... this status is similar to 403, but in this case, authentication is possible.
... status 401 unauthorized example response http/1.1 401 unauthorized date: wed, 21 oct 2015 07:28:00 gmt www-authenticate: basic realm="access to staging site" specifications specification title rfc 7235, section 3.1: 401 unauthorized http/1.1: authentication ...
Promise.allSettled() - JavaScript
Web › JavaScript › Reference › Global Objects › Promise › allSettled
for each outcome object, a status string is present.
... if the status is fulfilled, then a value is present.
... if the status is rejected, then a reason is present.
... examples using promise.allsettled promise.allsettled([ promise.resolve(33), new promise(resolve => settimeout(() => resolve(66), 0)), 99, promise.reject(new error('an error')) ]) .then(values => console.log(values)); // [ // {status: "fulfilled", value: 33}, // {status: "fulfilled", value: 66}, // {status: "fulfilled", value: 99}, // {status: "rejected", reason: error: an error} // ] specifications specification ecmascript (ecma-262)the definition of 'promise.allsettled' in that specification.
Porting the Library Detector - Archive of obsolete content
Archive › Add-ons › Add-on SDK › Guides › Porting the Library Detector
for each library that it finds, the library detector adds an icon representing that library to the status bar.
... how the library detector works all the work is done inside a single file, librarydetector.xul this contains: a xul overlay a script the xul overlay adds a box element to the browser's status bar: the script does everything else.
... once the list is built, the switchlibraries() function constructs a xul statusbarpanel element for each library it found, populates it with the icon at the corresponding chrome:// url, and adds it to the box.
Progress Listeners - Archive of obsolete content
Archive › Add-ons › Code snippets › Progress Listeners
create an object which implements nsiwebprogresslistener: const state_start = ci.nsiwebprogresslistener.state_start; const state_stop = ci.nsiwebprogresslistener.state_stop; var mylistener = { queryinterface: xpcomutils.generateqi(["nsiwebprogresslistener", "nsisupportsweakreference"]), onstatechange: function(awebprogress, arequest, aflag, astatus) { // if you use mylistener for more than one tab/window, use // awebprogress.domwindow to obtain the tab/window which triggers the state change if (aflag & state_start) { // this fires when the load event is initiated } if (aflag & state_stop) { // this fires when the load finishes } }, onlocationchange: function(ap...
... }, // for definitions of the remaining functions see related documentation onprogresschange: function(awebprogress, arequest, curself, maxself, curtot, maxtot) {}, onstatuschange: function(awebprogress, arequest, astatus, amessage) {}, onsecuritychange: function(awebprogress, arequest, astate) {} } attach the progress listener to a <browser> or a <tabbrowser> element using addprogresslistener, for example for firefox put the following code in a load listener of a main window: gbrowser.addprogresslistener(mylistener); when used with a browser, the second ...
...spec); this.oldurl = auri.spec; }, // nsiwebprogresslistener queryinterface: xpcomutils.generateqi(["nsiwebprogresslistener", "nsisupportsweakreference"]), onlocationchange: function(aprogress, arequest, auri) { this.processnewurl(auri); }, onstatechange: function() {}, onprogresschange: function() {}, onstatuschange: function() {}, onsecuritychange: function() {} }; window.addeventlistener("load", function() { myextension.init() }, false); window.addeventlistener("unload", function() { myextension.uninit() }, false); note: if you use the same listener for more than one tab/window, use awebprogress.domwindow in the callback methods to obtain the tab/window which triggers the state change or event...
Communication between HTML and your extension - Archive of obsolete content
Archive › Add-ons › Communication between HTML and your extension
communication between an html page and and extension after building a sample extension by reading carefully and following the complete instructions for building an extension i was able to get an extension that could display something on the status bar.
... what i wanted to do was have an extension "look" for something on an html page and if it found that something perform some operation on the found thing and then update the status bar with the results of the operation.
... if (doc && doc.addeventlistener) doc.addeventlistener("my-custom-event", myextension.customreceived, false); since the event is dispatched after the element in the html is updated by the statuschanged function, the element that extension is looking for is there to find.
CSS3 - Archive of obsolete content
Archive › CSS3
modules and the standardization process css level 2 needed 9 years, from august 2002 to june 2011 to reach the recommendation status.
...some modules, like selectors 4 or css borders and backgrounds level 4 already have an editor's draft, though they haven't yet reached the first published working draft status.
... css modules status completed modules a few css modules already became a standard as a w3c recommendation.
Conclusion - Archive of obsolete content
Archive › Mozilla › Creating a Mozilla extension › Conclusion
future directions for development of the tutorial and/or coursework: in addition to build status, tinderbox also tells you if the cvs tree is open or closed for check-ins.
... how could you modify the extension to load the tinderbox page when you click on the status icon?
...how could you modify tinderstatus to show the status of both the trunk and the branch?
Creating a Mozilla Extension - Archive of obsolete content
Archive › Mozilla › Creating a Mozilla extension
this tutorial walks you through the process of building a mozilla extension that adds an icon to mozilla's status bar showing the current status of the mozilla source code (i.e.
...the extension will access tinderbox, mozilla.org's webtool for tracking source code status, to get the status of the code.
... contents prerequisites tinderbox making a mozilla installation modifiable finding the file to modify finding the code to modify adding the structure specifying the appearance enabling the behavior - retrieving tinderbox status enabling the behavior - updating the status bar panel enabling the behavior - updating the status periodically making it into a static overlay making it into a dynamic overlay and packaging it up for distribution conclusion next » original document information author(s): myk melez last updated date: september 19, 2006 copyright information: portions of this content are © 1998�...
Menu - Archive of obsolete content
Archive › Mozilla › Jetpack › UI › Menu
all of the feature's context menus are exposed through jetpack.menu.context, including slidebar, panel, toolbar, and status bar item context menus.
... icon: "http://example.com/ice-cream.png", menu: new jetpack.menu(["vanilla", "chocolate", "pistachio", null, "none"]), command: function (menuitem) jetpack.notifications.show(menuitem.label) }); add an item to the hyperlink context menu that tweets the link: jetpack.menu.context.page.on("a").add(function (context) { return { label: "tweet", command: function () jetpack.lib.twitter.statuses.update({ status: context.node.href }) }; )); add an item to the page's context menu depending on some complex criteria that can't be completely expressed via a css selector: jetpack.menu.context.page.beforeshow = function (menu, context) { menu.reset(); if (matchesmycriteria(context)) menu.add("match!"); }; add an item to both the hyperlink context menu and the image conte...
...m/favicon.ico", data: "http://www.google.com/search?q=" }, { label: "wikipedia", icon: "http://en.wikipedia.org/favicon.ico", data: "http://en.wikipedia.org/wiki/" } ]), command: function (menuitem) { context.window.location.href = menuitem.data + jetpack.selection.text; } }; }); create some div buttons (e.g., in a slidebar or status bar item) and specify their context menu: for (let i = 0; i < 10; i++) { var button = $('<div class="button" />', document); buttoncontainer.append(button); } jetpack.menu.context.on(".button").add(["do this", "do that"]); create a div button (e.g., in a slidebar or status bar item) and attach menus directly to it.
Supporting per-window private browsing - Archive of obsolete content
Archive › Mozilla › Supporting per-window private browsing
ject.queryinterface(components.interfaces.nsisupportsprbool); // if another extension has not already canceled entering the private mode if (!asubject.data) { /* you should display some user interface here */ asubject.data = true; // cancel the operation } }, "last-pb-context-exiting", false); forcing a channel into private mode usually, network channels inherit the privacy status of the document that created them, which means that they work correctly most of the time.
... however, sometimes you need to adjust the privacy status on a channel manually, for example, if you have created the channel directly yourself.
...r channel = services.io.newchannel("http://example.org", null, null); channel.queryinterface(components.interfaces.nsiprivatebrowsingchannel); channel.setprivate(true); // force the channel to be loaded in private mode similarly, xmlhttprequest objects created via createinstance(ci.nsixmlhttprequest) will often require explicit adjustment, since they have no context from which to derive a privacy status.
Tamarin build documentation - Archive of obsolete content
Archive › Mozilla › Tamarin › Tamarin Build Documentation
alternatively, run make, in which case the process will complete with errors when it tries to create the shared lib crt0.o: $ /android-public/android-ndk/toolchains/arm-eabi-4.4.0/prebuilt/darwin-x86/bin/../lib/gcc/arm-eabi/4.4.0/../../../../arm-eabi/bin/ld: crt0.o: no such file: no such file or directory collect2: ld returned 1 exit status make[2]: *** [link_app.] error 1 make[1]: *** [openssl] error 2 make: *** [build_apps] error 1 you can ignore these errors.
...an email with the build status will be sent to this address when a builder completes whether it is passes or fails.
... description: self explanatory check the status of the build @ http://tamarin-builds.mozilla.org/tamarin-redux/ , you can also see your build request in the queue at http://tamarin-builds.mozilla.org/build_trigger/requestbuild.cfm.
XUL element attributes - Archive of obsolete content
Archive › Mozilla › XUL › XUL Reference › XUL element attributes
statustext type: string used to set the text that appears on the status bar when the user moves the mouse over the element.
... mozilla doesn't adjust the status bar automatically however.
...in firefox, this text is automatically placed in the statusbar for menuitems on the menu bar.
broadcaster - Archive of obsolete content
Archive › Mozilla › XUL › broadcaster
for menuitems or buttons that just want to have their disabled status set when the feature should be disabled, you should use a command element instead.
... coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
Archived Mozilla and build documentation - Archive of obsolete content
Archive › Mozilla
this tutorial walks you through the process of building a mozilla extension that adds an icon to mozilla's status bar showing the current status of the mozilla source code (i.e.
...the extension will access tinderbox, mozilla.org's webtool for tracking source code status, to get the status of the code.
... monitoring downloads firefox 3 makes it easier than ever to monitor the status of downloads.
2006-09-29 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-apps-calendar › 2006-09-29
updated l10n status for sunbird 0.3 release according to simon paquet, we now have a full l10n comparison on the trunk between en-us and all locales with a calendar localization.
...27 status meeting cancelled most of the mozilla calendar participants were unavailable during sept.
... sept 20 brief status meeting the meeting consisted entirely of the status and details of sunbird 0.3.
2006-10-06 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-planning › 2006-10-06
rc2 status schrep asks for any final things standing in the way of rc2.
...beltzner says that (as per bon echo status meeting) that rc2 is going to be re-spun to fix some final bugs that were regressed and patches that were just landed.
... meetings weekly status meeting - 10/02/2006 - (last meeting notes) bon echo status meeting - 10/03/2006 - (last meeting notes) ...
2006-10-20 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-planning › 2006-10-20
meetings bon echo status meeting bon echo status meeting: october 17th, 2006 **at noon pdt**.
... meeting notes gecko status meeting october 19 (*thursday*) gecko 1.9 status meeting.
... agenda project status meeting project meeting was held on oct 16 2006.
Debug.msUpdateAsyncCallbackRelation - Archive of obsolete content
Archive › Web › JavaScript › Microsoft Extensions › Debug › msUpdateAsyncCallbackRelation
the debug.msupdateasynccallbackrelation function updates the relationship status between a synchronous work item and the associated asynchronous operation.
... relationtype optional the value that specifies the relationship status.
... the possible values for relationtype include: debug.ms_async_callback_status_assign_delegate debug.ms_async_callback_status_join debug.ms_async_callback_status_chooseany debug.ms_async_callback_status_cancel debug.ms_async_callback_status_error for more information, see debug constants.
Archive of obsolete content
Archive
adding preferences to an extension this article takes the creating a dynamic status bar extension sample to the next level, adding a popup menu that lets you quickly switch between multiple stocks to watch.
... case sensitivity in class and id names creating a dynamic status bar extension concepts covered in the previous sample won't be reiterated here; instead, refer to the downloadable sample code or to the previous sample for further details.
... creating a status bar extension many of the concepts introduced here apply to any xul-based application; however, to keep from getting completely overwhelmed, we're going to focus specifically on firefox.
Cacheable - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › cacheable
the status code of the response is known by the application caching, and it is considered cacheable.
... the following status code are cacheable: 200, 203, 204, 206, 300, 301, 404, 405, 410, 414, and 501.
... when both, the method of the request and the status of the response, are cacheable, the response to the request can be cached: get /pagex.html http/1.1 (…) 200 ok (…) a put request cannot be cached.
Introduction to the server side - Learn web development
Learn › Server-side › First steps › Introduction
the response contains a status line indicating whether or not the request succeeded (e.g.
... the server retrieves the requested document from its file system and returns an http response containing the document and a success status (usually 200 ok).
... if the file cannot be retrieved for some reason, an error status is returned (see client error responses and server error responses).
Using Vue computed properties - Learn web development
Learn › Tools and testing › Client-side JavaScript frameworks › Vue computed properties
in app.vue, add a new method called updatedonestatus(), below your addtodo() method.
...we want to find the item with the matching id and update its done status to be the opposite of its current status: updatedonestatus(todoid) { const todotoupdate = this.todoitems.find(item => item.id === todoid) todotoupdate.done = !todotoupdate.done } we want to run this method whenever a todoitem emits a checkbox-changed event, and pass in its item.id as the parameter.
... update your <to-do-item></to-do-item> call as follows: <to-do-item :label="item.label" :done="item.done" :id="item.id" @checkbox-changed="updatedonestatus(item.id)"> </to-do-item> now if you check a todoitem, you should see the summary update appropriately!
Accessibility API cross-reference
Mozilla › Accessibility › Accessibility API cross-reference
n/a <span> span kind of like a dial, but controls the value in a related field spinbutton n/a n/a spinbutton uneditable text statictext label label see aria-readonly the text nodes of html elements are uneditable by default, apart from <input type=text>, or those with a contenteditable attribute entire status bar.
... in aria, a type of live region whose content is advisory information for the user but is not important enough to justify an alert, often but not necessarily presented as a status bar.
... statusbar n/a n/a status a document structural element.
Experimental features in Firefox
Mozilla › Firefox › Experimental features
for more details on the status of this feature, see bug 1639607.
... nightly 30 no developer edition 30 no beta 30 no release 30 no preference name canvas.hitregions.enabled webgl: draft extensions when this preference is enabled, any webgl extensions currently in "draft" status which are being tested are enabled for use.
... compatibility panel a side panel for the page inspector that shows you information detailing your app's cross-browser compatibility status.
Log.jsm
Mozilla › JavaScript code modules › Log.jsm
expect these to be immediately visible on a status console.
...expect these to be immediately visible on a status console.
...expect these to be immediately visible on a status console.
WebRequest.jsm
Mozilla › JavaScript code modules › WebRequest.jsm
statuscode number http response code.
... statuscode number http response code.
... statuscode number http response code.
TimerFirings logging
Mozilla › Performance › TimerFirings logging
-991946880[7f46c365ba00]: [6775] fn timer (slack 100 ms): layeractivitytracker -991946880[7f46c365ba00]: [6775] fn timer (one_shot 250 ms): presshell::spaintsuppressioncallback -991946880[7f46c365ba00]: [6775] fn timer (one_shot 160 ms): nsbrowserstatusfilter::timeouthandler -991946880[7f46c365ba00]: [6775] iface timer (one_shot 200 ms): 7f46964d7f80 -1340643584[7f46c365ec00]: [6775] obs timer (slack 1000 ms): 7f46a95a0200 each line has the following information.
...;click=http://pixel.mathtag.com/click/img?mt_aid=2744535504761193354&mt_id=1895890&mt_adid=148611&mt_sid=973379&mt_exid=9&mt_inapp=0&mt_uuid=353d5460-19f6-4400-9bbd-d0fcc3bcf595&mt_3pck=http%3a//beacon-apac-hkg1.rubiconproject.com/beacon/t/d1f9921d-4e47-448f-b6ba-36cae1c31b65/&redirect=;ord=2744535504761193354?:83:0 94 801266240[7f7c1f248000]: [7163] fn timer (one_shot 160 ms): nsbrowserstatusfilter::timeouthandler 92 -495057024[7f74e105ba00]: [7108] fn timer (one_shot 160 ms): nsbrowserstatusfilter::timeouthandler the first column shows how many times the particular line appeared.
... 204 fn timer (one_shot): [content] http://widgets.outbrain.com/outbrain.js:20:330 186 fn timer (one_shot): nsbrowserstatusfilter::timeouthandler 138 fn timer (one_shot): [content] https://self-repair.mozilla.org/repair/:7:13669 118 fn timer (one_shot): [content] http://a.visualrevenue.com/vrs.js:6:9423 108 fn timer (slack): layeractivitytracker 104 fn timer (slack): nsidocument::selectorcache 104 fn timer (slack): cctimerfired ...
PRCallOnceType
Mozilla › Projects › NSPR › Reference › PRCallOnceType
syntax #include <prinit.h> typedef struct prcalloncetype { printn initialized; print32 inprogress; prstatus status; } prcalloncetype; fields the structure has these fields: initialized if not zero, the initialization process has been completed.
...calling threads that observe this status block until inprogress is zero.
... status an indication of the outcome of the initialization process.
PR_Open
Mozilla › Projects › NSPR › Reference › PR Open
flags the file status flags define how the file is accessed.
... pr_sync 0x40 if set, each write will wait for both the file data and file status to be physically updated.
... description pr_open creates a file descriptor (prfiledesc) for the file with the pathname name and sets the file status flags of the file descriptor according to the value of flags.
NSS 3.31 release notes
Mozilla › Projects › NSS › NSS 3.31 release notes
allow querying a certificate object for its temporary or permanent storage status in a thread safe way.
... new functions in cert.h cert_getcertisperm - retrieve the permanent storage status attribute of a certificate in a thread safe way.
... cert_getcertistemp - retrieve the temporary storage status attribute of a certificate in a thread safe way.
NSS Sample Code Sample_2_Initialization of NSS
Mozilla › Projects › NSS › NSS Sample Code › NSS Sample Code Sample 2 Initialization of NSS
try again.\n"); } /* clear out the duplicate password string */ if (p1) { port_memset(p1, 0, port_strlen(p1)); port_free(p1); } fclose(input); fclose(output); return p0; } /* change the password */ secstatus changepw(pk11slotinfo *slot, char *oldpass, char *newpass, char *oldpwfile, char *newpwfile) { secstatus rv; secupwdata pwdata; secupwdata newpwdata; char *oldpw = null; char *newpw = null; if (oldpass) { pwdata.source = pw_plaintext; pwdata.data = oldpass; } else if (oldpwfile) { pwdata.source = pw_fromfile; ...
... */ int main(int argc, char **argv) { ploptstate *optstate; ploptstatus status; secstatus rv; secstatus rvshutdown; char *slotname = "internal"; pk11slotinfo *slot = null; char *dbdir = null; char *plainpass = null; char *pwfile = null; char * progname = strrchr(argv[0], '/'); progname = progname ?
... progname + 1 : argv[0]; /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "d:p:q:f:g:"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'd': dbdir = strdup(optstate->value); break; case 'p': plainpass = strdup(optstate->value); break; case 'f': pwfile = strdup(optstate->value); break; default: usage(progname); break; } } pl_destroyoptstate(optstate); if (!dbdir) usage(progname); pr_init(pr_user_thread, pr_priority_normal, 0); /* create the database */ rv = nss_initreadwrite(dbdir); if (rv != secsuccess) { pr_fprintf(p...
NSS Sample Code sample3
Mozilla › Projects › NSS › NSS Sample Code › NSS Sample Code sample3
sample code 3: hashing, mac /* * demonstration program for hashing and macs */ #include <iostream.h> #include "pk11pub.h" #include "nss.h" static void printdigest(unsigned char *digest, unsigned int len) { int i; cout << "length: " << len << endl; for(i = 0;i < len;i++) printf("%02x ", digest[i]); cout << endl; } /* * main */ int main(int argc, const char *argv[]) { int status = 0; pk11slotinfo *slot = 0; pk11symkey *key = 0; pk11context *context = 0; unsigned char data[80]; unsigned char digest[20]; /*is there a way to tell how large the output is?*/ unsigned int len; secstatus s; /* initialize nss * if your application code has already initialized nss, you can skip it * here.
... * this code uses the simplest of the init functions, which does not * require a nss database to exist */ nss_nodb_init("."); /* get a slot to use for the crypto operations */ slot = pk11_getinternalkeyslot(); if (!slot) { cout << "getinternalkeyslot failed" << endl; status = 1; goto done; } /* * part 1 - simple hashing */ cout << "part 1 -- simple hashing" << endl; /* initialize data */ memset(data, 0xbc, sizeof data); /* create a context for hashing (digesting) */ context = pk11_createdigestcontext(sec_oid_md5); if (!context) { cout << "createdigestcontext failed" << endl; goto done; } s = pk11_digestbegin(context); if (s != secsuccess) { cout << "digestbegin failed" << endl; goto done; } s = pk11_digestop(context, data, sizeof ...
...*/ if (key) pk11_freesymkey(key); if (slot) pk11_freeslot(slot); return status; } ...
Initialize NSS database - sample 2
Mozilla › Projects › NSS › NSS Sample Code › Sample2 - Initialize NSS Database
try again.\n"); } /* clear out the duplicate password string */ if (p1) { port_memset(p1, 0, port_strlen(p1)); port_free(p1); } fclose(input); fclose(output); return p0; } /* * changepw */ secstatus changepw(pk11slotinfo *slot, char *oldpass, char *newpass, char *oldpwfile, char *newpwfile) { secstatus rv; secupwdata pwdata; secupwdata newpwdata; char *oldpw = null; char *newpw = null; if (oldpass) { pwdata.source = pw_plaintext; pwdata.data = oldpass; } else if (oldpwfile) { pwdata.source = pw_fromfile; pwdata.
... */ int main(int argc, char **argv) { ploptstate *optstate; ploptstatus status; secstatus rv; secstatus rvshutdown; char *slotname = "internal"; pk11slotinfo *slot = null; char *dbdir = null; char *plainpass = null; char *pwfile = null; char * progname = strrchr(argv[0], '/'); progname = progname ?
... progname + 1 : argv[0]; /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "d:p:q:f:g:"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 'd': dbdir = strdup(optstate->value); break; case 'p': plainpass = strdup(optstate->value); break; case 'f': pwfile = strdup(optstate->value); break; default: usage(progname); break; } } pl_destroyoptstate(optstate); if (!dbdir) usage(progname); pr_init(pr_user_thread, pr_priority_normal, 0); /* create the database */ rv = nss_initreadwrite(dbdir); if (rv != secsuccess) { pr_fprintf(p...
NSS functions
Mozilla › Projects › NSS › Reference › NSS functions
andshakewithtimeout mxr 3.11.4 and later ssl_resethandshake mxr 3.2 and later ssl_restarthandshakeaftercertreq mxr 3.2 and later ssl_restarthandshakeafterservercert mxr 3.2 and later ssl_revealcert mxr 3.2 and later ssl_revealpinarg mxr 3.2 and later ssl_revealurl mxr 3.2 and later ssl_securitystatus mxr 3.2 and later ssl_setmaxservercachelocks mxr 3.4 and later ssl_setpkcs11pinarg mxr 3.2 and later ssl_setsockpeerid mxr 3.2 and later ssl_seturl mxr 3.2 and later ssl_shutdownserversessionidcache mxr 3.7.4 and later deprecated ssl functions the following ssl functions have been replaced with newer versi...
...xr 3.2 and later cert_getdomaincomponentname mxr 3.2 and later cert_getfirstemailaddress mxr 3.7 and later cert_getlocalityname mxr 3.2 and later cert_getnextemailaddress mxr 3.7 and later cert_getnextgeneralname mxr 3.10 and later cert_getnextnameconstraint mxr 3.10 and later cert_getocspresponsestatus mxr 3.6 and later cert_getocspstatusforcertid mxr 3.6 and later cert_getoidstring mxr 3.9 and later cert_getorgname mxr 3.2 and later cert_getorgunitname mxr 3.2 and later cert_getocspauthorityinfoaccesslocation mxr 3.4 and later cert_getpkixverifynistrevocationpolicy mxr 3.12 and later cert_g...
... 3.2 and later nss_cmssignerinfo_getsignercommonname mxr 3.2 and later nss_cmssignerinfo_getsigneremailaddress mxr 3.2 and later nss_cmssignerinfo_getsigningcertificate mxr 3.2 and later nss_cmssignerinfo_getsigningtime mxr 3.2 and later nss_cmssignerinfo_getverificationstatus mxr 3.2 and later nss_cmssignerinfo_getversion mxr 3.2 and later nss_cmssignerinfo_includecerts mxr 3.2 and later nss_cmsutil_verificationstatustostring mxr 3.2 and later nss_smimesignerinfo_savesmimeprofile mxr 3.4 and later nss_smimeutil_findbulkalgforrecip...
sslcrt.html
Mozilla › Projects › NSS › SSL functions › sslcrt.html
syntax #include <cert.h> secstatus cert_verifycertnow( certcertdbhandle *handle, certcertificate *cert, prbool checksig, seccertusage certusage, void *wincx); parameters this function has the following parameters: handle a pointer to the certificate database handle.
... syntax #include <cert.h> secstatus cert_verifycertname( certcertificate *cert, char *hostname); parameters this function has the following parameters: cert a pointer to the certificate against which to check the hostname referenced by hostname.
... syntax #include <nss.h> secstatus nss_cmpcertchainwcanames( certcertificate *cert, certdistnames *canames); parameters this function has the following parameters: cert a pointer to the certificate structure for the certificate whose certificate chain is to be checked.
An Overview of XPCOM
Mozilla › Tech › XPCOM › Guide › Creating components › An Overview of XPCOM
status codes these macros test status codes.
... ns_failed return true if the passed status code was a failure.
... ns_succeeded returns true is the passed status code was a success.
amIInstallCallback
Mozilla › Tech › XPCOM › Reference › Interface › amIInstallCallback
1.0 66 introduced gecko 2.0 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview void oninstallended(in astring aurl, in print32 astatus); methods oninstallended() called when an install completes or fails.
... void oninstallended( in astring aurl, in print32 astatus ); parameters aurl the url of the add-on being installed.
... astatus 0 if the install was successful or negative if not.
nsIAccessibleRole
Mozilla › Tech › XPCOM › Reference › Interface › nsIAccessibleRole
role_statusbar 23 represents a status bar, which is an area at the bottom of a window that displays information about the current operation, state of the application, or selected object.
... the status bar has multiple fields, which display different kinds of information.
... it is used for xul:statusbar.
nsICookieConsent
Mozilla › Tech › XPCOM › Reference › Interface › nsICookieConsent
nscookiestatus getconsent( in nsiuri uri, in nsihttpchannel httpchannel, in boolean isforeign, out nscookiepolicy policy ); parameters uri the uri to find the policy for.
...this is used to decide the cookie status based on user preferences.
... return value returns nscookiestatus.
nsIDNSListener
Mozilla › Tech › XPCOM › Reference › Interface › nsIDNSListener
inherits from: nsisupports last changed in gecko 1.7 method overview void onlookupcomplete(in nsicancelable arequest, in nsidnsrecord arecord, in nsresult astatus); methods onlookupcomplete() called when an asynchronous host lookup completes.
... void onlookupcomplete( in nsicancelable arequest, in nsidnsrecord arecord, in nsresult astatus ); parameters arequest the value returned from asyncresolve.
...astatus if the lookup failed, this parameter gives the reason.
nsIDOMWindowInternal
Mozilla › Tech › XPCOM › Reference › Interface › nsIDOMWindowInternal
statusbar nsidombarprop readonly: returns the statusbar object, whose visibility can be toggled in the window.
... status domstring sets the text in the status bar at the bottom of the browser or returns the previously set text.
... defaultstatus domstring gets/sets the status bar text for the given window.
nsIHTTPHeaderListener
Mozilla › Tech › XPCOM › Reference › Interface › nsIHTTPHeaderListener
method overview void newresponseheader(in string headername, in string headervalue); void statusline(in string line); methods newresponseheader() called for each http response header.
...void newresponseheader( in string headername, in string headervalue ); parameters headername headervalue statusline() called once for the http response status line.
...void statusline( in string line ); parameters line ...
nsILoadGroup
Mozilla › Tech › XPCOM › Reference › Interface › nsILoadGroup
inherits from: nsirequest last changed in gecko 1.7 method overview void addrequest(in nsirequest arequest, in nsisupports acontext); void removerequest(in nsirequest arequest, in nsisupports acontext, in nsresult astatus); attributes attribute type description activecount unsigned long returns the count of "active" requests (that is requests without the load_background bit set).
...void removerequest( in nsirequest arequest, in nsisupports acontext, in nsresult astatus ); parameters arequest the request to be removed from the load group.
... astatus the status to be passed to the onstoprequest notification.
nsINetworkLinkService
Mozilla › Tech › XPCOM › Reference › Interface › nsINetworkLinkService
netwerk/base/public/nsinetworklinkservice.idlscriptable network link status monitoring service.
... if the link status is not currently known, we generally assume that it is up.
... linkstatusknown boolean this is set to true when we believe that islinkup is accurate.
nsIRequestObserver
Mozilla › Tech › XPCOM › Reference › Interface › nsIRequestObserver
inherits from: nsisupports last changed in gecko 1.0 method overview void onstartrequest(in nsirequest arequest, in nsisupports acontext); void onstoprequest(in nsirequest arequest, in nsisupports acontext, in nsresult astatuscode); methods onstartrequest() called to signify the beginning of an asynchronous request.
...void onstoprequest( in nsirequest arequest, in nsisupports acontext, in nsresult astatuscode ); parameters arequest request being observed.
... astatuscode reason for stopping (ns_ok if completed successfully) see also nsistreamlistener ...
nsIResumableChannel
Mozilla › Tech › XPCOM › Reference › Interface › nsIResumableChannel
during onstartrequest, this channel will have a status of ns_error_not_resumable if the file cannot be resumed, for example because the server doesn't support this.
...similarly, the status of this channel during onstartrequest may be ns_error_entity_changed, which indicates that the entity has changed, as indicated by a changed entityid.
... in both of these cases, no ondataavailable will be called, and onstoprequest will immediately follow with the same status code.
nsIServerSocketListener
Mozilla › Tech › XPCOM › Reference › Interface › nsIServerSocketListener
inherits from: nsisupports last changed in gecko 1.7 method overview void onsocketaccepted(in nsiserversocket aserv, in nsisockettransport atransport); void onstoplistening(in nsiserversocket aserv, in nsresult astatus); methods onsocketaccepted() this method is called when a client connection is accepted.
...void onstoplistening( in nsiserversocket aserv, in nsresult astatus ); parameters aserv the server socket.
... astatus the reason why the server socket stopped listening.
nsMsgSearchAttrib
Mozilla › Tech › XPCOM › Reference › Interface › nsMsgSearchAttrib
/* a custom term, see nsimsgsearchcustomterm */ const nsmsgsearchattribvalue default = -1; const nsmsgsearchattribvalue subject = 0; /* mail and news */ const nsmsgsearchattribvalue sender = 1; const nsmsgsearchattribvalue body = 2; const nsmsgsearchattribvalue date = 3; const nsmsgsearchattribvalue priority = 4; /* mail only */ const nsmsgsearchattribvalue msgstatus = 5; const nsmsgsearchattribvalue to = 6; const nsmsgsearchattribvalue cc = 7; const nsmsgsearchattribvalue toorcc = 8; const nsmsgsearchattribvalue alladdresses = 9; const nsmsgsearchattribvalue location = 10; /* result list only */ const nsmsgsearchattribvalue messagekey = 11; /* message result elems */ const nsmsgsearchattribvalue ageindays = 12; ...
...ribvalue pager = 27; const nsmsgsearchattribvalue mobile = 28; const nsmsgsearchattribvalue city = 29; const nsmsgsearchattribvalue street = 30; const nsmsgsearchattribvalue title = 31; const nsmsgsearchattribvalue organization = 32; const nsmsgsearchattribvalue department = 33; // 34 - 43, reserved for ab / ldap; const nsmsgsearchattribvalue hasattachmentstatus = 44; const nsmsgsearchattribvalue junkstatus = 45; const nsmsgsearchattribvalue junkpercent = 46; const nsmsgsearchattribvalue junkscoreorigin = 47; const nsmsgsearchattribvalue label = 48; /* mail only...can search by label */ const nsmsgsearchattribvalue hdrproperty = 49; // uses nsimsgsearchterm::hdrproperty const nsmsgsearchattribvalue folderflag = 50; // uses n...
...simsgsearchterm::status const nsmsgsearchattribvalue uint32hdrproperty = 51; // uses nsimsgsearchterm::hdrproperty // 52 is for showing customize - in ui headers start from 53 onwards up until 99.
Building a Thunderbird extension 6: Adding JavaScript
Mozilla › Thunderbird › Thunderbird extensions › Building a Thunderbird extension 6: Adding Javascript
in this step we will create a small piece of javascript code that inserts the current date into our statusbar widget.
... the statusbar is usually displayed at the bottom of the thunderbird window.
...the event listener then calls our startup function which gets our <statusbarpanel>-element with the id my-panel from the document's dom tree.
Add to iPhoto
Mozilla › js-ctypes › Examples › Add to iPhoto
these are declared near the top of the code: const osstatus = ctypes.int32_t; const cfindex = ctypes.long; const optionbits = ctypes.uint32_t; osstatus used to represent the status code resulting from an operation.
... the function we'll be using is lsopenurlswithrole(), whose declaration looks like this: this.lsopenurlswithrole = this.lib.declare("lsopenurlswithrole", ctypes.default_abi, // abi type osstatus, // returns osstatus corefoundation.cfarrayref, // array of files to open in the app optionbits, // roles mask ctypes.voidptr_t, // inaeparam this.struct_lsapplicationparameters.ptr, // descript...
...ion of the app to launch ctypes.voidptr_t, // psn array pointer cfindex); // max psn count this function returns an osstatus indicating the result of the launch attempt, and accepts these parameters: a cfarrayref providing a list of cfurl objects for the files to open in the application.
Gecko Plugin API Reference - Plugins
Plugins › Guide
propriate attributes using the embed element for plug-in display using custom embed attributes plug-in references plug-in development overview writing plug-ins registering plug-ins ms windows unix mac os x drawing a plug-in instance handling memory sending and receiving streams working with urls getting version and ui information displaying messages on the status line making plug-ins scriptable building plug-ins building, platforms, and compilers building carbonized plug-ins for mac os x type libraries installing plug-ins native installers xpi plug-ins installations plug-in installation and the windows registry initialization and destruction initialization instance creation instance destruction shutdown initiali...
...stream creating a stream pushing data into the stream deleting the stream example of sending a stream urls getting urls getting the url and displaying the page posting urls posting data to an http server uploading files to an ftp server sending mail memory allocating and freeing memory mac os flushing memory (mac os only) version, ui, and status information displaying a status line message getting agent information getting the current version finding out if a feature exists reloading a plug-in plug-in side plug-in api this chapter describes methods in the plug-in api that are available from the plug-in object.
... npn_status displays a message on the status line of the browser window.
Network request details - Firefox Developer Tools
Tools › Network Monitor › request details
this includes: information about the request status: the response status code for the request; click the "?" icon to go to the reference page for the status code.
... request information the following information is shown only when the section is expanded: scheme: the scheme used in the url host: the server involved in the request filename: the full path to the file requested address: the ip address of the host the following information is shown in both the collapsed and the expanded states: status: the http response code for the request.
... }, { "name": "via", "value": "1.1 varnish (varnish/5.1), 1.1 varnish (varnish/5.1)" }, { "name": "x-analytics", "value": "ns=-1;special=badtitle;wmf-last-access=11-jun-2019;wmf-last-access-global=11-jun-2019;https=1" }, { "name": "x-cache", "value": "cp1075 pass, cp1075 pass" }, { "name": "x-cache-status", "value": "pass" }, { "name": "x-client-ip", "value": "204.210.158.136" }, { "name": "x-content-type-options", "value": "nosniff" }, { "name": "x-firefox-spdy", "value": "h2" }, { "name": "x-frame-options", "value": "sameorigin" }, { "name": "x-powered-by", ...
Using the Beacon API - Web APIs
Web › API › Beacon API › Using the Beacon API
window.onload = window.onunload = function analytics(event) { if (!navigator.sendbeacon) return; var url = "https://example.com/analytics"; // create the data to send var data = "state=" + event.type + "&location=" + location.href; // send the beacon var status = navigator.sendbeacon(url, data); // log the data and result console.log("sendbeacon: url = ", url, "; data = ", data, "; status = ", status); }; the following example creates a submit handler and when that event is fired, the handler calls sendbeacon().
...s for the global context: function worker_send(url, data) { // create the worker object var myworker = new worker("worker-using.js"); // send the worker the url and data to beacon myworker.postmessage([url, data]); // set up a message handler to receive the success/fail message from the worker myworker.onmessage = function(event) { var msg = event.data; // log worker's send status console.log("worker reply: sendbeacon() status = " + msg); }; } this code snippet is for the worker (worker-using.js): onmessage = function(event) { var msg = event.data; // split the url and data from the message var url = msg[0]; var data = msg[1]; // if the browser supports worker sendbeacon(), then send the beacon; otherwise // return failure message to the global contex...
...t if (self.navigator.sendbeacon) { var status = self.navigator.sendbeacon(url, data); postmessage(status ?
Cache.add() - Web APIs
Web › API › Cache › add
the add() method is functionally equivalent to the following: fetch(url).then(function(response) { if (!response.ok) { throw new typeerror('bad response status'); } return cache.put(url, response); }) for more complex operations, you'll need to use cache.put() directly.
... the response status is not in the 200 range (i.e., not a successful response.) this occurs if the request does not return successfully, but also if the request is a cross-origin no-cors request (in which case the reported status is always 0.) examples this code block waits for an installevent to fire, then calls waituntil() to handle the install process for the app.
... this.addeventlistener('install', function(event) { event.waituntil( caches.open('v1').then(function(cache) { return cache.add('/sw-test/index.html'); }) ); }); specifications specification status comment service workersthe definition of 'cache: add' in that specification.
Cache.put() - Web APIs
Web › API › Cache › put
fetch(url).then(function(response) { if (!response.ok) { throw new typeerror('bad response status'); } return cache.put(url, response); }) note: put() will overwrite any key/value pair previously stored in the cache that matches the request.
... note: cache.add/cache.addall do not cache responses with response.status values that are not in the 200 range, whereas cache.put lets you store any request/response pair.
... var response; var cachedresponse = caches.match(event.request).catch(function() { return fetch(event.request); }).then(function(r) { response = r; caches.open('v1').then(function(cache) { cache.put(event.request, response); }); return response.clone(); }).catch(function() { return caches.match('/sw-test/gallery/mylittlevader.jpg'); }); specifications specification status comment service workersthe definition of 'cache: put' in that specification.
Cache - Web APIs
Web › API › Cache
// (see /docs/web/api/request/clone) return fetch(event.request.clone()).then(function(response) { console.log(' response for %s from network is: %o', event.request.url, response); if (response.status < 400 && response.headers.has('content-type') && response.headers.get('content-type').match(/^font\//i)) { // this avoids caching responses that we know are errors (i.e.
... http status code of 4xx or 5xx).
... specifications specification status comment service workersthe definition of 'cache' in that specification.
Fetch API - Web APIs
Web › API › Fetch API
differences from jquery the fetch specification differs from jquery.ajax() in three main ways: the promise returned from fetch() won’t reject on http error status even if the response is an http 404 or 500.
... instead, it will resolve normally (with ok status set to false), and it will only reject on network failure or if anything prevented the request from completing.
... specifications specification status comment fetch living standard initial definition ...
Using files from web applications - Web APIs
Web › API › File › Using files from web applications
you need to provide a visual cue for the focus status of the hidden input field on its label, be it an outline as shown above, or background-color or box-shadow.
...ttp-equiv="content-type" content="text/html; charset=utf-8"> <script type="application/javascript"> function sendfile(file) { const uri = "/index.php"; const xhr = new xmlhttprequest(); const fd = new formdata(); xhr.open("post", uri, true); xhr.onreadystatechange = function() { if (xhr.readystate == 4 && xhr.status == 200) { alert(xhr.responsetext); // handle response.
...here is how to preview uploaded video: const video = document.getelementbyid('video'); const obj_url = url.createobjecturl(blob); video.src = obj_url; video.play(); url.revokeobjecturl(obj_url); specifications specification status comment html living standardthe definition of 'file upload state' in that specification.
FontFace - Web APIs
Web › API › FontFace
it allows control of the source of the font face, being a url to an external resource, or a buffer; it also allows control of when the font face is loaded and its current status.
... fontface.status read only returns an enumerated value indicating the status of the font, one of "unloaded", "loading", "loaded", or "error".
... specifications specification status comment css font loading module level 3the definition of 'fontface' in that specification.
FontFaceSet - Web APIs
Web › API › FontFaceSet
the fontfaceset interface of the css font loading api manages the loading of font-faces and querying of their download status.
... properties fontfaceset.status read only indicates the font-face's loading status.
... specifications specification status comment css font loading module level 3the definition of 'fontfaceset' in that specification.
Using the Gamepad API - Web APIs
Web › API › Gamepad API › Using the Gamepad API
= "axis"; //p.id = "a" + i; p.setattribute("max", "2"); p.setattribute("value", "1"); p.innerhtml = i; a.appendchild(p); } d.appendchild(a); // see https://github.com/luser/gamepadtest/blob/master/index.html var start = document.getelementbyid("start"); if (start) { start.style.display = "none"; } document.body.appendchild(d); requestanimationframe(updatestatus); } function disconnecthandler(e) { removegamepad(e.gamepad); } function removegamepad(gamepad) { var d = document.getelementbyid("controller" + gamepad.index); document.body.removechild(d); delete controllers[gamepad.index]; } function updatestatus() { if (!haveevents) { scangamepads(); } var i = 0; var j; for (j in controllers) { var controller = controllers[j]; ...
... if (pressed) { b.classname = "button pressed"; } else { b.classname = "button"; } } var axes = d.getelementsbyclassname("axis"); for (i = 0; i < controller.axes.length; i++) { var a = axes[i]; a.innerhtml = i + ": " + controller.axes[i].tofixed(4); a.setattribute("value", controller.axes[i] + 1); } } requestanimationframe(updatestatus); } function scangamepads() { var gamepads = navigator.getgamepads ?
...]) { if (gamepads[i].index in controllers) { controllers[gamepads[i].index] = gamepads[i]; } else { addgamepad(gamepads[i]); } } } } window.addeventlistener("gamepadconnected", connecthandler); window.addeventlistener("gamepaddisconnected", disconnecthandler); if (!haveevents) { setinterval(scangamepads, 500); } specifications specification status comment gamepadthe definition of 'gamepad' in that specification.
Using IndexedDB - Web APIs
Web › API › IndexedDB API › Using IndexedDB
*/ function addpublicationfromurl(biblioid, title, year, url) { console.log("addpublicationfromurl:", arguments); var xhr = new xmlhttprequest(); xhr.open('get', url, true); // setting the wanted responsetype to "blob" // http://www.w3.org/tr/xmlhttprequest2/#the-response-attribute xhr.responsetype = 'blob'; xhr.onload = function (evt) { if (xhr.status == 200) { console.log("blob retrieved"); var blob = xhr.response; console.log("blob:", blob); addpublication(biblioid, title, year, blob); } else { console.error("addpublicationfromurl error:", xhr.responsetext, xhr.status); } }; xhr.send(); // we can't use jquery here because as of jquery 1.8.3 the new "blob" // respons...
... // http://bugs.jquery.com/ticket/11461 // http://bugs.jquery.com/ticket/7248 // $.ajax({ // url: url, // type: 'get', // xhrfields: { responsetype: 'blob' }, // success: function(data, textstatus, jqxhr) { // console.log("blob retrieved"); // console.log("blob:", data); // // addpublication(biblioid, title, year, data); // }, // error: function(jqxhr, textstatus, errorthrown) { // console.error(errorthrown); // displayactionfailure("error during blob retrieval"); // } // }); } /** * @param {string} biblioid * @param {string} title * @param {number} year * @param {blob=} blob */ function addpublication(biblioid, title, year, blob) { console.log("addpubl...
..."failure: " + msg : "failure"; $('#msg').html('<span class="action-failure">' + msg + '</span>'); } function resetactionstatus() { console.log("resetactionstatus ..."); $('#msg').empty(); console.log("resetactionstatus done"); } function addeventlisteners() { console.log("addeventlisteners"); $('#register-form-reset').click(function(evt) { resetactionstatus(); }); $('#add-button').click(function(evt) { console.log("add ..."); var title = $('#pub-title').val(); va...
MSGraphicsTrust - Web APIs
Web › API › MSGraphicsTrust
syntax var trustobject = media.msgraphicstruststatus; parameters constrictionactive a read-only property which returns true when protected media is forced to play in a lower resolution.
... status a read-only property which returns an enum with the driver status when playing protected content.
... example var trustobject = media.msgraphicstruststatus; ...
MediaKeySession - Web APIs
Web › API › MediaKeySession
mediakeysession.keystatuses read only contains a reference to a read-only mediakeystatusmap of the current session's keys and their statuses.
... event handlers mediakeysession.onkeystatuseschange sets the eventhandler called when there has been a change in the keys in a session or their statuses.
... examples // tbd specifications specification status comment encrypted media extensionsthe definition of 'mediakeysession' in that specification.
MediaQueryList.addListener() - Web APIs
Web › API › MediaQueryList › addListener
the addlistener() method of the mediaquerylist interface adds a listener to the mediaquerylistener that will run a custom callback function in response to the media query status changing.
... syntax mediaquerylist.addlistener(func) parameters func a function or function reference representing the callback function you want to run when the media query status changes.
... */ para.textcontent = 'this is a narrow screen — less than 600px wide.'; document.body.style.backgroundcolor = 'red'; } else { /* the viewport is more than than 600 pixels wide */ para.textcontent = 'this is a wide screen — more than 600px wide.'; document.body.style.backgroundcolor = 'blue'; } } mql.addlistener(screentest); specifications specification status comment css object model (cssom) view modulethe definition of 'addlistener' in that specification.
MutationObserverInit.attributeFilter - Web APIs
Web › API › MutationObserverInit › attributeFilter
example in this example, a mutation observer is set up to watch for changes to the status and username attributes in any elements contained within a subtree that displays the names of users in a chat room.
... function callback(mutationlist) { mutationlist.foreach(function(mutation) { switch(mutation.type) { case "attributes": switch(mutation.attributename) { case "status": userstatuschanged(mutation.target.username, mutation.target.status); break; case "username": usernamechanged(mutation.oldvalue, mutation.target.username); break; } break; } }); } var userlistelement = document.queryselector("#userlist"); var observer = new mutationobserver(callback); observer.observe(userlistelement, { attributefilter: [ "status", "username" ], attributeoldvalue: true, subt...
... specifications specification status comment domthe definition of 'mutationobserverinit: attributefilter' in that specification.
Navigator - Web APIs
Web › API › Navigator
navigator.battery read only returns a batterymanager object you can use to get information about the battery charging status.
... navigator.permissions read only returns a permissions object that can be used to query and update permission status of apis covered by the permissions api.
... specifications specification status comment html living standardthe definition of 'the navigator object' in that specification.
Navigator.onLine - Web APIs
Web › API › NavigatorOnLine › onLine
returns the online status of the browser.
...you could be getting false positives, such as in cases where the computer is running a virtualization software that has virtual ethernet adapters that are always "connected." therefore, if you really want to determine the online status of the browser, you should develop additional means for checking.
... to see changes in the network state, use addeventlistener to listen for the events on window.online and window.offline, as in the following example: window.addeventlistener('offline', function(e) { console.log('offline'); }); window.addeventlistener('online', function(e) { console.log('online'); }); specifications specification status comment html living standardthe definition of 'navigator.online' in that specification.
PaymentResponse.complete() - Web APIs
Web › API › PaymentResponse › complete
unknown the success or failure status of the transaction is unknown or irrelevant, and the user agent should not present any notification, even if it normally would.
...it calls complete() with an answer appropriate to the status in the response.
...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.complete("fail"); }; }).catch( reason => { paymentresponse.complete("fail"); }); }).catch(function(err) { console.error("uh oh, something bad happened", err.message); }); specifications specification status comment payment request apithe definition of 'paymentresponse: co...
Permissions.query() - Web APIs
Web › API › Permissions › query
syntax navigator.permissions.query(permissiondescriptor).then(function(permissionstatus) { ...
... returns a promise that resolves to a permissionstatus object.
...}); specification specification status comment permissionsthe definition of 'query()' in that specification.
PushManager.hasPermission() - Web APIs
Web › API › PushManager › hasPermission
the pushmanager.haspermission() method of the pushmanager interface returns a promise that resolves to the pushpermissionstatus of the requesting webapp, which will be one of granted, denied, or default.
... syntax ​pushmanager.haspermission().then(function(pushpermissionstatus) { ...
... } ); example // tbd specification specification status comment push api working draft defines the pushmanager interface.
RTCPeerConnection: connectionstatechange event - Web APIs
Web › API › RTCPeerConnection › connectionstatechange event
it simply calls an app-defined function called setonlinestatus() to update a status display.
... pc.onconnectionstatechange = ev => { switch(pc.connectionstate) { case "new": case "checking": setonlinestatus("connecting..."); break; case "connected": setonlinestatus("online"); break; case "disconnected": setonlinestatus("disconnecting..."); break; case "closed": setonlinestatus("offline"); break; case "failed": setonlinestatus("error"); break; default: setonlinestatus("unknown"); break; } } you can also create a handler for connectionstatechange by using addeventlistener(): pc.addeventlistener("connectionstatechange", ev => { switch(pc.connectionstate) { /* ...
... */ } }, false); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'connectionstatechange' in that specification.
RTCPeerConnection - Web APIs
Web › API › RTCPeerConnection
connectionstatechange sent to the rtcpeerconnection object when the overall connectivity status of the rtcpeerconnection changes.
... rtcicegatheringstate enum the rtcicegatheringstate enum defines string constants which reflect the current status of ice gathering, as returned using the rtcpeerconnection.icegatheringstate property.
... specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection' in that specification.
Request.cache - Web APIs
Web › API › Request › cache
if there is no match, the browser will respond with a 504 gateway timeout status.
... ({status: 504}) : // workaround for chrome; which simply fails with a typeerror promise.reject(e)) .then(res => { if (res.status === 504) { controller.abort() controller = new abortcontroller(); return fetch("some.json", {cache: "force-cache", mode: "same-origin", signal: controller.signal}) } const date = res.headers.get("date"), dt = date ?
... return res }) .then(function(response) { /* consume the (possibly stale) response */ }) .catch(error => { /* can be an aborterror/domerror or a typeerror */ }); specifications specification status comment fetchthe definition of 'cache' in that specification.
Response() - Web APIs
Web › API › Response › Response
the possible options are: status: the status code for the reponse, e.g., 200.
... statustext: the status message associated with the status code, e.g., ok.
... examples in our fetch response example (see fetch response live) we create a new response object using the constructor, passing it a new blob as a body, and an init object containing a custom status and statustext: var myblob = new blob(); var init = { "status" : 200 , "statustext" : "supersmashinggreat!" }; var myresponse = new response(myblob,init); specifications specification status comment fetchthe definition of 'response()' in that specification.
Response.type - Web APIs
Web › API › Response › type
the response’s status is 0, headers are empty and immutable.
...the response's status is 0, headers are empty, body is null and trailer is empty.
... var myimage = document.queryselector('img'); var myrequest = new request('flowers.jpg'); fetch(myrequest).then(function(response) { console.log(response.type); // returns basic by default response.blob().then(function(myblob) { var objecturl = url.createobjecturl(myblob); myimage.src = objecturl; }); }); specifications specification status comment fetchthe definition of 'type' in that specification.
USBDevice.clearHalt() - Web APIs
Web › API › USBDevice › clearHalt
a halt condition is when a data tranfer to or from the device has a status of 'stall', which requires the web page (the host system, in usb terminology) to clear that condition.
... while (true) { let result = await data.transferin(1, 6); if (result.data && result.data.bytelength === 6) { console.log('channel 1: ' + result.data.getuint16(0)); console.log('channel 2: ' + result.data.getuint16(2)); console.log('channel 5: ' + result.data.getuint16(4)); } if (result.status === 'stall') { console.warn('endpoint stalled.
... clearing.'); await device.clearhalt('in', 1); } } specifications specification status comment webusbthe definition of 'clearhalt()' in that specification.
USBDevice - Web APIs
Web › API › USBDevice
usbdevice.controltransferin() returns a promise that resolves with a usbtransferinresult when a command or status operation has been transmitted to the usb device.
... usbdevice.controltransferout() returns a promise that resolves with a usbtransferoutresult when a command or status operation has been transmitted from the usb device.
... specifications specification status comment webusbthe definition of 'usbdevice' in that specification.
USBInTransferResult - Web APIs
Web › API › USBInTransferResult
constructor usbintransferresult.usbintransferresult() creates a new usbintransferresult object with the provided status and data fields.
... usbintransferresult.statusread only returns the status of the transfer request, one of: "ok" - the transfer was successful.
... specifications specification status comment webusbthe definition of 'usbintransferresult' in that specification.
USBOutTransferResult - Web APIs
Web › API › USBOutTransferResult
constructor usbouttransferresult.usbouttransferresult() creates a new usbouttransferresult object with the provided status and byteswritten fields.
... usbouttransferresult.statusread only returns the status of the transfer request, one of: "ok" - the transfer was successful.
... specifications specification status comment webusbthe definition of 'usbouttransferresult' in that specification.
WebGLContextEvent - Web APIs
Web › API › WebGLContextEvent
the webcontextevent interface is part of the webgl api and is an interface for an event that is generated in response to a status change to the webgl rendering context.
... webglcontextevent.statusmessage a read-only property containing additional information about the event.
... specifications specification status comment webgl 1.0the definition of 'webglcontextevent' in that specification.
WebGLRenderingContext.getShaderParameter() - Web APIs
Web › API › WebGLRenderingContext › getShaderParameter
possible values: gl.delete_status: returns a glboolean indicating whether or not the shader is flagged for deletion.
... gl.compile_status: returns a glboolean indicating whether or not the last shader compilation was successful.
... examples gl.getshaderparameter(shader, gl.shader_type); specifications specification status comment webgl 1.0the definition of 'getshaderparameter' in that specification.
WebSocket.close() - Web APIs
Web › API › WebSocket › close
syntax websocket.close(); parameters code optional a numeric value indicating the status code explaining why the connection is being closed.
...see the list of status codes of closeevent for permitted values.
... specifications specification status comment html living standard the definition of 'websocket.close()' in that specification.
Window - Web APIs
Web › API › Window
window.status gets/sets the text in the statusbar at the bottom of the browser.
... window.statusbar read only returns the statusbar object, whose visibility can be toggled in the window.
... window.defaultstatus gets/sets the status bar text for the given window.
WindowOrWorkerGlobalScope.fetch() - Web APIs
Web › API › WindowOrWorkerGlobalScope › fetch
instead, a then() handler must check the response.ok and/or response.status properties.
...status: ${response.status}`); } return response.blob(); }) .then(function(response) { let objecturl = url.createobjecturl(response); myimage.src = objecturl; }); in the fetch with init then request example (see fetch request init live), we do the same thing except that we pass in an init object when we invoke fetch(): const myimage = document.queryselector('img'); let myheaders = new headers(...
... const myinit = { method: 'get', headers: { 'content-type': 'image/jpeg' }, mode: 'cors', cache: 'default' }; let myrequest = new request('flowers.jpg', myinit); specifications specification status comment fetchthe definition of 'fetch()' in that specification.
Web APIs
Web › API
tewindowshow mscandidatewindowupdate msgestureevent msgraphicstrust msmanipulationevent msrangecollection mssitemodeevent magnetometer mathmlelement mediacapabilities mediacapabilitiesinfo mediaconfiguration mediadecodingconfiguration mediadeviceinfo mediadevices mediaelementaudiosourcenode mediaencodingconfiguration mediaerror mediaimage mediakeymessageevent mediakeysession mediakeystatusmap mediakeysystemaccess mediakeysystemconfiguration mediakeys medialist mediametadata mediapositionstate mediaquerylist mediaquerylistevent mediaquerylistlistener mediarecorder mediarecordererrorevent mediasession mediasessionactiondetails mediasettingsrange mediasource mediastream mediastreamaudiodestinationnode mediastreamaudiosourcenode mediastreamaudiosourceoptions mediastreamconstraints me...
...esponse paymentvalidationerrors pbkdf2params performance performanceentry performanceeventtiming performanceframetiming performancelongtasktiming performancemark performancemeasure performancenavigation performancenavigationtiming performanceobserver performanceobserverentrylist performancepainttiming performanceresourcetiming performanceservertiming performancetiming periodicwave permissionstatus permissions photocapabilities plugin pluginarray point pointerevent popstateevent positionoptions processinginstruction progressevent promiserejectionevent publickeycredential publickeycredentialcreationoptions publickeycredentialrequestoptions pushevent pushmanager pushmessagedata pushregistrationmanager pushsubscription r rtcansweroptions rtccertificate rtcconfiguration rtc...
...prequesteventtarget xmlhttprequestresponsetype xmlserializer xpathevaluator xpathexception xpathexpression xpathnsresolver xpathresult xrboundedreferencespace xrenvironmentblendmode xreye xrframe xrframerequestcallback xrhandedness xrinputsource xrinputsourcearray xrinputsourceevent xrinputsourceeventinit xrinputsourceschangeevent xrinputsourceschangeeventinit xrpermissiondescriptor xrpermissionstatus xrpose xrreferencespace xrreferencespaceevent xrreferencespaceeventinit xrreferencespacetype xrrenderstate xrrenderstateinit xrrigidtransform xrsession xrsessionevent xrsessioneventinit xrsessioninit xrsessionmode xrspace xrsystem xrtargetraymode xrview xrviewerpose xrviewport xrvisibilitystate xrwebgllayer xrwebgllayerinit xsltprocessor ...
ARIA live regions - Accessibility
Web › Accessibility › ARIA › ARIA Live Regions
status a status bar or area of the screen that provides an updated status of some kind.
... screen reader users have a special command to read the current status.
...display a list of users where a user's log-in and log-out status will be reflected dynamically (without a page reload).
appearance (-moz-appearance, -webkit-appearance) - CSS: Cascading Style Sheets
Web › CSS › appearance
statusbar firefox removed in firefox 64.
... statusbarpanel firefox removed in firefox 64.
... specifications specification status comment css basic user interface module level 4the definition of 'appearance' in that specification.
Using the application cache - HTML: Hypertext Markup Language
Web › HTML › Using the application cache
in firefox, the offline cache data is stored separately from the firefox profile—next to the regular disk cache: windows vista/7: c:\users\<username>\appdata\local\mozilla\firefox\profiles\<salt>.<profile name>\offlinecache mac/linux: /users/<username>/library/caches/firefox/profiles/<salt>.<profile name>/offlinecache in firefox the current status of the offline cache can be inspected on the about:cache page (under the "offline cache device" heading).
...since a cache manifest file may have been updated before a script attaches event listeners to test for updates, scripts should always test window.applicationcache.status.
... function onupdateready() { console.log('found new version!'); } window.applicationcache.addeventlistener('updateready', onupdateready); if(window.applicationcache.status === window.applicationcache.updateready) { onupdateready(); } to manually start testing for a new manifest file, you can use window.applicationcache.update().
Evolution of HTTP - HTTP
Web › HTTP › Basics of HTTP › Evolution of HTTP
there were no status or error codes: in case of a problem, a specific html file was send back with the description of the problem contained in it, for human consumption.
... http/1.0 – building extensibility http/0.9 was very limited and both browsers and servers quickly extended it to be more versatile: versioning information is now sent within each request (http/1.0 is appended to the get line) a status code line is also sent at the beginning of the response, allowing the browser itself to understand the success or failure of the request and to adapt its behavior in consequence (like in updating or using its local cache in a specific way) the notion of http headers has been introduced, both for the requests and the responses, allowing metadata to be transmitted and making the protocol extremely flexible and extensible.
... see bug 1158011 for implementation status in firefox.
Cache-Control - HTTP
Web › HTTP › Headers › Cache-Control
cache-control: immutable cache-control: stale-while-revalidate=<seconds> cache-control: stale-if-error=<seconds> directives cacheability a response is normally cached by the browser if: it has a status code of 301, 302, 307, 308, or 410 and cache-control does not have no-store, or if proxy, does not have private and authorization is unset either has a status code of 301, 302, 307, 308, or 410 or has public, max-age or s-maxage in cache-control or has expires set public the response may be stored by any cache, even if the response is normally non-cacheable.
...the cache should either respond using a stored response, or respond with a 504 status code.
... cache-control: no-cache cache-control: no-cache, max-age=0 specifications specification status comment rfc 8246: http immutable responses ietf rfc rfc 7234: hypertext transfer protocol (http/1.1): caching ietf rfc rfc 5861: http cache-control extensions for stale content ietf rfc initial definition ...
If-None-Match - HTTP
Web › HTTP › Headers › If-None-Match
for get and head methods, the server will send back the requested resource, with a 200 status, only if it doesn't have an etag matching the given ones.
... when the condition fails for get and head methods, then the server must return http status code 304 (not modified).
... for methods that apply server-side changes, the status code 412 (precondition failed) is used.
DELETE - HTTP
Web › HTTP › Methods › DELETE
request has body may successful response has body may safe no idempotent yes cacheable no allowed in html forms no syntax delete /file.html http/1.1 example request delete /file.html http/1.1 responses if a delete method is successfully applied, there are several response status codes possible: a 202 (accepted) status code if the action will likely succeed but has not yet been enacted.
... a 204 (no content) status code if the action has been enacted and no further information is to be supplied.
... a 200 (ok) status code if the action has been enacted and the response message includes a representation describing the status.
Network Error Logging - HTTP
Web › HTTP › Network Error Logging
http 400 (bad request) response { "age": 20, "type": "network-error", "url": "https://example.com/previous-page", "body": { "elapsed_time": 338, "method": "post", "phase": "application", "protocol": "http/1.1", "referrer": "https://example.com/previous-page", "sampling_fraction": 1, "server_ip": "137.205.28.66", "status_code": 400, "type": "http.error", "url": "https://example.com/bad-request" } } dns name not resolved note that the phase is set to dns in this report and no server_ip is available to include.
... { "age": 20, "type": "network-error", "url": "https://example.com/previous-page", "body": { "elapsed_time": 18, "method": "post", "phase": "dns", "protocol": "http/1.1", "referrer": "https://example.com/previous-page", "sampling_fraction": 1, "server_ip": "", "status_code": 0, "type": "dns.name_not_resolved", "url": "https://example-host.com/" } } the type of the network error may be one of the following pre-defined values from the specification, but browsers can add and send their own error types: dns.unreachable the user's dns server is unreachable dns.name_not_resolved the user's dns server responded but was unable to resolve an ip address for the requested uri.
...connection was reset tcp.refused the tcp connection was refused by the server tcp.aborted the tcp connection was aborted tcp.address_invalid the ip address is invalid tcp.address_unreachable the ip address is unreachable tcp.failed the tcp connection failed due to reasons not covered by previous errors http.error the user agent successfully received a response, but it had a 4xx or 5xx status code http.protocol.error the connection was aborted due to an http protocol error http.response.invalid response is empty, has a content-length mismatch, has improper encoding, and/or other conditions that prevent user agent from processing the response http.response.redirect_loop the request was aborted due to a detected redirect loop http.failed the connection failed due to errors in ht...
A typical HTTP session - HTTP
Web › HTTP › Session
the server processes the request, sending back its answer, providing a status code and appropriate data.
...similar to a client request, a server response is formed of text directives, separated by crlf, though divided into three blocks: the first line, the status line, consists of an acknowledgment of the http version used, followed by a status request (and its brief meaning in human-readable text).
...(contains a site-customized page helping the user to find the missing resource) response status codes http response status codes indicate if a specific http request has been successfully completed.
100 Continue - HTTP
Web › HTTP › Status › 100
the http 100 continue informational status response code indicates that everything so far is ok and that the client should continue with the request or ignore it if it is already finished.
... to have a server check the request's headers, a client must send expect: 100-continue as a header in its initial request and receive a 100 continue status code in response before sending the body.
... status 100 continue specifications specification title rfc 7231, section 6.2.1: 100 continue hypertext transfer protocol (http/1.1): semantics and content ...
103 Early Hints - HTTP
Web › HTTP › Status › 103
the http 103 early hints information response status code is primarily intended to be used with the link header to allow the user agent to start preloading resources while the server is still preparing a response.
... syntax 103 early hints specifications specification status comments rfc 8297: 103 early hints ietf rfc initial definition browser compatibility the compatibility table in this page is generated from structured data.
...please contribute data for "http.status.103" (depth: 1) to the mdn compatibility data repository.
201 Created - HTTP
Web › HTTP › Status › 201
the http 201 created success status response code indicates that the request has succeeded and has led to the creation of a resource.
... the common use case of this status code is as the result of a post request.
... status 201 created specifications specification title rfc 7231, section 6.3.2: 201 created hypertext transfer protocol (http/1.1): semantics and content ...
203 Non-Authoritative Information - HTTP
Web › HTTP › Status › 203
the http 203 non-authoritative information response status indicates that the request was successful but the enclosed payload has been modified by a transforming proxy from that of the origin server's 200 (ok) response .
... the 203 response is similar to the value 214, meaning transformation applied, of the warning header code, which has the additional advantage of being applicable to responses with any status code.
... status 203 non-authoritative information specifications specification title rfc 7231, section 6.3.4: 203 non-authoritative information hypertext transfer protocol (http/1.1): semantics and content ...
301 Moved Permanently - HTTP
Web › HTTP › Status › 301
the hypertext transfer protocol (http) 301 moved permanently redirect status response code indicates that the resource requested has been definitively moved to the url given by the location headers.
...it is therefore recommended to use the 301 code only as a response for get or head methods and to use the 308 permanent redirect for post methods instead, as the method change is explicitly prohibited with this status.
... status 301 moved permanently example client request get /index.php http/1.1 host: www.example.org server response http/1.1 301 moved permanently location: http://www.example.org/index.asp specifications specification title rfc 7231, section 6.4.2: 301 moved permanently hypertext transfer protocol (http/1.1): semantics and content ...
403 Forbidden - HTTP
Web › HTTP › Status › 403
the http 403 forbidden client error status response code indicates that the server understood the request but refuses to authorize it.
... this status is similar to 401, but in this case, re-authenticating will make no difference.
... status 403 forbidden example response http/1.1 403 forbidden date: wed, 21 oct 2015 07:28:00 gmt specifications specification title rfc 7231, section 6.5.3: 403 forbidden http/1.1: semantics and content ...
404 Not Found - HTTP
Web › HTTP › Status › 404
a 404 status code does not indicate whether the resource is temporarily or permanently missing.
... but if a resource is permanently removed, a 410 (gone) should be used instead of a 404 status.
... status 404 not found custom error pages many web sites customize the look of a 404 page to be more helpful to the user and provide guidance on what to do next.
407 Proxy Authentication Required - HTTP
Web › HTTP › Status › 407
the http 407 proxy authentication required client error status response code indicates that the request has not been applied because it lacks valid authentication credentials for a proxy server that is between the browser and the server that can access the requested resource.
... this status is sent with a proxy-authenticate header that contains information on how to authorize correctly.
... status 407 proxy authentication required example response http/1.1 407 proxy authentication required date: wed, 21 oct 2015 07:28:00 gmt proxy-authenticate: basic realm="access to internal site" specifications specification title rfc 7235, section 3.2: 407 proxy authentication required http/1.1: authentication ...
506 Variant Also Negotiates - HTTP
Web › HTTP › Status › 506
the hypertext transfer protocol (http) 506 variant also negotiates response status code may be given in the context of transparent content negotiation (see rfc 2295).
... the variant also negotiates status code indicates an internal server configuration error in which the chosen variant is itself configured to engage in content negotiation, so is not a proper negotiation endpoint.
... status 506 variant also negotiates specifications specification title rfc 2295, section 8.1: 506 variant also negotiates transparent content negotiation in http ...
508 Loop Detected - HTTP
Web › HTTP › Status › 508
the hypertext transfer protocol (http) 508 loop detected response status code may be given in the context of the web distributed authoring and versioning (webdav) protocol.
...this status indicates that the entire operation failed.
... status 508 loop detected specifications specification title rfc 5842, section 7.2: 508 loop detected web distributed authoring and versioning ...
510 Not Extended - HTTP
Web › HTTP › Status › 510
the hypertext transfer protocol (http) 510 not extended response status code is sent in the context of the http extension framework, defined in rfc 2774.
...if the server receives such a request, but any described extensions are not supported for the request, then the server responds with the 510 status code.
... status 510 not extended specifications specification title rfc 2774, section 7: 510 not extended an http extension framework ...
511 Network Authentication Required - HTTP
Web › HTTP › Status › 511
the http 511 network authentication required response status code indicates that the client needs to authenticate to gain network access.
... this status is not generated by origin servers, but by intercepting proxies that control access to the network.
... status 511 network authentication required specifications specification title rfc 6585, section 6: 511 network authentication required additional http status codes ...
Expressions and operators - JavaScript
Web › JavaScript › Guide › Expressions and Operators
for example, var status = (age >= 18) ?
... 'adult' : 'minor'; this statement assigns the value "adult" to the variable status if age is eighteen or more.
... otherwise, it assigns the value "minor" to status.
<maction> - MathML
Web › MathML › Element › maction
possible values are: statusline: if there is a click on the expression or the reader moves the pointer over it, the message is sent to the browser's status line.
... the syntax is: <maction actiontype="statusline"> expression message </maction>.
...actiontype: <math> <maction actiontype="toggle"> <mfrac> <mn>6</mn> <mn>8</mn> </mfrac> <mfrac> <mrow> <mn>3</mn> <mo>&sdot;</mo> <mn>2</mn> </mrow> <mrow> <mn>4</mn> <mo>&sdot;</mo> <mn>2</mn> </mrow> </mfrac> <mfrac> <mn>3</mn> <mn>4</mn> </mfrac> </maction> </math> specifications specification status comment mathml 3.0the definition of 'maction' in that specification.
Downloading Files - Archive of obsolete content
Archive › Add-ons › Code snippets › Downloading Files
lementbyid("progress_element"); persist.progresslistener = { onprogresschange: function(awebprogress, arequest, acurselfprogress, amaxselfprogress, acurtotalprogress, amaxtotalprogress) { var percentcomplete = math.round((acurtotalprogress / amaxtotalprogress) * 100); progresselement.textcontent = percentcomplete +"%"; }, onstatechange: function(awebprogress, arequest, astateflags, astatus) { // do something } } persist.saveuri(obj_uri, null, null, null, "", targetfile, privacy); downloading files that require credentials before calling nsiwebbrowserpersist.saveuri(), you need to set the progresslistener property of the nsiwebbrowserpersist instance to an object that implements nsiauthprompt.
... function getimagefromurl(url) { var ioserv = components.classes["@mozilla.org/network/io-service;1"] .getservice(components.interfaces.nsiioservice); var channel = ioserv.newchannel(url, 0, null); var stream = channel.open(); if (channel instanceof components.interfaces.nsihttpchannel && channel.responsestatus != 200) { return ""; } var bstream = components.classes["@mozilla.org/binaryinputstream;1"] .createinstance(components.interfaces.nsibinaryinputstream); bstream.setinputstream(stream); var size = 0; var file_data = ""; while(size = bstream.available()) { file_data += bstream.readbytes(size); } return file_data; } see also nsidownloadprogresslistener...
How to convert an overlay extension to restartless - Archive of obsolete content
Archive › Add-ons › How to convert an overlay extension to restartless
returnresult(null); }; request.onload = function(event) { if (request.response) returnresult(request.response); else request.onerror(event); }; request.send(); } loadfile("chrome://myaddon/content/filename.ext",datatype,function(data) { /* do stuff with data */ }); note: when using xmlhttprequest to access a file:// url the request.status is not properly set to 200 to indicate success.
... in such cases, request.readystate == 4, request.status == 0 and request.response will evaluate to true.
Extensions support in SeaMonkey 2 - Archive of obsolete content
Archive › Add-ons › SeaMonkey 2
the statusbar in firefox 3 a new vbox has been added, called "browser-bottombox", which encloses the find bar and status bar at the bottom of the browser window.
... for example, if you overlay some chrome before the status bar, like this: <vbox id="browser-bottombox"> <something insertbefore="status-bar" /> </vbox> use the following technique to make your overlay work on both seamonkey 2 and firefox 3: <window id="main-window"> <vbox id="browser-bottombox" insertbefore="status-bar"> <something insertbefore="status-bar" /> </vbox> </window> thunderbird 3 gfolderdisplay api seamonkey 2.0 only supports a reduced set of methods: selectedcount selectedmessage selectedmessageisfeed selectedmessageisimap selectedmessageisnews selectedmessageisexternal selectedindices selectedmessages selectedmessa...
Firefox addons developer guide - Archive of obsolete content
Archive › Add-ons › Talk:Firefox addons developer guide
mes, interfaces names are misspelled: s/nsl/nsi; talk about fuel; titles of chapters and sub-headings should have caps for first letter of each word; we should add a part about bad and good practices (leaks, global scopes, ...); add external resources (mozdev.org/community/books.html); add to chapter 3 or 5 more informations about overlay (how to overlay some interesting part of firefox like status bar, menus or toolbar) add previous/next at the end of each chapter questions: opensource appendix.
...an alternative idea: writing a "next step" guide for interested people such as adding statusbar buttons, sidebar panels, and so on.
Download Manager improvements in Firefox 3 - Archive of obsolete content
Archive › Mozilla › Download Manager improvements in Firefox 3
nsidownloadprogresslistener applications and extensions implement this interface to be made aware of changes in the status of downloads.
... examples monitoring downloads an example showing how to use the new download manager apis to create a download log window that shows all past and present downloads and their status, including the start and end times of the downloads, the download speed, and more.
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
Archive › Mozilla › Migrate apps from Internet Explorer to Mozilla
2 loaded - send() has been called, headers and status are available.
... string status the status code of the http response.
Configuration - Archive of obsolete content
Archive › Mozilla › Prism › Configuration
status turns the status messages on or off for this web app: yes or no location turns the readonly location bar on or off for this web app: yes or no navigation turns the hotkey history navigation (alt+left, alt+right and alt+home) on or off for this web app: yes or no splashscreen filename of an html page to be displayed while the app is loading.
...example here is an example of a webapp.ini profile: [parameters] name=gmail id=google.mail@developer.mozilla.org uri=https://mail.google.com icon=gmail status=yes location=no sidebar=no navigation=no ...
HostWindow - Archive of obsolete content
Archive › Mozilla › Prism › HostWindow
status - area of the statusbar that displays the loading status message and a "percent complete" progress bar, as well as the "gear" menu that provides access to prism commands such as displaying the error console.
... to display the status bar, the statusbar option in webapp.ini must be set to true.
Frequently Asked Questions - Archive of obsolete content
Archive › Mozilla › SVG FAQ
what is the status of the svg implementation?
... we currently maintain two documents to help answer this question: a status page for svg in firefox 1.5+ and a status page for svg in the development trunk.
Supporting private browsing mode - Archive of obsolete content
Archive › Mozilla › Supporting private browsing mode
private browsing notifications there are notifications available that allow you to easily watch for changes to the status of the private browsing mode, including detecting when it turns on and off.
... this lets you passively monitor for changes in private browsing status.
XUL Events - Archive of obsolete content
Archive › Mozilla › XUL › Events
this event would be used to update the disabled status of its commands.dommenuitemactivethe dommenuitemactive event is executed when a <menu> or a <menuitem> has been hovered or highlighted.dommenuiteminactivethe dommenuiteminactive event is executed when a <menu> or a <menuitem> in no longer hovered or highlighted.popuphiddenthe popuphidden event is executed when a <menupopup>, <panel> or <tooltip> has become hidden.popuphidingthe popuphiding event ...
...you would use this to update the disabled status of its commands.
MenuItems - Archive of obsolete content
Archive › Mozilla › XUL › PopupGuide › MenuItems
<menu label="view" accesskey="v"> <menupopup> <menuitem label="show toolbar" accesskey="t" type="checkbox" checked="true"/> <menuitem label="show status bar" accesskey="s" type="checkbox"/> </menupopup> </menu> both menuitems are of the checkbox type.
...from within a command listener, you can execute code which will change the state of the toolbar or status bar or whatever it is that need changing.
Menus - Archive of obsolete content
Archive › Mozilla › XUL › PopupGuide › Menus
<menu label="view"> <menupopup> <menuitem label="toolbar"/> <menuitem label="status bar"/> </menupopup> </menu> when the menu is clicked, it opens the menupopup contained within it.
... <menubar id="sample-menubar"> <menu id="view-menu" label="view"> <menupopup> <menuitem label="toolbar"/> <menuitem label="status bar"/> <menuseparator/> <menu label="sort" accesskey="s"> <menupopup> <menuitem label="by name"/> <menuitem label="by date"/> </menupopup> </menu> </menupopup> </menu> </menubar> in this example, a top level 'view' menu has two child menuitems, a separator and a submenu created with the menu tag.
Textbox (XPFE autocomplete) - Archive of obsolete content
Archive › Mozilla › XUL › Textbox (XPFE autocomplete)
upopen, resultspopup, searchcount, searchparam, searchsessions, selectionend, selectionstart, sessioncount, showcommentcolumn, showpopup, size, tabindex, tabscrolling, textlength, textvalue, timeout, type, useraction, value methods addsession, clearresults, getdefaultsession, getresultat, getresultcount, getresultvalueat, getsession, getsessionbyname, getsessionresultat, getsessionstatusat, getsessionvalueat, removesession, select, setselectionrange, syncsessions examples (example needed) attributes accesskey type: character this should be set to a character that is used as a shortcut key.
... getsessionstatusat( index ) obsolete since gecko 26 return type: any value listed in nsiautocompletestatus returns the status for the session object with the given index.
More Event Handlers - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › More Event Handlers
you might, however, want to display some help text on a status bar.
...you might then unhighlight the element or remove status text.
XUL Questions and Answers - Archive of obsolete content
Archive › Mozilla › XUL › XUL Questions and Answers
ew object(); listobj.wpl = components.interfaces.nsiwebprogresslistener; listobj.queryinterface = function(aiid) { if (aiid.equals(listobj.wpl) || aiid.equals(components.interfaces.nsisupportsweakreference) || aiid.equals(components.interfaces.nsisupports)) return this; throw components.results.ns_nointerface; } listobj.onstatechange = function(aprogress, arequest, aflag, astatus) { if (aflag & listobj.wpl.state_start) { // this fires when the load event is initiated } else { if (aflag & listobj.wpl.state_stop) { if ( aflag & listobj.wpl.state_is_window ) { // this fires when all load finish } if ( aflag & listobj.wpl.state_is_network ) { // fires when all load are really over, // do something "final" here // (...
...when a load finishes } } } return 0; } // this fires when the location bar changes i.e load event is confirmed // or when the user switches tabs listobj.onlocationchange = function(aprogress, arequest, auri) { // do whatever you want to do return 0; } // for definitions of the remaining functions see xulplanet.com listobj.onprogresschange = function() { return 0 }; listobj.onstatuschange = function() { return 0 }; listobj.onsecuritychange = function() { return 0 }; listobj.onlinkiconavailable = function() { return 0 }; /* i use the progress listener to trap the end of a local html "template" file loading, and run xslt transormations.
XUL Reference - Archive of obsolete content
Archive › Mozilla › XUL › XUL Reference
member menu menubar menuitem menulist menupopup menuseparator notification notificationbox observes overlay page panel param popupset preference preferences prefpane prefwindow progressmeter query queryset radio radiogroup resizer richlistbox richlistitem row rows rule scale script scrollbar scrollbox scrollcorner separator spacer spinbuttons splitter stack statusbar statusbarpanel stringbundle stringbundleset tab tabbrowser (firefox-only starting with firefox 3/gecko 1.9) tabbox tabpanel tabpanels tabs template textnode textbox textbox (firefox autocomplete) textbox (mozilla autocomplete) timepicker titlebar toolbar toolbarbutton toolbargrippy toolbaritem toolbarpalette toolbarseparator toolbarset toolbarspacer toolbarspring tool...
...g tab tabbox tabpanel tabpanels tabs controls --- text and images label caption image lists --- trees --- layout --- templates --- scripting --- helper elements other xul lists dialog overlay page window wizard wizardpage preference preferences prefpane prefwindow browser tabbrowser editor iframe titlebar resizer statusbar statusbarpanel dialogheader notification notificationbox menubar menu menuitem menuseparator menupopup panel tooltip popupset toolbar toolbarbutton toolbargrippy toolbaritem toolbarpalette toolbarseparator toolbarset toolbarspacer toolbarspring toolbox tabbox tabs tab tabpanels tabpanel groupbox caption separator spacer button checkbox colorpicker datepicker ...
action - Archive of obsolete content
Archive › Mozilla › XUL › action
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ,...
... , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), remo...
arrowscrollbox - Archive of obsolete content
Archive › Mozilla › XUL › arrowscrollbox
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width clicktoscroll type: boolean clicktoscroll, if true, the arrows must be clicked to scroll the scrollbox content.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width disabled type: boolean gets and sets the value of the disabled attribute.
assign - Archive of obsolete content
Archive › Mozilla › XUL › assign
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
bbox - Archive of obsolete content
Archive › Mozilla › XUL › bbox
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
binding - Archive of obsolete content
Archive › Mozilla › XUL › binding
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties object type: string the object of the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), g...
bindings - Archive of obsolete content
Archive › Mozilla › XUL › bindings
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width object type: string the object of the element.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
box - Archive of obsolete content
Archive › Mozilla › XUL › box
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
broadcasterset - Archive of obsolete content
Archive › Mozilla › XUL › broadcasterset
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
column - Archive of obsolete content
Archive › Mozilla › XUL › column
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
columns - Archive of obsolete content
Archive › Mozilla › XUL › columns
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
commandset - Archive of obsolete content
Archive › Mozilla › XUL › commandset
you would use this to update the disabled status of items.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
conditions - Archive of obsolete content
Archive › Mozilla › XUL › conditions
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
deck - Archive of obsolete content
Archive › Mozilla › XUL › deck
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties selectedindex type: integer returns the index of the currently selected item.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
dropmarker - Archive of obsolete content
Archive › Mozilla › XUL › dropmarker
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeatur...
grid - Archive of obsolete content
Archive › Mozilla › XUL › grid
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
grippy - Archive of obsolete content
Archive › Mozilla › XUL › grippy
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
groupbox - Archive of obsolete content
Archive › Mozilla › XUL › groupbox
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeatur...
hbox - Archive of obsolete content
Archive › Mozilla › XUL › hbox
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
keyset - Archive of obsolete content
Archive › Mozilla › XUL › keyset
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width disabled type: boolean indicates whether the element is disabled or not.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
listcol - Archive of obsolete content
Archive › Mozilla › XUL › listcol
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
listcols - Archive of obsolete content
Archive › Mozilla › XUL › listcols
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
listhead - Archive of obsolete content
Archive › Mozilla › XUL › listhead
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
listheader - Archive of obsolete content
Archive › Mozilla › XUL › listheader
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeatur...
member - Archive of obsolete content
Archive › Mozilla › XUL › member
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties child type: ?
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
observes - Archive of obsolete content
Archive › Mozilla › XUL › observes
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
page - Archive of obsolete content
Archive › Mozilla › XUL › page
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
popupset - Archive of obsolete content
Archive › Mozilla › XUL › popupset
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
preferences - Archive of obsolete content
Archive › Mozilla › XUL › preferences
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods void firechangedevent(in domelement preference); creates and dispatches a changed (non-bubbling) event to the specified preference element.
progressmeter - Archive of obsolete content
Archive › Mozilla › XUL › progressmeter
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
query - Archive of obsolete content
Archive › Mozilla › XUL › query
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
queryset - Archive of obsolete content
Archive › Mozilla › XUL › queryset
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
resizer - Archive of obsolete content
Archive › Mozilla › XUL › resizer
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
row - Archive of obsolete content
Archive › Mozilla › XUL › row
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
rows - Archive of obsolete content
Archive › Mozilla › XUL › rows
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
script - Archive of obsolete content
Archive › Mozilla › XUL › script
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
scrollbox - Archive of obsolete content
Archive › Mozilla › XUL › scrollbox
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
scrollcorner - Archive of obsolete content
Archive › Mozilla › XUL › scrollcorner
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
separator - Archive of obsolete content
Archive › Mozilla › XUL › separator
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
spacer - Archive of obsolete content
Archive › Mozilla › XUL › spacer
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
spinbuttons - Archive of obsolete content
Archive › Mozilla › XUL › spinbuttons
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
stack - Archive of obsolete content
Archive › Mozilla › XUL › stack
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
stringbundleset - Archive of obsolete content
Archive › Mozilla › XUL › stringbundleset
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
tabpanel - Archive of obsolete content
Archive › Mozilla › XUL › tabpanel
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
template - Archive of obsolete content
Archive › Mozilla › XUL › template
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
textnode - Archive of obsolete content
Archive › Mozilla › XUL › textnode
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
titlebar - Archive of obsolete content
Archive › Mozilla › XUL › titlebar
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width note: the allowevents attribute did not work for title bars prior to firefox 3.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens()...
toolbargrippy - Archive of obsolete content
Archive › Mozilla › XUL › toolbargrippy
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible type: nsiaccessible returns the accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature...
toolbaritem - Archive of obsolete content
Archive › Mozilla › XUL › toolbaritem
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
toolbarpalette - Archive of obsolete content
Archive › Mozilla › XUL › toolbarpalette
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
toolbarseparator - Archive of obsolete content
Archive › Mozilla › XUL › toolbarseparator
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, ...
toolbarset - Archive of obsolete content
Archive › Mozilla › XUL › toolbarset
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , ...
..., , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), remove...
toolbarspacer - Archive of obsolete content
Archive › Mozilla › XUL › toolbarspacer
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeatur...
toolbarspring - Archive of obsolete content
Archive › Mozilla › XUL › toolbarspring
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature,...
treechildren - Archive of obsolete content
Archive › Mozilla › XUL › treechildren
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
treecols - Archive of obsolete content
Archive › Mozilla › XUL › treecols
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeatur...
treerow - Archive of obsolete content
Archive › Mozilla › XUL › treerow
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
treeseparator - Archive of obsolete content
Archive › Mozilla › XUL › treeseparator
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
triple - Archive of obsolete content
Archive › Mozilla › XUL › triple
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
vbox - Archive of obsolete content
Archive › Mozilla › XUL › vbox
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
where - Archive of obsolete content
Archive › Mozilla › XUL › where
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, ...
..., , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), haschildnodes(), insertbefore(), isdefaultnamespace(), isequalnode, issamenode, issupported(), lookupnamespaceuri, lookupprefix, normalize(), queryselector(), queryselectorall(), removeattribute(), removeattributenode(), removeattributens(), re...
Extentsions FAQ - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-extensions › Extentsions FAQ
how to customizes toolbar button to coexist in a toolbar palette and status bar?
... option #3 install status buttons 1.0 <https://addons.mozilla.org/firefox/1272/> "lets you put toolbar buttons at either end of the status-bar.
2006-10-13 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-planning › 2006-10-13
(meeting notes) bon echo status meeting a bon echo status meeting was held on oct.
... 10 (meeting notes) gecko 1.9/gran paradiso status meeting a gecko 1.9/gran paradiso status meeting was held on oct.
2006-10-27 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-planning › 2006-10-27
meetings gecko 1.9/gran paradiso status meeting gecko 1.9/gran paradiso status meeting: october 25th, 2006 - 11am pdt.
... meeting notes gecko 1.9 bug triage meeting gecko 1.9 bug triage meeting - 3pm pdt final bon echo status meeting the final bon echo status meeting happened on october 24th, 2006.
2006-11-03 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-planning › 2006-11-03
meetings nov 1 gecko 1.9/gran paradiso status meeting: get agenda here.
... bon echo status meeting: october 31st, 2006: (possibly final meeting) get notes here weekly project status meeting monday oct 30 1pm *pst*: get notes here ...
2006-11-24 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-planning › 2006-11-24
announcments bon echo status mike beltzner posted a small to-do list with regards to bon echo firefox 1.5.0.9/2.0.0.1 jay patel posted an update of bugs for the firefox 1.5.0.9/2.0.0.1 releases discussion non-ascii rendering performance boris zbarsky made some suggestions on how to improve international font rendering cvs commit access changes a large discussion went on about changes to policies surrounding cvs commit access project drivers and technical oversight mike connor suggested ways to better organize project management, policy making, and technical oversight.
... others gave input on this as well meetings because of the firefox summit last week there is no project status meeting this week november 22 gecko 1.9/gran paradiso status meeting: (agenda) ...
NPAPI plugin developer guide - Archive of obsolete content
Archive › Plugins › Guide
propriate attributes using the embed element for plug-in display using custom embed attributes plug-in references plug-in development overview writing plug-ins registering plug-ins ms windows unix mac os x drawing a plug-in instance handling memory sending and receiving streams working with urls getting version and ui information displaying messages on the status line making plug-ins scriptable building plug-ins building, platforms, and compilers building carbonized plug-ins for mac os x type libraries installing plug-ins native installers xpi plug-ins installations plug-in installation and the windows registry initialization and destruction initialization instance creation instance destruction shutdown initiali...
...stream creating a stream pushing data into the stream deleting the stream example of sending a stream urls getting urls getting the url and displaying the page posting urls posting data to an http server uploading files to an ftp server sending mail memory allocating and freeing memory mac os flushing memory (mac os only) version, ui, and status information displaying a status line message getting agent information getting the current version finding out if a feature exists reloading a plug-in ...
Common Firefox theme issues and solutions - Archive of obsolete content
Archive › Themes › Common Firefox theme issues and solutions
address bar identity box is missing padlock icons for secure sites in firefox 14 and later the identity box has been significantly changed and the favicon has been replaced by an icon that indicates the website's status.
... 16px; -moz-margin-end: 4px; list-style-image: url("chrome://mozapps/skin/places/defaultfavicon.png"); } web developer tools web developer toolbar {to be added} web console web console buttons do not change appearance on the web console (tools > web developer > web console), the toolbar buttons on the left-hand side do not change their appearance between their toggled on and toggled off status as a result it is not possible to determine which buttons are enabled.
Theme changes in Firefox 2 - Archive of obsolete content
Archive › Themes › Theme changes in Firefox 2
mozapps/extensions/notifybadges.png new file; contains the icons used ito badge the icons for add-ons in the add-on manager window to indicate their status.
... extensions/update.css the following styles are no longer used in firefox 2 and should be removed from your theme: #foundlist #statusbar-updates .updatecategorybox .updatecategorycontent .updatecategoryicon .updatecategorylabel[selected="true"] .updateicon .updateicon[severity="0"] .updateicon[severity="1"] .updateicon[severity="2"] .updateindicator > label .updateindicator[updatecount="0"] .updateitemchecked .updateitemchecked .checkbox-label-box .updateitemfromlabel .updateitemicon .updateitemicon .updateitemn...
Debug.msTraceAsyncCallbackStarting - Archive of obsolete content
Archive › Web › JavaScript › Microsoft Extensions › Debug › msTraceAsyncCallbackStarting
function asyncwrapperfunction() { var opid = debug.mstraceasyncoperationstarting('async trace'); dosomethingasync().then(function (result) { debug.mstraceasyncoperationcompleted(opid, debug.ms_async_op_status_success); debug.mstraceasynccallbackstarting(opid); // process result of async operation.
... }, function (error) { debug.mstraceasyncoperationcompleted(opid, debug.ms_async_op_status_error); debug.mstraceasynccallbackstarting(opid); }); debug.mstraceasynccallbackcompleted(); } function dosomethingasync() { return winjs.promise.as(true); } asyncwrapperfunction(); requirements supported in the internet explorer 11 standards document mode.
Introduction to game development for the Web - Game development
Games › Introduction
because the web is ubiquitous, your customers can check their game's status on their phones, tablets, their home laptops, their work desktops, or anything else.
...this is a great way to do anything from downloading new game levels and artwork to transmitting non-real-time game status information back and forth.
WebVR — Virtual Reality for the Web - Game development
Games › Techniques › 3D on the web › WebVR
browser support and spec status currently browser support for the webvr api is still experimental — it works in nightly builds of firefox and experimental builds of chrome (mozilla and google teamed up to work on the implementation together), but sooner rather than later we'll see it in regular builds.
... the webvr spec is in editor's draft status which means it is still subject to change.
Track the score and win - Game development
Games › Tutorials › 2D Breakout game pure JavaScript › Track the score and win
add the following highlighted line to your code: function collisiondetection() { for(var c=0; c<brickcolumncount; c++) { for(var r=0; r<brickrowcount; r++) { var b = bricks[c][r]; if(b.status == 1) { if(x > b.x && x < b.x+brickwidth && y > b.y && y < b.y+brickheight) { dy = -dy; b.status = 0; score++; } } } } } calling drawscore() from the draw() function keeps the score up to date with every new frame — add the following line inside draw(), just below the drawpaddle(...
...add the following highlighted section into your collisiondetection() function: function collisiondetection() { for(var c=0; c<brickcolumncount; c++) { for(var r=0; r<brickrowcount; r++) { var b = bricks[c][r]; if(b.status == 1) { if(x > b.x && x < b.x+brickwidth && y > b.y && y < b.y+brickheight) { dy = -dy; b.status = 0; score++; if(score == brickrowcount*brickcolumncount) { alert("you win, congratulations!"); document.location.reload(); clearinter...
Idempotent - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › Idempotent
to be idempotent, only the actual back-end state of the server is considered, the status code returned by each request may differ: the first call of a delete will likely return a 200, while successive ones will likely return a 404.
...s in a row, the client gets the same results: get /pagex http/1.1 get /pagex http/1.1 get /pagex http/1.1 get /pagex http/1.1 post /add_row http/1.1 is not idempotent; if it is called several times, it adds several rows: post /add_row http/1.1 post /add_row http/1.1 -> adds a 2nd row post /add_row http/1.1 -> adds a 3rd row delete /idx/delete http/1.1 is idempotent, even if the returned status code may change between requests: delete /idx/delete http/1.1 -> returns 200 if idx exists delete /idx/delete http/1.1 -> returns 404 as it just got deleted delete /idx/delete http/1.1 -> returns 404 learn more general knowledge definition of idempotent in the http specification.
Index - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › Index
crud typically refers to operations performed in a database or datastore, but it can also apply to higher level functions of an application such as soft deletes where data is not actually deleted but marked as deleted via a status.
...stun returns the ip address, port, and connectivity status of a networked computer behind a nat.
What is CSS? - Learn web development
Learn › CSS › First steps › What is CSS
for this reason, being able to check implementation status is useful.
... on each property page on mdn you can see the status of the property you are interested in, so you can tell if you will be able to use it on a website.
UI pseudo-classes - Learn web development
Learn › Forms › UI pseudo-classes
for a start, we are signalling required versus optional status using color alone, which isn't great for colorblind people.
... second, the standard convention on the web for required status is an asterisk (*), or the word "required" being associated with the controls in question.
Index - Learn web development
Learn › Index
we can display, add, edit and delete todos, mark them as completed, and filter by status.
...our app can display, add, and delete todos, toggle their completed status, show how many of them are completed and apply filters.
Making decisions in your code — conditionals - Learn web development
Learn › JavaScript › Building blocks › conditionals
let's look at a quick or example: if (icecreamvanoutside || housestatus === 'on fire') { console.log('you should leave the house quickly.'); } else { console.log('probably should just stay in then.'); } the last type of logical operator, not, expressed by the !
...let's combine it with or in the above example: if (!(icecreamvanoutside || housestatus === 'on fire')) { console.log('probably should just stay in then.'); } else { console.log('you should leave the house quickly.'); } in this snippet, if the or statement returns true, the not operator will negate it so that the overall expression returns false.
Fetching data from the server - Learn web development
Learn › JavaScript › Client-side web APIs › Fetching data
about the best equivalent to fetch's response.ok in xhr is to check whether request.status is equal to 200, or if request.readystate is equal to 4.
... the properties for getting the status and status message are the same, but they are found on the request (xhr) object, not the response object.
Working with Svelte stores - Learn web development
Learn › Tools and testing › Client-side JavaScript frameworks › Svelte stores
d the following import statement below the existing ones: import { alert } from '../stores.js' update your addtodo() function like so: function addtodo(name) { todos = [...todos, { id: newtodoid, name, completed: false }] $alert = `todo '${name}' has been added` } update removetodo() like so: function removetodo(todo) { todos = todos.filter(t => t.id !== todo.id) todosstatus.focus() // give focus to status heading $alert = `todo '${todo.name}' has been deleted` } update the updatetodo() function to this: function updatetodo(todo) { const i = todos.findindex(t => t.id === todo.id) if (todos[i].name !== todo.name) $alert = `todo '${todos[i].name}' has been renamed to '${todo.name}'` if (todos[i].completed !== todo.completed) $...
... for common situations, you also have several predefined specialized role values that can be used, like log, status and alert.
Application cache implementation overview
Mozilla › Application cache implementation overview
when aentrystatus is a success code, entry has been found and we are loading it from the cache.
...when aentrystatus is a failure code, entry has not been found, but the url is falling under one of the network or fallback namespaces.
Creating Sandboxed HTTP Connections
Mozilla › Creating sandboxed HTTP connections
ataavailable: function (arequest, acontext, astream, asourceoffset, alength) { var scriptableinputstream = components.classes["@mozilla.org/scriptableinputstream;1"] .createinstance(components.interfaces.nsiscriptableinputstream); scriptableinputstream.init(astream); this.mdata += scriptableinputstream.read(alength); }, onstoprequest: function (arequest, acontext, astatus) { if (components.issuccesscode(astatus)) { // request was successfull this.mcallbackfunc(this.mdata); } else { // request failed this.mcallbackfunc(null); } gchannel = null; }, // nsichanneleventsink onchannelredirect: function (aoldchannel, anewchannel, aflags) { // if redirecting, store the new channel gchannel = anewchannel; }, // n...
...siinterfacerequestor getinterface: function (aiid) { try { return this.queryinterface(aiid); } catch (e) { throw components.results.ns_nointerface; } }, // nsiprogresseventsink (not implementing will cause annoying exceptions) onprogress : function (arequest, acontext, aprogress, aprogressmax) { }, onstatus : function (arequest, acontext, astatus, astatusarg) { }, // nsihttpeventsink (not implementing will cause annoying exceptions) onredirect : function (aoldchannel, anewchannel) { }, // we are faking an xpcom interface, so we need to implement qi queryinterface : function(aiid) { if (aiid.equals(components.interfaces.nsisupports) || aiid.equals(components.interfaces.nsiinterfacerequestor) || aiid.equals(components.interfaces.nsic...
Eclipse CDT Manual Setup
Mozilla › Developer guide › Eclipse › Eclipse CDT Manual Setup
the status bar at the bottom right of the window should now show that eclipse is "refreshing the workspace" (gathering a list of all the files in the source tree).
...you will now see "indexing..." in the status bar at the bottom right and an indexing item in the progress tab.
Interface Compatibility
Mozilla › Developer guide › Interface Compatibility
binary interfaces traditionally, mozilla has maintained a set of xpcom interfaces and functions with the @status frozen marking.
...beginning with mozilla 2 (firefox 4), this will no longer be supported: all @status markings have been removed, and extensions that use binary components will need to recompile for each major version they wish to support.
Implementing Download Resuming
Mozilla › Implementing download resuming
if the download gets interrupted, necko will call the stream listener's onstoprequest method with a failure status.
...in such a case, the stream listener will get an ns_error_not_resumable status.
UpdateCheckListener
Mozilla › JavaScript code modules › Add-on Manager › UpdateCheckListener
method overview void onupdatecheckcomplete(in updateinfo results[]) void onupdatecheckerror(in integer status) methods onupdatecheckcomplete() called when the update check completed successfully.
... void onupdatecheckerror( in integer status ) parameters status a value representing the type of failure; see the range of possible values.
AsyncShutdown.jsm
Mozilla › JavaScript code modules › AsyncShutdown.jsm
// do whatever must be done before the end of phase profilebeforechange return promise; }, function info() { let status = ...
... // collect any information that may be useful for debugging shutdown issues with this blocker return status; } }); in this example, at some point during phase profilebeforechange, function condition will be called.
NetUtil.jsm
Mozilla › JavaScript code modules › NetUtil.jsm
the callback receives a single parameter: the nsresult status code for the copy operation.
...the callback receives three parameters: the input stream containing the data, if any (implementing nsiinputstream), an nsresult status code for the open operation, and a reference to the nsirequest object.
Application Translation with Mercurial
Mozilla › Localization › Application Translation with Mercurial
next check what is still untranslated by going to localization status page and click on the page for your language.
... choosing what to translate go to the localization status page and click on the '<number> missing' label of the firefox branch on which you want to translate, e.g.
QA phase
Mozilla › Localization › Quick start guide › QA phase
also at this point, you shouldn't have any uncommitted changes (i.e., running the hg status command should show nothing).
...for instance, if you have finished translating all the .dtd and .properties files in your x-testing/browser/chrome/browser/ directory, then you should run these commands: $ hg status $ hg commit -m "translated browser/chrome/browser/" $ hg outgoing $ hg push http://hg.mozilla.org/l10n-central/x-testing note that due to the distributed nature of hg, hg commit saves the changes locally (i.e., in your computer's hg repository).
Updates
Mozilla › MathML Project › Updates
mozilla 1.0 features full support for html 4.0, xml 1.0, resource description framework (rdf), cascading style sheets level 1 (css1), and the w3c document object model level 1 (dom1) [...] as well as support for display of mathematical equations using mathml." december 7, 2001 status report october 2000 the first international mathml conference april 14, 2000 status report february 12, 2000 mathml-enabled m13 builds for win32 september 21, 1999 mathml has landed.
... september 18, 1999 status report - mozillazine annoucement september 3, 1999 xsl coming to mozilla?
NSPR Types
Mozilla › Projects › NSPR › Reference › NSPR Types
printn pruintn miscellaneous types size type pointer difference types boolean types status type for return values size type prsize pointer difference types types for pointer difference.
... prbool prpackedbool status type for return values prstatus ...
PRCallOnceFN
Mozilla › Projects › NSPR › Reference › PRCallOnceFN
syntax #include <prinit.h> typedef prstatus (pr_callback *prcalloncefn)(void); description the function is called to perform the initialization desired.
... the function is expected to return a prstatus indicating the outcome of the process.
PR_CallOnce
Mozilla › Projects › NSPR › Reference › PR CallOnce
syntax prstatus pr_callonce( prcalloncetype *once, prcalloncefn func); parameters pr_callonce has these parameters: once a pointer to an object of type prcalloncetype.
...it should return a prstatus indicating the result of the initialization process.
PR_CancelJob
Mozilla › Projects › NSPR › Reference › PR CancelJob
syntax #include <prtpool.h> nspr_api(prstatus) pr_canceljob(prjob *job); parameter the function has the following parameter: job a pointer to a prjob structure returned by a pr_queuejob function representing the job to be cancelled.
... returns prstatus ...
PR_CloseSemaphore
Mozilla › Projects › NSPR › Reference › PR CloseSemaphore
syntax #include <pripcsem.h> nspr_api(prstatus) pr_closesemaphore(prsem *sem); parameter the function has the following parameter: sem a pointer to a prsem structure returned from a call to pr_opensemaphore.
... returns prstatus ...
PR_CloseSharedMemory
Mozilla › Projects › NSPR › Reference › PR CloseSharedMemory
syntax #include <prshm.h> nspr_api( prstatus ) pr_closesharedmemory( prsharedmemory *shm ); parameter the function has these parameter: shm the handle returned from pr_opensharedmemory.
... returns prstatus.
PR_DeleteSemaphore
Mozilla › Projects › NSPR › Reference › PR DeleteSemaphore
syntax #include <pripcsem.h> nspr_api(prstatus) pr_deletesemaphore(const char *name); parameter the function has the following parameter: name the name of a semaphore that was previously created via a call to pr_opensemaphore.
... returns prstatus ...
PR_DeleteSharedMemory
Mozilla › Projects › NSPR › Reference › PR DeleteSharedMemory
syntax #include <prshm.h> nspr_api( prstatus ) pr_deletesharedmemory( const char *name ); parameter the function has these parameter: shm the handle returned from pr_opensharedmemory.
... returns prstatus.
PR_DetachSharedMemory
Mozilla › Projects › NSPR › Reference › PR DetachSharedMemory
syntax #include <prshm.h> nspr_api( prstatus ) pr_detachsharedmemory( prsharedmemory *shm, void *addr ); parameters the function has these parameters: shm the handle returned from pr_opensharedmemory.
... returns prstatus.
PR_ExportFileMapAsString
Mozilla › Projects › NSPR › Reference › PR ExportFileMapAsString
syntax #include <prshma.h> nspr_api( prstatus ) pr_exportfilemapasstring( prfilemap *fm, prsize bufsize, char *buf ); define pr_filemap_string_bufsize 128 parameters the function has the following parameters: fm a pointer to the prfilemap to be represented as a string.
... returns prstatus description creates an identifier, as a string, from a prfilemap object previously created with pr_openanonfilemap.
PR_Interrupt
Mozilla › Projects › NSPR › Reference › PR Interrupt
syntax #include <prthread.h> prstatus pr_interrupt(prthread *thread); parameter pr_interrupt has the following parameter: thread the thread whose interrupt request you want to set.
...the interrupted thread returns pr_failure (-1) with an error code (see pr_geterror) for blocking operations that return a prstatus (such as i/o operations, monitor waits, or waiting on a condition).
PR_JoinJob
Mozilla › Projects › NSPR › Reference › PR JoinJob
syntax #include <prtpool.h> nspr_api(prstatus) pr_joinjob(prjob *job); parameter the function has the following parameter: job a pointer to a prjob structure returned by a pr_queuejob function representing the job to be cancelled.
... returns prstatus ...
PR_JoinThreadPool
Mozilla › Projects › NSPR › Reference › PR JoinThreadPool
syntax #include <prtpool.h> nspr_api(prstatus) pr_jointhreadpool( prthreadpool *tpool ); parameter the function has the following parameter: tpool a pointer to a prthreadpool structure previously created by a call to pr_createthreadpool.
... returns prstatus ...
PR_PostSemaphore
Mozilla › Projects › NSPR › Reference › PR PostSemaphore
syntax #include <pripcsem.h> nspr_api(prstatus) pr_postsemaphore(prsem *sem); parameter the function has the following parameter: sem a pointer to a prsem structure returned from a call to pr_opensemaphore.
... returns prstatus ...
PR_ProcessAttrSetInheritableFileMap
Mozilla › Projects › NSPR › Reference › PR ProcessAttrSetInheritableFileMap
syntax #include <prshma.h> nspr_api(prstatus) pr_processattrsetinheritablefilemap( prprocessattr *attr, prfilemap *fm, const char *shmname ); parameters the function has the following parameters: attr pointer to a prprocessattr structure used to pass data to pr_createprocess.
... returns prstatus description pr_processattrsetinheritablefilemap connects the prfilemap to prprocessattr with shmname.
PR_ShutdownThreadPool
Mozilla › Projects › NSPR › Reference › PR ShutdownThreadPool
syntax #include <prtpool.h> nspr_api(prstatus) pr_shutdownthreadpool( prthreadpool *tpool ); parameter the function has the following parameter: tpool a pointer to a prthreadpool structure previously created by a call to pr_createthreadpool.
... returns prstatus ...
PR_WaitSemaphore
Mozilla › Projects › NSPR › Reference › PR WaitSemaphore
syntax #include <pripcsem.h> nspr_api(prstatus) pr_waitsemaphore(prsem *sem); parameter the function has the following parameter: sem a pointer to a prsem structure returned from a call to pr_opensemaphore.
... returns prstatus description pr_waitsemaphore tests the value of the semaphore.
NSS_3.12_release_notes.html
Mozilla › Projects › NSS › NSS 3.12 release notes.html
tls session ticket extension (off by default) see ssl_enable_session_tickets in ssl.h new ssl error codes (see sslerr.h) ssl_error_unsupported_extension_alert ssl_error_certificate_unobtainable_alert ssl_error_unrecognized_name_alert ssl_error_bad_cert_status_response_alert ssl_error_bad_cert_hash_value_alert ssl_error_rx_unexpected_new_session_ticket ssl_error_rx_malformed_new_session_ticket new tls cipher suites (see sslproto.h): tls_rsa_with_camellia_128_cbc_sha tls_dhe_dss_with_camellia_128_cbc_sha tls_dhe_rsa_with_camellia_128_cbc_sha tls_rsa_with_camellia_256_cbc_sha tls_dhe_dss_with_camellia_256_cbc_sha tls_dhe_rsa_with_camellia_256_cbc_sha ...
...bug 399326: libpkix is unable to validate cert for certusagestatusresponder bug 400947: thread unsafe operation in pkix_pl_hashtable_add cause selfserv to crash.
NSS 3.15.1 release notes
Mozilla › Projects › NSS › NSS 3.15.1 release notes
bug 877798 - fix ssltap to print the certificate_status handshake message correctly.
... bug 565296 - fix the bug that shlibsign exited with status 0 even though it failed.
NSS API Guidelines
Mozilla › Projects › NSS › NSS API Guidelines
all encrypt and decrypt functions, which return data inline, should have a consistent signature: secstatus my_functionname(mycontext *context, unsigned char *outbuf, secbufferlen *outlen, secbufferlenmaxoutlength, unsigned char *inbuf, secbufferleninlen) encrypt and decrypt like functions which have different properties, additional parameters, callbacks, etc., should insert their addition...
... all hashing update, macing update, and encrypt/decrypt functions which act like filters should have a consistent signature: secstatus pk11_digestop(pk11context *context, unsigned char *inbuf, secbufferleninlen) functions like these which have different properties, for example, additional parameters, callbacks, etc., should insert their additional parameters between the context (first parameter) and the input buffer.
NSS Sample Code Sample_1_Hashing
Mozilla › Projects › NSS › NSS Sample Code › NSS Sample Code Sample 1 Hashing
*/ int main(int argc, char **argv) { secoidtag hashoidtag; ploptstate *optstate; ploptstatus status; secstatus rv; char *hashname = null; char *progname = strrchr(argv[0], '/'); progname = progname ?
... progname + 1 : argv[0]; rv = nss_nodb_init("/tmp"); if (rv != secsuccess) { fprintf(stderr, "%s: nss_init failed in directory %s\n", progname, "/tmp"); return -1; } /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "t:"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 't': require_arg(optstate->option, optstate->value); hashname = strdup(optstate->value); break; } } if (!hashname) usage(progname); /* convert and validate */ hashoidtag = hashnametooidtag(hashname); if (hashoidtag == sec_oid_unknown) { fprintf(stderr, "%s: invalid digest type - %s\n", progname, hashname); ...
Hashing - sample 1
Mozilla › Projects › NSS › NSS Sample Code › Sample1 - Hashing
*/ int main(int argc, char **argv) { secoidtag hashoidtag; ploptstate *optstate; ploptstatus status; secstatus rv; char *hashname = null; char *progname = strrchr(argv[0], '/'); progname = progname ?
... progname + 1 : argv[0]; rv = nss_nodb_init("/tmp"); if (rv != secsuccess) { fprintf(stderr, "%s: nss_init failed in directory %s\n", progname, "/tmp"); return -1; } /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "t:"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 't': require_arg(optstate->option, optstate->value); hashname = strdup(optstate->value); break; } } if (!hashname) usage(progname); /* convert and validate */ hashoidtag = hashnametooidtag(hashname); if (hashoidtag == sec_oid_unknown) { fprintf(stderr, "%s: invalid digest type - %s\n", progname, hashname); ...
sample1
Mozilla › Projects › NSS › NSS Sample Code › sample1
*/ int main(int argc, char **argv) { secoidtag hashoidtag; ploptstate *optstate; ploptstatus status; secstatus rv; char *hashname = null; char *progname = strrchr(argv[0], '/'); progname = progname ?
... progname + 1 : argv[0]; rv = nss_nodb_init("/tmp"); if (rv != secsuccess) { fprintf(stderr, "%s: nss_init failed in directory %s\n", progname, "/tmp"); return -1; } /* parse command line arguments */ optstate = pl_createoptstate(argc, argv, "t:"); while ((status = pl_getnextopt(optstate)) == pl_opt_ok) { switch (optstate->option) { case 't': require_arg(optstate->option, optstate->value); hashname = strdup(optstate->value); break; } } if (!hashname) usage(progname); /* convert and validate */ hashoidtag = hashnametooidtag(hashname); if (hashoidtag == sec_oid_unknown) { fprintf(stderr, "%s: invalid digest type - %s\n", progname, hash...
NSS PKCS11 Functions
Mozilla › Projects › NSS › PKCS11 Functions
syntax #include "secmod.h" extern secstatus secmod_unloadusermodule(secmodmodule *module); parameters this function has the following parameters: module is the module to be unloaded.
...syntax #include <pk11pub.h> secstatus secmod_closeuserdb(pk11slotinfo *slot) parameters this function has the following parameter: slot a pointer to a slot info structure.
NSS_Initialize
Mozilla › Projects › NSS › Reference › NSS Initialize
syntax secstatus nss_initialize(const char *configdir, const char *certprefix, const char *keyprefix, const char *secmodname, pruint32 flags); parameters nss_initialize has five parameters: configdir [in] the directory where the certificate, key, and module databases live.
...examples #include <nss.h> secstatus rv; const char *configdir; configdir = ...; /* application-specific */ rv = nss_initialize(configdir, "", "", secmod_db, nss_init_norootinit | nss_init_optimizespace); see also nss_init, nss_initreadwrite, nss_nodb_init, nss_shutdown ...
NSS tools : vfychain
Mozilla › Projects › NSS › Reference › NSS tools : vfychain
where: -g test-type sets status checking test type.
... possible values are "leaf" or "chain" -g test type sets status checking test type.
OLD SSL Reference
Mozilla › Projects › NSS › SSL functions › OLD SSL Reference
types and structures certcertdbhandle certcertificate pk11slotinfo secitem seckeyprivatekey secstatus managing secitem memory secitem_freeitem secitem_zfreeitem chapter 4 ssl functions this chapter describes the core ssl functions.
... ssl_authcertificate ssl_badcerthook ssl_getclientauthdatahook nss_getclientauthdata ssl_handshakecallback ssl communication functions ssl_invalidatesession ssl_datapending ssl_securitystatus ssl_getsessionid ssl_setsockpeerid ssl functions used by callbacks ssl_peercertificate ssl_revealurl ssl_revealpinarg ssl handshake functions ssl_forcehandshake ssl_rehandshake ssl_...
NSS tools : vfychain
Mozilla › Projects › NSS › tools › vfychain
where: -g test-type sets status checking test type.
... possible values are "leaf" or "chain" -g test type sets status checking test type.
Introduction to the JavaScript shell
Mozilla › Projects › SpiderMonkey › Introduction to the JavaScript shell
quit([status]) exits the shell.
... status defaults to 0 if omitted.
JSAPI User Guide
Mozilla › Projects › SpiderMonkey › JSAPI User Guide
jscontext *cx = js_newcontext(rt, 8192); if (!cx) return 1; js_seterrorreporter(rt, reporterror); int status = run(cx); // shut everything down.
... js_destroycontext(cx); js_destroyruntime(rt); js_shutdown(); return status; } each jsnative has the same signature, regardless of what arguments it expects to receive from javascript.
JS_SetGCCallback
Mozilla › Projects › SpiderMonkey › JSAPI reference › JS SetGCCallback
callback syntax typedef enum jsgcstatus { jsgc_begin, jsgc_end, jsgc_mark_end, // obsolete since jsapi 13 jsgc_finalize_end // obsolete since jsapi 13 } jsgcstatus; typedef void (* jsgccallback)(jsruntime *rt, jsgcstatus status, void *data); name type description cx jscontext * the context in which garbage collection is happening.
... status jsgcstatus one of the jsgcstatus constants, described below, indicating the stage of gc.
Gecko Roles
Mozilla › Tech › Accessibility › AT-APIs › Gecko › Roles
role_statusbar represents a status bar, which is an area at the bottom of a window that displays information about the current operation, state of the application, or selected object.
... the status bar has multiple fields, which display different kinds of information.
Finishing the Component
Mozilla › Tech › XPCOM › Guide › Creating components › Finishing the Component
* * @status frozen */ these frozen interfaces and functions are part of the gecko sdk.
... weblock interfaces interface name defined by status summary nsisupports xpcom frozen provides interface discovery, and object reference counting nsiobserver xpcom frozen allows messaging passing between objects nsicontentpolicy content not frozen interface for policy control mechanism iweblock web lock not frozen enables and disables weblock.
Observer Notifications
Mozilla › Tech › XPCOM › Observer Notifications
network:offline-status-changed called when the offline state has changed.
... network:link-status-changed called when the network link status changes.
nsIApplicationUpdateService
Mozilla › Tech › XPCOM › Reference › Interface › nsIApplicationUpdateService
this information is most commonly used to update a user interface that informs the user as to the status of an update.
... return value a string indicating the status of the update upon return: "downloading" the update is being downloaded.
nsICacheEntryDescriptor
Mozilla › Tech › XPCOM › Reference › Interface › nsICacheEntryDescriptor
inherits from: nsicacheentryinfo last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview void close(); void doom(); void doomandfailpendingrequests(in nsresult status); string getmetadataelement(in string key); void markvalid(); nsiinputstream openinputstream(in unsigned long offset); nsioutputstream openoutputstream(in unsigned long offset); void setdatasize(in unsigned long size); void setexpirationtime(in pruint32 expirationtime); void setmetadataelement(in string key, in string value); void visitmetadata(in nsicachemetadatavisitor visitor); attributes attribute type description accessgranted nscacheaccessmode get t...
...void doomandfailpendingrequests( in nsresult status ); parameters status the access status.
nsIChannel
Mozilla › Tech › XPCOM › Reference › Interface › nsIChannel
this is set by clients, who wish to provide a means to receive progress, status and protocol-specific notifications.
... securityinfo nsisupports transport-level security information (if any, else null) corresponding to the channel, normally presented through the interfaces nsitransportsecurityinfo and nsisslstatusprovider read only.
nsIChannelEventSink
Mozilla › Tech › XPCOM › Reference › Interface › nsIChannelEventSink
this may happen due to an http 3xx status code.
...this may happen due to an http 3xx status code.
nsIContentViewer
Mozilla › Tech › XPCOM › Reference › Interface › nsIContentViewer
void loadcomplete(in unsigned long astatus); void loadstart(in nsisupports adoc); void move(in long ax, in long ay); void open(in nsisupports astate, in nsishentry ashentry); void pagehide(in boolean isunload); boolean permitunload([optional] in boolean acallercloseswindow); boolean requestwindowclose(); void resetclosewindow(); void setbounds([const] in nsintrectr...
...void init( in nsiwidgetptr aparentwidget, [const] in nsintrectref abounds ); parameters aparentwidget missing description abounds missing description loadcomplete() void loadcomplete( in unsigned long astatus ); parameters astatus missing description exceptions thrown missing exception missing description loadstart() void loadstart( in nsisupports adoc ); parameters adoc missing description exceptions thrown missing exception missing description move() void move( in long ax, in long ay ); parameters ax missing description ay missing des...
nsIDocumentLoader
Mozilla › Tech › XPCOM › Reference › Interface › nsIDocumentLoader
s.nsidocumentloader); method overview void clearparentdocloader(); obsolete since gecko 1.8 void createdocumentloader(out nsidocumentloader aninstance); obsolete since gecko 1.8 void destroy(); obsolete since gecko 1.8 void fireonlocationchange(in nsiwebprogress awebprogress, in nsirequest arequest, in nsiuri auri); obsolete since gecko 1.8 void fireonstatuschange(in nsiwebprogress awebprogress, in nsirequest arequest, in nsresult astatus, in wstring amessage); obsolete since gecko 1.8 void getcontentviewercontainer(in nsisupports adocumentid, out nsicontentviewercontainer aresult); native code only!
... fireonlocationchange() obsolete since gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) void fireonlocationchange( in nsiwebprogress awebprogress, in nsirequest arequest, in nsiuri auri ); parameters awebprogress arequest auri fireonstatuschange() obsolete since gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) void fireonstatuschange( in nsiwebprogress awebprogress, in nsirequest arequest, in nsresult astatus, in wstring amessage ); parameters awebprogress arequest astatus amessage native code only!getcontentviewercontainer obsolete since gecko 1.8 (fire...
nsIDownloadObserver
Mozilla › Tech › XPCOM › Reference › Interface › nsIDownloadObserver
inherits from: nsisupports last changed in gecko 1.7 method overview void ondownloadcomplete(in nsidownloader downloader, in nsirequest request, in nsisupports ctxt, in nsresult status, in nsifile result); methods ondownloadcomplete() called to signal a download that has completed.
... void ondownloadcomplete( in nsidownloader downloader, in nsirequest request, in nsisupports ctxt, in nsresult status, in nsifile result ); parameters downloader request ctxt status result ...
nsIHttpActivityObserver
Mozilla › Tech › XPCOM › Reference › Interface › nsIHttpActivityObserver
if the activity type is activity_type_socket_transport, this value will be one of the status_* constants defined by nsisockettransport.
...socket transport activity when the activity type is activity_type_socket_transport and the subtype is status_sending_to, the aextrasizedata parameter contains the number of bytes sent.
nsIMsgDBViewCommandUpdater
Mozilla › Tech › XPCOM › Reference › Interface › nsIMsgDBViewCommandUpdater
last changed in gecko 1.9 (firefox 3) inherits from: nsisupports in thunderbird this is implemented for different windows in several different places: nsmsgdbviewcommandupdater (for the standalone message window) nsmsgdbviewcommandupdater (for the threadpane message window) nsmsgsearchcommandupdater (for search dialogs) method overview void updatecommandstatus(); void displaymessagechanged(in nsimsgfolder afolder, in astring asubject, in acstring akeywords); void updatenextmessageafterdelete(); methods updatecommandstatus() called when the number of selected items changes.
... void updatecommandstatus(); parameters none.
nsIMsgWindow
Mozilla › Tech › XPCOM › Reference › Interface › nsIMsgWindow
statusfeedback nsimsgstatusfeedback this allows the backend code to send status feedback to the ui.
...it clears out the content listener, the windowcommands, the statusfeedback and the docshell objects.
nsISSLErrorListener
Mozilla › Tech › XPCOM › Reference › Interface › nsISSLErrorListener
1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) note: the recipient of this ssl status notification should not block.
...the ssl status object that describes the problem(s).
nsIWindowMediator
Mozilla › Tech › XPCOM › Reference › Interface › nsIWindowMediator
methods addlistener() register a listener for window status changes.
... removelistener() unregister a listener of window status changes.
nsIXmlRpcClient
Mozilla › Tech › XPCOM › Reference › Interface › nsIXmlRpcClient
responsestatus readonly unsigned long the most recent http status code returned from this server.
... responsestring readonly unsigned long the most recent http status code returned from this server.
nsMsgSearchTerm
Mozilla › Tech › XPCOM › Reference › Interface › nsMsgSearchTerm
%{c++ #define is_string_attribute(_a) \ (!(_a == nsmsgsearchattrib::priority || _a == nsmsgsearchattrib::date || \ _a == nsmsgsearchattrib::msgstatus || _a == nsmsgsearchattrib::messagekey || \ _a == nsmsgsearchattrib::size || _a == nsmsgsearchattrib::ageindays || \ _a == nsmsgsearchattrib::folderinfo || _a == nsmsgsearchattrib::location || \ _a == nsmsgsearchattrib::label || _a == nsmsgsearchattrib::junkstatus || \ _a == nsmsgsearchattrib::folderflag || _a == nsmsgsearchattrib::uint32hdrproperty || \ _a == nsmsgsearchattrib::ju...
...nkpercent || _a == nsmsgsearchattrib::hasattachmentstatus)) %} ...
XPCOM Interface Reference
Mozilla › Tech › XPCOM › Reference › Interface
onnectionmozistorageerrormozistoragefunctionmozistoragependingstatementmozistorageprogresshandlermozistorageresultsetmozistoragerowmozistorageservicemozistoragestatementmozistoragestatementcallbackmozistoragestatementparamsmozistoragestatementrowmozistoragestatementwrappermozistoragevacuumparticipantmozistoragevaluearraymozitxttohtmlconvmozithirdpartyutilmozivisitinfomozivisitinfocallbackmozivisitstatuscallbacknsiabcardnsiaboutmodulensiabstractworkernsiaccelerometerupdatensiaccessnodensiaccessibilityservicensiaccessiblensiaccessiblecaretmoveeventnsiaccessiblecoordinatetypensiaccessibledocumentnsiaccessibleeditabletextnsiaccessibleeventnsiaccessiblehyperlinknsiaccessiblehypertextnsiaccessibleimagensiaccessibleprovidernsiaccessiblerelationnsiaccessibleretrievalnsiaccessiblerolensiaccessiblescrollt...
...adnsixpcexceptionnsixpcscriptablensixpconnectnsixsltexceptionnsixsltprocessornsixsltprocessorobsoletensixulappinfonsixulbrowserwindownsixulbuilderlistenernsixulruntimensixulsortservicensixultemplatebuildernsixultemplatequeryprocessornsixultemplateresultnsixulwindownsixmlrpcclientnsixmlrpcfaultnsizipentrynsizipreadernsizipreadercachensizipwriternsmsgfilterfileattribvaluensmsgfolderflagtypensmsgjunkstatusnsmsgkeynsmsglabelvaluensmsgpriorityvaluensmsgruleactiontypensmsgsearchattribnsmsgsearchopnsmsgsearchscopensmsgsearchtermnsmsgsearchtypevaluensmsgsearchvaluensmsgsearchwidgetvaluenspipromptservice see also interfaces grouped by function ...
Using the Gecko SDK
Mozilla › Tech › XPCOM › Using the Gecko SDK
a frozen gecko api is one that is included in the gecko and marked frozen with the text <tt>@status frozen</tt> (with nspr as the exception to the rule).
...every frozen interface or function will be labeled as such in the idl or header file with "@status frozen".
nsIMsgCloudFileProvider
Mozilla › Thunderbird › Filelink Providers › nsIMsgCloudFileProvider
constants the following constants are used for the status codes passed to the onstoprequest functions of the nsirequestobserver's used by the asynchronous methods of nsimsgcloudfileprovider.
... if awithui is false, and the credentials are stale, the onstoprequest of the acallback nsirequestlistener will get the autherr status code passed to it.
Main Windows
Mozilla › Thunderbird › Main Windows
the rest is loaded from overlays: mailwindowoverlay.xul this is the red sections shown in the interface above (where?), including the toolbars, notification bars, and the status bar, but also includes most of the commands, keysets, and context menus of thunderbird, along with a whole lot of javascript.
... mailwindowoverlay.xul this is the red sections shown in the interface above, including the toolbars, notification bars and the status bar.it also includes most of the commands, keysets, and context menus of thunderbird, along with a whole lot of javascript.
Using COM from js-ctypes
Mozilla › js-ctypes › Examples › Using COM from js-ctypes
info; /* end inherit from ispeventsource */ /* start ispvoice */ void* setoutput; void* getoutputobjecttoken; void* getoutputstream; void* pause; void* resume; void* setvoice; void* getvoice; hresult (__stdcall *speak)(struct myispvoice*, lpcwstr pwcs, dword dwflags, ulong* pulstreamnumber); void* speakstream; void* getstatus; void* skip; void* setpriority; void* getpriority; void* setalertboundary; void* getalertboundary; void* setrate; void* getrate; void* setvolume; void* getvolume; void* waituntildone; void* setsyncspeaktimeout; void* getsyncspeaktimeout; void* speakcompleteevent; void* isuisupported; void* displayui; /* end ispvoice */ }; int main(v...
... }, { 'setvoice': ctypes.voidptr_t }, { 'getvoice': ctypes.voidptr_t }, { 'speak': ctypes.functiontype(callback_abi, hresult, // return [ ispvoice.ptr, lpcwstr, // *pwcs dword, // dwflags ulong // *pulstreamnumber ]).ptr }, { 'speakstream': ctypes.voidptr_t }, { 'getstatus': ctypes.voidptr_t }, { 'skip': ctypes.voidptr_t }, { 'setpriority': ctypes.voidptr_t }, { 'getpriority': ctypes.voidptr_t }, { 'setalertboundary': ctypes.voidptr_t }, { 'getalertboundary': ctypes.voidptr_t }, { 'setrate': ctypes.voidptr_t }, { 'getrate': ctypes.voidptr_t }, { 'setvolume': ctypes.voidptr_t }, { 'getvolume': ctypes.voidptr_t }, { 'waituntild...
Web Console remoting - Firefox Developer Tools
Tools › Web Console › remoting
autocomplete and more the autocomplete request packet: { "to": "conn0.console9", "type": "autocomplete", "text": "d", "cursor": 1 } the response packet: { "from": "conn0.console9", "matches": [ "decodeuri", "decodeuricomponent", "defaultstatus", "devicepixelratio", "disableexternalcapture", "dispatchevent", "domyxhr", "document", "dump" ], "matchprop": "d" } there's also the clearmessagescache request packet that has no response.
...0.netevent14", "type": "networkeventupdate", "updatetype": "requestcookies", "cookies": 0 }, { "from": "conn0.netevent14", "type": "networkeventupdate", "updatetype": "requestpostdata", "datasize": 1024, "discardrequestbody": false }, { "from": "conn0.netevent14", "type": "networkeventupdate", "updatetype": "responsestart", "response": { "httpversion": "http/1.1", "status": "304", "statustext": "not modified", "headerssize": 194, "discardresponsebody": true } }, { "from": "conn0.netevent14", "type": "networkeventupdate", "updatetype": "eventtimings", "totaltime": 1 }, { "from": "conn0.netevent14", "type": "networkeventupdate", "updatetype": "responseheaders", "headers": 6, "headerssize": 194 }, { "from": "conn0.netevent14", "typ...
AuthenticatorResponse.clientDataJSON - Web APIs
Web › API › AuthenticatorResponse › clientDataJSON
it has two properties: status: a string which is either "supported" which indicates the client support token binding but did not negotiate with the relying party or "present" when token binding was used already id: a domstring which is the base64url encoding of the token binding id which was used for the communication.
... or get() promise var clientdatastr = arraybuffertostr(pk.clientdatajson); var clientdataobj = json.parse(clientdatastr); console.log(clientdataobj.type); // "webauthn.create" or "webauthn.get" console.log(clientdataobj.challenge); // base64 encoded string containing the original challenge console.log(clientdataobj.origin); // the window.origin specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'clientdatajson' in that specification.
BatteryManager - Web APIs
Web › API › BatteryManager
the navigator.getbattery() method returns a battery promise that is resolved in a batterymanager interface which you can use to interact with the battery status api.
... void seteventhandler(domstring type, eventhandler handler) eventhandler geteventhandler(domstring type) specifications specification status comment battery status api candidate recommendation initial definition ...
CSS Font Loading API - Web APIs
Web › API › CSS Font Loading API
fontfaceset an interface loading font faces and checking their download statuses.
... specifications specification status comment css font loading module level 3 working draft initial definition.
Cache.addAll() - Web APIs
Web › API › Cache › addAll
the response status is not in the 200 range (i.e., not a successful response.) this occurs if the request does not return successfully, but also if the request is a cross-origin no-cors request (in which case the reported status is always 0.) examples this code block waits for an installevent to fire, then runs waituntil() to handle the install process for the app.
.../', '/sw-test/index.html', '/sw-test/style.css', '/sw-test/app.js', '/sw-test/image-list.js', '/sw-test/star-wars-logo.jpg', '/sw-test/gallery/', '/sw-test/gallery/bountyhunters.jpg', '/sw-test/gallery/mylittlevader.jpg', '/sw-test/gallery/snowtroopers.jpg' ]); }) ); }); specifications specification status comment service workersthe definition of 'cache: addall' in that specification.
Constraint validation API - Web APIs
Web › API › Constraint validation
reportvalidity() htmlformelement method checks the element's value against its constraints and also reports the validity status; if the value is invalid, it fires an invalid event at the element, returns false, and then reports the validity status to the user in whatever way the user agent has available.
... specifications specification status comment html living standardthe definition of 'constraint validation api' in that specification.
CredentialsContainer.preventSilentAccess() - Web APIs
Web › API › CredentialsContainer › preventSilentAccess
mediation varies by origin, and is an added check point of browser stored credentials, informing a user of an account login status.
... specifications specification status comment credential management level 1the definition of 'preventsilentaccess()' in that specification.
Document.fonts - Web APIs
Web › API › Document › fonts
the fontfaceset interface is useful for loading new fonts, checking the status of previously loaded fonts etc.
...}); specifications specification status comment css font loading module level 3the definition of 'fontfaceset' in that specification.
Document: visibilitychange event - Web APIs
Web › API › Document › visibilitychange event
bubbles yes cancelable no interface event event handler property onvisibilitychange usage notes the event doesn't include the document's updated visibility status, but you can get that information from the document's visibilitystate property.
... document.addeventlistener("visibilitychange", function() { if (document.visibilitystate === 'visible') { backgroundmusic.play(); } else { backgroundmusic.pause(); } }); specifications specification status comment page visibility (second edition)the definition of 'visibilitychange' in that specification.
Document - Web APIs
Web › API › Document
document.readystateread only returns loading status of the document.
... specifications specification status comment domthe definition of 'document' in that specification.
EffectTiming.iterationStart - Web APIs
Web › API › EffectTiming › iterationStart
see issue 170 in the web animations api specification's issue tracker for details and status of any changes to the specification in this regard.
... specifications specification status comment web animationsthe definition of 'iterationstart' in that specification.
Element: fullscreenchange event - Web APIs
Web › API › Element › fullscreenchange event
remember that by the time the fullscreenchange event is handled, the status of the element has already changed.
... document.exitfullscreen(); } else { document.getelementbyid('fullscreen-div').requestfullscreen(); } }); specifications specification status fullscreen api living standard ...
Encrypted Media Extensions API - Web APIs
Web › API › Encrypted Media Extensions API
mediakeystatusmap is a read-only map of media key statuses by key ids.
... specifications specification status comment encrypted media extensions recommendation initial definition ...
EventSource - Web APIs
Web › API › EventSource
for example, eventsource is a useful approach for handling things like social media status updates, news feeds, or delivering data into a client-side storage mechanism like indexeddb or web storage.
... */ sse.addeventlistener("message", function(e) { console.log(e.data) }) specifications specification status html living standardthe definition of 'eventsource' in that specification.
Using the Geolocation API - Web APIs
Web › API › Geolocation API › Using the Geolocation API
body { padding: 20px; background-color:#ffffc9 } button { margin: .5rem 0; } html <button id = "find-me">show my location</button><br/> <p id = "status"></p> <a id = "map-link" target="_blank"></a> javascript function geofindme() { const status = document.queryselector('#status'); const maplink = document.queryselector('#map-link'); maplink.href = ''; maplink.textcontent = ''; function success(position) { const latitude = position.coords.latitude; const longitude = position.coords.longitude; status.textcontent = '';...
... maplink.href = `https://www.openstreetmap.org/#map=18/${latitude}/${longitude}`; maplink.textcontent = `latitude: ${latitude} °, longitude: ${longitude} °`; } function error() { status.textcontent = 'unable to retrieve your location'; } if(!navigator.geolocation) { status.textcontent = 'geolocation is not supported by your browser'; } else { status.textcontent = 'locating…'; navigator.geolocation.getcurrentposition(success, error); } } document.queryselector('#find-me').addeventlistener('click', geofindme); result ...
Geolocation API - Web APIs
Web › API › Geolocation API
body { padding: 20px; background-color:#ffffc9 } button { margin: .5rem 0; } html <button id = "find-me">show my location</button><br/> <p id = "status"></p> <a id = "map-link" target="_blank"></a> javascript function geofindme() { const status = document.queryselector('#status'); const maplink = document.queryselector('#map-link'); maplink.href = ''; maplink.textcontent = ''; function success(position) { const latitude = position.coords.latitude; const longitude = position.coords.longitude; status.textcontent = '';...
... maplink.href = `https://www.openstreetmap.org/#map=18/${latitude}/${longitude}`; maplink.textcontent = `latitude: ${latitude} °, longitude: ${longitude} °`; } function error() { status.textcontent = 'unable to retrieve your location'; } if(!navigator.geolocation) { status.textcontent = 'geolocation is not supported by your browser'; } else { status.textcontent = 'locating…'; navigator.geolocation.getcurrentposition(success, error); } } document.queryselector('#find-me').addeventlistener('click', geofindme); result specifications specification status comment geolocation api recommendation ...
HTMLCanvasElement: webglcontextcreationerror event - Web APIs
Web › API › HTMLCanvasElement › webglcontextcreationerror event
this event has a webglcontextevent.statusmessage property, which can contain a platform dependent string with more information about the failure.
... bubbles yes cancelable yes interface webglcontextevent event handler property none example var canvas = document.getelementbyid('canvas'); canvas.addeventlistener('webglcontextcreationerror', function(e) { console.log(e.statusmessage || 'unknown error'); }, false); var gl = canvas.getcontext('webgl'); // logs statusmessage or "unknown error" if unable to create webgl context specifications specification status comment webgl 1.0the definition of 'webglcontextcreationerror' in that specification.
HTMLElement.contentEditable - Web APIs
Web › API › HTMLElement › contentEditable
'inherit' indicates that the element inherits its parent's editable status.
... syntax editable = element.contenteditable element.contenteditable = 'true' specifications specification status comment html living standardthe definition of 'contenteditable' in that specification.
HTMLImageElement.alt - Web APIs
Web › API › HTMLImageElement › alt
if the image is an icon representing a status or other information, the text should be the name of that state.
... specifications specification status comment html living standardthe definition of 'htmlimageelement.alt' in that specification.
HTMLMediaElement.load() - Web APIs
Web › API › HTMLMediaElement › load
the process of aborting any ongoing activities will cause any outstanding promises returned by play() being resolved or rejected as appropriate based on their status before the loading of new media can begin.
... var mediaelem = document.queryselector("video"); mediaelem.load(); specifications specification status comment html living standardthe definition of 'htmlmediaelement.load()' in that specification.
IDBIndex.multiEntry - Web APIs
Web › API › IDBIndex › multiEntry
the multi-entry status of the index is logged to the console: it should be returned as false.
...e.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'multientry' in that specification.
IDBIndex.unique - Web APIs
Web › API › IDBIndex › unique
the unique status of the index is logged to the console: it should be returned as false.
...e.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'unique' in that specification.
install - Web APIs
Web › API › InstallTrigger › install
to surface detail about the status of the installation, use the optional callback function and its status parameter, as in the example below.
... example function xpinstallcallback(url, status) { if (status == 0) msg = "xpinstall test: passed\n"; else msg = "xpinstall test: failed\n"; dump(msg); alert(msg); } xpi={'xpinstall pre-checkin test':'pre_checkin.xpi'}; installtrigger.install(xpi,xpinstallcallback); ...
Intersection Observer API - Web APIs
Web › API › Intersection Observer API
bes an intersection change for one observed // target element: // entry.boundingclientrect // entry.intersectionratio // entry.intersectionrect // entry.isintersecting // entry.rootbounds // entry.target // entry.time }); }; the list of entries received by the callback includes one entry for each target which reporting a change in its intersection status.
... specifications specification status comment intersection observer working draft ...
LockedFile.mode - Web APIs
Web › API › LockedFile › mode
summary the mode property provides the read/write status of the lockedfile file.
... specifications specification status comment filesystem api editor's draft draft proposal.
MediaQueryList.onchange - Web APIs
Web › API › MediaQueryList › onchange
the onchange property of the mediaquerylist interface is an event handler property representing a function that is invoked when the change event fires, i.e when the status of media query support changes.
...chmedia('(max-width: 600px)'); mql.addeventlistener( "change", (e) => { if (e.matches) { /* the viewport is 600 pixels wide or less */ console.log('this is a narrow screen — less than 600px wide.') } else { /* the viewport is more than than 600 pixels wide */ console.log('this is a wide screen — more than 600px wide.') } }) specifications specification status comment css object model (cssom) view modulethe definition of 'onchange' in that specification.
MediaQueryListEvent.MediaQueryListEvent() - Web APIs
Web › API › MediaQueryListEvent › MediaQueryListEvent
matches: a boolean representing the media query status — true if it matches, false if not.
... examples var media = '(max-width: 600px)'; var matches = true; var mymediaquerylistevent = new mediaquerylistevent({media, matches}); specifications specification status comment css object model (cssom) view modulethe definition of 'mediaquerylistevent()' in that specification.
MediaStreamTrack.muted - Web APIs
Web › API › MediaStreamTrack › muted
when possible, avoid polling muted to monitor the track's muting status.
... let mutedcount = 0; tracklist.foreach((track) => { if (track.muted) { mutedcount += 1; } }); specifications specification status comment media capture and streamsthe definition of 'muted' in that specification.
MediaStreamTrack.readyState - Web APIs
Web › API › MediaStreamTrack › readyState
the mediastreamtrack.readystate read-only property returns an enumerated value giving the status of the track.
... specifications specification status comment media capture and streamsthe definition of 'mediastreamtrack.readystate' in that specification.
MediaStreamTrack - Web APIs
Web › API › MediaStreamTrack
mediastreamtrack.readystate read only returns an enumerated value giving the status of the track.
... specifications specification status comment identity for webrtcthe definition of 'isolated tracks' in that specification.
MediaStream Recording API - Web APIs
Web › API › MediaStream Recording API
bm" }); var url = url.createobjecturl(blob); var a = document.createelement("a"); document.body.appendchild(a); a.style = "display: none"; a.href = url; a.download = "test.webm"; a.click(); window.url.revokeobjecturl(url); } // demo: to download after 9sec settimeout(event => { console.log("stopping"); mediarecorder.stop(); }, 9000); examining and controlling the recorder status you can also use the properties of the mediarecorder object to determine the state of the recording process, and its pause() and resume() methods to pause and resume recording of the source media.
... specifications specification status comment mediastream recording working draft initial definition ...
MutationObserverInit.attributeOldValue - Web APIs
Web › API › MutationObserverInit › attributeOldValue
example in this example, a mutation observer is set up to watch for changes to the status and username attributes in any elements contained within a subtree that displays the names of users in a chat room.
... specifications specification status comment domthe definition of 'mutationobserverinit.attributeoldvalue' in that specification.
MutationObserverInit.attributes - Web APIs
Web › API › MutationObserverInit › attributes
example in this example, a mutation observer is set up to watch for changes to the status and username attributes in any elements contained within a subtree that displays the names of users in a chat room.
... specifications specification status comment domthe definition of 'mutationobserverinit.attributes' in that specification.
Navigator.mediaSession - Web APIs
Web › API › Navigator › mediaSession
syntax let mediasession = navigator.mediasession; value a mediasession object the current document can use to share information about media it's playing and its current playback status.
... if ("mediasession" in navigator){ navigator.mediasession.metadata = new mediametadata({ title: "podcast episode title", artist: "podcast host", album: "podcast name", artwork: [{src: "podcast.jpg"}] }); } specifications specification status comment media session standardthe definition of 'navigator.mediasession' in that specification.
Navigator.permissions - Web APIs
Web › API › Navigator › permissions
the navigator.permissions read-only property returns a permissions object that can be used to query and update permission status of apis covered by the permissions api.
...}); specification specification status comment permissions working draft initial definition.
NavigatorOnLine - Web APIs
Web › API › NavigatorOnLine
the navigatoronline interface contains methods and properties related to the connectivity status of the browser.
... specifications specification status html living standardthe definition of 'navigatoronline' in that specification.
Network Information API - Web APIs
Web › API › Network Information API
var connection = navigator.connection || navigator.mozconnection || navigator.webkitconnection; var type = connection.effectivetype; function updateconnectionstatus() { console.log("connection type changed from " + type + " to " + connection.effectivetype); type = connection.effectivetype; } connection.addeventlistener('change', updateconnectionstatus); preload large resources the connection object is useful for deciding whether to preload resources that take large amounts of bandwidth or memory.
... specifications specification status comment network information apithe definition of 'network information api' in that specification.
OVR_multiview2 - Web APIs
Web › API › OVR multiview2
calling checkframebufferstatus for a framebuffer in this state returns framebuffer_incomplete_view_targets_ovr.
... shader code #version 300 es #extension gl_ovr_multiview2 : require precision mediump float; layout (num_views = 2) in; in vec4 inpos; uniform mat4 u_viewmatrices[2]; void main() { gl_position = u_viewmatrices[gl_viewid_ovr] * inpos; } specifications specification status ovr_multiview2 community approved ...
Performance API - Web APIs
Web › API › Performance API
specifications specification status comment high resolution time recommendation initial definition.
... user timing level 2 working draft implementation status as shown in the performance interface's browser compatibility table, most of these interfaces are broadly implemented by desktop browsers.
Permissions - Web APIs
Web › API › Permissions
the permissions interface of the permissions api provides the core permission api functionality, such as methods for querying and revoking permissions methods permissions.query() returns the user permission status for a given api.
...}); specification specification status comment permissionsthe definition of 'permissions' in that specification.
ProgressEvent - Web APIs
Web › API › ProgressEvent
examples the following example adds a progressevent to a new xmlhttprequest and uses it to display the status of the request.
... var progressbar = document.getelementbyid("p"), client = new xmlhttprequest() client.open("get", "magical-unicorns") client.onprogress = function(pe) { if(pe.lengthcomputable) { progressbar.max = pe.total progressbar.value = pe.loaded } } client.onloadend = function(pe) { progressbar.value = pe.loaded } client.send() specifications specification status comment xmlhttprequestthe definition of 'progressevent' in that specification.
PushManager - Web APIs
Web › API › PushManager
deprecated methods pushmanager.haspermission() returns a promise that resolves to the pushpermissionstatus of the requesting webapp, which will be one of granted, denied, or default.
... console.log(error); } ); }); specifications specification status comment push apithe definition of 'pushmanager' in that specification.
PushRegistrationManager - Web APIs
Web › API › PushRegistrationManager
returns an interface to register or unregister a push registration, get an active registration, or check the permission status of the registration.
... pushregistrationmanager.haspermission() returns a promise that resolves to the pushpermissionstatus of the requesting webapp.
PushSubscription.getKey() - Web APIs
Web › API › PushSubscription › getKey
subbtn.disabled = false; if (!subscription) { console.log('not yet subscribed to push') // we aren't subscribed to push, so set ui // to allow the user to enable push return; } // set your ui to show they have subscribed for // push messages subbtn.textcontent = 'unsubscribe from push messaging'; ispushenabled = true; // initialize status, which includes setting ui elements for subscribed status // and updating subscribers list via push var endpoint = subscription.endpoint; var key = subscription.getkey('p256dh'); var auth = subscription.getkey('auth'); ...
... specifications specification status comment push api working draft this is the push api spec, but note that getkey() is not currently specified in here.
Push API - Web APIs
Web › API › Push API
serviceworkerregistration.pushmanager read only returns a reference to the pushmanager interface for managing push subscriptions including subscribing, getting an active subscription, and accessing push permission status.
... specifications specification status comment push api working draft initial definition ...
RTCDataChannel: error event - Web APIs
Web › API › RTCDataChannel › error event
v => { const err = ev.error; console.error("webrtc error: ", err.message); // handle specific error detail types switch(err.errordetail) { case "sdp-syntax-error": console.error(" sdp syntax error in line ", err.sdplinenumber); break; case "idp-load-failure": console.error(" identity provider load failure: http error ", err.httprequeststatuscode); break; case "sctp-failure": if (err.sctpcausecode < sctpcausecodes.length) { console.error(" sctp failure: ", err.sctpcausecode); } else { console.error(" unknown sctp error"); } break; case "dtls-failure": if (err.receivedalert) { console.error(" received dlts failure alert: ", err.receivedalert); } if...
... specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'error event' in that specification.
RTCDataChannel.readyState - Web APIs
Web › API › RTCDataChannel › readyState
rtcdatachannelstate enum the rtcdatachannelstate enum defines string constants which reflect the current status of the rtcdatachannel's underlying data connection.
...attempt to send while connection closed."); break; } } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.readystate' in that specification.
RTCDtlsTransport.state - Web APIs
Web › API › RTCDtlsTransport › state
connected": results.connected++; break; case "closed": results.closed++; break; case "failed": results.failed++; break; default: results.unknown++; break; } } }); return results; } note that in this code, the new and connecting states are being treated as a single connectionpending status in the returned object.
... specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdtlstransport.state' in that specification.
RTCDtlsTransport - Web APIs
Web › API › RTCDtlsTransport
connected": results.connected++; break; case "closed": results.closed++; break; case "failed": results.failed++; break; default: results.unknown++; break; } } }); return results; } note that in this code, the new and connecting states are being treated as a single connectionpending status in the returned object.
... specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdtlstransport' in that specification.
RTCIceTransport: gatheringstatechange event - Web APIs
Web › API › RTCIceTransport › gatheringstatechange event
the gathering state, whose actual status can be found in the transport object's gatheringstate property, indicates whether or not the ice agent has begun gathering candidates, and if so, if it has finished doing so.
... ongatheringstatechange event handler property: pc.getsenders().foreach(sender => { sender.transport.icetransport.ongatheringstatechange = ev => { let transport = ev.target; if (transport.gatheringstate === "complete") { /* this transport has finished gathering candidates, but others may still be working on it */ } }; }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'gatheringstatechange' in that specification.
RTCPeerConnection: iceconnectionstatechange event - Web APIs
Web › API › RTCPeerConnection › iceConnectionStatechange event
in this example, a handler for iceconnectionstatechange is set up to update a call state indicator by using the value of iceconnectionstate to create a string which corresponds to the name of a css class that we can assign to the status indicator to cause it to reflect the current state of the connection.
...ener("iceconnectionstatechange", ev => { let stateelem = document.queryselector("#call-state"); stateelem.classname = `${pc.iceconnectionstate}-state`; }, false); this can also be written as: pc.oniceconnectionstatechange = ev => { let stateelem = document.queryselector("#call-state"); stateelem.classname = `${pc.iceconnectionstate}-state`; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'iceconnectionstatechange' in that specification.
RTCPeerConnection.iceGatheringState - Web APIs
Web › API › RTCPeerConnection › iceGatheringState
rtcicegatheringstate enum the rtcicegatheringstate enum defines string constants which reflect the current status of ice gathering, as returned using the rtcpeerconnection.icegatheringstate property.
... example var pc = new rtcpeerconnection(); var state = pc.icegatheringstate; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.icegatheringstate' in that specification.
RTCPeerConnection.onicegatheringstatechange - Web APIs
Web › API › RTCPeerConnection › onicegatheringstatechange
example this example updates status information presented to the user to let them know what's happening by examining the current value of the icegatheringstate property each time it changes and changing the contents of a status display based on the new information.
... the status is simply presented as text in a <div> element: <div id="icestatus"></div> the actual event handler looks like this: pc.onicegatheringstatechange = function() { let label = "unknown"; switch(pc.icegatheringstate) { case "new": case "complete": label = "idle"; break; case "gathering": label = "determining route"; break; } document.getelementbyid("icestatus").innerhtml = label; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.onicegatheringstatechange' in that specification.
RTCPeerConnection: signalingstatechange event - Web APIs
Web › API › RTCPeerConnection › signalingstatechange event
bubbles no cancelable no interface event event handler property rtcpeerconnection.onsignalingstatechange examples given an rtcpeerconnection, pc, and an updatestatus() function that presents status information to the user, this code sets up an event handler to let the user know when the ice negotiation process finishes up.
... pc.addeventlistener("signalingstatechange", ev => { switch(pc.signalingstate) { case "stable": updatestatus("ice negotiation complete"); break; } }, false); using onsignalingstatechange, it looks like this: pc.onsignalingstatechange = ev => { switch(pc.signalingstate) { case "stable": updatestatus("ice negotiation complete"); break; } }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'signalingstatechange' in that specification.
RTCRemoteOutboundRtpStreamStats.localId - Web APIs
Web › API › RTCRemoteOutboundRtpStreamStats › localId
the remainder of the networkteststop() function constructs the html used to display the output of the collected and computed results to the user, then append it to the element statsbox, which we're using to show the status updates to the user.
... specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcremoteoutboundrtpstreamstats.localid' in that specification.
RTCRtpEncodingParameters - Web APIs
Web › API › RTCRtpEncodingParameters
the value is taken from the enumerated string type rtcdtxstatus.
... specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpencodingparameters' in that specification.
RTCRtpSendParameters.encodings - Web APIs
Web › API › RTCRtpSendParameters › encodings
the value is taken from the enumerated string type rtcdtxstatus.
... specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpsendparameters.encodings' in that specification.
Request - Web APIs
Web › API › Request
you could then fetch this api request by passing the request object in as a parameter to a windoworworkerglobalscope.fetch() call, for example and get the response: fetch(request) .then(response => { if (response.status === 200) { return response.json(); } else { throw new error('something went wrong on api server!'); } }) .then(response => { console.debug(response); // ...
... }).catch(error => { console.error(error); }); specifications specification status comment fetchthe definition of 'request' in that specification.
Response.ok - Web APIs
Web › API › Response › ok
the ok read-only property of the response interface contains a boolean stating whether the response was successful (status in the range 200-299) or not.
... var myimage = document.queryselector('img'); var myrequest = new request('flowers.jpg'); fetch(myrequest).then(function(response) { console.log(response.ok); // returns true if the response returned successfully response.blob().then(function(myblob) { var objecturl = url.createobjecturl(myblob); myimage.src = objecturl; }); }); specifications specification status comment fetchthe definition of 'ok' in that specification.
SecurityPolicyViolationEvent.SecurityPolicyViolationEvent() - Web APIs
Web › API › SecurityPolicyViolationEvent › SecurityPolicyViolationEvent
statuscode: the statuscode of the securitypolicyviolationevent (required).
...}); specifications specification status comment content security policy level 3the definition of 'securitypolicyviolationevent' in that specification.
SecurityPolicyViolationEvent - Web APIs
Web › API › SecurityPolicyViolationEvent
securitypolicyviolationevent.statuscoderead only a number representing the http status code of the document or worker in which the violation occurred.
... examples document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.blockeduri); console.log(e.violateddirective); console.log(e.originalpolicy); }); specifications specification status comment content security policy level 2the definition of 'securitypolicyviolationevent' in that specification.
ServiceWorkerRegistration.pushManager - Web APIs
Web › API › ServiceWorkerRegistration › pushManager
the pushmanager property of the serviceworkerregistration interface returns a reference to the pushmanager interface for managing push subscriptions; this includes support for subscribing, getting an active subscription, and accessing push permission status.
... console.log(error); } ); }); specifications specification status comment push apithe definition of 'pushmanager' in that specification.
ServiceWorkerRegistration - Web APIs
Web › API › ServiceWorkerRegistration
serviceworkerregistration.pushmanager read only returns a reference to the pushmanager interface for managing push subscriptions including subscribing, getting an active subscription, and accessing push permission status.
...rvice worker is being installed:', installingworker); // you can listen for changes to the installing service worker's // state via installingworker.onstatechange }); }) .catch(function(error) { console.log('service worker registration failed:', error); }); } else { console.log('service workers are not supported.'); } specifications specification status comment service workersthe definition of 'serviceworkerregistration' in that specification.
Using Service Workers - Web APIs
Web › API › Service Worker API › Using Service Workers
const imgload = (url) => { return new promise((resolve, reject) => { var request = new xmlhttprequest(); request.open('get', url); request.responsetype = 'blob'; request.onload = () => { if (request.status == 200) { resolve(request.response); } else { reject(error('image didn\'t load successfully; error code:' + request.statustext)); } }; request.onerror = () => { reject(error('there was a network error.')); }; request.send(); }); } we return a new promise using the promise() constructor, which takes as an argument a callback function with reso...
...somewhere in the function, we need to define what happens for the promise to resolve successfully or be rejected — in this case return a 200 ok status or not — and then call resolve on success, or reject on failure.
SpeechRecognition.continuous - Web APIs
Web › API › SpeechRecognition › continuous
it defaults to single results (false.) syntax var mycontinuous = myspeechrecognition.continuous; myspeechrecognition.continuous = true; value a boolean representing the current speechrecognition's continuous status.
... specifications specification status comment web speech apithe definition of 'continuous' in that specification.
TouchEvent - Web APIs
Web › API › TouchEvent
touchevent.touches read only a touchlist of all the touch objects representing all current points of contact with the surface, regardless of target or changed status.
... specifications specification status comment touch events – level 2the definition of 'touchevent' in that specification.
Using Touch Events - Web APIs
Web › API › Touch events › Using Touch Events
implementation and deployment status the touch events browser compatibility data indicates touch event support among mobile browsers is relatively broad, with desktop browser support lagging although additional implementations are in progress.
... the implementation status of pointer events in browsers is relatively high with chrome, firefox, ie11 and edge having complete implementations.
USBDevice.controlTransferIn() - Web APIs
Web › API › USBDevice › controlTransferIn
the controltransferin() method of the usbdevice interface returns a promise that resolves with a usbintransferresult when the result of a command or status request has been received from the usb device.
... specifications specification status comment webusbthe definition of 'controltransferin()' in that specification.
USBDevice.controlTransferOut() - Web APIs
Web › API › USBDevice › controlTransferOut
the controltransferout() method of the usbdevice interface returns a promise that resolves with a usbouttransferresult when a command or status operation has been transmitted to the usb device.
... specifications specification status comment webusbthe definition of 'controltransferout()' in that specification.
WebGL2RenderingContext.clientWaitSync() - Web APIs
Web › API › WebGL2RenderingContext › clientWaitSync
return value a glenum indicating the sync object's status.
... examples var sync = gl.fencesync(gl.sync_gpu_commands_complete, 0); var status = gl.clientwaitsync(sync, 0, 0); specifications specification status comment webgl 2.0the definition of 'clientwaitsync' in that specification.
WebGL2RenderingContext.getSyncParameter() - Web APIs
Web › API › WebGL2RenderingContext › getSyncParameter
gl.sync_status: returns a glenum indicating the status of the sync object (gl.signaled or gl.unsignaled).
... examples var sync = gl.fencesync(gl.sync_gpu_commands_complete, 0); gl.getsyncparameter(sync, gl.sync_status); specifications specification status comment webgl 2.0the definition of 'getsyncparameter' in that specification.
WebGLProgram - Web APIs
Web › API › WebGLProgram
var program = gl.createprogram(); // attach pre-existing shaders gl.attachshader(program, vertexshader); gl.attachshader(program, fragmentshader); gl.linkprogram(program); if ( !gl.getprogramparameter( program, gl.link_status) ) { var info = gl.getprograminfolog(program); throw 'could not compile webgl program.
... gl.deleteprogram(program); specifications specification status comment webgl 1.0the definition of 'webglprogram' in that specification.
WebGLRenderingContext.attachShader() - Web APIs
Web › API › WebGLRenderingContext › attachShader
var program = gl.createprogram(); // attach pre-existing shaders gl.attachshader(program, vertexshader); gl.attachshader(program, fragmentshader); gl.linkprogram(program); if ( !gl.getprogramparameter( program, gl.link_status) ) { var info = gl.getprograminfolog(program); throw 'could not compile webgl program.
... \n\n' + info; } specifications specification status comment webgl 1.0the definition of 'attachshader' in that specification.
WebGLRenderingContext.createProgram() - Web APIs
Web › API › WebGLRenderingContext › createProgram
examples creating a webgl program var program = gl.createprogram(); // attach pre-existing shaders gl.attachshader(program, vertexshader); gl.attachshader(program, fragmentshader); gl.linkprogram(program); if ( !gl.getprogramparameter( program, gl.link_status) ) { var info = gl.getprograminfolog(program); throw 'could not compile webgl program.
... specifications specification status comment webgl 1.0the definition of 'createprogram' in that specification.
WebGLRenderingContext.linkProgram() - Web APIs
Web › API › WebGLRenderingContext › linkProgram
examples var program = gl.createprogram(); // attach pre-existing shaders gl.attachshader(program, vertexshader); gl.attachshader(program, fragmentshader); gl.linkprogram(program); if ( !gl.getprogramparameter( program, gl.link_status) ) { var info = gl.getprograminfolog(program); throw new error('could not compile webgl program.
... \n\n' + info); } specifications specification status comment webgl 1.0the definition of 'linkprogram' in that specification.
WebGLRenderingContext.validateProgram() - Web APIs
Web › API › WebGLRenderingContext › validateProgram
examples var program = gl.createprogram(); // attach pre-existing shaders gl.attachshader(program, vertexshader); gl.attachshader(program, fragmentshader); gl.linkprogram(program); gl.validateprogram(program); if ( !gl.getprogramparameter( program, gl.link_status) ) { var info = gl.getprograminfolog(program); throw 'could not compile webgl program.
... \n\n' + info; } gl.useprogram(program); specifications specification status comment webgl 1.0the definition of 'validateprogram' in that specification.
WebGLRenderingContext - Web APIs
Web › API › WebGLRenderingContext
webglrenderingcontext.checkframebufferstatus() returns the status of the framebuffer.
... specifications specification status comment webgl 1.0the definition of 'webglrenderingcontext' in that specification.
WebGLShader - Web APIs
Web › API › WebGLShader
function createshader (gl, sourcecode, type) { // compiles either a shader of type gl.vertex_shader or gl.fragment_shader var shader = gl.createshader( type ); gl.shadersource( shader, sourcecode ); gl.compileshader( shader ); if ( !gl.getshaderparameter(shader, gl.compile_status) ) { var info = gl.getshaderinfolog( shader ); throw 'could not compile webgl program.
... above var vertexshader = createshader(gl, vertexshadersource, gl.vertex_shader) creating a fragment shader var fragmentshadersource = 'void main() {\n' + ' gl_fragcolor = vec4(1.0, 1.0, 1.0, 1.0);\n' + '}\n'; //use the createshader function from the example above var fragmentshader = createshader(gl, fragmentshadersource, gl.fragment_shader) specifications specification status comment webgl 1.0the definition of 'webglshader' in that specification.
A basic 2D WebGL animation example - Web APIs
Web › API › WebGL API › Basic 2D animation example
function buildshaderprogram(shaderinfo) { let program = gl.createprogram(); shaderinfo.foreach(function(desc) { let shader = compileshader(desc.id, desc.type); if (shader) { gl.attachshader(program, shader); } }); gl.linkprogram(program) if (!gl.getprogramparameter(program, gl.link_status)) { console.log("error linking shader program:"); console.log(gl.getprograminfolog(program)); } return program; } first, gl.createprogram() is called to create a new, empty, glsl program.
... function compileshader(id, type) { let code = document.getelementbyid(id).firstchild.nodevalue; let shader = gl.createshader(type); gl.shadersource(shader, code); gl.compileshader(shader); if (!gl.getshaderparameter(shader, gl.compile_status)) { console.log(`error compiling ${type === gl.vertex_shader ?
Using DTMF with WebRTC - Web APIs
Web › API › WebRTC API › Using DTMF
a <div> to receive and display log text to show status information.
... logging a simple log() function is used throughout the code to append html to a <div> box for displaying status and errors to the user.
WebRTC API - Web APIs
Web › API › WebRTC API
this can be used for back-channel information, metadata exchange, game status packets, file transfers, or even as a primary channel for data transfer.
...ities for nat (stun) uri scheme for the session traversal utilities for nat (stun) protocol traversal using relays around nat (turn) uniform resource identifiers an offer/answer model with session description protocol (sdp) session traversal utilities for nat (stun) extension for third party authorization webrtc statistics webrtc statistics api specifications specification status comment webrtc 1.0: real-time communication between browsers candidate recommendation the initial definition of the api of webrtc.
Writing WebSocket servers - Web APIs
Web › API › WebSockets API › Writing WebSocket servers
note: regular http status codes can be used only before the handshake.
... note: the server can send other headers like set-cookie, or ask for authentication or redirects via other status codes, before sending the reply handshake.
WorkerNavigator.permissions - Web APIs
Web › API › WorkerNavigator › permissions
the workernavigator.permissions read-only property returns a permissions object that can be used to query and update permission status of apis covered by the permissions api.
... examples self.navigator.permissions.query({name:'notifications'}).then(function(result) { if (result.state === 'granted') { shownotification(); } else if (result.state === 'prompt') { requestnotificationpermission() } }); specification specification status comment permissions working draft initial definition.
WorkerNavigator - Web APIs
Web › API › WorkerNavigator
workernavigator.permissions read only returns a permissions object that can be used to query and update permission status of apis covered by the permissions api.
... specifications specification status comment html living standardthe definition of 'workernavigator' in that specification.
XMLHttpRequest.abort() - Web APIs
Web › API › XMLHttpRequest › abort
when a request is aborted, its readystate is changed to xmlhttprequest.unsent (0) and the request's status code is set to 0.
... var xhr = new xmlhttprequest(), method = "get", url = "https://developer.mozilla.org/"; xhr.open(method, url, true); xhr.send(); if (oh_noes_we_need_to_cancel_right_now_or_else) { xhr.abort(); } specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequest.onreadystatechange - Web APIs
Web › API › XMLHttpRequest › onreadystatechange
examples const xhr = new xmlhttprequest(), method = "get", url = "https://developer.mozilla.org/"; xhr.open(method, url, true); xhr.onreadystatechange = function () { // in local files, status is 0 upon success in mozilla firefox if(xhr.readystate === xmlhttprequest.done) { var status = xhr.status; if (status === 0 || (status >= 200 && status < 400)) { // the request has been completed successfully console.log(xhr.responsetext); } else { // oh no!
... } } }; xhr.send(); specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequest.readyState - Web APIs
Web › API › XMLHttpRequest › readyState
2 headers_received send() has been called, and headers and status are available.
...t', xhr.readystate); // readystate will be 0 xhr.open('get', '/api', true); console.log('opened', xhr.readystate); // readystate will be 1 xhr.onprogress = function () { console.log('loading', xhr.readystate); // readystate will be 3 }; xhr.onload = function () { console.log('done', xhr.readystate); // readystate will be 4 }; xhr.send(null); specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequest.responseText - Web APIs
Web › API › XMLHttpRequest › responseText
you know the entire content has been received when the value of readystate becomes xmlhttprequest.done (4), and status becomes 200 ("ok").
... example var xhr = new xmlhttprequest(); xhr.open('get', '/server', true); // if specified, responsetype must be empty string or "text" xhr.responsetype = 'text'; xhr.onload = function () { if (xhr.readystate === xhr.done) { if (xhr.status === 200) { console.log(xhr.response); console.log(xhr.responsetext); } } }; xhr.send(null); specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequest.send() - Web APIs
Web › API › XMLHttpRequest › send
if (this.readystate === xmlhttprequest.done && this.status === 200) { // request finished.
... } } xhr.send("foo=bar&lorem=ipsum"); // xhr.send(new int8array()); // xhr.send(document); specifications specification status comment xmlhttprequestthe definition of 'send()' in that specification.
XRPermissionDescriptor - Web APIs
Web › API › XRPermissionDescriptor
when the returned promise resolves, we check the returned status.
...ermissions) { navigator.permissions.query(xrpermissiondesc).then(({state}) => { switch(state) { case "granted": setupxr(); break; case "prompt": promptandsetupxr(); break; default: /* do nothing otherwise */ break; } .catch(err) { console.log(err); } } else { setupxr(); } specifications specification status comment webxr device apithe definition of 'xrpermissiondescriptor' in that specification.
XRWebGLLayer.framebuffer - Web APIs
Web › API › XRWebGLLayer › framebuffer
calling checkframebufferstatus() on the webgl context from outside the animation frame callback causes the webgl framebuffer_unsupported error (0x8cdd) to be reported.
... let gllayer = xrsession.renderstate.baselayer; gl.bindframebuffer(gl.framebuffer, gllayer.framebuffer); specifications specification status comment webxr device apithe definition of 'xrwebgllayer.framebuffer' in that specification.
Using the progressbar role - Accessibility
Web › Accessibility › ARIA › ARIA Techniques › Using the progressbar role
the progressbar role should be used for an element that displays the progress status for a task that take a long time or consists of several steps.
... if the progressbar is describing the loading progress of a particular region of a page, the author should use aria-describedby to point to the status, and set the aria-busy attribute to true on the region until it is finished loading.
ARIA: application role - Accessibility
Web › Accessibility › ARIA › Roles › Application Role
in a slides application, for example, a widget could be created that uses the arrow keys to position elements on the slide, and uses audio feedback via an aria live region to communicate the position and overlap status with other objects.
... specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'application' in that specification.
ARIA: row role - Accessibility
Web › Accessibility › ARIA › Roles › Row Role
if the row is within a treegrid, rows can include the aria-expanded attribute, using the attribute to indicate the present status.
... added benefits none specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria row role' in that specification.
Robust - Accessibility
Web › Accessibility › Understanding WCAG › Robust
4.1.3 status messages (aa) added in 2.1 assistive technology users are made aware of new status messages added to the page.
... understanding status messages note: also see the wcag description for guideline 4.1: compatible: maximize compatibility with current and future user agents, including assistive technologies.
display-mode - CSS: Cascading Style Sheets
Web › CSS › @media › display-mode
in this mode, the user agent will exclude ui elements for controlling navigation, but can include other ui elements such as a status bar.
... (none) examples @media all and (display-mode: fullscreen) { body { margin: 0; border: 5px solid black; } } specifications specification status comment web app manifestthe definition of 'display-mode' in that specification.
Pseudo-classes - CSS: Cascading Style Sheets
Web › CSS › Pseudo-classes
/* any button over which the user's pointer is hovering */ button:hover { color: blue; } pseudo-classes let you apply a style to an element not only in relation to the content of the document tree, but also in relation to external factors like the history of the navigator (:visited, for example), the status of its content (like :checked on certain form elements), or the position of the mouse (like :hover, which lets you know if the mouse is over an element or not).
...:local-link :not() :nth-child() :nth-col() :nth-last-child() :nth-last-col() :nth-last-of-type() :nth-of-type() :only-child :only-of-type :optional :out-of-range :past :placeholder-shown :read-only :read-write :required :right :root :scope :state() :target :target-within :user-invalid :valid :visited :where() specifications specification status comment fullscreen api living standard defined :fullscreen.
cursor - CSS: Cascading Style Sheets
Web › CSS › cursor
links & status context-menu a context menu is available.
...ze | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ] examples setting cursor types .foo { cursor: crosshair; } .bar { cursor: zoom-in; } /* a fallback keyword value is required when using a url */ .baz { cursor: url("hyper.cur"), auto; } specifications specification status comment css basic user interface module level 3the definition of 'cursor' in that specification.
text-overflow - CSS: Cascading Style Sheets
Web › CSS › text-overflow
1234567890 specifications specification status comment css overflow module level 4 added the values <string> and fade and the fade() function css overflow module level 3the definition of 'text-overflow' in that specification.
... working draft initial definition a previous version of this interface reached the candidate recommendation status.
Mouse gesture events - Developer guides
Web › Guide › Events › Mouse gesture events
mozmagnifygestureupdate the mozmagnifygestureupdate event is sent periodically while processing a magnify gesture, to provide updated status information.
...mozrotategestureupdate the mozrotategestureupdate event is sent periodically while processing a rotate gesture, to provide updated status information.
<details>: The Details disclosure element - HTML: Hypertext Markup Language
Web › HTML › Element › details
a disclosure widget is typically presented onscreen using a small triangle which rotates (or twists) to indicate open/closed status, with a label next to the triangle.
... an input device as well as some form of output device is recommended.</p> </details> result specifications specification status comment html living standardthe definition of '<details>' in that specification.
<input type="search"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › search
to see the status of the change being implemented in firefox, see bug 1490661.
... specifications specification status comment html living standardthe definition of '<input type="search">' in that specification.
<input type="tel"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › tel
to see the status of the change being implemented in firefox, see bug 1490661.
... div { margin-bottom: 10px; position: relative; } input[type="number"] { width: 100px; } input + span { padding-right: 30px; } input:invalid+span:after { position: absolute; content: '✖'; padding-left: 5px; color: #8b0000; } input:valid+span:after { position: absolute; content: '✓'; padding-left: 5px; color: #009000; } specifications specification status comment html living standardthe definition of '<input type="tel">' in that specification.
<input type="text"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › text
to see the status of the change being implemented in firefox, see bug 1490661.
... specifications specification status comment html living standardthe definition of '<input type="text">' in that specification.
<input type="url"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › url
to see the status of the change being implemented in firefox, see bug 1490661.
... specifications specification status comment html living standardthe definition of '<input type="url">' in that specification.
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
Web › HTML › Element › input
to see the status of the change being implemented in firefox, see bug 1490661.
... menuitemradio, radio, switch type=radio: menuitemradio type=text with no list attribute: combobox, searchbox, spinbutton type=color|date|datetime|datetime-local|email|file|hidden|month|number|password|range|reset|search|submit|tel|url|week or text with list attribute: no role permitted dom interface htmlinputelement specifications specification status comment html living standardthe definition of '<input>' in that specification.
<output>: The Output element - HTML: Hypertext Markup Language
Web › HTML › Element › output
implicit aria role status permitted aria roles any dom interface htmloutputelement attributes this element includes the global attributes.
... specifications specification status comment html living standardthe definition of '<output>' in that specification.
<section>: The Generic Section element - HTML: Hypertext Markup Language
Web › HTML › Element › section
implicit aria role region if the element has an accessible name, otherwise no corresponding role permitted aria roles alert, alertdialog, application, banner, complementary, contentinfo, dialog, document, feed, log, main, marquee, navigation, none, note, presentation, search, status, tabpanel dom interface htmlelement attributes this element only includes the global attributes.
... example before <div> <h1>heading</h1> <p>bunch of awesome content</p> </div> after <section> <h1>heading</h1> <p>bunch of awesome content</p> </section> specifications specification status comment html living standardthe definition of '<section>' in that specification.
tabindex - HTML: Hypertext Markup Language
Web › HTML › Global attributes › tabindex
these elements have built-in roles and states that communicate status to the accessibility that would otherwise have to be managed by aria.
... using the tabindex attribute | the paciello group specifications specification status comment html living standardthe definition of 'tabindex' in that specification.
HTTP caching - HTTP
Web › HTTP › Caching
this can be useful if pages with http authentication, or response status codes that aren't normally cacheable, should now be cached.
... cache-control: max-age=31536000 validation when using the "must-revalidate" directive, the cache must verify the status of the stale resources before using it and expired ones should not be used.
Content-Security-Policy-Report-Only - HTTP
Web › HTTP › Headers › Content-Security-Policy-Report-Only
status-code the http status code of the resource on which the global object was instantiated.
... specifications specification status comment content security policy level 3 working draft no changes.
Expect - HTTP
Web › HTTP › Headers › Expect
the only expectation defined in the specification is expect: 100-continue, to which the server shall respond with: 100 if the information contained in the header is sufficient to cause an immediate success, 417 (expectation failed) if it cannot meet the expectation; or any other 4xx status otherwise.
... put /somewhere/fun http/1.1 host: origin.example.com content-type: video/h264 content-length: 1234567890987 expect: 100-continue the server now checks the request headers and may respond with a 100 (continue) response to instruct the client to go ahead and send the message body, or it will send a 417 (expectation failed) status if any of the expectations cannot be met.
Feature-Policy: battery - HTTP
Web › HTTP › Headers › Feature-Policy › battery
specifications specification status comment feature policy editor's draft initial definition.
... battery status apithe definition of 'feature policy integration' in that specification.
Location - HTTP
Web › HTTP › Headers › Location
it only provides a meaning when served with a 3xx (redirection) or 201 (created) status response.
... all responses with one of these status codes send a location header.
Upgrade - HTTP
Web › HTTP › Headers › Upgrade
if the server decides to upgrade the connection, it must: send back a 101 switching protocols response status with an upgrade header that specifies the protocol(s) being switched to.
... examples connection: upgrade upgrade: http/2.0, shttp/1.3, irc/6.9, rta/x11 connection: upgrade upgrade: websocket specifications specification hypertext transfer protocol (http/1.1): message syntax and routing (http/1.1)# header.upgrade hypertext transfer protocol (http/1.1): semantics and content (http/1.1)# status.426 hypertext transfer protocol version 2 (http/2) (http/2)# informational-responses ...
Warning - HTTP
Web › HTTP › Headers › Warning
the warning general http header contains information about possible problems with the status of the message.
... 1xx warn-codes describe the freshness or validation status of the response and will be deleted by a cache after deletion.
An overview of HTTP - HTTP
Web › HTTP › Overview
a status code, indicating if the request was successful, or not, and why.
... a status message, a non-authoritative short description of the status code.
Protocol upgrade mechanism - HTTP
Web › HTTP › Protocol upgrade mechanism
if the server decides to upgrade the connection, it sends back a 101 switching protocols response status with an upgrade header that specifies the protocol(s) being switched to.
... right after sending the 101 status code, the server can begin speaking the new protocol, performing any additional protocol-specific handshakes as necessary.
Redirections in HTTP - HTTP
Web › HTTP › Redirections
redirect responses have status codes that start with 3, and a location header holding the url to redirect to.
... if you don't want a temporary redirect, an extra parameter (either the http status code to use or the permanent keyword) can be used to set up a different redirect: redirect permanent / https://www.example.com # …acts the same as: redirect 301 / https://www.example.com the mod_rewrite module can also create redirects.
HTTP resources and specifications - HTTP
Web › HTTP › Resources and specifications
specification title status rfc 7230 hypertext transfer protocol (http/1.1): message syntax and routing proposed standard rfc 7231 hypertext transfer protocol (http/1.1): semantics and content proposed standard rfc 7232 hypertext transfer protocol (http/1.1): conditional requests proposed standard rfc 7233 hypertext transfer protocol (http/1.1): range requests proposed standard rfc 7234 hyperte...
...ate management mechanism defines cookies proposed standard draft spec cookie prefixes ietf draft draft spec same-site cookies ietf draft draft spec deprecate modification of 'secure' cookies from non-secure origins ietf draft rfc 2145 use and interpretation of http version numbers informational rfc 6585 additional http status codes proposed standard rfc 7538 the hypertext transfer protocol status code 308 (permanent redirect) proposed standard rfc 7725 an http status code to report legal obstacles on the standard track rfc 2397 the "data" url scheme proposed standard rfc 3986 uniform resource identifier (uri): generic syntax internet standard rfc ...
200 OK - HTTP
Web › HTTP › Status › 200
the http 200 ok success status response code indicates that the request has succeeded.
... status 200 ok specifications specification title rfc 7231, section 6.3.1: 200 ok hypertext transfer protocol (http/1.1): semantics and content ...
202 Accepted - HTTP
Web › HTTP › Status › 202
the hypertext transfer protocol (http) 202 accepted response status code indicates that the request has been accepted for processing, but the processing has not been completed; in fact, processing may not have started yet.
... status 202 accepted specifications specification title rfc 7231, section 6.3.3: 202 accepted hypertext transfer protocol (http/1.1): semantics and content ...
204 No Content - HTTP
Web › HTTP › Status › 204
the http 204 no content success status response code indicates that the request has succeeded, but that the client doesn't need to go away from its current page.
... status 204 no content specifications specification title rfc 7231, section 6.3.5: 204 no content hypertext transfer protocol (http/1.1): semantics and content ...
205 Reset Content - HTTP
Web › HTTP › Status › 205
the http 205 reset content response status tells the client to reset the document view, so for example to clear the content of a form, reset a canvas state, or to refresh the ui.
... status 205 reset content specifications specification title rfc 7231, section 6.3.6: 205 reset content hypertext transfer protocol (http/1.1): semantics and content compatibility notes browser behavior differs if this response erroneously includes a body on persistent connections see 204 no content for more detail.
206 Partial Content - HTTP
Web › HTTP › Status › 206
the http 206 partial content success status response code indicates that the request has succeeded and has the body contains the requested ranges of data, as described in the range header of the request.
... status 206 partial content examples a response containing one single range: http/1.1 206 partial content date: wed, 15 nov 2015 06:25:24 gmt last-modified: wed, 15 nov 2015 04:58:08 gmt content-range: bytes 21010-47021/47022 content-length: 26012 content-type: image/gif ...
300 Multiple Choices - HTTP
Web › HTTP › Status › 300
the http 300 multiple choices redirect status response code indicates that the request has more than one possible responses.
... status 300 multiple choices specifications specification title rfc 7231, section 6.4.1: 300 multiple choices hypertext transfer protocol (http/1.1): semantics and content ...
302 Found - HTTP
Web › HTTP › Status › 302
the hypertext transfer protocol (http) 302 found redirect status response code indicates that the resource requested has been temporarily moved to the url given by the location header.
... status 302 found specifications specification title rfc 7231, section 6.4.3: 302 found hypertext transfer protocol (http/1.1): semantics and content ...
303 See Other - HTTP
Web › HTTP › Status › 303
the hypertext transfer protocol (http) 303 see other redirect status response code indicates that the redirects don't link to the newly uploaded resources, but to another page (such as a confirmation page or an upload progress page).
... status 303 see other specifications specification title rfc 7231, section 6.4.4: 303 see other hypertext transfer protocol (http/1.1): semantics and content ...
307 Temporary Redirect - HTTP
Web › HTTP › Status › 307
http 307 temporary redirect redirect status response code indicates that the resource requested has been temporarily moved to the url given by the location headers.
... status 307 temporary redirect specifications specification title rfc 7231, section 6.4.7: 307 temporary redirect hypertext transfer protocol (http/1.1): semantics and content ...
308 Permanent Redirect - HTTP
Web › HTTP › Status › 308
the hypertext transfer protocol (http) 308 permanent redirect redirect status response code indicates that the resource requested has been definitively moved to the url given by the location headers.
...for example, google drive uses a 308 resume incomplete response to indicate to the client when an incomplete upload stalled.[1] status 308 permanent redirect specifications specification title rfc 7538, section 3: 308 permanent redirect the hypertext transfer protocol status code 308 (permanent redirect) ...
400 Bad Request - HTTP
Web › HTTP › Status › 400
the hypertext transfer protocol (http) 400 bad request response status code indicates that the server cannot or will not process the request due to something that is perceived to be a client error (e.g., malformed request syntax, invalid request message framing, or deceptive request routing).
... status 400 bad request specifications specification title rfc 7231, section 6.5.1: 400 bad request hypertext transfer protocol (http/1.1): semantics and content ...
402 Payment Required - HTTP
Web › HTTP › Status › 402
the http 402 payment required is a nonstandard client error status response code that is reserved for future use.
... status 402 payment required example response http/1.1 402 payment required date: wed, 21 oct 2015 07:28:00 gmt specifications specification title rfc 7231, section 6.5.2: 402 payment required http/1.1: semantics and content ...
405 Method Not Allowed - HTTP
Web › HTTP › Status › 405
the hypertext transfer protocol (http) 405 method not allowed response status code indicates that the request method is known by the server but is not supported by the target resource.
... status 405 method not allowed specifications specification title rfc 7231, section 6.5.5: 405 method not allowed hypertext transfer protocol (http/1.1): semantics and content ...
406 Not Acceptable - HTTP
Web › HTTP › Status › 406
if a server returns such an error status, the body of the message should contain the list of the available representations of the resources, allowing the user to choose among them.
... status 406 not acceptable specifications specification title rfc 7231, section 6.5.6: 406 not acceptable hypertext transfer protocol (http/1.1): semantics and content ...
408 Request Timeout - HTTP
Web › HTTP › Status › 408
the hypertext transfer protocol (http) 408 request timeout response status code means that the server would like to shut down this unused connection.
... status 408 request timeout specifications specification title rfc 7231, section 6.5.7: 408 request timeout hypertext transfer protocol (http/1.1): semantics and content ...
409 Conflict - HTTP
Web › HTTP › Status › 409
the http 409 conflict response status code indicates a request conflict with current state of the server.
... status 409 conflict specifications specification title rfc 7231, section 6.5.8: 409 conflict hypertext transfer protocol (http/1.1): semantics and content ...
410 Gone - HTTP
Web › HTTP › Status › 410
if you don't know whether this condition is temporary or permanent, a 404 status code should be used instead.
... status 410 gone specifications specification title rfc 7231, section 6.5.9: 410 gone hypertext transfer protocol (http/1.1): semantics and content ...
413 Payload Too Large - HTTP
Web › HTTP › Status › 413
the http 413 payload too large response status code indicates that the request entity is larger than limits defined by server; the server might close the connection or return a retry-after header field.
... status 413 payload too large specifications specification title rfc 7231, section 6.5.11: 413 payload too large hypertext transfer protocol (http/1.1): semantics and content ...
414 URI Too Long - HTTP
Web › HTTP › Status › 414
the http 414 uri too long response status code indicates that the uri requested by the client is longer than the server is willing to interpret.
... status 414 uri too long specifications specification title rfc 7231, section 6.5.12: 414 uri too long hypertext transfer protocol (http/1.1): semantics and content ...
422 Unprocessable Entity - HTTP
Web › HTTP › Status › 422
the hypertext transfer protocol (http) 422 unprocessable entity response status code indicates that the server understands the content type of the request entity, and the syntax of the request entity is correct, but it was unable to process the contained instructions.
... status 422 unprocessable entity specifications specification title rfc 4918, section 11.2: 422 unprocessable entity http extensions for web distributed authoring and versioning (webdav) ...
425 Too Early - HTTP
Web › HTTP › Status › 425
the hypertext transfer protocol (http) 425 too early response status code indicates that the server is unwilling to risk processing a request that might be replayed, which creates the potential for a replay attack.
... status 425 too early specifications specification title rfc 8470, section 5.2: 425: early data using early data in http ...
428 Precondition Required - HTTP
Web › HTTP › Status › 428
the http 428 precondition required response status code indicates that the server requires the request to be conditional.
... status 428 precondition required specifications specification title rfc 6585, section 3: 428 precondition required additional http status codes ...
429 Too Many Requests - HTTP
Web › HTTP › Status › 429
the http 429 too many requests response status code indicates the user has sent too many requests in a given amount of time ("rate limiting").
... status 429 too many requests example http/1.1 429 too many requests content-type: text/html retry-after: 3600 specifications specification title rfc 6585, section 4: 429 too many requests additional http status codes ...
431 Request Header Fields Too Large - HTTP
Web › HTTP › Status › 431
the http 431 request header fields too large response status code indicates that the server refuses to process the request because the request’s http headers are too long.
... servers will often produce this status if: the referer url is too long there are too many cookies sent in the request status 431 request header fields too large specifications specification title rfc 6585, section 5: 431 request header fields too large additional http status codes ...
451 Unavailable For Legal Reasons - HTTP
Web › HTTP › Status › 451
status 451 unavailable for legal reasons example this example response is taken from the ietf rfc (see below) and contains a reference to monty python's life of brian.
...</h1> <p>this request may not be serviced in the roman province of judea due to the lex julia majestatis, which disallows access to resources hosted on servers deemed to be operated by the people's front of judea.</p> </body> </html> specifications specification title rfc 7725: 451 unavailable for legal reasons an http status code to report legal obstacles ...
500 Internal Server Error - HTTP
Web › HTTP › Status › 500
sometimes, server administrators log error responses like the 500 status code with more details about the request to prevent the error from happening again in the future.
... status 500 internal server error specifications specification title rfc 7231, section 6.6.1: 500 internal server error hypertext transfer protocol (http/1.1): semantics and content ...
501 Not Implemented - HTTP
Web › HTTP › Status › 501
this status can also send a retry-after header, telling the requester when to check back to see if the functionality is supported by then.
... status 501 not implemented specifications specification title rfc 7231, section 6.6.2: 501 not implemented hypertext transfer protocol (http/1.1): semantics and content ...
503 Service Unavailable - HTTP
Web › HTTP › Status › 503
caching-related headers that are sent along with this response should be taken care of, as a 503 status is often a temporary condition and responses shouldn't usually be cached.
... status 503 service unavailable specifications specification title rfc 7231, section 6.6.4: 503 service unavailable hypertext transfer protocol (http/1.1): semantics and content ...
505 HTTP Version Not Supported - HTTP
Web › HTTP › Status › 505
the hypertext transfer protocol (http) 505 http version not supported response status code indicates that the http version used in the request is not supported by the server.
... status 505 http version not supported specifications specification title rfc 7231, section 6.6.6: 505 http version not supported hypertext transfer protocol (http/1.1): semantics and content ...
507 Insufficient Storage - HTTP
Web › HTTP › Status › 507
the hypertext transfer protocol (http) 507 insufficient storage response status code may be given in the context of the web distributed authoring and versioning (webdav) protocol (see rfc 4918).
... status 507 insufficient storage specifications specification title rfc 4918, section 11.5: 507 insufficient storage web distributed authoring and versioning ...
Promise.prototype.then() - JavaScript
Web › JavaScript › Reference › Global Objects › Promise › then
the value received and returned is: " + value); return value; }); // instantly logging the value of thenprom console.log(thenprom); // using settimeout we can postpone the execution of a function to the moment the stack is empty settimeout(() => { console.log(thenprom); }); // logs, in order: // promise {[[promisestatus]]: "pending", [[promisevalue]]: undefined} // "this gets called after the end of the main stack.
... the value received and returned is: 33" // promise {[[promisestatus]]: "resolved", [[promisevalue]]: 33} description as the then and promise.prototype.catch() methods return promises, they can be chained — an operation called composition.
display - Web app manifests
Web › Manifest › display
in this mode, the user agent will exclude ui elements for controlling navigation, but can include other ui elements such as a status bar.
... (none) example "display": "standalone" specification specification status comment feedback web app manifestthe definition of 'display' in that specification.
How to make PWAs re-engageable using Notifications and Push - Progressive web apps (PWAs)
Web › Progressive web apps › Re-engageable Notifications Push
module.exports = function(app, route) { app.get(route + 'vapidpublickey', function(req, res) { res.send(process.env.vapid_public_key); }); app.post(route + 'register', function(req, res) { res.sendstatus(201); }); app.post(route + 'sendnotification', function(req, res) { const subscription = req.body.subscription; const payload = req.body.payload; const options = { ttl: req.body.ttl }; settimeout(function() { webpush.sendnotification(subscription, payload, options) .then(function() { res.sendstatus(201); }) .catch(function(error) { ...
... console.log(error); res.sendstatus(500); }); }, req.body.delay * 1000); }); }; service-worker.js the last file we will look at is the service worker: self.addeventlistener('push', function(event) { const payload = event.data ?
Certificate Transparency - Web security
Web › Security › Certificate Transparency
this can be accomplished via a number of different mechanisms: x.509v3 certificate extension which embeds signed certificate timestamps directly into the leaf certificate a tls extension of type signed_certificate_timestamp sent during the handshake ocsp stapling (that is, the status_request tls extension) and providing a signedcertificatetimestamplist with one or more scts with the x.509 certificate extension, the included scts are decided by the issuing ca.
... specifications specification status comment certificate transparency ietf rfc ...
HTML Imports - Web Components
Web › Web Components › HTML Imports
see this status update for more information.
... specification specification status comment html imports working draft initial definition.
Window: userproximity event - Archive of obsolete content
Archive › API › userproximity
specifications specification status proximity sensorthe definition of 'proximity events' in that specification.
private-browsing - Archive of obsolete content
Archive › Add-ons › Add-on SDK › High-Level APIs › private-browsing
check whether a given object is private, so an add-on can respect private browsing usage per-window private browsing private browsing status is a property of an individual browser window.
core/promise - Archive of obsolete content
Archive › Add-ons › Add-on SDK › Low-Level APIs › core promise
this can be used to perform an action that requires values from several promises, like getting user information and server status, for example: const { all } = require('sdk/core/promise'); all([getuser, getserverstatus]).then(function (result) { return result[0] + result[1] }); if one of the promises in the array is rejected, the rejection handler handles the first failed promise and remaining promises remain unfulfilled.
Creating annotations - Archive of obsolete content
Archive › Add-ons › Add-on SDK › Tutorials › Annotator › Creating annotations
in the attach handler we do three things: send the content script a message with the current activation status add the worker to an array called selectors so we can send it messages later on assign a message handler for messages from this worker.
Extension Etiquette - Archive of obsolete content
Archive › Add-ons › Extension etiquette
status bar items should only be added for extensions that need constant monitoring, such as ad blocking, page ranking, or cookie management.
Install Manifests - Archive of obsolete content
Archive › Add-ons › Install Manifests
%item_status% comma separated list of the add-ons operating status in the application.
Chapter 2: Technologies used in developing extensions - Archive of obsolete content
Archive › Add-ons › Overlay Extensions › Firefox addons developer guide › Technologies used in developing extensions
because it was often used at first to display pop-up windows, marching text in status bars, or in other ways that made web pages less useful to users, the language acquired a reputation as having little practical use and lacking in functionality.
Adding Events and Commands - Archive of obsolete content
Archive › Add-ons › Overlay Extensions › XUL School › Adding Events and Commands
you can create an extension that adds toolbar buttons, statusbar buttons and menu items, all with equivalent behavior, and without having to repeat lots of xul code in the process.
Adding menus and submenus - Archive of obsolete content
Archive › Add-ons › Overlay Extensions › XUL School › Adding menus and submenus
an example of one such item is the view > status bar item in the main firefox menu.
Connecting to Remote Content - Archive of obsolete content
Archive › Add-ons › Overlay Extensions › XUL School › Connecting to Remote Content
let url = "http://www.example.com/"; let request = components.classes["@mozilla.org/xmlextras/xmlhttprequest;1"] .createinstance(components.interfaces.nsixmlhttprequest); request.onload = function(aevent) { window.alert("response text: " + aevent.target.responsetext); }; request.onerror = function(aevent) { window.alert("error status: " + aevent.target.status); }; request.open("get", url, true); request.send(null); in this example we demonstrate how to make a xmlhttprequest call in asynchronous mode.
Intercepting Page Loads - Archive of obsolete content
Archive › Add-ons › Overlay Extensions › XUL School › Intercepting Page Loads
in a nutshell, there are a lot of state and status changes going on when a page loads, and the notify constants allow you to filter out the events you don't need to listen to.
The Box Model - Archive of obsolete content
Archive › Add-ons › Overlay Extensions › XUL School › The Box Model
play with changing the dimensions and appearance of buttons, changing the background color of the toolbars and status bars, font styles, sizes, etc.
chargingchange - Archive of obsolete content
Archive › Events › chargingchange
property type description batterymanager.charging boolean the system's battery charging status.
List of Former Mozilla-Based Applications - Archive of obsolete content
Archive › List of Former Mozilla-Based Applications
omain switched over to domain parking service ghostzilla browser archived version of ghostzilla site from 2005 homebase desktop operating environment for internet computers no longer available hp printer assistant printer utility hall of fame page mentions that this used an embedded version of mozilla at some point but i can't find reference to current status (may still be using mozilla code?) icebrowser java browser sdk uses mozilla rhino --eol'ed in 2009 (jin'sync) office app launcher download page last updated on 12/21/06 kylix compiler and integrated development environment borland discontinued this product.
List of Mozilla-Based Applications - Archive of obsolete content
Archive › List of Mozilla-Based Applications
widgets desktop widgets uses mozilla spidermonkey yoono desktop social networking app standalone version of yoono firefox add-on zap sip client status update from august 2008 zimbra desktop email and calendar application uses prism zinc video browser according to faq the standalone version is based on firefox zk web application framework makes use of xul zotero reference manager firefox extension and xulrunner application note: this page was previously hosted on mozpad.org and t...
Localizing an extension - Archive of obsolete content
Archive › Localizing an extension
if you haven't already created an extension, or would like to refresh your memory, take a look at the previous articles in this series: creating a status bar extension creating a dynamic status bar extension adding preferences to an extension download the sample you can download this article's sample code so you can look at it side-by-side with the article, or to use it as a basis for your own extension.
Finding the file to modify - Archive of obsolete content
Archive › Mozilla › Creating a Mozilla extension › Finding the file to modify
to add a tinderbox status icon to mozilla, we need to find the xul file that defines the structure of the browser window.
Tinderbox - Archive of obsolete content
Archive › Mozilla › Creating a Mozilla extension › Tinderbox
tinderbox is a web tool for tracking the status of the mozilla source code.
In-Depth - Archive of obsolete content
Archive › Mozilla › Creating a skin for Mozilla › In-Depth
button, checkbox-container, checkbox, dialog, dualbutton, dualbutton-dropdown, listbox, menu, menulist-textfield, menulist-button, menulist, menulist-text, progressbar, progresschunk, radio-container, radio, resizer, resizerpanel, separator, scrollbar, statusbar, statusbarpanel, toolbarbutton, toolbox, toolbar, treeheadercell, treeheadersortarrow, treeview, treeitem, treetwisty, treetwistyopen, tooltip, textfield, tabpanels, tab, tab-left-edge, tab-right-edge, scrollbartrack-horizontal, scrollbartrack-vertical, scrollbarthumb-vertical, scrollbarthumb-horizontal, scrollbarbutton-right, scrollbarbutton-down, scrollbarbutton-left, scrollbarbutton-up, scr...
Dehydra Frequently Asked Questions - Archive of obsolete content
Archive › Mozilla › Dehydra › Dehydra Frequently Asked Questions
what is the status of gcc 4.5 support?
Download Manager preferences - Archive of obsolete content
Archive › Mozilla › Download Manager preferences
browser.download.manager.usewindow note: in gecko 1.9.1 in bug 439495 a boolean value indicating whether or not to use the downloads window (true) or display download status in the status bar (false) in the browser window.
Document Loading - From Load Start to Finding a Handler - Archive of obsolete content
Archive › Mozilla › Firefox › Document Loading
onstartrequest notification comes back from necko nsdocumentopeninfo::onstartrequest checks the response status code on the channel for http channels and drops the load on the floor if warranted (e.g.
JavaScript Client API - Archive of obsolete content
Archive › Mozilla › Firefox Sync › JavaScript Client API
ll(this, "foo"); } fooengine.prototype = { __proto__: weave.syncengine.prototype, _recordobj: foorecord, _storeobj: foostore, _trackerobj: footracker }; as you can see, there isn't actually any new code here at all; the prototype simply defines some metadata such as the store and tracker classes to use, and the human-readable name that will be used in the log files to identify errors and status messages coming from this engine.
Firefox Sync - Archive of obsolete content
Archive › Mozilla › Firefox Sync
getting involved and status for information on the current development status of sync including how to get involved, see https://wiki.mozilla.org/services/sync.
slideBar - Archive of obsolete content
Archive › Mozilla › Jetpack › UI › slideBar › slideBar
about status: in development instantiation: jetpack.future.import('slidebar') last update: v0.6 summary: slidebar is a reinvention of the old sidebar feature of browsers.
UI - Archive of obsolete content
Archive › Mozilla › Jetpack › UI
browser slidebar ui mechanism for displaying jetpack content in a slide-out animated vertical column toolbar including entries and access elements into the toolbar panel a movable, expandable, and custom styled content element to display jetpack content tabs adding events and interacting with browser tabs and their contained documents statusbar low-level functions and basic calls notifications a system for alerting users via provided ui mechanisms selection interacting with user-selected content window mitigates and eases interactions between different browser windows ...
jspage - Archive of obsolete content
Archive › Mozilla › Jetpack › jspage
e",issuccess:null,emulation:true,urlencoded:true,encoding:"utf-8",evalscripts:false,evalresponse:false,nocache:false},initialize:function(a){this.xhr=new browser.request(); this.setoptions(a);this.options.issuccess=this.options.issuccess||this.issuccess;this.headers=new hash(this.options.headers);},onstatechange:function(){if(this.xhr.readystate!=4||!this.running){return; }this.running=false;this.status=0;$try(function(){this.status=this.xhr.status;}.bind(this));this.xhr.onreadystatechange=$empty;if(this.options.issuccess.call(this,this.status)){this.response={text:this.xhr.responsetext,xml:this.xhr.responsexml}; this.success(this.response.text,this.response.xml);}else{this.response={text:null,xml:null};this.failure();}},issuccess:function(){return((this.status>=200)&&(this.status<300)); },proce...
Bundles - Archive of obsolete content
Archive › Mozilla › Prism › Bundles
how-to here is a simple way to build a basic web application bundle: create file called webapp.ini that contains something like: [parameters] id=unique-app-id@unique-author-id.whatever name=webapp name uri=http://[the-url-what-you-want-to-connect-to]/ status=yes location=no sidebar=no navigation=no zip the file to [whatever].webapp double-click the webapp bundle or use prism -webapp [path-to-webapp] structure a bundle can contain the following files.
Extensions - Archive of obsolete content
Archive › Mozilla › Prism › Extensions
prism does have a few ui elements, such as a toolbox, toolbar, menubar, popup menus, statusbar and a container for the browser.
Proxy UI - Archive of obsolete content
Archive › Mozilla › Proxy UI
offline|online "plug" location status bar on the right side.
File object - Archive of obsolete content
Archive › Mozilla › SpiderMonkey › File object
here is the original proposal for this object, and a status update from december 1998: http://www.mozilla.org/js/js-file-object.html created by the file constructor: new file(); new file(filename); parameters filename name of the file we want to work with.
Tamarin Roadmap - Archive of obsolete content
Archive › Mozilla › Tamarin › Tamarin Roadmap
tc jan '09 feature links status integrate the tt string class tamarin:string implementation tamarin:strings bug 465506 complete enhanced c++ profiler enhance memory profiler to work in release builds and be more performant in progress enable lir for arm targets bug 460764 complete amd64 nanojit bug 464476 in progress port nanojit to powerpc bug 458077 complete add mac-x64 and linux-x64 buildbots complete fail build on assertion in acceptance tests complete merge tracking bug bug 469836 in progres...
XML in Mozilla - Archive of obsolete content
Archive › Mozilla › XML in Mozilla
specification or technology status and/or further documentation xml 1.0 w3c recommendation namespaces in xml w3c recommendation associating stylesheets with xml documents w3c recommendation styling xml documents with css manipulating xml documents with scripts through dom serializing xml dom trees to ja...
XPJS Components Proposal - Archive of obsolete content
Archive › Mozilla › XPJS Components Proposal
see the status document for more recent info on the status of this proposal.
oncommandupdate - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › oncommandupdate
you would use this to update the disabled status of items.
Attribute (XUL) - Archive of obsolete content
Archive › Mozilla › XUL › Attribute
imary priority properties querytype readonly ref rel removeelement resizeafter resizebefore rows screenx screeny searchbutton searchsessions searchlabel selected selectedindex seltype setfocus showcaret showcommentcolumn showpopup size sizemode sizetopopup smoothscroll sort sortactive sortdirection sortresource sortresource2 spellcheck src state statedatasource statusbar statustext style subject substate suppressonselect tabindex tabscrolling targets template timeout title toolbarname tooltip tooltiptext tooltiptextnew top type uri useraction validate value var visuallyselected wait-cursor width windowtype wrap wraparound ...
commandupdate - Archive of obsolete content
Archive › Mozilla › XUL › Events › commandupdate
this event would be used to update the disabled status of its commands.
findbar - Archive of obsolete content
Archive › Mozilla › XUL › Findbar
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width browser type: browser element lets you set and get the browser in which the findbar is located.
Methods - Archive of obsolete content
Archive › Mozilla › XUL › Method
lementsbyattributens getformattedstring gethtmleditor getindexoffirstvisiblerow getindexofitem getitematindex getnextitem getnotificationbox getnotificationwithvalue getnumberofvisiblerows getpagebyid getpreviousitem getresultat getresultcount getresultvalueat getrowcount getsearchat getselecteditem getsession getsessionbyname getsessionresultat getsessionstatusat getsessionvalueat getstring goback gobackgroup godown goforward goforwardgroup gohome goto gotoindex goup hidepopup increase increasepage insertitem insertitemat invertselection loadgroup loadonetab loadtabs loaduri loaduriwithflags makeeditable movebyoffset moveto movetoalertposition onsearchcomplete ontextentered ontextreverted openp...
accessibleType - Archive of obsolete content
Archive › Mozilla › XUL › Property › accessibleType
xullistitem 100c xulmenubar 100d xulmenuitem 100e xulmenupopup 100f xulmenuseparator 1010 xulpane 1011 xulprogressmeter 1012 xulscale 1013 xulstatusbar 1014 xulradiobutton 1015 xulradiogroup 1016 xultab 1017 xultabbox 1018 xultabs 1019 xultext 101a xultextbox 101b xulthumb 101c ...
Property - Archive of obsolete content
Archive › Mozilla › XUL › Property
hbutton searchcount searchlabel searchparam searchsessions second secondleadingzero securityui selected selectedbrowser selectedcount selectedindex selecteditem selecteditems selectedpanel selectedtab selectionend selectionstart selstyle seltype sessioncount sessionhistory showcommentcolumn showpopup size smoothscroll spinbuttons src state statusbar statustext stringbundle strings style subject suppressonselect tabcontainer tabindex tabs tabscrolling tabpanels tag textlength textvalue timeout title toolbarname toolbarset tooltip tooltiptext top treeboxobject type uri useraction value valuenumber view webbrowserefind webnavigation webprogress width wizardpages wraparound ...
Providing Command-Line Options - Archive of obsolete content
Archive › Mozilla › XUL › Providing Command-Line Options
* @param aargument an argument to pass to the window (may be null) */ function openwindow(achromeurispec, aargument) { services.ww.openwindow(null, achromeurispec, "_blank", "chrome,menubar,toolbar,status,resizable,dialog=no", aargument); } // command line handler function commandlinehandler() { }; commandlinehandler.prototype = { classdescription: "myapphandler", // changeme: generate a unique id classid: components.id('{2991c315-b871-42cd-b33f-bfee4fcbf682}'), // changeme: change the type in the contractid to be unique to your application contractid: "@mozilla.org/com...
Style classes - Archive of obsolete content
Archive › Mozilla › XUL › Style
« xul reference home alert-icon chromeclass-toolbar error-icon groove header indent listcell-iconic listitem-iconic menuitem-iconic menuitem-non-iconic message-icon monospace plain question-icon small-margin statusbarpanel-iconic statusbarpanel-iconic-text statusbarpanel-menu-iconic text-link thin tree-splitter treecol-image ...
Content Panels - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Content Panels
you might note that a mozilla browser window has xul content for the toolbars and statusbar and so forth with a tabbrowser forming the main area.
Focus and Selection - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Focus and Selection
you might use these event handlers to highlight the element or display text on a status bar.
Open and Save Dialogs - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Open and Save Dialogs
it takes no arguments but returns a status code that indicates what the user selected.
Skinning XUL Files by Hand - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Skinning XUL Files by Hand
after these, the global skin defines styles for some of the xul widgets: statusbar, statusbarpanel and so on.
Stacks and Decks - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Stacks and Decks
the stack element might be used for cases where a status indicator needs to be added over an existing element.
Updating Commands - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Updating Commands
the only other thing you need to do is ensure that the enabled status of the paste command, and therefore the button, is updated at the right time, which is described below.
Using Remote XUL - Archive of obsolete content
Archive › Mozilla › XUL › Using Remote XUL
=guided" /> <menuitem label="bugzilla" value="https://www.mozilla.org/bugs/" /> <menuitem label="bug writing" value="https://www.mozilla.org/quality/bug-writing-guidelines.html" /> </menupopup> </menu> <menu label="tools"> <menupopup> <menuitem label="view source" value="https://lxr.mozilla.org/seamonkey/" /> <menuitem label="tree status" value="https://tinderbox.mozilla.org/showbuilds.cgi?tree=seamonkey" /> <menuitem label="new checkins" value="https://bonsai.mozilla.org/cvsquery.cgi?treeid=default&amp;..." /> <menuitem label="submit a bug" value="https://bugzilla.mozilla.org/" /> </menupopup> </menu> <button label="faq" value="https://www.mozilla.org/faq.html" /> <bu...
Accessibility/XUL Accessibility Reference - Archive of obsolete content
Archive › Mozilla › XUL › XUL accessibility reference
radiogroup <label value='<!--radio group-->' control='radioid' /> <radiogroup id='radioid'> <radio selected="true" label='<!--option1-->' /> <radio label='<!--option2-->' /> </radiogroup> row see grid rows see grid stack all elements can be focused, even if not visible due to being hidden under something else statusbar <statusbar> <statusbarpanel label="<!--status bar-->" flex="1"/> </statusbar> read using jaws with insert+page down statusbarpanel see statusbar tab see tabbox tabbox <tabbox> <tabs> <tab label="<!--tab text-->" /> </tabs> <tabpanels> <tabpanel orient="vertical"> ...
XUL controls - Archive of obsolete content
Archive › Mozilla › XUL › XUL controls
<toolbarbutton type="menu" label="show"> <menupopup> <menuitem label="toolbars"/> <menuitem label="status bar"/> </menupopup> </toolbarbutton> more information about this type of menu toolbarbutton element.
command - Archive of obsolete content
Archive › Mozilla › XUL › command
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
content - Archive of obsolete content
Archive › Mozilla › XUL › content
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width propiedades tag type: tag name this may be set to a tag name.
dialogheader - Archive of obsolete content
Archive › Mozilla › XUL › dialogheader
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
elements - Archive of obsolete content
Archive › Mozilla › XUL › elements
listitem m member menu menubar menuitem menulist menupopup menuseparator o observes overlay p page popup popupset preference preferences prefpane prefwindow progressmeter r radio radiogroup resizer richlistbox richlistitem resizer row rows rule s script scrollbar scrollbox scrollcorner separator spacer splitter stack statusbar statusbarpanel stringbundle stringbundleset t tab tabbrowser tabbox tabpanel tabpanels tabs template textnode textbox titlebar toolbar toolbarbutton toolbargrippy toolbaritem toolbarpalette toolbarseparator toolbarset toolbarspacer toolbarspring toolbox tooltip tree treecell treechildren treecol treecols treeitem treerow treesep...
iframe - Archive of obsolete content
Archive › Mozilla › XUL › iframe
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessibletype type: integer a value indicating the type of accessibility object for the element.
image - Archive of obsolete content
Archive › Mozilla › XUL › image
inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
key - Archive of obsolete content
Archive › Mozilla › XUL › key
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
listcell - Archive of obsolete content
Archive › Mozilla › XUL › listcell
inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
menuitem - Archive of obsolete content
Archive › Mozilla › XUL › menuitem
inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
notificationbox - Archive of obsolete content
Archive › Mozilla › XUL › notificationbox
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties currentnotification type: notification element the currently displayed notification element or null.
param - Archive of obsolete content
Archive › Mozilla › XUL › param
string string literal, the default value properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
rule - Archive of obsolete content
Archive › Mozilla › XUL › rule
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
scrollbar - Archive of obsolete content
Archive › Mozilla › XUL › scrollbar
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
splitter - Archive of obsolete content
Archive › Mozilla › XUL › splitter
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
stringbundle - Archive of obsolete content
Archive › Mozilla › XUL › stringbundle
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties applocale obsolete since gecko 1.9.1 type: nsilocale returns the xpcom object which holds information about the user's locale.
tabpanels - Archive of obsolete content
Archive › Mozilla › XUL › tabpanels
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible type: nsiaccessible returns the accessibility object for the element.
toolbox - Archive of obsolete content
Archive › Mozilla › XUL › toolbox
coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, datasources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible type: nsiaccessible returns the accessibility object for the element.
treecell - Archive of obsolete content
Archive › Mozilla › XUL › treecell
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
treecol - Archive of obsolete content
Archive › Mozilla › XUL › treecol
inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
treeitem - Archive of obsolete content
Archive › Mozilla › XUL › treeitem
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
window - Archive of obsolete content
Archive › Mozilla › XUL › window
vigator:view-source - the view source windows properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(),...
wizard - Archive of obsolete content
Archive › Mozilla › XUL › wizard
in newer versions of mozilla, a statusbar may be placed directly inside the wizard element which will be shared among all pages.
wizardpage - Archive of obsolete content
Archive › Mozilla › XUL › wizardpage
inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, resource, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, ...
Debugging a XULRunner Application - Archive of obsolete content
Archive › Mozilla › XULRunner › Debugging XULRunner applications
function toopenwindowbytype is not defined if you get an error that "function toopenwindowbytype is not defined" you may add the following function to your scripts (doesn't seem to be in the venkman overlay): function toopenwindowbytype(intype, uri) { var winopts = "chrome,extrachrome,menubar,resizable,scrollbars,status,toolbar"; window.open(uri, "_blank", winopts); } i can't see my pages, functions ...
XULRunner Hall of Fame - Archive of obsolete content
Archive › Mozilla › XULRunner › Hall of Fame
source yoono desktop win/mac application to get all your friend updates, update your status and share stuff easily across facebook, myspace, twitter, and more - all at once!
XUL Explorer - Archive of obsolete content
Archive › Mozilla › XUL Explorer
indicator in the statusbar shows errors.
application/http-index-format specification - Archive of obsolete content
Archive › Mozilla › application http-index-format specification
file-type one of the following keywords to represent a special status for a file: file directory symbolic-link sym-file (a symbolic link to a file) sym-directory (a symbolic link to a directory) permissions unix type file permission syntax.
calIFileType - Archive of obsolete content
Archive › Mozilla › callFileType
status: unfrozen.
Mozilla release FAQ - Archive of obsolete content
Archive › Mozilla release FAQ
/usr/include/stdlib.h:196: previous declaration of `seed48' see section 3.7 nothing looks much like an error, except something returned error status your compiler has a switch (probably) that prints everything it's doing (i.e.
Format - Archive of obsolete content
Archive › Newsgroup summaries › Format
meetings mozilla project weekly status meeting - 2006/07/24 1:00p pdt (last meeting notes) firefox 2 (bon echo) status meeting - 2006/07/25 11:00a pdt (last meeting notes) firefox 3 (gran paradiso) status meeting - 2006/07/26 11:00a pdt ...
Mozilla.dev.apps.firefox-2006-10-06 - Archive of obsolete content
Archive › Newsgroup summaries › Mozilla.dev.apps.firefox-2006-10-06
everyone and his goldfish thinks bug 300198 should be fixed an as-of-yet unreplied to complaint regarding the status of bug 300198 remaining wontfix.
2006-10-06 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-apps-firefox › 2006-10-06
everyone and his goldfish thinks bug 300198 should be fixed an as-of-yet unreplied to complaint regarding the status of bug 300198 remaining wontfix.
2006-11-03 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-apps-firefox › 2006-11-03
discussions google adsense plugin for firefox a user post a link to a plugin for displaying "adsense earning" within the status bar of the browser without logging into google.
2006-11-04 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-apps-firefox › 2006-11-04
discussions adsense plugin for firefox a user post a link to a plugin for displaying "adsense earning" within the status bar of the browser without logging into google.
2006-12-01 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-apps-firefox › 2006-12-01
suggestion for status bar suggestion that a new status bar be implemented that would have a hover>appear style of operation similar to the mac "menu".
2006-11-03 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-apps-thunderbird › 2006-11-03
meetings calendar project weekly status meeting - 2006/11/01 17:00 utc (meeting notes) calendar project weekly qa chat - 2006/11/02 16:30 utc (meeting notes) ...
2006-11-10 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-apps-thunderbird › 2006-11-10
meetings calendar project weekly status meeting - 2006/11/08 17:00 utc (meeting notes) calendar project weekly qa chat - 2006/11/09 16:30 utc (meeting notes) ...
2006-11-17 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-apps-thunderbird › 2006-11-17
meetings calendar project weekly status meeting - 2006/11/15 17:00 utc (meeting notes) calendar project weekly qa chat - 2006/11/02 16:30 utc (meeting notes) ...
2006-11-10 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-builds › 2006-11-10
the following options: ./configure --enable-application=browser --prefix=$prefix --enable-extensions=default,spatialnavigation then he tried running "make" and received the following error: /usr/bin/ld: testtarray.o(.text+0x2237): unresolvable relocation against symbol `nstarray_base::semptyhdr' /usr/bin/ld: final link failed: nonrepresentable section on output collect2: ld returned 1 exit status gmake[3]: *** [testtarray] error 1 gmake[3]: leaving directory `/usr/mozilla2/src/mozilla/xpcom/tests' gmake[2]: *** [libs] error 2 gmake[2]: leaving directory `/usr/mozilla2/src/mozilla/xpcom' gmake[1]: *** [tier_2] error 2 gmake[1]: leaving directory `/usr/mozilla2/src/mozilla' make: *** [default] error 2 he is not sure what is wrong with his build, and is asking for help on how to resolve th...
2006-10-06 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-l10n › 2006-10-06
discussions status update fx2 status update for firefox 2.
2006-10-20 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-l10n › 2006-10-20
meetings sign off deadline is this thursday there was a status meeting on tuesday, october 17, 2006.
2006-07-17 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-planning › 2006-07-17
meetings mozilla project weekly status meeting - 2006/07/24 1:00p pdt (last meeting notes) firefox 2 (bon echo) status meeting - 2006/07/25 11:00a pdt (last meeting notes) firefox 3 (gran paradiso) status meeting - 2006/07/26 11:00a pdt ...
2006-09-22 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-planning › 2006-09-22
meetings weekly status meeting - 09/25/2006 1pm pdt (last meeting notes) gran paradiso/gecko 1.9 status meeting - 09/27/2006 11am pdt (last meeting notes) gecko 1.9 bug triage meeting - 09/28/2006 3pm pdt ...
2006-11-10 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-planning › 2006-11-10
discussion version numbering changes some discussion about paul's announcement of version number changes meetings november 6 project status meeting (notes) november 7 bon echoe status meeting (notes) november 8 gecko 1.9/gran paradiso status meeting: (agenda) ...
2006-11-17 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-planning › 2006-11-17
version numbering changes continuation of the discussion about preed's announcement of version number changes meetings project status meeting (notes) ...
2006-10-27 - Archive of obsolete content
Archive › Newsgroup summaries › mozilla-dev-platform › 2006-10-27
traffic status of xpcom cycle collector graydon hoare provides the xpcom patch which experiments with implementing a general-purpose garbage-cycle collector for xpcom.
Browser-side plug-in API - Archive of obsolete content
Archive › Plugins › Reference › Browser-side
ream npn_forceredraw npn_getauthenticationinfo npn_geturl npn_geturlnotify npn_getvalue npn_getvalueforurl npn_invalidaterect npn_invalidateregion npn_memalloc npn_memflush npn_memfree npn_newstream npn_pluginthreadasynccall npn_poppopupsenabledstate npn_posturl npn_posturlnotify npn_pushpopupsenabledstate npn_reloadplugins npn_requestread npn_setvalue npn_setvalueforurl npn_status npn_useragent npn_version npn_write ...
NPN_UserAgent - Archive of obsolete content
Archive › Plugins › Reference › NPN UserAgent
see also npn_status() npn_version() gecko user agent string reference ...
NPStream - Archive of obsolete content
Archive › Plugins › Reference › NPStream
the headers include the http status line and all headers, verbatim as received from the server.
NPWindow - Archive of obsolete content
Archive › Plugins › Reference › NPWindow
clipping to the cliprect prevents the plug-in from overwriting the status bar, scroll bars, and other page elements when partially scrolled off the screen.
NPAPI plugin reference - Archive of obsolete content
Archive › Plugins › Reference
(while the api theoretically allows the preferred proxy for a given url to be changed, doing so does not have much meaning given how proxies are configured, and is not supported.) npn_status lets a plug-in display a message on the browser's status line.
Module - Archive of obsolete content
Archive › RSS › Module
name common prefix status release date author atomic rss atom july 27, 2005 tim bray blogchannel september 17, 2002 dave winer content content creativecommons cc december 16, 2002 dave winer dublin core dc slash slash well-formed web wfw joe gregorio and chris se...
Proposal - Archive of obsolete content
Archive › RSS › Proposal
name description status easy news topics easy news topics (ent) is intended to be a very simple standard for describing how topic information can be introduced into an rss2.0 news feed.
0.90 - Archive of obsolete content
Archive › RSS › Version › 0.90
<title>mozilla dot org</title> <link>http://www.mozilla.org</link> <description>the mozilla organization web site</description> </channel> <image> <title>mozilla</title> <url>http://www.mozilla.org/images/moz.gif</url> <link>http://www.mozilla.org</link> </image> <item> <title>new status updates</title> <link>http://www.mozilla.org/status/</link> </item> <item> <title>bugzilla reorganized</title> <link>http://www.mozilla.org/bugs/</link> </item> <item> <title>mozilla party, 2.0!</title> <link>http://www.mozilla.org/party/1999/</link> </item> <item> <title>uni...
Version - Archive of obsolete content
Archive › RSS › Version
name status release date based on author rss 0.90 march 1999 rdf netscape netscape's rss 0.91 (revision 1) ?
.htaccess ( hypertext access ) - Archive of obsolete content
Archive › Sample .htaccess file
redirects can be made on a temporary basis or permanently by supplying the status codes.
Introduction to Public-Key Cryptography - Archive of obsolete content
Archive › Security › Introduction to Public-Key Cryptography
this procedure is sometimes called real-time status checking.
Updating an extension to support multiple Mozilla applications - Archive of obsolete content
Archive › Updating an extension to support multiple Mozilla applications
if you haven't already created an extension, or would like to refresh your memory, take a look at the previous articles in this series: creating a status bar extension creating a dynamic status bar extension adding preferences to an extension localizing an extension download the sample you can download this article's sample code so you can look at it side-by-side with the article, or to use it as a basis for your own extension.
azimuth - Archive of obsolete content
Archive › Web › CSS › azimuth
examples h1 { azimuth: 30deg; } td.a { azimuth: far-right; } /* 60deg */ #12 { azimuth: behind far-right; } /* 120deg */ p.comment { azimuth: behind; } /* 180deg */ specifications specification status comment css level 2 (revision 1)the definition of 'azimuth' in that specification.
display-inside - Archive of obsolete content
Archive › Web › CSS › display-inside
specifications specification status comment css display module level 3the definition of 'display-inside' in that specification.
display-outside - Archive of obsolete content
Archive › Web › CSS › display-outside
specifications specification status comment css display module level 3the definition of 'display-outside' in that specification.
ArrayBuffer.transfer() - Archive of obsolete content
Archive › Web › JavaScript › ArrayBuffer.transfer
fer)) throw new typeerror('source must be an instance of arraybuffer'); if (length <= source.bytelength) return source.slice(0, length); var sourceview = new uint8array(source), destview = new uint8array(new arraybuffer(length)); destview.set(sourceview); return destview.buffer; }; } specifications specification status comment arraybuffer.prototype.transfer proposal draft stage 2 draft ...
Archived JavaScript Reference - Archive of obsolete content
Archive › Web › JavaScript
e the function a legacy generator, the function body should contain at least one yield expression.microsoft javascript extensionsmicrosoft browsers (internet explorer, and in a few cases, microsoft edge) support a number of special microsoft extensions to the otherwise standard javascript apis.new in javascriptthis chapter contains information about javascript's version history and implementation status for mozilla/spidermonkey-based javascript applications, such as firefox.number.tointeger()the number.tointeger() method used to evaluate the passed value and convert it to an integer, but its implementation has been removed.object.getnotifier()the object.getnotifer() method was used to create an object that allows to synthetically trigger a change, but has been deprecated and removed in browsers.
Styling the Amazing Netscape Fish Cam Page - Archive of obsolete content
Archive › Web › Styling the Amazing Netscape Fish Cam Page
it's also a weird feeling when someone asks you to work on something that has near-legendary status in your mind.
Building Mozilla XForms - Archive of obsolete content
Archive › Web › XForms › Building Mozilla XForms
the following table gives you an overview of which version you want to build: firefox version gecko/toolkit version source code notes status firefox 2.0 gecko 1.8.1 cvs, branch mozilla_1_8_branch not developed any more last release: 0.8.5ff2 firefox 3.0 gecko 1.9.0 cvs, branch head not developed any more last release: 0.8.5ff3 firefox 3.5 gecko 1.9.1 xforms/schema-validation code does not build with firefox 3.5 any more not supported firefox 3.6 gecko 1.9.2 xforms/schema-validation code does not build with firefox 3.6 any ...
XForms Custom Controls - Archive of obsolete content
Archive › Web › XForms › Custom Controls
implementation status the framework we use in the mozilla xforms processor is very much a "work in progress".
Troubleshooting XForms Forms - Archive of obsolete content
Archive › Web › XForms › Form Troubleshooting
in order to fix this, go to the noscript options dialog (right-click on the 's' icon on the status bar and select 'options...') and select the advanced tab.
Mozilla XForms User Interface - Archive of obsolete content
Archive › Web › XForms › User Interface Elements
for instance, when the spec reaches 'recommendation'-level status.
XForms - Archive of obsolete content
Archive › Web › XForms
documentation implementation status implementation status of the mozilla xforms extension building get started with building your own xforms extensions from source.
Window: devicelight event - Archive of obsolete content
Archive › Web › devicelight event
examples window.addeventlistener('devicelight', function(event) { console.log(event.value); }); specifications specification status comment ambient light sensorthe definition of 'ambient light events' in that specification.
RDF in Mozilla FAQ - Archive of obsolete content
Archive › Web Standards › RDF in Mozilla FAQ
the following code illustrates its usage: // this is the object that will observe the rdf/xml load's progress var observer = { onbeginload: function(asink) {}, oninterrupt: function(asink) {}, onresume: function(asink) {}, onendload: function(asink) { asink.removexmlsinkobserver(this); alert("done!"); }, onerror: function(asink, astatus, aerrormsg) { alert("error!
Desktop mouse and keyboard controls - Game development
Games › Techniques › Control mechanisms › Desktop with mouse and keyboard
to skip the how to play screen, we can listen for any key being pressed and move on: this.input.keyboard.ondowncallback = function() { if(this.statestatus == 'intro') { this.hideintro(); } }; this hides the intro and starts the actual game, without us having to set up another new key control just for this.
Unconventional controls - Game development
Games › Techniques › Control mechanisms › Other
we will need a few helper variables for our code to work — one for the purpose of calculating the degrees from radians, two for holding the horizontal and vertical amount of degrees our hand is leaning above the controller, one for the threshold of that lean, and one for the state of our hand's grab status.
WebRTC data channels - Game development
Games › Techniques › WebRTC data channels
in the context of a game, this lets players send data to each other, whether text chat or game status information.
2D maze game with device orientation - Game development
Games › Tutorials › HTML5 Gamedev Phaser Device Orientation
it has to be defined in the create() function first: this.bouncesound = this.game.add.audio('audio-bounce'); if the status of the audio is true (so the sounds in the game are enabled), we can play it in the wallcollision function: if(this.audiostatus) { this.bouncesound.play(); } that's all — loading and playing the sounds is easy with phaser.
ALPN - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › ALPN
important protocol identifiers: protocol identification sequence http/1.1 0x68 0x74 0x74 0x70 0x2f 0x31 0x2e 0x31 ("http/1.1") http/2 0x68 0x32 ("h2") http/2 over cleartext tcp 0x68 0x32 0x63 ("h2c") specifications specification status notes rfc 7301 ietf rfc initial definition.
CRUD - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › CRUD
crud typically refers to operations performed in a database or datastore, but it can also apply to higher level functions of an application such as soft deletes where data is not actually deleted but marked as deleted via a status.
Forbidden response header name - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › Forbidden response header name
specifications specification status comment fetchthe definition of 'forbidden-response-header-name' in that specification.
HTTP/2 - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › HTTP 2
all the core concepts found in http 1.1, such as http methods, status codes, uris, and header fields, remain in place.
STUN - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › STUN
stun returns the ip address, port, and connectivity status of a networked computer behind a nat.
Site - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › Site
site because the registrable domain of mozilla.org is the same http://example.com:8080 https://example.com same site because scheme and port are not relevant examples of different site https://developer.mozilla.org/docs/ https://example.com not same site because the registrable domain of the two urls differs specifications specification status comment url living standard initial definition ...
State machine - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › State machine
a state is a description of the status of a system waiting to execute a transition.
Web standards - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › Web standards
web standards also must evolve to improve the current status and adapt to new circumstances.
XInclude - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › XInclude
l': responsetype = 'responsexml'; break; default: alert('xinclude element contains an invalid "parse" attribute value'); return false; break; } request.send(null); if((request.status === 200 || request.status === 0) && request[responsetype] !== null) { response = request[responsetype]; if (responsetype === 'responsexml') { // apply xpointer (only xpath1() subset is supported) var responsenodes; if (xpointer) { var...
Origin - MDN Web Docs Glossary: Definitions of Web-related terms
Glossary › origin
ver delivers http content through port 80 by default examples of different origin http://example.com/app1 https://example.com/app2 different schemes http://example.com http://www.example.com http://myapp.example.com different hosts http://example.com http://example.com:8080 different ports specifications specification status comment html living standardthe definition of 'origin' in that specification.
About Scriptable Interfaces - Interfaces
Interfaces › About Scriptable Interfaces
status of this document this is just a starter document, it should not be considered complete.
WAI-ARIA basics - Learn web development
Learn › Accessibility › WAI-ARIA basics
there are many other useful properties and states too, for indicating the status of form elements.
Supporting older browsers - Learn web development
Learn › CSS › CSS layout › Supporting Older Browsers
this site lists the majority of web platform features with information about their browser support status.
How do you upload your files to a web server? - Learn web development
Learn › Common questions › Upload files to a web server
respectively, these are a log of messages showing the connection status between your computer and the sftp server, and a live log of every interaction between your sftp client and the server.
What is a Domain Name? - Learn web development
Learn › Common questions › What is a domain name
(r37-lror) sponsoring registrar iana id: 292 whois server: referral url: domain status: clientdeleteprohibited domain status: clienttransferprohibited domain status: clientupdateprohibited registrant id:mmr-33684 registrant name:dns admin registrant organization:mozilla foundation registrant street: 650 castro st ste 300 registrant city:mountain view registrant state/province:ca registrant postal code:94041 registrant country:us registrant phone:+1.6509030800 as you can see, i ca...
HTML forms in legacy browsers - Learn web development
Learn › Forms › HTML forms in legacy browsers
chrome platform status site is also important.
Rendering a list of Vue components - Learn web development
Learn › Tools and testing › Client-side JavaScript frameworks › Vue rendering lists
in addition, we want their checked status to reflect their done properties, not always be set to done="false".
Understanding client-side JavaScript frameworks - Learn web development
Learn › Tools and testing › Client-side JavaScript frameworks
in this article we'll be using variables and props to make our app dynamic, allowing us to add and delete todos, mark them as complete, and filter them by status.
Implementing feature detection - Learn web development
Learn › Tools and testing › Cross browser testing › Feature detection
if you look at the dom inspector of your browser's developer tools, you'll see that modernizr has updated your <html> class value like so: <html class="js no-htmlimports sizes flash transferables applicationcache blobconstructor blob-constructor cookies cors ...and loads more values!> it now contains a large number of classes that indicate the support status of different technology features.
Git and GitHub - Learn web development
Learn › Tools and testing › GitHub
git is an example of a vcs, and github is a web site + infrastructure that provides a git server plus a number of really useful tools for working with git repositories individually or in teams, such as reporting issues with the code, reviewing tools, project management features such as assigning tasks and task statuses, and more.
Deploying our app - Learn web development
Learn › Tools and testing › Understanding client-side tools › Deployment
a quick way to verify this is to run the following command: git status you should get a status report of what files are being tracked, what files are staged, and so on — all terms that are part of the git grammar.
Accessibility Features in Firefox
Mozilla › Accessibility › Accessibility Features in Firefox
for example, you can disable functions that websites use to move or resize windows, or to remove your status bar, to disable right-click contextual menus, change the status bar text, etc.
CSUN Firefox Materials
Mozilla › Accessibility › CSUN Firefox Materials
firefox 1.5, beyond the status quo "...firefox is a great little browser.
Embedding API for Accessibility
Mozilla › Accessibility › Embedding API for Accessibility
arpref("alert.audio.plugin_content_waiting", pathtosoundfile); setcharpref("alert.audio.video_waiting", pathtosoundfile); setcharpref("alert.audio.audio_waiting", pathtosoundfile); setcharpref("alert.audio.timed_event_waiting", pathtosoundfile); /* these alerts will also be mirrored visually, either on the status bar or elsewhere */ no background images setboolpref("browser.accept.background_images", acceptbackgroundimages); no blinking text setboolpref("browser.blink_allowed", acceptblinktext); no animations ...
Gecko info for Windows accessibility vendors
Mozilla › Accessibility › Gecko info for Windows accessibility vendors
et> xul: <groupbox> dhtml: role="wairole:group" or dhtml: role="wairole:radiogroup" for a <fieldset> the name is exposed using the <legend> role_separator xul: <separator> html: <hr> dhtml: role="wairole:separator" role_toolbar xul: <toolbar> dhtml: role="wairole:toolbar" role_statusbar xul: <statusbar> role supported?
Mozilla's Section 508 Compliance
Mozilla › Accessibility › Mozilla s Section 508 Compliance
(e) when bitmap images are used to identify controls, status indicators, or other programmatic elements, the meaning assigned to those images shall be consistent throughout an application's performance.
Accessible Toolkit Checklist
Mozilla › Accessibility › What needs to be done when building new toolkits
expose status bars with role_statusbar, unless they already use the standard window class msctls_statusbar32.
What to do and what not to do in Bugzilla
Mozilla › Bugzilla › What to do and what not to do in Bugzilla
flag to nominate bugs for blocking status.
Bugzilla
Mozilla › Bugzilla
bz kanban is a board to visualize the status of bugs within a milestone.
Building SpiderMonkey with UBSan
Mozilla › Building SpiderMonkey with UBSan
[-fsanitize=float-cast-overflow] in the status whiteboard.
Creating a Language Pack
Mozilla › Creating a language pack
$ cd ../../dist/ $ ls -l total 100216 drwxr-xr-x 5 your_id your_status 170 27 lis 13:33 branding -rw-r--r--@ 1 your_id your_status 25248119 26 lis 14:34 firefox-3.6b5pre.en-us.mac.dmg -rw-r--r--@ 1 your_id your_status 26056973 27 lis 13:40 firefox-3.6b5pre.x-testing.mac.dmg drwxr-xr-x 3 your_id your_status 102 27 lis 13:38 install drwxr-xr-x 3 your_id your_status 102 27 lis 13:40 l10n-stage drwxr-xr-x 3 your_id your_status 102 27 li...
Debugging Frame Reflow
Mozilla › Debugging › Debugging Frame Reflow
element width maximum width frame status overflow area getting the log make sure that your build is a debug build (in short you need ac_add_options --enable-debug in your .mozconfig file).
Debugging on Windows
Mozilla › Debugging › Debugging on Windows
unfortunately, it's hard to know which symbols to download without having vs hang and seeing the "downloading symbols for <library>" status at the bottom left of the main window.
Makefile - variables
Mozilla › Developer guide › Build Instructions › How Mozilla s build system works › Makefile - variables
python_unit_tests list of python scripts to check exit status for make check xpc_shell_tests no_xpcshell_manifest_check inhibit validating manifest files when running xpcshell tests.
Old Thunderbird build
Mozilla › Developer guide › Build Instructions › Old Thunderbird build
the current status of the trunk can also be checked at https://treestatus.mozilla.org/ if the trunk is broken (i.e.
Simple Instantbird build
Mozilla › Developer guide › Build Instructions › Simple Instantbird build
this will provide status feedback during the lengthy clone / download process.
Simple Thunderbird build
Mozilla › Developer guide › Build Instructions › Simple Thunderbird build
the current status of the trunk can also be checked at https://treestatus.mozilla.org/ if the trunk is broken (i.e.
Updating NSPR or NSS in mozilla-central
Mozilla › Developer guide › Build Instructions › Updating NSPR or NSS in mozilla-central
might not be aware that nspr/nss are separately maintained and released, the mozilla hg server rejects accidental changes/forking, if the required keywords are missing in the commit comment.) if nspr or nss must be upgraded to a new static tag, follow this procedure: before starting, make sure your local repository is updated to mozilla-central tip and that there are no local changes: $ hg status -mard pull the new sources $ python client.py update_nspr nspr_tag_name or $ python client.py update_nss nss_tag_name if you update a branch older than mozilla 17 (without the change from bug 782784), you must manually add a dummy change (add or remove a blank line) to force a rebuild of nspr: mozilla/nsprpub/config/prdepend.h or nss: mozilla/security/nss/coreconf/coreconf.d...
Developer guide
Mozilla › Developer guide
treeherder treeherder shows the status of the tree (whether or not it currently builds successfully).
Firefox and the "about" protocol
Mozilla › Firefox › The about protocol
(question mark) > troubleshooting information) about:sync-log displays a synchronization protocol related to the sync feature about:telemetry displays telemetry data collected and sent to mozilla while firefox is running (in case the user enabled telemetry) about:url-classifier displays the status of the url classifier services that firefox uses (for example for safe browsing) about:webrtc information about webrtc usage about:welcome page first displayed when firefox is installed about:welcomeback information page displayed after firefox is reset these urls are defined in docshell/base/nsaboutredirector.cpp within the kredirmap array.
Using the Browser API
Mozilla › Gecko › Chrome › API › Browser API › Using
notice that this is also where we call the canmovebwd() and canmovefwd() functions we discussed earlier — it makes sense to update the status of the back and forward buttons after each page reload.
Getting Started with Chat
Mozilla › Getting started with chat
for instance, firebot automatically posts messages to #developers about the status of automated tests.
HTTP Cache
Mozilla › HTTP cache
disk cache memory pool) this is a description of this feature status that is currently only a patch in bug 986179.
How to add a build-time test
Mozilla › How to add a build-time test
(example to run the testcookie program) in the test program: if the test fails, exit with a non-zero status and/or print the string "fail" to stdout if the test passes, exit with a zero status and don't print the string "fail" (bonus points for printing "pass" :) ) write the test so that you expect it to pass on all platforms, since if the test fails, the tree will go orange (once we've set this up - see bug 352240 for status).
JavaScript Tips
Mozilla › JavaScript Tips
the properties are: align allowevents contextmenu datasources dir flex height id left maxheight maxwidth minheight minwidth observes orient pack persist ref statustext top tooltip tooltiptext width xul also maps the ordinal attribute but this defaults to "1" if it is not present.
Addon
Mozilla › JavaScript code modules › Add-on Manager › Addon
utionurl read only string contributionamount read only string averagerating read only number reviewcount read only integer reviewurl read only string totaldownloads read only integer weeklydownloads read only integer dailyusers read only integer repositorystatus read only integer callbacks datadirectorycallback() a callback which is passed a directory path, and, when an error has occured, an error object.
FxAccountsProfileClient.jsm
Mozilla › JavaScript code modules › FxAccountsProfileClient.jsm
fxaccountsprofileclienterror attributes name string name of the error fxaccountsprofileclienterror code number status code of the request errno number error number error string error description message string error message ...
OS.File.Info
Mozilla › JavaScript code modules › OSFile.jsm › OS.File.Info
unixlaststatuschangedate date.
Promise
Mozilla › JavaScript code modules › Promise.jsm › Promise
these code-inaccessible, inspectable properties are: {{private:status}}: 0 for pending, 1 for fulfilled, or 2 for rejected.
Bootstrapping a new locale
Mozilla › Localization › Bootstrapping a new locale
for instance, if you have finished translating all the .dtd and .property files in your ~/ab-cd/browser/ directory, then you should $ cd ~/ab-cd/ $ hg status $ hg commit -m "translated browser/" $ hg push http://bitbucket.org/mozillal10n/ab-cd/ note that due to the distributed nature of hg, hg commit saves the changes locally, i.e.
SVN for Localizers
Mozilla › Localization › SVN guide for localizers
you can also run svn status to check the list of modified files (they'll display a m before the name) you're about to commit.
Uplifting a localization from Central to Aurora
Mozilla › Localization › Uplifting
you don't want to push this to aurora before there's been the notification that the status of aurora has been lifted up to beta.
MathML3Testsuite
Mozilla › MathML Project › MathML3Testsuite
the sections are marked with passed, failed, not-tested or some parts pass, giving the status of trunk builds with the appropriate fonts installed.
Various MathML Tests
Mozilla › MathML Project › Various
testing mathml <merror>, <mtext>: this is a text in mtext this is a text in merror testing <maction>: click to toggle between expressions, and watch the status line onmouseover/onmouseout: statusline#first expression first expression statusline#second expression second expression statusline#and so on...
Mozilla MathML Project
Mozilla › MathML Project
updates status of each tag result of the mathml 3 testsuite unofficial nightly builds with mathml patches applied (maintained by bill gianopoulos) more updates and archived content community view mozilla forums...
Using the viewport meta tag to control layout on mobile browsers
Mozilla › Mobile › Viewport meta tag
specifications specification status comment css device adaptationthe definition of '<meta name="viewport">' in that specification.
Mozilla Web Developer FAQ
Mozilla › Mozilla Web Developer FAQ
however, this particular display method is not required and some other browsers show the title attribute in the browser status bar, for example.
Gecko Profiler FAQ
Mozilla › Performance › Gecko Profiler FAQ
what is the status of i/o detection, on any thread?
Performance
Mozilla › Performance
activity monitor, battery status menu and top (mac-only) the battery status menu, activity monitor and top are three related mac tools that have major flaws but often consulted by users, and so are worth understanding.
accessibility.tabfocus
Mozilla › Preferences › Preference reference › accessibility.tabfocus
type:integer default value: 7 (windows and linux); 2 (mac os x) exists by default: no application support:gecko 1.7 status: active introduction: bugs: bug 140612 values 1 give focus only to text fields (default on mac osx) 2 give focus to all form elements except text fields.
browser.altClickSave
Mozilla › Preferences › Preference reference › browser.altClickSave
type:boolean default value: false exists by default: yes application support:firefox 13.0 status: active; last updated 2012-03-19 introduction: pushed to nightly on 2012-03-02 bugs: bug 713052 values true clicking a link while holding the alt key starts the download of that link.
browser.dom.window.dump.file
Mozilla › Preferences › Preference reference › browser.dom.window.dump.file
type:string default value:none exists by default: no application support: gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) status: active; last updated 2012-03-18 introduction: pushed to nightly on 2009-04-24 bugs: bug 489938 values the value holds the file system path for the file in which the content of the window.dump() calls get written, e.g.
browser.download.lastDir.savePerSite
Mozilla › Preferences › Preference reference › browser.download.lastDir.savePerSite
type:boolean default value:true exists by default: no application support:firefox 11.0 status: active; last updated 2012-02-15 introduction: pushed to nightly on 2011-12-11 bugs: bug 702748 values true (default) the last used directory for the website (host) serving the file for download will be preselected in the file picker.
browser.pagethumbnails.capturing_disabled
Mozilla › Preferences › Preference reference › browser.pagethumbnails.capturing disabled
type:boolean default value:true exists by default: no application support: firefox 14.0 status: active; last updated 2012-09-17 introduction: pushed to nightly on 2012-04-13 bugs: bug 726347 values false the application creates screenshots of visited web pages.
browser.search.context.loadInBackground
Mozilla › Preferences › Preference reference › browser.search.context.loadInBackground
type:boolean default value:false exists by default: yes application support: firefox 13.0 status: active; last updated 2012-02-17 introduction: pushed to nightly on 2012-02-15 bugs: bug 727131 values true new tab with search results will be opened in the background, focus stays on the current tab.
browser.urlbar.formatting.enabled
Mozilla › Preferences › Preference reference › browser.urlbar.formatting.enabled
type:boolean default value: true exists by default: yes application support:firefox 6.0 status: active; last updated 2012-04-03 introduction: pushed to nightly on 2011-05-03 bugs: bug 451833 values true (default) the domain name including the top level domain is highlighted in the address bar by coloring it black and the other parts grey.
browser.urlbar.trimURLs
Mozilla › Preferences › Preference reference › browser.urlbar.trimURLs
type:boolean default value: true exists by default: yes application support:firefox 7.0 status: active; last updated 2012-04-03 introduction: pushed to nightly on 2011-06-23 bugs: bug 665580 values true (default) if the active url is exactly the domain name, the trailing slash (/) behind the top level domain will be hidden.
dom.event.clipboardevents.enabled
Mozilla › Preferences › Preference reference › dom.event.clipboardevents.enabled
type:boolean default value:true exists by default: no application support: gecko 13.0 (firefox 13.0 / thunderbird 13.0 / seamonkey 2.10) status: active; last updated 2012-02-15 introduction: pushed to nightly on 2012-02-14 bugs: bug 542938 values true (default) the oncopy, oncut and onpaste events are enabled for web content.
javascript.options.showInConsole
Mozilla › Preferences › Preference reference › javascript.options.showInConsole
type:boolean default value: false (true in debug builds) exists by default: yes application support:firefox 1.0 status: active introduction:2002-02-26 bugs: bug 125181 bug 337875 values false only errors and warnings from content code are shown.
mail.tabs.drawInTitlebar
Mozilla › Preferences › Preference reference › mail.tabs.drawInTitlebar
type:boolean default value: true exists by default: yes application support:thunderbird 17.0 status: active; last updated 2012-09-17 introduction: pushed to daily on 2012-08-08 bugs: bug 771816 values true (default) the tabs are drawn in the title bar of the mail program.
nglayout.debug.disable xul fastload
Mozilla › Preferences › Preference reference › nglayout.debug.disable xul fastload
status: active introduction:?
reader.parse-on-load.force-enabled
Mozilla › Preferences › Preference reference › reader.parse-on-load.force-enabled
type:boolean default value: false exists by default: yes application support:firefox mobile 23.0 status: active; last updated 2013-05-11 introduction: pushed to nightly on 2013-05-06 bugs: bug 867875 values true reader mode is enabled independent of memory available.
ui.SpellCheckerUnderline
Mozilla › Preferences › Preference reference › ui.SpellCheckerUnderline
type:string default value:#ff0000 exists by default: no application support: gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) status: active; last updated 2012-02-21 introduction: pushed to nightly on 2009-04-03 bugs: bug 338209 values a color code like #ff0000 for red.
ui.SpellCheckerUnderlineStyle
Mozilla › Preferences › Preference reference › ui.SpellCheckerUnderlineStyle
type:integer default value:5 exists by default: no application support: gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) status: active; last updated 2012-02-22 introduction: pushed to nightly on 2009-04-03 bugs: bug 338209 values the values are defined in nsstyleconsts.h.
ui.alertNotificationOrigin
Mozilla › Preferences › Preference reference › ui.alertNotificationOrigin
type:integer default value:dependent on position of taskbar or equivalent exists by default: no application support: gecko 1.8.1.2 (firefox 2.0.0.2 / thunderbird 2.0.0.4 / seamonkey 1.1) status: active; last updated 2012-02-22 introduction: pushed to nightly on 2007-01-04 bugs: bug 133527 values 0 bottom right corner, vertical slide-in from the bottom 1 bottom right corner, horizontal slide-in from the right 2 bottom left corner, vertical slide-in from the bottom 3 bottom left corner, horizontal slide-in from the left 4 top right corner, vertical slide-in from the top 5 top right corner, horizontal slide-in from the right 6 ...
ui.textSelectBackground
Mozilla › Preferences › Preference reference › ui.textSelectBackground
type:string with rgb hex value as color code default value:#ef0fff (blue) [1] exists by default: no application support: before gecko 1.7 status: active; last updated 2015-09-21 introduction: pushed to trunk on 2000-04-13 bugs: bug 34704 [1]: nsxplookandfeel.cpp, line 628, retrieved 2015-09-21 ...
ui.textSelectForeground
Mozilla › Preferences › Preference reference › ui.textSelectForeground
type:string with rgb hex value as color code default value:#ffffff (white) [1] exists by default: no application support: before gecko 1.7 status: active; last updated 2015-09-21 introduction: pushed to trunk on 2000-04-13 bugs: bug 34704 [1]: nsxplookandfeel.cpp, line 635, retrieved 2015-09-21 ...
ui.tooltipDelay
Mozilla › Preferences › Preference reference › ui.tooltipDelay
type:integer default value:500 exists by default: no application support: gecko 11.0 (firefox 11.0 / thunderbird 11.0 / seamonkey 2.8) status: active; last updated 2012-02-21 introduction: pushed to nightly on 2011-12-15 bugs: bug 204786 values integer (milliseconds, default: 500) the time for delay between the mouse stopping over the element and the tooltip appearing is stored in milliseconds and the default value is 500ms.
view_source.syntax_highlight
Mozilla › Preferences › Preference reference › view source.syntax highlight
type:boolean default value: true exists by default: yes application support:firefox 1.0 status: active introduction: bugs: bug 52154 values true (default) syntax hightlighting is enabled.
AsyncTestUtils extended framework
Mozilla › Projects › MailNews › AsyncTestUtils Extended Framework
it does, however, send a junkstatuschanged notification via the nsimsgfoldernotificationservice's itemevent mechanism.
Nonblocking IO In NSPR
Mozilla › Projects › NSPR › Nonblocking IO In NSPR
current status implemented across all supported platforms.
I/O Functions
Mozilla › Projects › NSPR › Reference › I O Functions
pr_createfilemap pr_memmap pr_memunmap pr_closefilemap anonymous pipe function pr_createpipe polling functions this section describes two of the most important polling functions provided by nspr: pr_poll pr_getconnectstatus pollable events a pollable event is a special kind of file descriptor.
Introduction to NSPR
Mozilla › Projects › NSPR › Reference › Introduction to NSPR
when the target is interrupted, it is rescheduled from the point at which it was blocked, with a status error indicating that it was interrupted.
PL_HashTableRemove
Mozilla › Projects › NSPR › Reference › PL HashTableRemove
remark this function should return prstatus.
PR_Access
Mozilla › Projects › NSPR › Reference › PR Access
syntax #include <prio.h> prstatus pr_access( const char *name, praccesshow how); parameters the function has the following parameters: name the pathname of the file whose accessibility is to be determined.
PR_Bind
Mozilla › Projects › NSPR › Reference › PR Bind
syntax #include <prio.h> prstatus pr_bind( prfiledesc *fd, const prnetaddr *addr); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a socket.
PR_CExitMonitor
Mozilla › Projects › NSPR › Reference › PR CExitMonitor
syntax #include <prcmon.h> prstatus pr_cexitmonitor(void *address); parameters the function has the following parameters: address the address of the protected object--the same address previously passed to pr_centermonitor.
PR_CNotify
Mozilla › Projects › NSPR › Reference › PR CNotify
syntax #include <prcmon.h> prstatus pr_cnotify(void *address); parameter the function has the following parameter: address the address of the monitored object.
PR_CNotifyAll
Mozilla › Projects › NSPR › Reference › PR CNotifyAll
syntax #include <prcmon.h> prstatus pr_cnotifyall(void *address); parameter the function has the following parameter: address the address of the monitored object.
PR_CWait
Mozilla › Projects › NSPR › Reference › PR CWait
syntax #include <prcmon.h> prstatus pr_cwait( void *address, printervaltime timeout); parameters the function has the following parameters: address the address of the protected object--the same address previously passed to pr_centermonitor.
PR_Cleanup
Mozilla › Projects › NSPR › Reference › PR Cleanup
syntax #include <prinit.h> prstatus pr_cleanup(void); returns the function returns one of the following values: if nspr has been shut down successfully, pr_success.
PR_Close
Mozilla › Projects › NSPR › Reference › PR Close
syntax #include <prio.h> prstatus pr_close(prfiledesc *fd); parameters the function has the following parameters: fd a pointer to a prfiledesc object.
PR_CloseDir
Mozilla › Projects › NSPR › Reference › PR CloseDir
syntax #include <prio.h> prstatus pr_closedir(prdir *dir); parameter the function has the following parameter: dir a pointer to a prdir structure representing the directory to be closed.
PR_CloseFileMap
Mozilla › Projects › NSPR › Reference › PR CloseFileMap
syntax #include <prio.h> prstatus pr_closefilemap(prfilemap *fmap); parameter the function has the following parameter: fmap the file mapping to be closed.
PR_Connect
Mozilla › Projects › NSPR › Reference › PR Connect
syntax #include <prio.h> prstatus pr_connect( prfiledesc *fd, const prnetaddr *addr, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a socket.
PR_ConnectContinue
Mozilla › Projects › NSPR › Reference › PR ConnectContinue
syntax #include <prio.h> prstatus pr_connectcontinue( prfiledesc *fd, print16 out_flags); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a socket.
PR_CreatePipe
Mozilla › Projects › NSPR › Reference › PR CreatePipe
syntax #include <prio.h> prstatus pr_createpipe( prfiledesc **readpipe, prfiledesc **writepipe); parameters the function has the following parameters: readpipe a pointer to a prfiledesc pointer.
PR_Delete
Mozilla › Projects › NSPR › Reference › PR Delete
syntax #include <prio.h> prstatus pr_delete(const char *name); parameters the function has the following parameter: name the pathname of the file to be deleted.
PR_DestroyPollableEvent
Mozilla › Projects › NSPR › Reference › PR DestroyPollableEvent
syntax nspr_api(prstatus) pr_destroypollableevent(prfiledesc *event); parameter the function has the following parameter: event pointer to a prfiledesc structure previously created via a call to pr_newpollableevent.
PR_ExitMonitor
Mozilla › Projects › NSPR › Reference › PR ExitMonitor
syntax #include <prmon.h> prstatus pr_exitmonitor(prmonitor *mon); parameter the function has the following parameter: mon a reference to an existing structure of type prmonitor.
PR_GetFileInfo
Mozilla › Projects › NSPR › Reference › PR GetFileInfo
syntax #include <prio.h> prstatus pr_getfileinfo( const char *fn, prfileinfo *info); parameters the function has the following parameters: fn the pathname of the file to get information about.
PR_GetFileInfo64
Mozilla › Projects › NSPR › Reference › PR GetFileInfo64
syntax #include <prio.h> prstatus pr_getfileinfo64( const char *fn, prfileinfo64 *info); parameters the function has the following parameters: fn the pathname of the file to get information about.
PR_GetHostByAddr
Mozilla › Projects › NSPR › Reference › PR GetHostByAddr
syntax #include <prnetdb.h> prstatus pr_gethostbyaddr( const prnetaddr *hostaddr, char *buf, printn bufsize, prhostent *hostentry); parameters the function has the following parameters: hostaddr a pointer to the ip address of host in question.
PR_GetHostByName
Mozilla › Projects › NSPR › Reference › PR GetHostByName
syntax #include <prnetdb.h> prstatus pr_gethostbyname( const char *hostname, char *buf, printn bufsize, prhostent *hostentry); parameters the function has the following parameters: hostname the character string defining the host name of interest.
PR_GetOpenFileInfo
Mozilla › Projects › NSPR › Reference › PR GetOpenFileInfo
syntax #include <prio.h> prstatus pr_getopenfileinfo( prfiledesc *fd, prfileinfo *info); parameters the function has the following parameters: fd a pointer to a prfiledesc object for an open file.
PR_GetOpenFileInfo64
Mozilla › Projects › NSPR › Reference › PR GetOpenFileInfo64
syntax #include <prio.h> prstatus pr_getopenfileinfo64( prfiledesc *fd, prfileinfo *info); parameters the function has the following parameters: fd a pointer to a prfiledesc object for an open file.
PR_GetPeerName
Mozilla › Projects › NSPR › Reference › PR GetPeerName
syntax #include <prio.h> prstatus pr_getpeername( prfiledesc *fd, prnetaddr *addr); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a socket.
PR_GetProtoByName
Mozilla › Projects › NSPR › Reference › PR GetProtoByName
syntax #include <prnetdb.h> prstatus pr_getprotobyname( const char* protocolname, char* buffer, print32 bufsize, prprotoent* result); parameters the function has the following parameters: protocolname a pointer to the character string of the protocol's name.
PR_GetProtoByNumber
Mozilla › Projects › NSPR › Reference › PR GetProtoByNumber
syntax #include <prnetdb.h> prstatus pr_getprotobynumber( print32 protocolnumber, char* buffer, print32 bufsize, prprotoent* result); parameters the function has the following parameters: protocolnumber the number assigned to the protocol.
PR_GetSockName
Mozilla › Projects › NSPR › Reference › PR GetSockName
syntax #include <prio.h> prstatus pr_getsockname( prfiledesc *fd, prnetaddr *addr); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing the socket.
PR_GetSocketOption
Mozilla › Projects › NSPR › Reference › PR GetSocketOption
syntax #include <prio.h> prstatus pr_getsocketoption( prfiledesc *fd, prsocketoptiondata *data); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing the socket whose options are to be retrieved.
PR ImportTCPSocket
Mozilla › Projects › NSPR › Reference › PR ImportTCPSocket
for example, on posix systems, nspr will put the native file descriptor (an int) in non-blocking mode by calling fcntl to set the o_nonblock file status flag on the native file descriptor, and then nspr will call socket functions such as recv, send, and poll on the native file descriptor.
PR_InitializeNetAddr
Mozilla › Projects › NSPR › Reference › PR InitializeNetAddr
syntax #include <prnetdb.h> prstatus pr_initializenetaddr( prnetaddrvalue val, pruint16 port, prnetaddr *addr); parameters the function has the following parameters: val the value to be assigned to the ip address portion of the network address.
PR_IntervalNow
Mozilla › Projects › NSPR › Reference › PR IntervalNow
prstatus rv; printervaltime epoch = pr_intervalnow(); pr_lock(data->mutex); while (!evaluatedata(data)) /* wait until condition is met */ { pruint32 delta = pr_intervaltomilliseconds(pr_intervalnow() - epoch); if (delta > interval) break; /* timeout */ rv = pr_wait(data->condition, pr_millisecondstointerval(interval - delta)); if (pr_failure == rv) break; /* likely an interrupt ...
PR_JoinThread
Mozilla › Projects › NSPR › Reference › PR JoinThread
syntax #include <prthread.h> prstatus pr_jointhread(prthread *thread); parameter pr_jointhread has the following parameter: thread a valid identifier for the thread that is to be joined.
PR_Listen
Mozilla › Projects › NSPR › Reference › PR Listen
syntax #include <prio.h> prstatus pr_listen( prfiledesc *fd, printn backlog); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a socket that will be used to listen for new connections.
PR_MkDir
Mozilla › Projects › NSPR › Reference › PR MkDir
syntax #include <prio.h> prstatus pr_mkdir( const char *name, printn mode); parameters the function has the following parameters: name the name of the directory to be created.
PR_NetAddrToString
Mozilla › Projects › NSPR › Reference › PR NetAddrToString
syntax #include <prnetdb.h> prstatus pr_netaddrtostring( const prnetaddr *addr, char *string, pruint32 size); parameters the function has the following parameters: addr a pointer to the network address to be converted.
PR_NewThreadPrivateIndex
Mozilla › Projects › NSPR › Reference › PR NewThreadPrivateIndex
syntax #include <prthread.h> prstatus pr_newthreadprivateindex( pruintn *newindex, prthreadprivatedtor destructor); parameters pr_newthreadprivateindex has the following parameters: newindex on output, an index that is valid for all threads in the process.
PR_Notify
Mozilla › Projects › NSPR › Reference › PR Notify
syntax #include <prmon.h> prstatus pr_notify(prmonitor *mon); parameters the function has the following parameter: mon a reference to an existing structure of type prmonitor.
PR_NotifyAll
Mozilla › Projects › NSPR › Reference › PR NotifyAll
syntax #include <prmon.h> prstatus pr_notifyall(prmonitor *mon); parameters the function has the following parameter: mon a reference to an existing structure of type prmonitor.
PR_NotifyAllCondVar
Mozilla › Projects › NSPR › Reference › PR NotifyAllCondVar
syntax #include <prcvar.h> prstatus pr_notifyallcondvar(prcondvar *cvar); returns the function returns one of the following values: if successful, pr_success.
PR_NotifyCondVar
Mozilla › Projects › NSPR › Reference › PR NotifyCondVar
syntax #include <prcvar.h> prstatus pr_notifycondvar(prcondvar *cvar); parameter pr_notifycondvar has one parameter: cvar the condition variable to notify.
PR_ProcessExit
Mozilla › Projects › NSPR › Reference › PR ProcessExit
syntax #include <prinit.h> void pr_processexit(printn status); parameter pr_processexit has one parameter: status the exit status code of the process.
PR_PushIOLayer
Mozilla › Projects › NSPR › Reference › PR PushIOLayer
syntax #include <prio.h> prstatus pr_pushiolayer( prfiledesc *stack, prdescidentity id, prfiledesc *layer); parameters the function has the following parameters: stack a pointer to a prfiledesc object representing the stack.
PR_Rename
Mozilla › Projects › NSPR › Reference › PR Rename
syntax #include <prio.h> prstatus pr_rename( const char *from, const char *to); parameters the function has the following parameters: from the old name of the file to be renamed.
PR_RmDir
Mozilla › Projects › NSPR › Reference › PR RmDir
syntax #include <prio.h> prstatus pr_rmdir(const char *name); parameter the function has the following parameter: name the name of the directory to be removed.
PR_SetLibraryPath
Mozilla › Projects › NSPR › Reference › PR SetLibraryPath
syntax #include <prlink.h> prstatus pr_setlibrarypath(const char *path); parameters the function has this parameter: path a pointer to a character array that contains the directory path that the application should use as a default.
PR_SetPollableEvent
Mozilla › Projects › NSPR › Reference › PR SetPollableEvent
syntax nspr_api(prstatus) pr_setpollableevent(prfiledesc *event); parameter the function has the following parameter: event pointer to a prfiledesc structure previously created via a call to pr_newpollableevent.
PR_SetSocketOption
Mozilla › Projects › NSPR › Reference › PR SetSocketOption
syntax #include <prio.h> prstatus pr_setsocketoption( prfiledesc *fd, prsocketoptiondata *data); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing the socket whose options are to be set.
PR_SetThreadPrivate
Mozilla › Projects › NSPR › Reference › PR SetThreadPrivate
syntax #include <prthread.h> prstatus pr_setthreadprivate(pruintn index, void *priv); parameters pr_setthreadprivate has the following parameters: index an index into the per-thread private data table.
PR_Shutdown
Mozilla › Projects › NSPR › Reference › PR Shutdown
syntax #include <prio.h> prstatus pr_shutdown( prfiledesc *fd, prshutdownhow how); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a connected socket.
PR_Sleep
Mozilla › Projects › NSPR › Reference › PR Sleep
syntax #include <prthread.h> prstatus pr_sleep(printervaltime ticks); parameter pr_sleep has the following parameter: ticks the number of ticks you want the thread to sleep for (see printervaltime).
PR_StringToNetAddr
Mozilla › Projects › NSPR › Reference › PR StringToNetAddr
syntax #include <prnetdb.h> prstatus pr_stringtonetaddr( const char *string, prnetaddr *addr); parameters the function has the following parameters: string the string to be converted.
PR_Sync
Mozilla › Projects › NSPR › Reference › PR Sync
syntax #include <prio.h> prstatus pr_sync(prfiledesc *fd); parameter the function has the following parameter: fd pointer to a prfiledesc object representing a file.
PR_UnloadLibrary
Mozilla › Projects › NSPR › Reference › PR UnloadLibrary
syntax #include <prlink.h> prstatus pr_unloadlibrary(prlibrary *lib); parameters the function has this parameter: lib a reference previously returned from pr_loadlibrary.
PR_Unlock
Mozilla › Projects › NSPR › Reference › PR Unlock
syntax #include <prlock.h> prstatus pr_unlock(prlock *lock); parameter pr_unlock has one parameter: lock a pointer to a lock object to be released.
PR_Unmap
Mozilla › Projects › NSPR › Reference › PR Unmap
syntax #include <prio.h> prstatus pr_memunmap( void *addr, pruint32 len); parameters the function has the following parameters: addr the starting address of the memory region to be unmapped.
PR_Wait
Mozilla › Projects › NSPR › Reference › PR Wait
syntax #include <prmon.h> prstatus pr_wait( prmonitor *mon, printervaltime ticks); parameters the function has the following parameter: mon a reference to an existing structure of type prmonitor.
PR_WaitCondVar
Mozilla › Projects › NSPR › Reference › PR WaitCondVar
syntax #include <prcvar.h> prstatus pr_waitcondvar( prcondvar *cvar, printervaltime timeout); parameters pr_waitcondvar has the following parameters: cvar the condition variable on which to wait.
PR_WaitForPollableEvent
Mozilla › Projects › NSPR › Reference › PR WaitForPollableEvent
syntax nspr_api(prstatus) pr_waitforpollableevent(prfiledesc *event); parameter the function has the following parameter: event pointer to a prfiledesc structure previously created via a call to pr_newpollableevent.
PR_dtoa
Mozilla › Projects › NSPR › Reference › PR dtoa
syntax #include <prdtoa.h> prstatus pr_dtoa( prfloat64 d, printn mode, printn ndigits, printn *decpt, printn *sign, char **rve, char *buf, prsize bufsz); parameters the function has these parameters: d the floating point number to be converted to a string.
NSPR API Reference
Mozilla › Projects › NSPR › Reference
locks and monitors condition variables nspr sample code nspr types calling convention types algebraic types 8-, 16-, and 32-bit integer types signed integers unsigned integers 64-bit integer types floating-point integer type native os integer types miscellaneous types size type pointer difference types boolean types status type for return values threads threading types and constants threading functions creating, joining, and identifying threads controlling thread priorities controlling per-thread private data interrupting and yielding setting global thread concurrency getting a thread's scope process initialization identity and versioning name and version constants ...
An overview of NSS Internals
Mozilla › Projects › NSS › An overview of NSS Internals
examples are retrieving ocsp (online certificate status protocol) information or downloading a crl (certificate revocation list).
Certificate functions
Mozilla › Projects › NSS › Certificate functions
xr 3.2 and later cert_getdomaincomponentname mxr 3.2 and later cert_getfirstemailaddress mxr 3.7 and later cert_getlocalityname mxr 3.2 and later cert_getnextemailaddress mxr 3.7 and later cert_getnextgeneralname mxr 3.10 and later cert_getnextnameconstraint mxr 3.10 and later cert_getocspresponsestatus mxr 3.6 and later cert_getocspstatusforcertid mxr 3.6 and later cert_getoidstring mxr 3.9 and later cert_getorgname mxr 3.2 and later cert_getorgunitname mxr 3.2 and later cert_getocspauthorityinfoaccesslocation mxr 3.4 and later cert_getpkixverifynistrevocationpolicy mxr 3.12 and later cert_g...
4.3 Release Notes
Mozilla › Projects › NSS › JSS › 4 3 ReleaseNotes
method (see needslogin) support hmacsha256, hmacsha384, and hmacsha512 (see hmactest.java) support for all nss 3.12 initialization options (see initializationvalues) new ssl error codes (see http://mxr.mozilla.org/security/sour...util/sslerrs.h) ssl_error_unsupported_extension_alert ssl_error_certificate_unobtainable_alert ssl_error_unrecognized_name_alert ssl_error_bad_cert_status_response_alert ssl_error_bad_cert_hash_value_alert new tls cipher suites (see http://mxr.mozilla.org/security/sour...sslsocket.java): tls_rsa_with_camellia_128_cbc_sha tls_dhe_dss_with_camellia_128_cbc_sha tls_dhe_rsa_with_camellia_128_cbc_sha tls_rsa_with_camellia_256_cbc_sha tls_dhe_dss_with_camellia_256_cbc_sha tls_dhe_rsa_with_camellia_256_cbc_sha not...
JSS 4.4.0 Release Notes
Mozilla › Projects › NSS › JSS 4.4.0 Release Notes
bugs fixed in jss 4.4.0 this bugzilla query returns all the bugs fixed in nss 4.4.0: https://bugzilla.mozilla.org/buglist.cgi?product=jss&target_milestone=4.4&target_milestone=4.4&bug_status=resolved&resolution=fixed documentation build instructions for jss at https://hg.mozilla.org/projects/jss/file/tip/readme platform information you can check out the source from mercurial via hg clone -r 055aa3ce8a61 https://hg.mozilla.org/projects/jss jss 4.4.0 works with openjdk versions 1.7 or higher we suggest the latest - openjdk 1.8.
NSS 3.12.5 release_notes
Mozilla › Projects › NSS › NSS 3.12.5 release notes
this default setting can also be changed within the application by using the following existing api functions: secstatus ssl_optionset(prfiledesc *fd, print32 option, prbool on) secstatus ssl_optionsetdefault(print32 option, prbool on) there is now a new value for "option", which is: ssl_enable_renegotiation the corresponding new values for ssl_enable_renegotiation are: ssl_renegotiate_never: never renegotiate at all (default).
NSS 3.12.6 release notes
Mozilla › Projects › NSS › NSS 3.12.6 release notes
the status_request extension).
NSS 3.14.1 release notes
Mozilla › Projects › NSS › NSS 3.14.1 release notes
bugs fixed in nss 3.14.1 the following bugzilla query returns all of the bugs fixed in nss 3.14.1: https://bugzilla.mozilla.org/buglist.cgi?list_id=5216669;resolution=fixed;query_format=advanced;bug_status=resolved;bug_status=verified;target_milestone=3.14.1;product=nss compatability nss 3.14.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.24 release notes
Mozilla › Projects › NSS › NSS 3.24 release notes
separate functions for configuring online certificate status protocol (ocsp) responses or signed certificate timestamps are not needed, since these can be added to the optional sslextraservercertdata struct provided to ssl_configservercert.
NSS Sample Code sample2
Mozilla › Projects › NSS › NSS Sample Code › NSS Sample Code sample2
gned char gkey[] = {0xe8, 0xa7, 0x7c, 0xe2, 0x05, 0x63, 0x6a, 0x31}; unsigned char giv[] = {0xe4, 0xbb, 0x3b, 0xd3, 0xc3, 0x71, 0x2e, 0x58}; int main(int argc, char **argv) { ck_mechanism_type ciphermech; pk11slotinfo* slot = null; pk11symkey* symkey = null; secitem* secparam = null; pk11context* enccontext = null; secitem keyitem, ivitem; secstatus rv, rv1, rv2; unsigned char data[1024], buf1[1024], buf2[1024]; int i, result_len, tmp1_outlen, tmp2_outlen; /* initialize nss * if your application code has already initialized nss, you can skip it * here.
NSS Sample Code sample4
Mozilla › Projects › NSS › NSS Sample Code › NSS Sample Code sample4
* in a real app, this function should obtain the password using secure means * such as prompting an operator, or retrieving it over a secure communication * channel */ char *passwdcb(pk11slotinfo *info, prbool retry, void *arg); int main(int argc, char **argv) { secstatus rv; certcertificate *cert = null; seckeypublickey *pubkey = null; seckeyprivatekey *pvtkey = null; int modulus_len, i, outlen; char *buf1 = null; char *buf2 = null; /* initialize nss */ pk11_setpasswordfunc(passwdcb); rv = nss_init("."); if (rv != secsuccess) { fprintf(stderr, "nss initialization failed (err %d)\n",...
NSS Sample Code sample5
Mozilla › Projects › NSS › NSS Sample Code › NSS Sample Code sample5
pittmmdl1v6t//x1xpcga7nrsldhz4widaqabakeajh8+4qncwcmgivnm6ytbpqt+k/jeoexg2bqhjojvnxn3fazgcefxvpuibcjvfaijs9ybcmozzrato0+k2hwnoqihaoc4nvbo8fqhzs4yxm1m86kml47fa9ui//oufbhladw1aiea2dbmixnsbokb+ohver69p0gnewlvcjc9bjdvfdlvslcciqcptv3vgyjv2vdwxqzqahc+yb4gigaqoqbcbmjd3lyflqiga+vtydunoqwtzwve4grf7izk2v5ccnhg3gr5rgwxn58cigccaforruksm66isg0iti04g9v/w+wmx91wjeeb+qbz" int main(int argc, char **argv) { secstatus rv; certcertificate *cert = null; seckeypublickey *pubkey = null; certsubjectpublickeyinfo *spki = null; seckeyprivatekey *pvtkey = null; int modulus_len, i, outlen; char *buf1 = null; char *buf2 = null; char *pubkstr = base64_encoded_subjectpublickeyinfo; char *pvtkstr = base64_encoded_privatekeyin...
NSS Sample Code sample6
Mozilla › Projects › NSS › NSS Sample Code › NSS Sample Code sample6
* in a real app, this function should obtain the password using secure means * such as prompting an operator, or retrieving it over a secure communication * channel */ char *passwdcb(pk11slotinfo *info, prbool retry, void *arg); int main(int argc, char **argv) { secstatus rv; /* initialize nss */ pk11_setpasswordfunc(passwdcb); /* the nss db must be initialized read-write since we'll be creating * keys in it.
nss tech note1
Mozilla › Projects › NSS › NSS Tech Notes › nss tech note1
the main non-streaming apis for these two decoders have an identical prototype : secstatus sec_asn1decodeitem(prarenapool *pool, void *dest, const sec_asn1template *t, secitem *item); secstatus sec_quickderdecodeitem(prarenapool* arena, void* dest, const sec_asn1template* templateentry, secitem* src); here is a description of the arguments : secitem* src† is a structure containing a pointer to the binary data to be decoded, as well as its size.
Overview of NSS
Mozilla › Projects › NSS › Overview
the online certificate status protocol (ocsp) governs real-time confirmation of certificate validity.
FC_GetTokenInfo
Mozilla › Projects › NSS › Reference › FC GetTokenInfo
flags: bit flags indicating capabilities and status of the device.
FIPS mode of operation
Mozilla › Projects › NSS › Reference › NSS cryptographic module › FIPS mode of operation
parallel function management functions fc_getfunctionstatus fc_cancelfunction ...
NSS tools : certutil
Mozilla › Projects › NSS › Reference › NSS tools : certutil
the contexts are the following: · c (as an ssl client) · v (as an ssl server) · l (as an ssl ca) · a (as any ca) · y (verify ca) · s (as an email signer) · r (as an email recipient) · o (as an ocsp status responder) · j (as an object signer) -v valid-months set the number of months a new certificate will be valid.
NSS tools : crlutil
Mozilla › Projects › NSS › Reference › NSS tools : crlutil
synopsis crlutil [options] [[arguments]] status this documentation is still work in progress.
sslintro.html
Mozilla › Projects › NSS › SSL functions › sslintro.html
a server application typically uses these functions to establish a connection: pr_bind pr_listen pr_accept pr_getsockname a client application typically uses these functions to establish a connection: pr_gethostbyname pr_enumeratehostent pr_connect pr_getconnectstatus when an application imports a socket into ssl after the tcp connection on that socket has already been established, it must call ssl_resethandshake to determine whether ssl should behave like an ssl client or an ssl server.
SSL functions
Mozilla › Projects › NSS › SSL functions
andshakewithtimeout mxr 3.11.4 and later ssl_resethandshake mxr 3.2 and later ssl_restarthandshakeaftercertreq mxr 3.2 and later ssl_restarthandshakeafterservercert mxr 3.2 and later ssl_revealcert mxr 3.2 and later ssl_revealpinarg mxr 3.2 and later ssl_revealurl mxr 3.2 and later ssl_securitystatus mxr 3.2 and later ssl_setmaxservercachelocks mxr 3.4 and later ssl_setpkcs11pinarg mxr 3.2 and later ssl_setsockpeerid mxr 3.2 and later ssl_seturl mxr 3.2 and later ssl_shutdownserversessionidcache mxr 3.7.4 and later ...
S/MIME functions
Mozilla › Projects › NSS › S MIME functions
3.2 and later nss_cmssignerinfo_getsignercommonname mxr 3.2 and later nss_cmssignerinfo_getsigneremailaddress mxr 3.2 and later nss_cmssignerinfo_getsigningcertificate mxr 3.2 and later nss_cmssignerinfo_getsigningtime mxr 3.2 and later nss_cmssignerinfo_getverificationstatus mxr 3.2 and later nss_cmssignerinfo_getversion mxr 3.2 and later nss_cmssignerinfo_includecerts mxr 3.2 and later nss_cmsutil_verificationstatustostring mxr 3.2 and later nss_smimesignerinfo_savesmimeprofile mxr 3.4 and later nss_smimeutil_findbulkalgforrecip...
TLS Cipher Suite Discovery
Mozilla › Projects › NSS › TLS Cipher Suite Discovery
this function is declared in "ssl.h" as follows: ssl_import secstatus ssl_getciphersuiteinfo( pruint16 ciphersuite, sslciphersuiteinfo *info, pruintn len); the application provides the cipher suite number for which it wants information, the address of a block of memory allocated to receive that information, and the size in bytes of that block of memory.
NSS_3.12.3_release_notes.html
Mozilla › Projects › NSS › release notes.html › NSS 3.12.3 release notes.html
bug 394077: libpkix need to return revocation status of a cert bug 412468: modify certutil bug 417092: modify pkix_certselector api to return an error if cert was rejected.
certutil
Mozilla › Projects › NSS › tools › certutil
the contexts are the following: o c (as an ssl client) o v (as an ssl server) o s (as an email signer) o r (as an email recipient) o o (as an ocsp status responder) o j (as an object signer) -v valid-months set the number of months a new certificate will be valid.
Rhino shell
Mozilla › Projects › Rhino › Shell
runcommand(commandname, [arg, ...] [options]) execute the specified command with the given argument and options as a separate process and return the exit status of the process.
Creating JavaScript jstest reftests
Mozilla › Projects › SpiderMonkey › Creating JavaScript tests › jsreftests
earlier we discussed the deprecated approach of using the -n naming scheme to identify tests whose passed, failed status is flipped by the post test processing code in jsdriver.pl and post-process-logs.pl.
Hacking Tips
Mozilla › Projects › SpiderMonkey › Hacking Tips
fallible allocations should always must be checked and handled, at a minimum by returning a status indicating failure to the caller.
JSAPI reference
Mozilla › Projects › SpiderMonkey › JSAPI reference
these functions provide access to the garbage collector: js_gc js_maybegc js_getgcparameter js_setgcparameter js_getgcparameterforthread added in spidermonkey 17 js_setgcparameterforthread added in spidermonkey 17 js_setgcparametersbasedonavailablememory added in spidermonkey 31 enum jsgcparamkey js_setgccallback enum jsgcstatus js_addfinalizecallback added in spidermonkey 38 enum jsfinalizestatus added in spidermonkey 17 js_removefinalizecallback added in spidermonkey 38 js_setgczeal added in spidermonkey 1.8 js_schedulegc added in spidermonkey 17 js_dumpheap added in spidermonkey 1.8 js_setgccallbackrt obsolete since jsapi 13 js_setfinalizecallback added in spidermonkey 17 obsolete since jsapi...
Secure Development Guidelines
Mozilla › Security › Secure Development Guidelines
issues cover common coding mistakes and how they affect a product how to avoid making them how to mitigate them everything is oriented toward c/c++ introduction: gaining control specifics about the underlying architecture, using x86 as an example 6 basic registers (eax, ebx, ecx, edx, edi, esi) 2 stack-related registers (esp, ebp) mark top and bottom of current stack frame status register (eflags) contains various state information instruction pointer (eip) points to register being executed; can’t be modified directly introduction: gaining control (2) eip is modified using call or jump instructions attacks usually rely on obtaining control over the eip otherwise the attacker can try to control memory pointed to by an existing function point...
Task graph
Mozilla › Task graph
the result of each task is sent to treeherder where developers and sheriffs can track the status of the push.
Mork
Mozilla › Tech › Mork
next is the status column (s), which is defined as a single digit that is the priority (which appears to be unused), a 'u' if it is unique (i.e., the only table of its kind), and a 'v' if it is verbose (which also appears to be unused).
XML Extras
Mozilla › Tech › XML Extras
feature status feature status xmlserializer available xmlhttprequest available domparser (string and stream input source) available web services with soap and wsdl no longer available from gecko 1.9/firefox 3.
Binary compatibility
Mozilla › Tech › XPCOM › Binary compatibility
when you see a @status frozen, note that this means it should work as long as the component and xpcom are built with the same compiler abi.
Creating the Component Code
Mozilla › Tech › XPCOM › Guide › Creating components › Creating the Component Code
web lock user interface shows the icon that is used to activate the web lock mode (leftmost in the status bar) once you have installed the weblock component and the extra user interface.
Using XPCOM Components
Mozilla › Tech › XPCOM › Guide › Creating components › Using XPCOM Components
in the source code you view in mxr, interfaces that have been frozen are marked at the top with @status frozen.
Creating XPCOM components
Mozilla › Tech › XPCOM › Guide › Creating components
organization of the tutorial following along with the examples conventions acknowledgements an overview of xpcom the xpcom solution gecko components interfaces interfaces and encapsulation the nsisupports base interface xpcom identifiers cid contract id factories xpidl and type libraries xpcom services xpcom types method types reference counting status codes variable mappings common xpcom error codes using xpcom components component examples cookie manager the webbrowserfind component the weblock component component use in mozilla finding mozilla components using xpcom components in your cpp xpconnect: using xpcom components from script component internals creating components in cpp xpcom initializat...
XPCOM Stream Guide
Mozilla › Tech › XPCOM › Guide › Streams
*/ store.init(64, 64, null); var out = store.getoutputstream(0); netutil.asynccopy(baseinputstream, out, function(status) { if (status != components.results.ns_ok) return; /* due to a crash, we can't create input streams until the storage output stream * has some data in it.
Components.utils.exportFunction
Mozilla › Tech › XPCOM › Language Bindings › Components.utils.exportFunction
allowcrossoriginarguments: do not check that arguments to the exported function are subsumed by the caller: this allows the caller to pass objects with a different origin into the exported function, which can then use its privileged status to make cross-origin requests with them.
Monitoring HTTP activity
Mozilla › Tech › XPCOM › Monitoring HTTP activity
observable socket activities when the activity type reported to your nsihttpactivityobserver.observeactivity() method is activity_type_socket_transport, the activity subtype, which indicates the specific type of activity that occurred, will be a socket transport status code.
nsresult
Mozilla › Tech › XPCOM › Reference › Core functions › nsresult
« xpcom api reference the nsresult data type is a strongly-typed enum used to represent a value returned by an xpcom function; these are typically error or status codes.
Core XPCOM functions
Mozilla › Tech › XPCOM › Reference › Core functions
n instance of nsilocalfile that provides a platform independent representation of a file path.ns_reallocreallocates a block of memory using the xpcom memory manager.ns_shutdownxpcomthe ns_shutdownxpcom function terminates use of xpcom in the calling process.nsresultthe nsresult data type is a strongly-typed enum used to represent a value returned by an xpcom function; these are typically error or status codes.
imgIContainer
Mozilla › Tech › XPCOM › Reference › Interface › imgIContainer
you can only be guaranteed that querying this will not throw if status_decode_complete is set on the imgirequest.
mozIStorageProgressHandler
Mozilla › Tech › XPCOM › Reference › Interface › mozIStorageProgressHandler
this allows you to monitor the progress and possibly display status information to the user.
mozIStorageStatement
Mozilla › Tech › XPCOM › Reference › Interface › mozIStorageStatement
statement status constants constant value description moz_storage_statement_invalid 0 the sql statement is invalid.
nsIAccessibleProvider
Mozilla › Tech › XPCOM › Reference › Interface › nsIAccessibleProvider
oupbox 0x00001008 xulimage 0x00001009 xullink 0x0000100a xullistbox 0x0000100b xullistcell 0x00001026 xullisthead 0x00001024 xullistheader 0x00001025 xullistitem 0x0000100c xulmenubar 0x0000100d xulmenuitem 0x0000100e xulmenupopup 0x0000100f xulmenuseparator 0x00001010 xulpane 0x00001011 xulprogressmeter 0x00001012 xulscale 0x00001013 xulstatusbar 0x00001014 xulradiobutton 0x00001015 xulradiogroup 0x00001016 xultab 0x00001017 the single tab in a dialog or tabbrowser/editor interface.
nsIClipboardOwner
Mozilla › Tech › XPCOM › Reference › Interface › nsIClipboardOwner
the nsiclipboardowner interface notifies the clipboard owner about the current status of ownership of the clipboard transferable at given situation and time.
nsIDNSRequest
Mozilla › Tech › XPCOM › Reference › Interface › nsIDNSRequest
the listener will passed to asyncresolve will be notified immediately with a status code of ns_error_abort.
nsIDNSService
Mozilla › Tech › XPCOM › Reference › Interface › nsIDNSService
example let dnsservice = components.classes["@mozilla.org/network/dns-service;1"] .createinstance(components.interfaces.nsidnsservice); let thread = components.classes["@mozilla.org/thread-manager;1"] .getservice(components.interfaces.nsithreadmanager).currentthread; let host = "www.mozilla.org"; let listener = { onlookupcomplete: function(request, record, status) { if (!components.issuccesscode(status)) { // handle error here return; } let address = record.getnextaddrasstring(); console.log(host + " = " + address); } }; dnsservice.asyncresolve(host, 0, listener, thread); ...
nsIDOMOfflineResourceList
Mozilla › Tech › XPCOM › Reference › Interface › nsIDOMOfflineResourceList
status unsigned short one of the application cache state constants indicating the status of the application cache.
nsIDOMXULElement
Mozilla › Tech › XPCOM › Reference › Interface › nsIDOMXULElement
statustext domstring gets/sets the value of the element's statustext attribute.
nsIDownloadManager
Mozilla › Tech › XPCOM › Reference › Interface › nsIDownloadManager
void addlistener( in nsidownloadprogresslistener alistener ); parameters alistener the nsidownloadprogresslistener object to receive status information from the download manager.
nsIEditorIMESupport
Mozilla › Tech › XPCOM › Reference › Interface › nsIEditorIMESupport
native code only!getpreferredimestate get preferred ime status of current widget.
nsIFileInputStream
Mozilla › Tech › XPCOM › Reference › Interface › nsIFileInputStream
methods init() void init( in nsifile file, in long ioflags, in long perm, in long behaviorflags ); parameters file file to read from (must qi to nsilocalfile) ioflags the file status flags define how the file is accessed.
nsIHttpServer
Mozilla › Tech › XPCOM › Reference › Interface › nsIHttpServer
* * @param code * the error code which is to be handled by handler * @param handler * an object which will handle any requests which generate the given status * code, or null to remove any existing handler.
nsIInputStream
Mozilla › Tech › XPCOM › Reference › Interface › nsIInputStream
in addition to the number of bytes available in the stream, this method also informs the caller of the current status of the stream.
nsILocalFile
Mozilla › Tech › XPCOM › Reference › Interface › nsILocalFile
pr_sync if set, each write will wait for both the file data and file status to be physically updated.
nsILoginManagerStorage
Mozilla › Tech › XPCOM › Reference › Interface › nsILoginManagerStorage
boolean getloginsavingenabled( in astring ahost ); parameters ahost the hostname whose login saving status should be returned.
nsIMsgDBHdr
Mozilla › Tech › XPCOM › Reference › Interface › nsIMsgDBHdr
statusoffset unsigned long indicates the offset within the message of the x-mozilla-status header.
nsIMsgFolder
Mozilla › Tech › XPCOM › Reference › Interface › nsIMsgFolder
long gettotalmessages(in boolean deep); clearnewmessages() clear new status flag of all of the new messages.
nsIMsgSearchNotify
Mozilla › Tech › XPCOM › Reference › Interface › nsIMsgSearchNotify
void onsearchdone(in nsresult status); /* * until we can encode searches with a uri, this will be an * out-of-bound way to connect a set of search terms to a datasource */ /* * called when a new search begins */ void onnewsearch(); }; ...
nsIMsgSearchTerm
Mozilla › Tech › XPCOM › Reference › Interface › nsIMsgSearchTerm
mid; beginsgrouping attribute boolean beginsgrouping; endsgrouping attribute boolean endsgrouping; methods matchrfc822string boolean matchrfc822string(in string astring, in string charset, in boolean charsetoverride); matchrfc2047string boolean matchrfc2047string(in string astring, in string charset, in boolean charsetoverride); matchdate boolean matchdate(in prtime atime); matchstatus boolean matchstatus(in unsigned long astatus); matchpriority boolean matchpriority(in nsmsgpriorityvalue priority); matchage boolean matchage(in prtime days); matchsize boolean matchsize(in unsigned long size); matchlabel boolean matchlabel(in nsmsglabelvalue alabelvalue); matchjunkstatus boolean matchjunkstatus(in string ajunkscore); matchjunkpercent /* * test search term matc...
nsIMsgSearchValue
Mozilla › Tech › XPCOM › Reference › Interface › nsIMsgSearchValue
attribute astring str; attribute nsmsgpriorityvalue priority; attribute prtime date; // see nsmsgmessageflags.idl and nsmsgfolderflags.idl attribute unsigned long status; attribute unsigned long size; attribute nsmsgkey msgkey; attribute long age; // in days attribute nsimsgfolder folder; attribute nsmsglabelvalue label; attribute nsmsgjunkstatus junkstatus; /* * junkpercent is set by the message filter plugin, and is approximately * proportional to the probability that a message is junk.
nsIProtocolProxyService
Mozilla › Tech › XPCOM › Reference › Interface › nsIProtocolProxyService
if canceled, the cancellation status (areason) will be forwarded to the callback's nsiprotocolproxycallback.onproxyavailable() method via the astatus parameter.
nsISHEntry
Mozilla › Tech › XPCOM › Reference › Interface › nsISHEntry
obsolete since gecko 1.8 expirationstatus boolean indicates whether the page is already expired in cache.
nsIServerSocket
Mozilla › Tech › XPCOM › Reference › Interface › nsIServerSocket
this will cause the onstoplistening event to asynchronously fire with a status of ns_binding_aborted.
nsITransferable
Mozilla › Tech › XPCOM › Reference › Interface › nsITransferable
isprivatedata boolean although this is not a read-only attribute, you should generally avoid changing it, since doing so may cause it not to actually reflect the status of the context in which the transferable was created.
nsIUpdate
Mozilla › Tech › XPCOM › Reference › Interface › nsIUpdate
statustext astring an optional message associated with the update.
nsIUpdateCheckListener
Mozilla › Tech › XPCOM › Reference › Interface › nsIUpdateCheckListener
update an nsiupdate object containing details about the error in its statustext attribute.
nsIWebProgress
Mozilla › Tech › XPCOM › Reference › Interface › nsIWebProgress
notify_status 0x00000020 receive nsiwebprogresslistener.onstatuschange() events.
nsIXMLHttpRequest
Mozilla › Tech › XPCOM › Reference › Interface › nsIXMLHttpRequest
mple 2 var {cu: utils, cc: classes, ci: instances} = components; cu.import('resource://gre/modules/services.jsm'); function xhr(url, cb) { let xhr = cc["@mozilla.org/xmlextras/xmlhttprequest;1"].createinstance(ci.nsixmlhttprequest); let handler = ev => { evf(m => xhr.removeeventlistener(m, handler, !1)); switch (ev.type) { case 'load': if (xhr.status == 200) { cb(xhr.response); break; } default: services.prompt.alert(null, 'xhr error', 'error fetching package: ' + xhr.statustext + ' [' + ev.type + ':' + xhr.status + ']'); break; } }; let evf = f => ['load', 'error', 'abort'].foreach(f); evf(m => xhr.addeventlistener(m, hand...
nsMsgSearchValue
Mozilla › Tech › XPCOM › Reference › Interface › nsMsgSearchValue
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl use this to specify the value of a search term [ptr] native nsmsgsearchvalue(nsmsgsearchvalue); %{c++ typedef struct nsmsgsearchvalue { nsmsgsearchattribvalue attribute; union { nsmsgpriorityvalue priority; prtime date; pruint32 msgstatus; /* see msg_flag in msgcom.h */ pruint32 size; nsmsgkey key; print32 age; /* in days */ nsimsgfolder *folder; nsmsglabelvalue label; pruint32 junkstatus; pruint32 junkpercent; } u; char *string; } nsmsgsearchvalue; ...
nsIMsgSearchValue
Mozilla › Tech › XPCOM › Reference › msIMsgSearchValue
attribute astring str; attribute nsmsgpriorityvalue priority; attribute prtime date; // see nsmsgmessageflags.idl and nsmsgfolderflags.idl attribute unsigned long status; attribute unsigned long size; attribute nsmsgkey msgkey; attribute long age; // in days attribute nsimsgfolder folder; attribute nsmsglabelvalue label; attribute nsmsgjunkstatus junkstatus; /* * junkpercent is set by the message filter plugin, and is approximately * proportional to the probability that a message is junk.
nsMsgViewCommandCheckState
Mozilla › Tech › XPCOM › Reference › nsMsgViewCommandCheckState
the nsmsgviewcommandcheckstate interface contains constants used for command status in thunderbird.
nsMsgViewCommandType
Mozilla › Tech › XPCOM › Reference › nsMsgViewCommandType
cmdrequiringmsgbody 20 used with nsimsgdbview.getcommandstatus() to determine if commands requiring the message body (i.e.
nsMsgViewSortType
Mozilla › Tech › XPCOM › Reference › nsMsgViewSortType
last changed in gecko 1.9 (firefox 3) constants name value description bynone 0x11 not sorted bydate 0x12 bysubject 0x13 byauthor 0x14 byid 0x15 bythread 0x16 bypriority 0x17 bystatus 0x18 bysize 0x19 byflagged 0x1a byunread 0x1b byrecipient 0x1c bylocation 0x1d bytags 0x1e byjunkstatus 0x1f byattachments 0x20 byaccount 0x21 bycustom 0x22 byreceived 0x23 ...
XPCOM reference
Mozilla › Tech › XPCOM › Reference
for example to move forward a message, you would call:nsmsgsearchopvaluedefined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl nsmsgviewcommandcheckstatethe nsmsgviewcommandcheckstate interface contains constants used for command status in thunderbird.
Reference Manual
Mozilla › Tech › XPCOM › Using nsCOMPtr › Reference Manual
in both cases you end up with foo, a valid nscomptr whose value was set with the product of getfoo, and rv the status returned by getfoo.
Using nsCOMPtr
Mozilla › Tech › XPCOM › Using nsCOMPtr
contents status, recent changes, and plans recent changes to nscomptr getting started guide introduction using nscomptr summary reference manual the basics initialization and assignment using an nscomptr<t> as a t* efficiency and correctness compiler annoyances frequently asked questions buildtime errors runtime errors how do i...
Weak reference
Mozilla › Tech › XPCOM › Weak reference
if ( weakfooptr ) status = weakfooptr->somefoomethod(...); this is a reasonable thing to want.
xptcall FAQ
Mozilla › Tech › XPCOM › xptcall FAQ
the growing list: porting status where can i find other resources?
Xptcall Porting Guide
Mozilla › Tech › XPCOM › xptcall porting guide
porting status original author: john bandhauer, 31 may 1999.
XPCOM
Mozilla › Tech › XPCOM
porting this code is required in order to make mozilla run on any given platform.xptcall porting guideoriginal author: john bandhauer, 31 may 1999.xptcall porting statusthis is a status page for the multiplatform porting of xptcall.
XPIDL Syntax
Mozilla › Tech › XPIDL › Syntax
status of this document this is a partial reverse-engineering of the libidl source code's parser, limited mostly to the subset of functionality that is supported by the mozilla xpidl binary.
Address Book examples
Mozilla › Thunderbird › Address Book Examples
use the nsiabcollection.readonly attribute to determine the read-only status of an address book adding contacts create a card and set its properties using the nsiabcard interface (see the interface documentation for property names supported by the application): let card = components.classes["@mozilla.org/addressbook/cardproperty;1"] .createinstance(components.interfaces.nsiabcard); card.setproperty("firstname", "john"); card.setproperty("lastname...
Spam filtering
Mozilla › Thunderbird › Spam filtering
the purge code is implemented as a search of the "junk" folder, looking for "old" message that have the proper junk status.
Use SQLite
Mozilla › Thunderbird › Thunderbird extensions › HowTos › Common Thunderbird Extension Techniques › Use SQLite
2mb: var db = opendatabase('mydb', '1.0', 'test db', 2 * 1024 * 1024); var msg; db.transaction(function (tx) { tx.executesql('create table if not exists logs (id unique, log)'); tx.executesql('insert into logs (id, log) values (1, "foobar")'); tx.executesql('insert into logs (id, log) values (2, "logmsg")'); msg = '<p>log message created and row inserted.</p>'; document.queryselector('#status').innerhtml = msg; }); db.transaction(function (tx) { tx.executesql('select * from logs', [], function (tx, results) { var len = results.rows.length, i; msg = "<p>found rows: " + len + "</p>"; document.queryselector('#status').innerhtml += msg; for (i = 0; i < len; i++){ msg = "<p><b>" + results.rows.item(i).log + "</b></p>"; document.queryselector('#status').innerhtml ...
Using the Mozilla source server
Mozilla › Using the Mozilla source server
if you click "yes", windbg will display *busy* in the status bar while it downloads the source, and then it will automatically open the file and highlight the current line.
Browser Side Plug-in API - Plugins
Plugins › Guide › Browser Side Plug-in API
npn_status displays a message on the status line of the browser window.
Initialization and Destruction - Plugins
Plugins › Guide › Initialization and Destruction
however, because np_initialize is called at the end of the initialization process, you can call other methods, such as npn_memalloc and npn_status, from np_initialize.
Debugging service workers - Firefox Developer Tools
Tools › Application › Service workers
the server worker’s status, which can be one of the following: stopped: the service worker is installed, but not currently running.
Inspecting web sockets - Firefox Developer Tools
Tools › Network Monitor › Inspecting web sockets
only requests with the 101 status code (websocket protocol handshake) are visible, which indicates that the server is switching to a web socket connection.
Cache Storage - Firefox Developer Tools
Tools › Storage Inspector › Cache Storage
the status code for the request that was made to fetch it.
Rich output - Firefox Developer Tools
Tools › Web Console › Rich output
for example, by expanding the array in the above list, i get the following: console.log(todolist) (4) […] ​ 0: object { status: "done", description: "morning pages", datecreated: 1552404478137 } ​ 1: object { status: "in progress", description: "refactor styles", datecreated: 1552404493169 } ​ 2: object { status: "to do", description: "create feedback form", datecreated: 1552404512630 } ​ 3: object { status: "to do", description: "normalize table", datecreated: 1552404533790 } ​ length: 4 ​ <prototype>: array [...
ANGLE_instanced_arrays.drawArraysInstancedANGLE() - Web APIs
Web › API › ANGLE instanced arrays › drawArraysInstancedANGLE
examples var ext = gl.getextension('angle_instanced_arrays'); ext.drawarraysinstancedangle(gl.points, 0, 8, 4); specifications specification status comment angle_instanced_arraysthe definition of 'angle_instanced_arrays' in that specification.
ANGLE_instanced_arrays.drawElementsInstancedANGLE() - Web APIs
Web › API › ANGLE instanced arrays › drawElementsInstancedANGLE
examples var ext = gl.getextension('angle_instanced_arrays'); ext.drawelementsinstancedangle(gl.points, 2, gl.unsigned_short, 0, 4); specifications specification status comment angle_instanced_arraysthe definition of 'angle_instanced_arrays' in that specification.
ANGLE_instanced_arrays.vertexAttribDivisorANGLE() - Web APIs
Web › API › ANGLE instanced arrays › vertexAttribDivisorANGLE
examples var ext = gl.getextension('angle_instanced_arrays'); ext.vertexattribdivisorangle(0, 2); specifications specification status comment angle_instanced_arraysthe definition of 'angle_instanced_arrays' in that specification.
ANGLE_instanced_arrays - Web APIs
Web › API › ANGLE instanced arrays
examples enabling the extension: var ext = gl.getextension('angle_instanced_arrays'); specifications specification status comment angle_instanced_arraysthe definition of 'angle_instanced_arrays' in that specification.
AbortController.AbortController() - Web APIs
Web › API › AbortController › AbortController
specifications specification status comment domthe definition of 'abortcontroller()' in that specification.
AbortController.abort() - Web APIs
Web › API › AbortController › abort
specifications specification status comment domthe definition of 'abort()' in that specification.
AbortController.signal - Web APIs
Web › API › AbortController › signal
specifications specification status comment domthe definition of 'signal' in that specification.
AbortController - Web APIs
Web › API › AbortController
specifications specification status comment domthe definition of 'abortcontroller' in that specification.
AbortSignal: abort event - Web APIs
Web › API › AbortSignal › abort event
stener method: var controller = new abortcontroller(); var signal = controller.signal; signal.addeventlistener('abort', function() { console.log('request aborted'); }; or use the onabort event handler property: var controller = new abortcontroller(); var signal = controller.signal; signal.onabort = function() { console.log('request aborted'); }; specifications specification status domthe definition of 'abort' in that specification.
AbortSignal.aborted - Web APIs
Web › API › AbortSignal › aborted
console.log('request has been aborted') : console.log('request not aborted'); specifications specification status comment domthe definition of 'onabort' in that specification.
AbortSignal.onabort - Web APIs
Web › API › AbortSignal › onabort
var controller = new abortcontroller(); var signal = controller.signal; signal.onabort = function() { console.log('request aborted'); }; specifications specification status comment domthe definition of 'onabort' in that specification.
AbortSignal - Web APIs
Web › API › AbortSignal
specifications specification status comment domthe definition of 'abortsignal' in that specification.
AbsoluteOrientationSensor - Web APIs
Web › API › AbsoluteOrientationSensor › AbsoluteOrientationSensor
specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
AbsoluteOrientationSensor - Web APIs
Web › API › AbsoluteOrientationSensor
} else { console.log("no permissions to use absoluteorientationsensor."); } }); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
AbstractRange.collapsed - Web APIs
Web › API › AbstractRange › collapsed
specifications specification status comment domthe definition of 'collapsed' in that specification.
AbstractRange.endContainer - Web APIs
Web › API › AbstractRange › endContainer
specifications specification status comment domthe definition of 'endcontainer' in that specification.
AbstractRange.endOffset - Web APIs
Web › API › AbstractRange › endOffset
specifications specification status comment domthe definition of 'endoffset' in that specification.
AbstractRange.startContainer - Web APIs
Web › API › AbstractRange › startContainer
specifications specification status comment domthe definition of 'startcontainer ' in that specification.
AbstractRange.startOffset - Web APIs
Web › API › AbstractRange › startOffset
specifications specification status comment domthe definition of 'startoffset' in that specification.
AbstractRange - Web APIs
Web › API › AbstractRange
the result looks like this: specifications specification status comment domthe definition of 'abstractrange' in that specification.
AbstractWorker.onerror - Web APIs
Web › API › AbstractWorker › onerror
}; example the following code snippet shows creation of a worker object using the worker() constructor and setting up of an onerror handler on the resulting object: var myworker = new worker('worker.js'); myworker.onerror = function() { console.log('there is an error with your worker!'); } specifications specification status comment html living standardthe definition of 'abstractworker.onerror' in that specification.
AbstractWorker - Web APIs
Web › API › AbstractWorker
specifications specification status comment html living standardthe definition of 'abstractworker' in that specification.
Accelerometer.Accelerometer() - Web APIs
Web › API › Accelerometer › Accelerometer
specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Accelerometer.x - Web APIs
Web › API › Accelerometer › x
let accelerometer = new accelerometer({frequency: 60}); accelerometer.addeventlistener('reading', e => { console.log("acceleration along the x-axis " + accelerometer.x); console.log("acceleration along the y-axis " + accelerometer.y); console.log("acceleration along the z-axis " + accelerometer.z); }); accelerometer.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Accelerometer.y - Web APIs
Web › API › Accelerometer › y
let accelerometer = new accelerometer({frequency: 60}); accelerometer.addeventlistener('reading', e => { console.log("acceleration along the x-axis " + accelerometer.x); console.log("acceleration along the y-axis " + accelerometer.y); console.log("acceleration along the z-axis " + accelerometer.z); }); accelerometer.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Accelerometer.z - Web APIs
Web › API › Accelerometer › z
let accelerometer = new accelerometer({frequency: 60}); accelerometer.addeventlistener('reading', e => { console.log("acceleration along the x-axis " + accelerometer.x); console.log("acceleration along the y-axis " + accelerometer.y); console.log("acceleration along the z-axis " + accelerometer.z); }); accelerometer.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Accelerometer - Web APIs
Web › API › Accelerometer
let acl = new accelerometer({frequency: 60}); acl.addeventlistener('reading', () => { console.log("acceleration along the x-axis " + acl.x); console.log("acceleration along the y-axis " + acl.y); console.log("acceleration along the z-axis " + acl.z); }); acl.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
AddressErrors.addressLine - Web APIs
Web › API › AddressErrors › addressLine
specifications specification status comment payment request apithe definition of 'addresserrors.addressline' in that specification.
AddressErrors.city - Web APIs
Web › API › AddressErrors › city
specifications specification status comment payment request apithe definition of 'addresserrors.city' in that specification.
AddressErrors.country - Web APIs
Web › API › AddressErrors › country
specifications specification status comment payment request apithe definition of 'addresserrors.country' in that specification.
AddressErrors.dependentLocality - Web APIs
Web › API › AddressErrors › dependentLocality
specifications specification status comment payment request apithe definition of 'addresserrors.dependentlocality' in that specification.
AddressErrors.languageCode - Web APIs
Web › API › AddressErrors › languageCode
specifications specification status comment payment request apithe definition of 'addresserrors.languagecode' in that specification.
AddressErrors.organization - Web APIs
Web › API › AddressErrors › organization
specifications specification status comment payment request apithe definition of 'addresserrors.organization' in that specification.
AddressErrors.phone - Web APIs
Web › API › AddressErrors › phone
specifications specification status comment payment request apithe definition of 'addresserrors.phone' in that specification.
AddressErrors.postalCode - Web APIs
Web › API › AddressErrors › postalCode
specifications specification status comment payment request apithe definition of 'addresserrors.postalcode' in that specification.
AddressErrors.recipient - Web APIs
Web › API › AddressErrors › recipient
specifications specification status comment payment request apithe definition of 'addresserrors.recipient' in that specification.
AddressErrors.region - Web APIs
Web › API › AddressErrors › region
specifications specification status comment payment request apithe definition of 'addresserrors.region' in that specification.
AddressErrors.regionCode - Web APIs
Web › API › AddressErrors › regionCode
specifications specification status comment payment request apithe definition of 'addresserrors.regioncode' in that specification.
AddressErrors.sortingCode - Web APIs
Web › API › AddressErrors › sortingCode
specifications specification status comment payment request apithe definition of 'addresserrors.sortingcode' in that specification.
AddressErrors - Web APIs
Web › API › AddressErrors
specifications specification status comment payment request apithe definition of 'addresserrors' in that specification.
AesCbcParams - Web APIs
Web › API › AesCbcParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.aescbcparams' in that specification.
AesCtrParams - Web APIs
Web › API › AesCtrParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.aesctrparams' in that specification.
AesGcmParams - Web APIs
Web › API › AesGcmParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.aesgcmparams' in that specification.
AesKeyGenParams - Web APIs
Web › API › AesKeyGenParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.aeskeygenparams' in that specification.
AmbientLightSensor.AmbientLightSensor() - Web APIs
Web › API › AmbientLightSensor › AmbientLightSensor
specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
AmbientLightSensor.illuminance - Web APIs
Web › API › AmbientLightSensor › illuminance
example if ( 'ambientlightsensor' in window ) { const sensor = new ambientlightsensor(); sensor.onreading = () => { console.log('current light level:', sensor.illuminance); }; sensor.onerror = (event) => { console.log(event.error.name, event.error.message); }; sensor.start(); } specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
AmbientLightSensor - Web APIs
Web › API › AmbientLightSensor
example if ( 'ambientlightsensor' in window ) { const sensor = new ambientlightsensor(); sensor.onreading = () => { console.log('current light level:', sensor.illuminance); }; sensor.onerror = (event) => { console.log(event.error.name, event.error.message); }; sensor.start(); } specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Ambient Light Events - Web APIs
Web › API › Ambient Light Events
icelight', function(event) { var body = document.queryselector('body'); if (event.value < 50) { body.classlist.add('darklight'); body.classlist.remove('brightlight'); } else { body.classlist.add('brightlight'); body.classlist.remove('darklight'); } }); } else { console.log('devicelight event not supported'); } specifications specification status comment ambient light sensorthe definition of 'ambient light events' in that specification.
Ambient Light Sensor API - Web APIs
Web › API › Ambient Light Sensor API
specifications specification status comment ambient light sensor candidate recommendation initial definition.
AnalyserNode.AnalyserNode() - Web APIs
Web › API › AnalyserNode › AnalyserNode
specifications specification status comment web audio apithe definition of 'analysernode() constructor' in that specification.
AnalyserNode.fftSize - Web APIs
Web › API › AnalyserNode › fftSize
r i = 0; i < bufferlength; i++) { var v = dataarray[i] / 128.0; var y = v * height/2; if(i === 0) { canvasctx.moveto(x, y); } else { canvasctx.lineto(x, y); } x += slicewidth; } canvasctx.lineto(canvas.width, canvas.height/2); canvasctx.stroke(); }; draw(); specifications specification status comment web audio apithe definition of 'fftsize' in that specification.
AnalyserNode.frequencyBinCount - Web APIs
Web › API › AnalyserNode › frequencyBinCount
tx.fillrect(0, 0, width, height); var barwidth = (width / bufferlength) * 2.5 - 1; var barheight; var x = 0; for(var i = 0; i < bufferlength; i++) { barheight = dataarray[i]; canvasctx.fillstyle = 'rgb(' + (barheight+100) + ',50,50)'; canvasctx.fillrect(x,height-barheight/2,barwidth,barheight/2); x += barwidth; } }; draw(); specifications specification status comment web audio apithe definition of 'frequencybincount' in that specification.
AnalyserNode.getByteFrequencyData() - Web APIs
Web › API › AnalyserNode › getByteFrequencyData
specifications specification status comment web audio apithe definition of 'getbytefrequencydata()' in that specification.
AnalyserNode.getByteTimeDomainData() - Web APIs
Web › API › AnalyserNode › getByteTimeDomainData
width * 1.0 / bufferlength; let x = 0; canvasctx.beginpath(); for(var i = 0; i < bufferlength; i++) { const v = dataarray[i]/128.0; const y = v * height/2; if(i === 0) canvasctx.moveto(x, y); else canvasctx.lineto(x, y); x += slicewidth; } canvasctx.lineto(width, height/2); canvasctx.stroke(); }; draw(); specifications specification status comment web audio apithe definition of 'getbytetimedomaindata()' in that specification.
AnalyserNode.getFloatFrequencyData() - Web APIs
Web › API › AnalyserNode › getFloatFrequencyData
/ bufferlength) * 2.5; let posx = 0; for (let i = 0; i < bufferlength; i++) { const barheight = (dataarray[i] + 140) * 2; canvasctx.fillstyle = 'rgb(' + math.floor(barheight + 100) + ', 50, 50)'; canvasctx.fillrect(posx, canvas.height - barheight / 2, barwidth, barheight / 2); posx += barwidth + 1; } }; draw(); </script> </body> specifications specification status comment web audio apithe definition of 'getfloatfrequencydata()' in that specification.
AnalyserNode.getFloatTimeDomainData() - Web APIs
Web › API › AnalyserNode › getFloatTimeDomainData
specifications specification status comment web audio apithe definition of 'getfloattimedomaindata()' in that specification.
AnalyserNode.maxDecibels - Web APIs
Web › API › AnalyserNode › maxDecibels
tx.fillrect(0, 0, width, height); var barwidth = (width / bufferlength) * 2.5; var barheight; var x = 0; for(var i = 0; i < bufferlength; i++) { barheight = dataarray[i]; canvasctx.fillstyle = 'rgb(' + (barheight+100) + ',50,50)'; canvasctx.fillrect(x,height-barheight/2,barwidth,barheight/2); x += barwidth + 1; } }; draw(); specifications specification status comment web audio apithe definition of 'maxdecibels' in that specification.
AnalyserNode.minDecibels - Web APIs
Web › API › AnalyserNode › minDecibels
tx.fillrect(0, 0, width, height); var barwidth = (width / bufferlength) * 2.5; var barheight; var x = 0; for(var i = 0; i < bufferlength; i++) { barheight = dataarray[i]; canvasctx.fillstyle = 'rgb(' + (barheight+100) + ',50,50)'; canvasctx.fillrect(x,height-barheight/2,barwidth,barheight/2); x += barwidth + 1; } }; draw(); specifications specification status comment web audio apithe definition of 'mindecibels' in that specification.
AnalyserNode.smoothingTimeConstant - Web APIs
Web › API › AnalyserNode › smoothingTimeConstant
tx.fillrect(0, 0, width, height); var barwidth = (width / bufferlength) * 2.5; var barheight; var x = 0; for(var i = 0; i < bufferlength; i++) { barheight = dataarray[i]; canvasctx.fillstyle = 'rgb(' + (barheight+100) + ',50,50)'; canvasctx.fillrect(x,height-barheight/2,barwidth,barheight/2); x += barwidth + 1; } }; draw(); specifications specification status comment web audio apithe definition of 'smoothingtimeconstant' in that specification.
AnalyserNode - Web APIs
Web › API › AnalyserNode
/ bufferlength; var x = 0; for (var i = 0; i < bufferlength; i++) { var v = dataarray[i] / 128.0; var y = v * canvas.height / 2; if (i === 0) { canvasctx.moveto(x, y); } else { canvasctx.lineto(x, y); } x += slicewidth; } canvasctx.lineto(canvas.width, canvas.height / 2); canvasctx.stroke(); } draw(); specifications specification status comment web audio apithe definition of 'analysernode' in that specification.
Animation() - Web APIs
Web › API › Animation › Animation
examples in the follow the white rabbit example, the animation() constructor is used to create an animation for the rabbitdownkeyframes using the document's timeline: var rabbitdownanimation = new animation(rabbitdownkeyframes, document.timeline); specifications specification status comment web animationsthe definition of 'animation()' in that specification.
Animation.cancel() - Web APIs
Web › API › Animation › cancel
specifications specification status comment web animationsthe definition of 'animation.cancel()' in that specification.
Animation.commitStyles() - Web APIs
Web › API › Animation › commitStyles
examples const divelem = document.queryselector('div'); document.body.addeventlistener('mousemove', evt => { let anim = divelem.animate( { transform: `translate(${ evt.clientx}px, ${evt.clienty}px)` }, { duration: 500, fill: 'forwards' } ); anim.commitstyles(); }); specifications specification status comment web animationsthe definition of 'commitstyles()' in that specification.
Animation.currentTime - Web APIs
Web › API › Animation › currentTime
specifications specification status comment web animationsthe definition of 'currenttime' in that specification.
Animation.effect - Web APIs
Web › API › Animation › effect
specifications specification status comment web animationsthe definition of 'animation.effect' in that specification.
Animation.finish() - Web APIs
Web › API › Animation › finish
elem.getanimations().foreach( function(animation){ return animation.finish(); } ); specifications specification status comment web animationsthe definition of 'finish()' in that specification.
Animation.finished - Web APIs
Web › API › Animation › finished
examples the following code waits until all animations running on the element elem have finished, then deletes the element from the dom tree: promise.all( elem.getanimations().map( function(animation) { return animation.finished } ) ).then( function() { return elem.remove(); } ); specifications specification status comment web animationsthe definition of 'animation.finished' in that specification.
Animation.id - Web APIs
Web › API › Animation › id
examples in the follow the white rabbit example, you can assign the rabbitdownanimation an id like so: rabbitdownanimation.effect.id = "rabbitgo"; specifications specification status comment web animationsthe definition of 'animation.id' in that specification.
Animation.oncancel - Web APIs
Web › API › Animation › oncancel
animation.oncancel = function() { animation.effect.target.remove(); }; specifications specification status comment web animationsthe definition of 'animation.oncancel' in that specification.
Animation.onfinish - Web APIs
Web › API › Animation › onfinish
hide(endingui); // when the credits are later faded in, // we re-add the pointer events when they're done bringui.onfinish = function() { endingui.style.pointerevents = 'auto'; }; specifications specification status comment web animationsthe definition of 'animation.onfinish' in that specification.
Animation.onremove - Web APIs
Web › API › Animation › onremove
specifications specification status comment web animationsthe definition of 'animation.onremove' in that specification.
Animation.pause() - Web APIs
Web › API › Animation › pause
cake.addeventlistener("mouseup", stopplayingalice, false); bottle.addeventlistener("mouseup", stopplayingalice, false); specifications specification status comment web animationsthe definition of 'play()' in that specification.
Animation.pending - Web APIs
Web › API › Animation › pending
specifications specification status comment web animationsthe definition of 'pending' in that specification.
Animation.persist() - Web APIs
Web › API › Animation › persist
specifications specification status comment web animationsthe definition of 'persist()' in that specification.
Animation.play() - Web APIs
Web › API › Animation › play
cake.addeventlistener("mousedown", growalice, false); cake.addeventlistener("touchstart", growalice, false); specifications specification status comment web animationsthe definition of 'play()' in that specification.
Animation.playState - Web APIs
Web › API › Animation › playState
tears.foreach(function(el) { el.pause(); el.currenttime = 0; }); specifications specification status comment web animationsthe definition of 'playstate' in that specification.
Animation.playbackRate - Web APIs
Web › API › Animation › playbackRate
(redqueen_alice.playbackrate > .4) { redqueen_alice.playbackrate *= .9; } }, 3000); but clicking or tapping on them causes them to speed up by multiplying their playbackrate: var gofaster = function() { redqueen_alice.playbackrate *= 1.1; } document.addeventlistener("click", gofaster); document.addeventlistener("touchstart", gofaster); specifications specification status comment web animationsthe definition of 'animation.playbackrate' in that specification.
Animation.ready - Web APIs
Web › API › Animation › ready
animation.pause(); animation.ready.then(function() { // displays 'running' alert(animation.playstate); }); animation.play(); specifications specification status comment web animationsthe definition of 'animation.ready' in that specification.
Animation.replaceState - Web APIs
Web › API › Animation › replaceState
specifications specification status comment web animationsthe definition of 'animation.replacestate' in that specification.
Animation.reverse() - Web APIs
Web › API › Animation › reverse
imation in reverse alicechange.playbackrate = -1; alicechange.play(); // play the bottle's animation drinking.play() } but it could also have been done by calling reverse() on alicechange like so: var shrinkalice = function() { // play alice's animation in reverse alicechange.reverse(); // play the bottle's animation drinking.play() } specifications specification status comment web animationsthe definition of 'reverse()' in that specification.
Animation.startTime - Web APIs
Web › API › Animation › startTime
specifications specification status comment web animationsthe definition of 'animation.starttime' in that specification.
Animation.timeline - Web APIs
Web › API › Animation › timeline
examples here we set the animation's timeline to be the same as the document's timeline (this is the default timeline for all animations, by the way): animation.timeline = document.timeline; specifications specification status comment web animationsthe definition of 'animation.timeline' in that specification.
Animation.updatePlaybackRate() - Web APIs
Web › API › Animation › updatePlaybackRate
examples a speed selector component would benefit from smooth updating of updateplaybackrate(), as demonstrated below: speedselector.addeventlistener('input', evt => { cartoon.updateplaybackrate(parsefloat(evt.target.value)); cartoon.ready.then(() => { console.log(`playback rate set to ${cartoon.playbackrate}`); }); }); specifications specification status comment web animationsthe definition of 'updateplaybackrate()' in that specification.
Animation - Web APIs
Web › API › Animation
designing safer web animation for motion sensitivity · an a list apart article an introduction to the reduced motion media query | css-tricks responsive design for motion | webkit mdn understanding wcag, guideline 2.2 explanations understanding success criterion 2.2.2 | w3c understanding wcag 2.0 specifications specification status comment web animationsthe definition of 'animation' in that specification.
AnimationEffect.getComputedTiming() - Web APIs
Web › API › AnimationEffect › getComputedTiming
specifications specification status comment web animationsthe definition of 'animationeffect.getcomputedtiming()' in that specification.
AnimationEffect.getTiming() - Web APIs
Web › API › AnimationEffect › getTiming
specifications specification status comment web animationsthe definition of 'animationeffect.gettiming()' in that specification.
AnimationEffect.updateTiming() - Web APIs
Web › API › AnimationEffect › updateTiming
specifications specification status comment web animationsthe definition of 'animationeffect.updatetiming()' in that specification.
AnimationEffect - Web APIs
Web › API › AnimationEffect
specifications specification status comment web animationsthe definition of 'animationeffect' in that specification.
AnimationEvent() - Web APIs
Web › API › AnimationEvent › AnimationEvent
specifications specification status comment css animationsthe definition of 'animationevent()' in that specification.
AnimationEvent.animationName - Web APIs
Web › API › AnimationEvent › animationName
syntax name = animationevent.animationname specifications specification status comment css animationsthe definition of 'animationevent.animationname' in that specification.
AnimationEvent.elapsedTime - Web APIs
Web › API › AnimationEvent › elapsedTime
syntax time = animationevent.elapsedtime specifications specification status comment css animationsthe definition of 'animationevent.elapsedtime' in that specification.
AnimationEvent.pseudoElement - Web APIs
Web › API › AnimationEvent › pseudoElement
syntax name = animationevent.pseudoelement specifications specification status comment css animationsthe definition of 'animationevent.pseudoelement' in that specification.
AnimationEvent - Web APIs
Web › API › AnimationEvent
specifications specification status comment css animationsthe definition of 'animationevent' in that specification.
AnimationPlaybackEvent.AnimationPlaybackEvent() - Web APIs
Web › API › AnimationPlaybackEvent › AnimationPlaybackEvent
specifications specification status comment web animationsthe definition of 'animationplaybackevent()' in that specification.
AnimationPlaybackEvent.currentTime - Web APIs
Web › API › AnimationPlaybackEvent › currentTime
specifications specification status comment web animationsthe definition of 'animationplaybackevent.currenttime' in that specification.
AnimationPlaybackEvent.timelineTime - Web APIs
Web › API › AnimationPlaybackEvent › timelineTime
specifications specification status comment web animationsthe definition of 'animationplaybackevent.timelinetime' in that specification.
AnimationPlaybackEvent - Web APIs
Web › API › AnimationPlaybackEvent
specifications specification status comment web animationsthe definition of 'animationplaybackevent' in that specification.
AnimationTimeline.currentTime - Web APIs
Web › API › AnimationTimeline › currentTime
specifications specification status comment web animationsthe definition of 'currenttime' in that specification.
AnimationTimeline - Web APIs
Web › API › AnimationTimeline
specifications specification status comment web animationsthe definition of 'animationtimeline' in that specification.
ArrayBufferView - Web APIs
Web › API › ArrayBufferView
specifications specification status comment web idlthe definition of 'arraybufferview' in that specification.
Attr.localName - Web APIs
Web › API › Attr › localName
specifications specification status comment domthe definition of 'attr.localname' in that specification.
Attr.namespaceURI - Web APIs
Web › API › Attr › namespaceURI
specifications specification status comment domthe definition of 'attr: namespaceuri' in that specification.
Attr.prefix - Web APIs
Web › API › Attr › prefix
specifications specification status comment domthe definition of 'attr: prefix' in that specification.
Attr - Web APIs
Web › API › Attr
specifications specification status comment domthe definition of 'attr' in that specification.
AudioBuffer() - Web APIs
Web › API › AudioBuffer › AudioBuffer
specifications specification status comment web audio apithe definition of 'audiobuffer' in that specification.
AudioBuffer.copyFromChannel() - Web APIs
Web › API › AudioBuffer › copyFromChannel
var myarraybuffer = audioctx.createbuffer(2, framecount, audioctx.samplerate); var anotherarray = new float32array(length); myarraybuffer.copyfromchannel(anotherarray, 1, 0); specification specification status comment web audio apithe definition of 'copyfromchannel' in that specification.
AudioBuffer.copyToChannel() - Web APIs
Web › API › AudioBuffer › copyToChannel
myarraybuffer.copytochannel (anotherarray,0,0); specification specification status comment web audio apithe definition of 'copytochannel' in that specification.
AudioBuffer.duration - Web APIs
Web › API › AudioBuffer › duration
++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } console.log(myarraybuffer.duration); } specification specification status comment web audio apithe definition of 'duration' in that specification.
AudioBuffer.getChannelData() - Web APIs
Web › API › AudioBuffer › getChannelData
udionode to use when we want to play an audiobuffer var source = audioctx.createbuffersource(); // set the buffer in the audiobuffersourcenode source.buffer = myarraybuffer; // connect the audiobuffersourcenode to the // destination so we can hear the sound source.connect(audioctx.destination); // start the source playing source.start(); } specification specification status comment web audio apithe definition of 'getchanneldata' in that specification.
AudioBuffer.length - Web APIs
Web › API › AudioBuffer › length
nel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } console.log(myarraybuffer.length); } specification specification status comment web audio apithe definition of 'length' in that specification.
AudioBuffer.numberOfChannels - Web APIs
Web › API › AudioBuffer › numberOfChannels
// this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } console.log(myarraybuffer.numberofchannels); } specification specification status comment web audio apithe definition of 'numberofchannels' in that specification.
AudioBuffer.sampleRate - Web APIs
Web › API › AudioBuffer › sampleRate
+) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } console.log(myarraybuffer.samplerate); } specification specification status comment web audio apithe definition of 'samplerate' in that specification.
AudioBuffer - Web APIs
Web › API › AudioBuffer
this is the audionode to use when we want to play an audiobuffer var source = audioctx.createbuffersource(); // set the buffer in the audiobuffersourcenode source.buffer = myarraybuffer; // connect the audiobuffersourcenode to the // destination so we can hear the sound source.connect(audioctx.destination); // start the source playing source.start(); specifications specification status comment web audio apithe definition of 'audiobuffer' in that specification.
AudioBufferSourceNode.AudioBufferSourceNode() - Web APIs
Web › API › AudioBufferSourceNode › AudioBufferSourceNode
specifications specification status comment web audio apithe definition of 'audiobuffersourcenode()' in that specification.
AudioBufferSourceNode.buffer - Web APIs
Web › API › AudioBufferSourceNode › buffer
// this is the audionode to use when we want to play an audiobuffer var source = audioctx.createbuffersource(); // set the buffer in the audiobuffersourcenode source.buffer = myarraybuffer; specifications specification status comment web audio apithe definition of 'buffer' in that specification.
AudioBufferSourceNode.detune - Web APIs
Web › API › AudioBufferSourceNode › detune
annelcount; channel++) { const nowbuffering = myarraybuffer.getchanneldata(channel); for (let i = 0; i < framecount; i++) { nowbuffering[i] = math.random() * 2 - 1; } } const source = audioctx.createbuffersource(); source.buffer = myarraybuffer; source.connect(audioctx.destination); source.detune.value = 100; // value in cents source.start(); specifications specification status comment web audio apithe definition of 'detune' in that specification.
AudioBufferSourceNode.loop - Web APIs
Web › API › AudioBufferSourceNode › loop
ation); source.loop = true; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // wire up buttons to stop and play audio, and range slider control play.onclick = function() { getdata(); source.start(0); play.setattribute('disabled', 'disabled'); playbackcontrol.removeattribute('disabled'); } specification specification status comment web audio apithe definition of 'loop' in that specification.
AudioBufferSourceNode.loopEnd - Web APIs
Web › API › AudioBufferSourceNode › loopEnd
loopstartcontrol.oninput = function() { source.loopstart = loopstartcontrol.value; loopstartvalue.innerhtml = loopstartcontrol.value; } loopendcontrol.oninput = function() { source.loopend = loopendcontrol.value; loopendvalue.innerhtml = loopendcontrol.value; } specifications specification status comment web audio apithe definition of 'loopend' in that specification.
AudioBufferSourceNode.loopStart - Web APIs
Web › API › AudioBufferSourceNode › loopStart
loopstartcontrol.oninput = function() { source.loopstart = loopstartcontrol.value; loopstartvalue.innerhtml = loopstartcontrol.value; } loopendcontrol.oninput = function() { source.loopend = loopendcontrol.value; loopendvalue.innerhtml = loopendcontrol.value; } specifications specification status comment web audio apithe definition of 'loopstart' in that specification.
AudioBufferSourceNode.playbackRate - Web APIs
Web › API › AudioBufferSourceNode › playbackRate
sabled', 'disabled'); playbackcontrol.removeattribute('disabled'); } stop.onclick = function() { source.stop(0); play.removeattribute('disabled'); playbackcontrol.setattribute('disabled', 'disabled'); } playbackcontrol.oninput = function() { source.playbackrate.value = playbackcontrol.value; playbackvalue.innerhtml = playbackcontrol.value; } specification specification status comment web audio apithe definition of 'playbackrate' in that specification.
AudioBufferSourceNode.start() - Web APIs
Web › API › AudioBufferSourceNode › start
specifications specification status comment web audio apithe definition of 'start()' in that specification.
AudioBufferSourceNode - Web APIs
Web › API › AudioBufferSourceNode
specifications specification status comment web audio apithe definition of 'audiobuffersourcenode' in that specification.
AudioConfiguration - Web APIs
Web › API › AudioConfiguration
'' : 'not ') + 'power efficient.' }); specifications specification status comment media capabilitiesthe definition of 'audioconfiguration' in that specification.
AudioContext() - Web APIs
Web › API › AudioContext › AudioContext
var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext({ latencyhint: 'interactive', samplerate: 44100, }); specifications specification status comment web audio apithe definition of 'audiocontext()' in that specification.
AudioContext.baseLatency - Web APIs
Web › API › AudioContext › baseLatency
example // default latency ("interactive") const audioctx1 = new audiocontext(); console.log(audioctx1.baselatency); // 0.00 // higher latency ("playback") const audioctx2 = new audiocontext({ latencyhint: 'playback' }); console.log(audioctx2.baselatency); // 0.15 specifications specification status comment web audio apithe definition of 'baselatency' in that specification.
AudioContext.close() - Web APIs
Web › API › AudioContext › close
stopbtn.onclick = function() { audioctx.close().then(function() { startbtn.removeattribute('disabled'); susresbtn.setattribute('disabled', 'disabled'); stopbtn.setattribute('disabled', 'disabled'); }); } specifications specification status comment web audio apithe definition of 'close()' in that specification.
AudioContext.createMediaElementSource() - Web APIs
Web › API › AudioContext › createMediaElementSource
specifications specification status comment web audio apithe definition of 'createmediaelementsource()' in that specification.
AudioContext.createMediaStreamDestination() - Web APIs
Web › API › AudioContext › createMediaStreamDestination
specifications specification status comment web audio apithe definition of 'createmediastreamdestination()' in that specification.
AudioContext.createMediaStreamSource() - Web APIs
Web › API › AudioContext › createMediaStreamSource
specifications specification status comment web audio apithe definition of 'audiocontext.createmediastreamsource()' in that specification.
AudioContext.createMediaStreamTrackSource() - Web APIs
Web › API › AudioContext › createMediaStreamTrackSource
let source = audioctx.createmediastreamsource(stream); let biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 3000; biquadfilter.gain.value = 20; source.connect(biquadfilter); biquadfilter.connect(audioctx.destination); }) .catch(function(err) { // handle getusermedia() error }); specifications specification status comment web audio apithe definition of 'createmediastreamtracksource()' in that specification.
AudioContext.getOutputTimestamp() - Web APIs
Web › API › AudioContext › getOutputTimestamp
click', () => { source.stop(0); play.removeattribute('disabled'); cancelanimationframe(raf); }); // function to output timestamps function outputtimestamps() { let ts = audioctx.getoutputtimestamp() console.log('context time: ' + ts.contexttime + ' | performance time: ' + ts.performancetime); raf = requestanimationframe(outputtimestamps); } specifications specification status comment web audio apithe definition of 'getoutputtimestamp()' in that specification.
AudioContext.outputLatency - Web APIs
Web › API › AudioContext › outputLatency
example const audioctx = new audiocontext(); console.log(audioctx.outputlatency); specifications specification status comment web audio apithe definition of 'outputlatency' in that specification.
AudioContext.resume() - Web APIs
Web › API › AudioContext › resume
susresbtn.onclick = function() { if(audioctx.state === 'running') { audioctx.suspend().then(function() { susresbtn.textcontent = 'resume context'; }); } else if(audioctx.state === 'suspended') { audioctx.resume().then(function() { susresbtn.textcontent = 'suspend context'; }); } } specifications specification status comment web audio apithe definition of 'resume()' in that specification.
AudioContext.suspend() - Web APIs
Web › API › AudioContext › suspend
susresbtn.onclick = function() { if(audioctx.state === 'running') { audioctx.suspend().then(function() { susresbtn.textcontent = 'resume context'; }); } else if(audioctx.state === 'suspended') { audioctx.resume().then(function() { susresbtn.textcontent = 'suspend context'; }); } } specifications specification status comment web audio apithe definition of 'close()' in that specification.
AudioContext - Web APIs
Web › API › AudioContext
specifications specification status comment web audio apithe definition of 'audiocontext' in that specification.
AudioContextLatencyCategory - Web APIs
Web › API › AudioContextLatencyCategory
specifications specification status comment web audio apithe definition of 'audiocontextlatencycategory' in that specification.
AudioContextOptions.latencyHint - Web APIs
Web › API › AudioContextOptions › latencyHint
specifications specification status comment web audio apithe definition of 'audiocontextoptions.latencyhint' in that specification.
AudioContextOptions.sampleRate - Web APIs
Web › API › AudioContextOptions › sampleRate
specifications specification status comment web audio apithe definition of 'audiocontextoptions.samplerate' in that specification.
AudioContextOptions - Web APIs
Web › API › AudioContextOptions
let musiccontext = new audiocontext({ latencyhint: "playback", samplerate: 48000 }); specifications specification status comment web audio apithe definition of 'audiocontextoptions' in that specification.
AudioDestinationNode.maxChannelCount - Web APIs
Web › API › AudioDestinationNode › maxChannelCount
specifications specification status comment web audio apithe definition of 'maxchannelcount' in that specification.
AudioDestinationNode - Web APIs
Web › API › AudioDestinationNode
specifications specification status comment web audio apithe definition of 'audiodestinationnode' in that specification.
AudioListener.forwardX - Web APIs
Web › API › AudioListener › forwardX
specifications specification status comment web audio apithe definition of 'forwardx' in that specification.
AudioListener.forwardY - Web APIs
Web › API › AudioListener › forwardY
specifications specification status comment web audio apithe definition of 'forwardy' in that specification.
AudioListener.forwardZ - Web APIs
Web › API › AudioListener › forwardZ
specifications specification status comment web audio apithe definition of 'forwardz' in that specification.
AudioListener.positionX - Web APIs
Web › API › AudioListener › positionX
specifications specification status comment web audio apithe definition of 'positionx' in that specification.
AudioListener.positionY - Web APIs
Web › API › AudioListener › positionY
specifications specification status comment web audio apithe definition of 'positiony' in that specification.
AudioListener.positionZ - Web APIs
Web › API › AudioListener › positionZ
specifications specification status comment web audio apithe definition of 'positionz' in that specification.
AudioListener.setPosition() - Web APIs
Web › API › AudioListener › setPosition
specifications specification status comment web audio apithe definition of 'setposition()' in that specification.
AudioListener.upX - Web APIs
Web › API › AudioListener › upX
specifications specification status comment web audio apithe definition of 'upx' in that specification.
AudioListener.upY - Web APIs
Web › API › AudioListener › upY
specifications specification status comment web audio apithe definition of 'upy' in that specification.
AudioListener.upZ - Web APIs
Web › API › AudioListener › upZ
specifications specification status comment web audio apithe definition of 'upz' in that specification.
AudioListener - Web APIs
Web › API › AudioListener
specifications specification status comment web audio apithe definition of 'audiolistener' in that specification.
AudioNode.channelCount - Web APIs
Web › API › AudioNode › channelCount
example var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var oscillator = audioctx.createoscillator(); var gainnode = audioctx.creategain(); oscillator.connect(gainnode); gainnode.connect(audioctx.destination); oscillator.channelcount; specifications specification status comment web audio apithe definition of 'channelcount' in that specification.
AudioNode.channelCountMode - Web APIs
Web › API › AudioNode › channelCountMode
example var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var oscillator = audioctx.createoscillator(); var gainnode = audioctx.creategain(); oscillator.connect(gainnode); gainnode.connect(audioctx.destination); oscillator.channelcountmode = 'explicit'; specifications specification status comment web audio apithe definition of 'channelcountmode' in that specification.
AudioNode.channelInterpretation - Web APIs
Web › API › AudioNode › channelInterpretation
example var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var oscillator = audioctx.createoscillator(); var gainnode = audioctx.creategain(); oscillator.connect(gainnode); gainnode.connect(audioctx.destination); oscillator.channelinterpretation = 'discrete'; specifications specification status comment web audio apithe definition of 'channelinterpretation' in that specification.
AudioNode.connect() - Web APIs
Web › API › AudioNode › connect
specifications specification status comment web audio apithe definition of 'connect() to an audionode' in that specification.
AudioNode.context - Web APIs
Web › API › AudioNode › context
audiocontext = window.audiocontext || window.webkitaudiocontext; const audioctx = new audiocontext(); const oscillator = audioctx.createoscillator(); const gainnode = audioctx.creategain(); oscillator.connect(gainnode).connect(audioctx.destination); console.log(oscillator.context); // audiocontext console.log(oscillator.context === audioctx); // true specifications specification status comment web audio apithe definition of 'context' in that specification.
AudioNode.disconnect() - Web APIs
Web › API › AudioNode › disconnect
example var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); var oscillator = audioctx.createoscillator(); var gainnode = audioctx.creategain(); oscillator.connect(gainnode); gainnode.connect(audioctx.destination); gainnode.disconnect(); specifications specification status comment web audio apithe definition of 'disconnect' in that specification.
AudioNode.numberOfInputs - Web APIs
Web › API › AudioNode › numberOfInputs
example const audioctx = new audiocontext(); const oscillator = audioctx.createoscillator(); const gainnode = audioctx.creategain(); oscillator.connect(gainnode).connect(audioctx.destination); console.log(oscillator.numberofinputs); // 0 console.log(gainnode.numberofinputs); // 1 console.log(audioctx.destination.numberofinputs); // 1 specifications specification status comment web audio apithe definition of 'numberofinputs' in that specification.
AudioNode.numberOfOutputs - Web APIs
Web › API › AudioNode › numberOfOutputs
example const audioctx = new audiocontext(); const oscillator = audioctx.createoscillator(); const gainnode = audioctx.creategain(); oscillator.connect(gainnode).connect(audioctx.destination); console.log(oscillator.numberofoutputs); // 1 console.log(gainnode.numberofoutputs); // 1 console.log(audioctx.destination.numberofoutputs); // 0 specifications specification status comment web audio apithe definition of 'numberofoutputs' in that specification.
AudioNode - Web APIs
Web › API › AudioNode
n the web audio api landing page (for example violent theremin.) const audioctx = new audiocontext(); const oscillator = new oscillatornode(audioctx); const gainnode = new gainnode(audioctx); oscillator.connect(gainnode).connect(audioctx.destination); oscillator.context; oscillator.numberofinputs; oscillator.numberofoutputs; oscillator.channelcount; specifications specification status comment web audio apithe definition of 'audionode' in that specification.
AudioNodeOptions - Web APIs
Web › API › AudioNodeOptions
(see audionode.channelcountmode for more information including default values.) specifications specification status comment web audio apithe definition of 'audionodeoptions' in that specification.
AudioParam.cancelAndHoldAtTime() - Web APIs
Web › API › AudioParam › cancelAndHoldAtTime
specifications specification status comment web audio apithe definition of 'cancelandholdattime()' in that specification.
AudioParam.cancelScheduledValues() - Web APIs
Web › API › AudioParam › cancelScheduledValues
examples var gainnode = audioctx.creategain(); gainnode.gain.setvaluecurveattime(wavearray, audioctx.currenttime, 2); //'gain' is the audioparam gainnode.gain.cancelscheduledvalues(audioctx.currenttime); specifications specification status comment web audio apithe definition of 'cancelscheduledvalues' in that specification.
AudioParam.defaultValue - Web APIs
Web › API › AudioParam › defaultValue
example const audioctx = new audiocontext(); const gainnode = audioctx.creategain(); const defaultval = gainnode.gain.defaultvalue; console.log(defaultval); // 1 console.log(defaultval === gainnode.gain.value); // true specifications specification status comment web audio apithe definition of 'defaultvalue' in that specification.
AudioParam.exponentialRampToValueAtTime() - Web APIs
Web › API › AudioParam › exponentialRampToValueAtTime
specifications specification status comment web audio apithe definition of 'exponentialramptovalueattime' in that specification.
AudioParam.linearRampToValueAtTime() - Web APIs
Web › API › AudioParam › linearRampToValueAtTime
audioctx.currenttime); source.connect(gainnode); gainnode.connect(audioctx.destination); // set buttons to do something onclick linearrampplus.onclick = function() { gainnode.gain.linearramptovalueattime(1.0, audioctx.currenttime + 2); } linearrampminus.onclick = function() { gainnode.gain.linearramptovalueattime(0, audioctx.currenttime + 2); } specifications specification status comment web audio apithe definition of 'linearramptovalueattime' in that specification.
AudioParam.maxValue - Web APIs
Web › API › AudioParam › maxValue
example const audioctx = new audiocontext(); const gainnode = audioctx.creategain(); console.log(gainnode.gain.maxvalue); // 3.4028234663852886e38 specifications specification status comment web audio apithe definition of 'maxvalue' in that specification.
AudioParam.minValue - Web APIs
Web › API › AudioParam › minValue
example const audioctx = new audiocontext(); const gainnode = audioctx.creategain(); console.log(gainnode.gain.minvalue); // -3.4028234663852886e38 specifications specification status comment web audio apithe definition of 'minvalue' in that specification.
AudioParam.setTargetAtTime() - Web APIs
Web › API › AudioParam › setTargetAtTime
ion source.connect(gainnode); gainnode.connect(audioctx.destination); // set buttons to do something onclick attimeplus.onclick = function() { currgain = 1.0; gainnode.gain.settargetattime(1.0, audioctx.currenttime + 1, 0.5); } attimeminus.onclick = function() { currgain = 0; gainnode.gain.settargetattime(0, audioctx.currenttime + 1, 0.5); } specifications specification status comment web audio apithe definition of 'settargetattime' in that specification.
AudioParam.setValueAtTime() - Web APIs
Web › API › AudioParam › setValueAtTime
ect(gainnode); gainnode.connect(audioctx.destination); // set buttons to do something onclick targetattimeplus.onclick = function() { currgain += 0.25; gainnode.gain.setvalueattime(currgain, audioctx.currenttime + 1); } targetattimeminus.onclick = function() { currgain -= 0.25; gainnode.gain.setvalueattime(currgain, audioctx.currenttime + 1); } specifications specification status comment web audio apithe definition of 'setvalueattime' in that specification.
AudioParam.setValueCurveAtTime() - Web APIs
Web › API › AudioParam › setValueCurveAtTime
et button to do something onclick var wavearray = new float32array(9); wavearray[0] = 0.5; wavearray[1] = 1; wavearray[2] = 0.5; wavearray[3] = 0; wavearray[4] = 0.5; wavearray[5] = 1; wavearray[6] = 0.5; wavearray[7] = 0; wavearray[8] = 0.5; valuecurve.onclick = function() { gainnode.gain.setvaluecurveattime(wavearray, audioctx.currenttime, 2); } specifications specification status comment web audio apithe definition of 'setvaluecurveattime' in that specification.
AudioParam.value - Web APIs
Web › API › AudioParam › value
const audioctx = new audiocontext(); const gainnode = audioctx.creategain(); gainnode.gain.value = 0.4; //which is identical to: gainnode.gain.setvalueattime(0.4, audioctx.currenttime); specifications specification status comment web audio apithe definition of 'value' in that specification.
AudioParam - Web APIs
Web › API › AudioParam
var compressor = audioctx.createdynamicscompressor(); compressor.threshold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); specifications specification status comment web audio apithe definition of 'audioparam' in that specification.
AudioParamDescriptor - Web APIs
Web › API › AudioParamDescriptor
node = new audioworkletnode(audiocontext, 'white-noise-processor') whitenoisenode.connect(audiocontext.destination) now we can change the gain on the node like this: const gainparam = whitenoisenode.parameters.get('customgain') gainparam.setvalueattime(0, audiocontext.currenttime) gainparam.linearramptovalueattime(0.5, audiocontext.currenttime + 0.5) specifications specification status comment web audio apithe definition of 'audioparamdescriptor' in that specification.
AudioScheduledSourceNode: ended event - Web APIs
Web › API › AudioScheduledSourceNode › ended event
specifications specification status comment web audio apithe definition of 'onended' in that specification.
AudioScheduledSourceNode.onended - Web APIs
Web › API › AudioScheduledSourceNode › onended
node.onended = function(event) { document.getelementbyid("startbutton").disabled = false; } specifications specification status comment web audio apithe definition of 'onended' in that specification.
AudioScheduledSourceNode.start() - Web APIs
Web › API › AudioScheduledSourceNode › start
context = new audiocontext(); osc = context.createoscillator(); osc.connect(context.destination); /* schedule the start and stop times for the oscillator */ osc.start(context.currenttime + 2); osc.stop(context.currenttime + 3); specifications specification status comment web audio apithe definition of 'start()' in that specification.
AudioScheduledSourceNode.stop() - Web APIs
Web › API › AudioScheduledSourceNode › stop
*/ osc.start(); osc.stop(context.currenttime + 1); specifications specification status comment web audio apithe definition of 'stop()' in that specification.
AudioScheduledSourceNode - Web APIs
Web › API › AudioScheduledSourceNode
specification specification status comment web audio apithe definition of 'audioscheduledsourcenode' in that specification.
AudioTrack.enabled - Web APIs
Web › API › AudioTrack › enabled
specifications specification status comment html living standardthe definition of 'audiotrack.enabled' in that specification.
AudioTrack.id - Web APIs
Web › API › AudioTrack › id
specifications specification status comment html living standardthe definition of 'audiotrack.id' in that specification.
AudioTrack.kind - Web APIs
Web › API › AudioTrack › kind
specifications specification status comment html living standardthe definition of 'audiotrack: kind' in that specification.
AudioTrack.label - Web APIs
Web › API › AudioTrack › label
specifications specification status comment html living standardthe definition of 'audiotrack.label' in that specification.
AudioTrack.language - Web APIs
Web › API › AudioTrack › language
function getavailablelanguages(el) { var tracklist = []; const wantedkinds = [ "main", "translation" ]; el.audiotracks.foreach(function(track) { if (wantedkinds.includes(track.kind)) { tracklist.push({ id: track.id, kind: track.kind, language: track.language }); } }); return tracklist; } specifications specification status comment html living standardthe definition of 'audiotrack.language' in that specification.
AudioTrack.sourceBuffer - Web APIs
Web › API › AudioTrack › sourceBuffer
specifications specification status comment media source extensionsthe definition of 'audiotrack: sourcebuffer' in that specification.
AudioTrack - Web APIs
Web › API › AudioTrack
specifications specification status comment html living standardthe definition of 'audiotrack' in that specification.
AudioTrackList: addtrack event - Web APIs
Web › API › AudioTrackList › addtrack event
or('video'); videoelement.audiotracks.addeventlistener('addtrack', (event) => { console.log(`audio track: ${event.track.label} added`); }); using the onaddtrack event handler property: const videoelement = document.queryselector('video'); videoelement.audiotracks.onaddtrack = (event) => { console.log(`audio track: ${event.track.label} added`); }; specifications specification status html living standardthe definition of 'addtrack' in that specification.
AudioTrackList: change event - Web APIs
Web › API › AudioTrackList › change event
audiotracks.onchange = (event) => { console.log(`'${event.type}' event fired`); }; // changing the value of `enabled` will trigger the `change` event const toggletrackbutton = document.queryselector('.toggle-track'); toggletrackbutton.addeventlistener('click', () => { const track = videoelement.audiotracks[0]; track.enabled = !track.enabled; }); specifications specification status html living standardthe definition of 'change' in that specification.
AudioTrackList.getTrackById() - Web APIs
Web › API › AudioTrackList › getTrackById
specifications specification status comment html living standardthe definition of 'audiotracklist.gettrackbyid()' in that specification.
AudioTrackList.length - Web APIs
Web › API › AudioTrackList › length
specifications specification status comment html living standardthe definition of 'audiotracklist.length' in that specification.
AudioTrackList.onaddtrack - Web APIs
Web › API › AudioTrackList › onaddtrack
document.queryselector("video").audiotracks.onaddtrack = function(event) { addtotracklist(event.track); }; specifications specification status comment html living standardthe definition of 'audiotracklist.onaddtrack' in that specification.
AudioTrackList.onchange - Web APIs
Web › API › AudioTrackList › onchange
specifications specification status comment html living standardthe definition of 'audiotracklist.onchange' in that specification.
AudioTrackList.onremovetrack - Web APIs
Web › API › AudioTrackList › onremovetrack
specifications specification status comment html living standardthe definition of 'audiotracklist.onremovetrack' in that specification.
AudioTrackList: removetrack event - Web APIs
Web › API › AudioTrackList › removetrack event
videoelement.audiotracks.addeventlistener('removetrack', (event) => { console.log(`audio track: ${event.track.label} removed`); }); using the onremovetrack event handler property: const videoelement = document.queryselector('video'); videoelement.audiotracks.onremovetrack = (event) => { console.log(`audio track: ${event.track.label} removed`); }; specifications specification status html living standardthe definition of 'removetrack' in that specification.
AudioTrackList - Web APIs
Web › API › AudioTrackList
audiotracks.onaddtrack = updatetrackcount; audiotracks.onremovetrack = updatetrackcount; function updatetrackcount(event) { trackcount = audiotracks.length; drawtrackcountindicator(trackcount); } specifications specification status comment html living standardthe definition of 'audiotracklist' in that specification.
AudioWorklet - Web APIs
Web › API › AudioWorklet
specifications specification status comment web audio apithe definition of 'audioworklet' in that specification.
AudioWorkletGlobalScope.registerProcessor - Web APIs
Web › API › AudioWorkletGlobalScope › registerProcessor
const audiocontext = new audiocontext() await audiocontext.audioworklet.addmodule('test-processor.js') const node = new audioworkletnode(audiocontext, 'test-processor') node.connect(audiocontext.destination) specifications specification status comment web audio apithe definition of 'registerprocessor()' in that specification.
AudioWorkletGlobalScope - Web APIs
Web › API › AudioWorkletGlobalScope
we should see the output of console.log calls in the console: const audiocontext = new audiocontext() await audiocontext.audioworklet.addmodule('test-processor.js') const testnode = new audioworkletnode(audiocontext, 'test-processor') testnode.connect(audiocontext.destination) specifications specification status comment web audio apithe definition of 'audioworkletglobalscope' in that specification.
AudioWorkletNode() - Web APIs
Web › API › AudioWorkletNode › AudioWorkletNode
specifications specification status comment web audio apithe definition of 'audioworkletnode()' in that specification.
AudioWorkletNode.onprocessorerror - Web APIs
Web › API › AudioWorkletNode › onprocessorerror
}; examples // fill in example snippet specifications specification status comment web audio apithe definition of 'onprocessorerror' in that specification.
AudioWorkletNode.parameters - Web APIs
Web › API › AudioWorkletNode › parameters
node = new audioworkletnode(audiocontext, 'white-noise-processor') whitenoisenode.connect(audiocontext.destination) now we can change the gain on the node like this: const gainparam = whitenoisenode.parameters.get('customgain') gainparam.setvalueattime(0, audiocontext.currenttime) gainparam.linearramptovalueattime(0.5, audiocontext.currenttime + 0.5) specifications specification status comment web audio apithe definition of 'parameters' in that specification.
AudioWorkletNode.port - Web APIs
Web › API › AudioWorkletNode › port
specifications specification status comment web audio apithe definition of 'port' in that specification.
AudioWorkletNode - Web APIs
Web › API › AudioWorkletNode
const audiocontext = new audiocontext() await audiocontext.audioworklet.addmodule('white-noise-processor.js') const whitenoisenode = new audioworkletnode(audiocontext, 'white-noise-processor') whitenoisenode.connect(audiocontext.destination) specifications specification status comment web audio apithe definition of 'audioworkletnode' in that specification.
AudioWorkletNodeOptions - Web APIs
Web › API › AudioWorkletNodeOptions
examples // fill in example snippet specifications specification status comment web audio apithe definition of 'audioworkletnodeoptions' in that specification.
AudioWorkletProcessor() - Web APIs
Web › API › AudioWorkletProcessor › AudioWorkletProcessor
st-processor.js') const testnode = new audioworkletnode(audiocontext, 'test-processor', { processoroptions: { someusefulvariable: new map([[1, 'one'], [2, 'two']]) } }) the console output will be as follows: > 1 // audioworkletnode options.numberofinputs set to default > map(2) {1 => "one", 2 => "two"} // a cloned map under someusefulvariable specifications specification status comment web audio apithe definition of 'audioworkletprocessor()' in that specification.
AudioWorkletProcessor.parameterDescriptors (static getter) - Web APIs
Web › API › AudioWorkletProcessor › parameterDescriptors
node = new audioworkletnode(audiocontext, 'white-noise-processor') whitenoisenode.connect(audiocontext.destination) now we can change the gain on the node like this: const gainparam = whitenoisenode.parameters.get('customgain') gainparam.setvalueattime(0, audiocontext.currenttime) gainparam.linearramptovalueattime(0.5, audiocontext.currenttime + 0.5) specifications specification status comment web audio apithe definition of 'parameterdescriptors' in that specification.
AudioWorkletProcessor.port - Web APIs
Web › API › AudioWorkletProcessor › port
specifications specification status comment web audio apithe definition of 'port' in that specification.
AudioWorkletProcessor.process - Web APIs
Web › API › AudioWorkletProcessor › process
tally get garbage-collected // if we don't have any references to it in the main thread return true } // define the customgain parameter used in process method static get parameterdescriptors () { return [{ name: 'customgain', defaultvalue: 1, minvalue: 0, maxvalue: 1, automationrate: 'a-rate' }] } } specifications specification status comment web audio apithe definition of 'process()' in that specification.
AudioWorkletProcessor - Web APIs
Web › API › AudioWorkletProcessor
const audiocontext = new audiocontext() await audiocontext.audioworklet.addmodule('white-noise-processor.js') const whitenoisenode = new audioworkletnode(audiocontext, 'white-noise-processor') whitenoisenode.connect(audiocontext.destination) specifications specification status comment web audio apithe definition of 'audioworkletprocessor' in that specification.
AuthenticatorAssertionResponse.authenticatorData - Web APIs
Web › API › AuthenticatorAssertionResponse › authenticatorData
options }) .then(function (assertionpkcred) { var authenticatordata = assertionpkcred.response.authenticatordata; // maybe try to convert the authenticatordata to see what's inside // send response and client extensions to the server so that it can // go on with the authentication }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'authenticatordata' in that specification.
AuthenticatorAssertionResponse.signature - Web APIs
Web › API › AuthenticatorAssertionResponse › signature
y the relying party server timeout: 60000 }; navigator.credentials.get({ publickey: options }) .then(function (assertionpkcred) { var signature = assertionpkcred.response.signature; // send response and client extensions to the server so that it can // go on with the authentication }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'signature' in that specification.
AuthenticatorAssertionResponse.userHandle - Web APIs
Web › API › AuthenticatorAssertionResponse › userHandle
the relying party server timeout: 60000 }; navigator.credentials.get({ publickey: options }) .then(function (assertionpkcred) { var userhandle = assertionpkcred.response.userhandle; // send response and client extensions to the server so that it can // go on with the authentication }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'userhandle' in that specification.
AuthenticatorAssertionResponse - Web APIs
Web › API › AuthenticatorAssertionResponse
edentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { var assertionresponse = credentialinfoassertion.response; // do something specific with the response // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'authenticatorassertionresponse interface' in that specification.
AuthenticatorAttestationResponse.attestationObject - Web APIs
Web › API › AuthenticatorAttestationResponse › attestationObject
vigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { var attestationobj = newcredentialinfo.response.attestationobject; // this will be a cbor encoded arraybuffer // do something with the response // (sending it back to the relying party server maybe?) }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'attestationobject' in that specification.
AuthenticatorAttestationResponse.getTransports() - Web APIs
Web › API › AuthenticatorAttestationResponse › getTransports
ams: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { var transports = newcredentialinfo.response.gettransports(); console.table(transports); // may be something like ["internal", "nfc", "usb"] }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'gettransports()' in that specification.
AuthenticatorAttestationResponse - Web APIs
Web › API › AuthenticatorAttestationResponse
params: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { var response = newcredentialinfo.response; // do something with the response // (sending it back to the relying party server maybe?) }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'authenticatorattestationresponse interface' in that specification.
AuthenticatorResponse - Web APIs
Web › API › AuthenticatorResponse
8array(16), name: "jdoe@example.com", displayname: "john doe" }, pubkeycredparams: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { var attestationresponse = newcredentialinfo.response; }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'authenticatorresponse interface' in that specification.
BaseAudioContext.audioWorklet - Web APIs
Web › API › BaseAudioContext › audioWorklet
specifications specification status comment web audio apithe definition of 'audioworklet' in that specification.
BaseAudioContext.createAnalyser() - Web APIs
Web › API › BaseAudioContext › createAnalyser
r i = 0; i < bufferlength; i++) { var v = dataarray[i] / 128.0; var y = v * height/2; if(i === 0) { canvasctx.moveto(x, y); } else { canvasctx.lineto(x, y); } x += slicewidth; } canvasctx.lineto(canvas.width, canvas.height/2); canvasctx.stroke(); }; draw(); specifications specification status comment web audio apithe definition of 'createanalyser()' in that specification.
BaseAudioContext.createBiquadFilter() - Web APIs
Web › API › BaseAudioContext › createBiquadFilter
alyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.setvalueattime(1000, audioctx.currenttime); biquadfilter.gain.setvalueattime(25, audioctx.currenttime); specifications specification status comment web audio apithe definition of 'createbiquadfilter()' in that specification.
BaseAudioContext.createBuffer() - Web APIs
Web › API › BaseAudioContext › createBuffer
// this is the audionode to use when we want to play an audiobuffer var source = audioctx.createbuffersource(); // set the buffer in the audiobuffersourcenode source.buffer = myarraybuffer; // connect the audiobuffersourcenode to the // destination so we can hear the sound source.connect(audioctx.destination); // start the source playing source.start(); specifications specification status comment web audio apithe definition of 'createbuffer()' in that specification.
BaseAudioContext.createBufferSource() - Web APIs
Web › API › BaseAudioContext › createBufferSource
dionode to use when we want to play an audiobuffer var source = audioctx.createbuffersource(); // set the buffer in the audiobuffersourcenode source.buffer = myarraybuffer; // connect the audiobuffersourcenode to the // destination so we can hear the sound source.connect(audioctx.destination); // start the source playing source.start(); } specifications specification status comment web audio apithe definition of 'createbuffersource()' in that specification.
BaseAudioContext.createChannelMerger() - Web APIs
Web › API › BaseAudioContext › createChannelMerger
merger.connect(dest); }); specifications specification status comment web audio apithe definition of 'createchannelmerger()' in that specification.
BaseAudioContext.createChannelSplitter() - Web APIs
Web › API › BaseAudioContext › createChannelSplitter
merger.connect(dest); }); specifications specification status comment web audio apithe definition of 'createchannelsplitter()' in that specification.
BaseAudioContext.createConstantSource() - Web APIs
Web › API › BaseAudioContext › createConstantSource
specifications specification status comment web audio apithe definition of 'createconstantsource()' in that specification.
BaseAudioContext.createConvolver() - Web APIs
Web › API › BaseAudioContext › createConvolver
convolver.buffer = concerthallbuffer; specifications specification status comment web audio apithe definition of 'createconvolver()' in that specification.
BaseAudioContext.createDelay() - Web APIs
Web › API › BaseAudioContext › createDelay
var delay1; rangesynth.oninput = function() { delay1 = rangesynth.value; synthdelay.delaytime.setvalueattime(delay1, audioctx.currenttime); } specifications specification status comment web audio apithe definition of 'createdelay()' in that specification.
BaseAudioContext.createDynamicsCompressor() - Web APIs
Web › API › BaseAudioContext › createDynamicsCompressor
audioctx.destination); source.connect(compressor); compressor.connect(audioctx.destination); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.disconnect(compressor); compressor.disconnect(audioctx.destination); source.connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'createdynamicscompressor()' in that specification.
BaseAudioContext.createGain() - Web APIs
Web › API › BaseAudioContext › createGain
gainnode.gain.setvalueattime(0, audioctx.currenttime); mute.id = "activated"; mute.innerhtml = "unmute"; } else { gainnode.gain.setvalueattime(1, audioctx.currenttime); mute.id = ""; mute.innerhtml = "mute"; } } specifications specification status comment web audio apithe definition of 'creategain()' in that specification.
BaseAudioContext.createIIRFilter() - Web APIs
Web › API › BaseAudioContext › createIIRFilter
specifications specification status comment web audio apithe definition of 'createiirfilter()' in that specification.
BaseAudioContext.createOscillator() - Web APIs
Web › API › BaseAudioContext › createOscillator
// create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.setvalueattime(3000, audioctx.currenttime); // value in hertz oscillator.connect(audioctx.destination); oscillator.start(); specifications specification status comment web audio apithe definition of 'createoscillator' in that specification.
BaseAudioContext.createPanner() - Web APIs
Web › API › BaseAudioContext › createPanner
specifications specification status comment web audio apithe definition of 'createpanner()' in that specification.
BaseAudioContext.createPeriodicWave() - Web APIs
Web › API › BaseAudioContext › createPeriodicWave
specifications specification status comment web audio apithe definition of 'createperiodicwave' in that specification.
BaseAudioContext.createScriptProcessor() - Web APIs
Web › API › BaseAudioContext › createScriptProcessor
} } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'createscriptprocessor' in that specification.
BaseAudioContext.createStereoPanner() - Web APIs
Web › API › BaseAudioContext › createStereoPanner
unction() { pannode.pan.setvalueattime(pancontrol.value, audioctx.currenttime); panvalue.innerhtml = pancontrol.value; } // connect the mediaelementaudiosourcenode to the pannode // and the pannode to the destination, so we can play the // music and adjust the panning using the controls source.connect(pannode); pannode.connect(audioctx.destination); specifications specification status comment web audio apithe definition of 'createstereopanner()' in that specification.
BaseAudioContext.createWaveShaper() - Web APIs
Web › API › BaseAudioContext › createWaveShaper
distortion.curve = makedistortioncurve(400); distortion.oversample = '4x'; specifications specification status comment web audio apithe definition of 'createwaveshaper()' in that specification.
BaseAudioContext.currentTime - Web APIs
Web › API › BaseAudioContext › currentTime
specifications specification status comment web audio apithe definition of 'currenttime' in that specification.
BaseAudioContext.decodeAudioData() - Web APIs
Web › API › BaseAudioContext › decodeAudioData
{ getdata(); source.start(0); play.setattribute('disabled', 'disabled'); } stop.onclick = function() { source.stop(0); play.removeattribute('disabled'); } // dump script to pre element pre.innerhtml = myscript.innerhtml; new promise-based syntax ctx.decodeaudiodata(audiodata).then(function(decodeddata) { // use the decoded data here }); specifications specification status comment web audio apithe definition of 'decodeaudiodata()' in that specification.
BaseAudioContext.destination - Web APIs
Web › API › BaseAudioContext › destination
var audiocontext = window.audiocontext || window.webkitaudiocontext; var audioctx = new audiocontext(); // older webkit/blink browsers require a prefix var oscillatornode = audioctx.createoscillator(); var gainnode = audioctx.creategain(); oscillatornode.connect(gainnode); gainnode.connect(audioctx.destination); specifications specification status comment web audio apithe definition of 'destination' in that specification.
BaseAudioContext.listener - Web APIs
Web › API › BaseAudioContext › listener
var mylistener = audioctx.listener; specifications specification status comment web audio apithe definition of 'listener' in that specification.
BaseAudioContext.onstatechange - Web APIs
Web › API › BaseAudioContext › onstatechange
audioctx.onstatechange = function() { console.log(audioctx.state); } specifications specification status comment web audio apithe definition of 'onstatechange' in that specification.
BaseAudioContext.sampleRate - Web APIs
Web › API › BaseAudioContext › sampleRate
console.log(audioctx.samplerate); specifications specification status comment web audio apithe definition of 'samplerate' in that specification.
BaseAudioContext.state - Web APIs
Web › API › BaseAudioContext › state
audioctx.onstatechange = function() { console.log(audioctx.state); } specifications specification status comment web audio apithe definition of 'state' in that specification.
BaseAudioContext - Web APIs
Web › API › BaseAudioContext
basic audio context declaration: const audiocontext = new audiocontext(); cross browser variant: const audiocontext = window.audiocontext || window.webkitaudiocontext; const audiocontext = new audiocontext(); const oscillatornode = audiocontext.createoscillator(); const gainnode = audiocontext.creategain(); const finish = audiocontext.destination; specifications specification status comment web audio apithe definition of 'baseaudiocontext' in that specification.
BasicCardRequest.supportedNetworks - Web APIs
Web › API › BasicCardRequest › supportedNetworks
}; var request = new paymentrequest(supportedinstruments, details, options); specifications specification status comment basic card paymentthe definition of 'supportednetworks' in that specification.
BasicCardRequest - Web APIs
Web › API › BasicCardRequest
billing address is a paymentaddress object } } specifications specification status comment basic card paymentthe definition of 'basiccardrequest' in that specification.
BasicCardResponse.billingAddress - Web APIs
Web › API › BasicCardResponse › billingAddress
billing address is a paymentaddress object } } specifications specification status comment basic card paymentthe definition of 'billingaddress' in that specification.
BasicCardResponse.cardNumber - Web APIs
Web › API › BasicCardResponse › cardNumber
billing address is a paymentaddress object } } specifications specification status comment basic card paymentthe definition of 'cardnumber' in that specification.
BasicCardResponse.cardSecurityCode - Web APIs
Web › API › BasicCardResponse › cardSecurityCode
billing address is a paymentaddress object } } specifications specification status comment basic card paymentthe definition of 'cardsecuritycode' in that specification.
BasicCardResponse.cardholderName - Web APIs
Web › API › BasicCardResponse › cardholderName
billing address is a paymentaddress object } } specifications specification status comment basic card paymentthe definition of 'cardholdername' in that specification.
BasicCardResponse.expiryMonth - Web APIs
Web › API › BasicCardResponse › expiryMonth
billing address is a paymentaddress object } } specifications specification status comment basic card paymentthe definition of 'expirymonth' in that specification.
BasicCardResponse.expiryYear - Web APIs
Web › API › BasicCardResponse › expiryYear
billing address is a paymentaddress object } } specifications specification status comment basic card paymentthe definition of 'expiryyear' in that specification.
BasicCardResponse - Web APIs
Web › API › BasicCardResponse
billing address is a paymentaddress object } } specifications specification status comment basic card paymentthe definition of 'basiccardresponse' in that specification.
BatteryManager.charging - Web APIs
Web › API › BatteryManager › charging
example html content <div id="charging">(charging state unknown)</div> javascript content navigator.getbattery().then(function(battery) { var charging = battery.charging; document.queryselector('#charging').textcontent = charging ; }); specifications specification status comment battery status api candidate recommendation initial definition ...
BatteryManager.chargingTime - Web APIs
Web › API › BatteryManager › chargingTime
example html content <div id="chargingtime">(charging time unknown)</div> javascript content navigator.getbattery().then(function(battery) { var time = battery.chargingtime; document.queryselector('#chargingtime').textcontent = battery.chargingtime; }); specifications specification status comment battery status api candidate recommendation initial definition ...
BatteryManager.dischargingTime - Web APIs
Web › API › BatteryManager › dischargingTime
example html content <div id="dischargingtime">(discharging time unknown)</div> javascript content navigator.getbattery().then(function(battery) { var time = battery.dischargingtime; document.queryselector('#dischargingtime').textcontent = battery.dischargingtime; }); specifications specification status comment battery status api candidate recommendation initial definition ...
BatteryManager.level - Web APIs
Web › API › BatteryManager › level
example html content <div id="level">(battery level unknown)</div> javascript content navigator.getbattery().then(function(battery) { var level = battery.level; document.queryselector('#level').textcontent = level; }); specifications specification status comment battery status api candidate recommendation initial definition ...
BatteryManager.onchargingchange - Web APIs
Web › API › BatteryManager › onchargingchange
chargingtime">(charging time unknown)</div> javascript content navigator.getbattery().then(function(battery) { battery.onchargingchange = chargingchange(); function chargingchange() { document.queryselector('#level').textcontent = battery.level; document.queryselector('#chargingtime').textcontent = battery.chargingtime; } }); specifications specification status comment battery status api candidate recommendation initial definition ...
BatteryManager.onchargingtimechange - Web APIs
Web › API › BatteryManager › onchargingtimechange
ging time unknown)</div> javascript content navigator.getbattery().then(function(battery) { battery.onchargingtimechange = chargingtimechange(); function chargingtimechange(){ document.queryselector('#level').textcontent = battery.level; document.queryselector('#chargingtime').textcontent = battery.chargingtime; } }); specifications specification status comment battery status api candidate recommendation initial definition ...
BatteryManager.ondischargingtimechange - Web APIs
Web › API › BatteryManager › ondischargingtimechange
me unknown)</div> javascript content navigator.getbattery().then(function(battery) { battery.ondischargingtimechange = dischargingtimechange; function dischargingtimechange(){ document.queryselector('#level').textcontent = battery.level; document.queryselector('#chargingtime').textcontent = battery.chargingtime; } }); specifications specification status comment battery status api candidate recommendation initial definition ...
BatteryManager.onlevelchange - Web APIs
Web › API › BatteryManager › onlevelchange
ryselector('#level').textcontent = battery.level; if(battery.charging) { document.queryselector('#statebaterry').textcontent = "charging time: " + (battery.chargingtime / 60); } else { document.queryselector('#statebaterry').textcontent = "discharging time: " + (battery.dischargingtime / 60); } }; }); specifications specification status comment battery status api candidate recommendation initial definition ...
BeforeUnloadEvent - Web APIs
Web › API › BeforeUnloadEvent
window.addeventlistener("beforeunload", function (e) { var confirmationmessage = "\o/"; (e || window.event).returnvalue = confirmationmessage; // gecko + ie return confirmationmessage; /* safari, chrome, and other * webkit-derived browsers */ }); specifications specification status comment html living standardthe definition of 'beforeunloadevent' in that specification.
BiquadFilterNode() - Web APIs
Web › API › BiquadFilterNode › BiquadFilterNode
specifications specification status comment web audio apithe definition of 'biquadfilternode()' in that specification.
BiquadFilterNode.Q - Web APIs
Web › API › BiquadFilterNode › Q
filter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; biquadfilter.type = "peaking"; biquadfilter.frequency.value = 1000; biquadfilter.q.value = 100; biquadfilter.gain.value = 25; specifications specification status comment web audio apithe definition of 'q' in that specification.
BiquadFilterNode.detune - Web APIs
Web › API › BiquadFilterNode › detune
urce.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; biquadfilter.detune.value = 100; specifications specification status comment web audio apithe definition of 'detune' in that specification.
BiquadFilterNode.frequency - Web APIs
Web › API › BiquadFilterNode › frequency
eatemediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; specifications specification status comment web audio apithe definition of 'frequency' in that specification.
BiquadFilterNode.gain - Web APIs
Web › API › BiquadFilterNode › gain
eatemediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; specifications specification status comment web audio apithe definition of 'gain' in that specification.
BiquadFilterNode.getFrequencyResponse() - Web APIs
Web › API › BiquadFilterNode › getFrequencyResponse
responseoutput); for(i = 0; i <= myfrequencyarray.length-1;i++){ var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + myfrequencyarray[i] + 'hz</strong>: magnitude ' + magresponseoutput[i] + ', phase ' + phaseresponseoutput[i] + ' radians.'; freqresponseoutput.appendchild(listitem); } } calcfrequencyresponse(); specifications specification status comment web audio apithe definition of 'getfrequencyresponse()' in that specification.
BiquadFilterNode.type - Web APIs
Web › API › BiquadFilterNode › type
eatemediastreamsource(stream); source.connect(analyser); analyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = 25; specifications specification status comment web audio apithe definition of 'type' in that specification.
BiquadFilterNode - Web APIs
Web › API › BiquadFilterNode
alyser.connect(distortion); distortion.connect(biquadfilter); biquadfilter.connect(convolver); convolver.connect(gainnode); gainnode.connect(audioctx.destination); // manipulate the biquad filter biquadfilter.type = "lowshelf"; biquadfilter.frequency.setvalueattime(1000, audioctx.currenttime); biquadfilter.gain.setvalueattime(25, audioctx.currenttime); specifications specification status comment web audio apithe definition of 'biquadfilternode' in that specification.
Blob() - Web APIs
Web › API › Blob › Blob
example var afileparts = ['<a id="a"><b id="b">hey!</b></a>']; // an array consisting of a single domstring var omyblob = new blob(afileparts, {type : 'text/html'}); // the blob specification specification status comment file apithe definition of 'blob()' in that specification.
Blob.arrayBuffer() - Web APIs
Web › API › Blob › arrayBuffer
specifications specification status comment file apithe definition of 'blob.arraybuffer()' in that specification.
Blob.size - Web APIs
Web › API › Blob › size
// fileinput is a htmlinputelement: <input type="file" multiple id="myfileinput"> var fileinput = document.getelementbyid("myfileinput"); // files is a filelist object (simliar to nodelist) var files = fileinput.files; for (var i = 0; i < files.length; i++) { console.log(files[i].name + " has a size of " + files[i].size + " bytes"); } specifications specification status comment file apithe definition of 'blob.size' in that specification.
Blob.slice() - Web APIs
Web › API › Blob › slice
specifications specification status comment file apithe definition of 'blob.slice()' in that specification.
Blob.stream() - Web APIs
Web › API › Blob › stream
specifications specification status comment file apithe definition of 'blob.stream()' in that specification.
Blob.text() - Web APIs
Web › API › Blob › text
specifications specification status comment file apithe definition of 'blob.text()' in that specification.
Blob.type - Web APIs
Web › API › Blob › type
} }); specifications specification status comment file apithe definition of 'blob.type' in that specification.
Blob - Web APIs
Web › API › Blob
specifications specification status comment file apithe definition of 'the blob interface' in that specification.
BlobEvent.BlobEvent() - Web APIs
Web › API › BlobEvent › BlobEvent
specifications specification status comment mediastream recordingthe definition of 'blobevent: blobevent' in that specification.
BlobEvent.data - Web APIs
Web › API › BlobEvent › data
syntax associatedblob = blobevent.data specifications specification status comment mediastream recordingthe definition of 'blobevent.data' in that specification.
BlobEvent.timecode - Web APIs
Web › API › BlobEvent › timecode
specifications specification status comment mediastream recordingthe definition of 'timecode' in that specification.
BlobEvent - Web APIs
Web › API › BlobEvent
specifications specification status comment mediastream recordingthe definition of 'blobevent' in that specification.
Bluetooth.getAvailability() - Web APIs
Web › API › Bluetooth › getAvailability
bluetooth is not supported"); }); specifications specification status comment web bluetooththe definition of 'getavailability()' in that specification.
Bluetooth.getDevices() - Web APIs
Web › API › Bluetooth › getDevices
specifications specification status comment web bluetooththe definition of 'getdevices()' in that specification.
Bluetooth.onavailabilitychanged - Web APIs
Web › API › Bluetooth › onavailabilitychanged
specifications specification status comment web bluetooththe definition of 'bluetooth' in that specification.
Bluetooth.referringDevice - Web APIs
Web › API › Bluetooth › referringDevice
specifications specification status comment web bluetooththe definition of 'referringdevice' in that specification.
Bluetooth.requestDevice() - Web APIs
Web › API › Bluetooth › requestDevice
specifications specification status comment web bluetooththe definition of 'requestdevice()' in that specification.
Bluetooth - Web APIs
Web › API › Bluetooth
specifications specification status comment web bluetooththe definition of 'bluetooth' in that specification.
BluetoothCharacteristicProperties.authenticatedSignedWrites - Web APIs
Web › API › BluetoothCharacteristicProperties › authenticatedSignedWrites
specifications specification status comment web bluetooththe definition of 'authenticatedsignedwrites' in that specification.
BluetoothCharacteristicProperties.broadcast - Web APIs
Web › API › BluetoothCharacteristicProperties › broadcast
specifications specification status comment web bluetooththe definition of 'broadcast' in that specification.
BluetoothCharacteristicProperties.indicate - Web APIs
Web › API › BluetoothCharacteristicProperties › indicate
specifications specification status comment web bluetooththe definition of 'indicate' in that specification.
BluetoothCharacteristicProperties.notify - Web APIs
Web › API › BluetoothCharacteristicProperties › notify
specifications specification status comment web bluetooththe definition of 'notify' in that specification.
BluetoothCharacteristicProperties.read - Web APIs
Web › API › BluetoothCharacteristicProperties › read
specifications specification status comment web bluetooththe definition of 'read' in that specification.
BluetoothCharacteristicProperties.reliableWrite - Web APIs
Web › API › BluetoothCharacteristicProperties › reliableWrite
syntax var aboolean = bluetoothcharacteristicproperties.reliablewrite; value a boolean specifications specification status comment web bluetooththe definition of 'reliablewrite' in that specification.
BluetoothCharacteristicProperties.writableAuxiliaries - Web APIs
Web › API › BluetoothCharacteristicProperties › writableAuxiliar
specifications specification status comment web bluetooththe definition of 'writableauxiliaries' in that specification.
BluetoothCharacteristicProperties.write - Web APIs
Web › API › BluetoothCharacteristicProperties › write
specifications specification status comment web bluetooththe definition of 'write' in that specification.
BluetoothCharacteristicProperties.writeWithoutResponse - Web APIs
Web › API › BluetoothCharacteristicProperties › writeWithoutRespponse
specifications specification status comment web bluetooththe definition of 'authenticatedsignedwrites' in that specification.
BluetoothCharacteristicProperties - Web APIs
Web › API › BluetoothCharacteristicProperties
rvice('heart_rate'); let characteristic = await service.getcharacteristic('heart_rate_measurement'); if (characteristic.properties.notify) { characteristics.addeventlistener('characteristicvaluechanged', function(event) { console.log(`received heart rate measurement: ${event.target.value}`); } await characteristic.startnotifications(); } specifications specification status comment web bluetooththe definition of 'bluetoothcharacteristicproperties' in that specification.
BluetoothDevice.gatt - Web APIs
Web › API › BluetoothDevice › gatt
specifications specification status comment web bluetooththe definition of 'gattserver' in that specification.
id - Web APIs
Web › API › BluetoothDevice › id
specifications specification status comment web bluetooththe definition of 'id' in that specification.
BluetoothDevice.name - Web APIs
Web › API › BluetoothDevice › name
specifications specification status comment web bluetooththe definition of 'name' in that specification.
BluetoothDevice - Web APIs
Web › API › BluetoothDevice
specifications specification status comment web bluetooththe definition of 'bluetoothdevice' in that specification.
BluetoothRemoteGATTCharacteristic.getDescriptor() - Web APIs
Web › API › BluetoothRemoteGATTCharacteristic › getDescriptor
specifications specification status comment web bluetooththe definition of 'getdescriptor()' in that specification.
BluetoothRemoteGATTCharacteristic.getDescriptors() - Web APIs
Web › API › BluetoothRemoteGATTCharacteristic › getDescriptors
specifications specification status comment web bluetooththe definition of 'getdescriptors()' in that specification.
BluetoothRemoteGATTCharacteristic.properties - Web APIs
Web › API › BluetoothRemoteGATTCharacteristic › properties
specifications specification status comment web bluetooththe definition of 'properties' in that specification.
BluetoothRemoteGATTCharacteristic.readValue() - Web APIs
Web › API › BluetoothRemoteGATTCharacteristic › readValue
specifications specification status comment web bluetooththe definition of 'readvalue()' in that specification.
BluetoothRemoteGATTCharacteristic.service - Web APIs
Web › API › BluetoothRemoteGATTCharacteristic › service
specifications specification status comment web bluetooththe definition of 'service' in that specification.
BluetoothRemoteGATTCharacteristic.startNotifications() - Web APIs
Web › API › BluetoothRemoteGATTCharacteristic › startNotifications
specifications specification status comment web bluetooththe definition of 'startnotifications()' in that specification.
BluetoothRemoteGATTCharacteristic.stopNotifications() - Web APIs
Web › API › BluetoothRemoteGATTCharacteristic › stopNotifications
specifications specification status comment web bluetooththe definition of 'stopnotifications()' in that specification.
BluetoothRemoteGATTCharacteristic.uuid - Web APIs
Web › API › BluetoothRemoteGATTCharacteristic › uuid
specifications specification status comment web bluetooththe definition of 'uuid' in that specification.
BluetoothRemoteGATTCharacteristic.value - Web APIs
Web › API › BluetoothRemoteGATTCharacteristic › value
specifications specification status comment web bluetooththe definition of 'value' in that specification.
BluetoothRemoteGATTCharacteristic.writeValue() - Web APIs
Web › API › BluetoothRemoteGATTCharacteristic › writeValue
specifications specification status comment web bluetooththe definition of 'writevalue()' in that specification.
BluetoothRemoteGATTCharacteristic - Web APIs
Web › API › BluetoothRemoteGATTCharacteristic
specifications specification status comment web bluetooththe definition of 'bluetoothremotegattcharacteristic' in that specification.
characteristic - Web APIs
Web › API › BluetoothRemoteGATTDescriptor › characteristic
specifications specification status comment web bluetooththe definition of 'characteristic' in that specification.
readValue() - Web APIs
Web › API › BluetoothRemoteGATTDescriptor › readValue
specifications specification status comment web bluetooththe definition of 'readvalue()' in that specification.
uuid - Web APIs
Web › API › BluetoothRemoteGATTDescriptor › uuid
specifications specification status comment web bluetooththe definition of 'uuid' in that specification.
value - Web APIs
Web › API › BluetoothRemoteGATTDescriptor › value
specifications specification status comment web bluetooththe definition of 'value' in that specification.
writeValue() - Web APIs
Web › API › BluetoothRemoteGATTDescriptor › writeValue
specifications specification status comment web bluetooththe definition of 'writevalue()' in that specification.
BluetoothRemoteGATTDescriptor - Web APIs
Web › API › BluetoothRemoteGATTDescriptor
specifications specification status comment web bluetooththe definition of 'bluetoothremotegattdescriptor' in that specification.
BluetoothRemoteGATTServer.connect() - Web APIs
Web › API › BluetoothRemoteGATTServer › connect
specifications specification status comment web bluetooththe definition of 'connect()' in that specification.
BluetoothRemoteGATTServer.connected - Web APIs
Web › API › BluetoothRemoteGATTServer › connected
syntax var connected = bluetoothremotegattserver.connected specifications specification status comment web bluetooththe definition of 'connected' in that specification.
BluetoothRemoteGATTServer.device - Web APIs
Web › API › BluetoothRemoteGATTServer › device
syntax var device = bluetoothremotegattserver.device specifications specification status comment web bluetooththe definition of 'device' in that specification.
BluetoothRemoteGATTServer.disconnect() - Web APIs
Web › API › BluetoothRemoteGATTServer › disconnect
specifications specification status comment web bluetooththe definition of 'disconnect()' in that specification.
BluetoothRemoteGATTServer.getPrimaryService() - Web APIs
Web › API › BluetoothRemoteGATTServer › getPrimaryService
specifications specification status comment web bluetooththe definition of 'getprimaryservice()' in that specification.
BluetoothRemoteGATTServer.getPrimaryServices() - Web APIs
Web › API › BluetoothRemoteGATTServer › getPrimaryServices
specifications specification status comment web bluetooththe definition of 'getprimaryservices()' in that specification.
BluetoothRemoteGATTServer - Web APIs
Web › API › BluetoothRemoteGATTServer
specifications specification status comment web bluetooththe definition of 'bluetoothremotegattserver' in that specification.
device - Web APIs
Web › API › BluetoothRemoteGATTService › device
specifications specification status comment web bluetooththe definition of 'device' in that specification.
getCharacteristic() - Web APIs
Web › API › BluetoothRemoteGATTService › getCharacteristic
specifications specification status comment web bluetooththe definition of 'getcharacteristic()' in that specification.
getCharacteristics() - Web APIs
Web › API › BluetoothRemoteGATTService › getCharacteristics
specifications specification status comment web bluetooththe definition of 'getcharacteristics()' in that specification.
getIncludedService() - Web APIs
Web › API › BluetoothRemoteGATTService › getIncludedService
specifications specification status comment web bluetooththe definition of 'getincludedservice()' in that specification.
getIncludedServices() - Web APIs
Web › API › BluetoothRemoteGATTService › getIncludedServices
specifications specification status comment web bluetooththe definition of 'getincludedservices()' in that specification.
isPrimary - Web APIs
Web › API › BluetoothRemoteGATTService › isPrimary
specifications specification status comment web bluetooththe definition of 'isprimary' in that specification.
uuid - Web APIs
Web › API › BluetoothRemoteGATTService › uuid
specifications specification status comment web bluetooththe definition of 'uuid' in that specification.
BluetoothRemoteGATTService - Web APIs
Web › API › BluetoothRemoteGATTService
specifications specification status comment web bluetooththe definition of 'bluetoothremotegattservice' in that specification.
Body.arrayBuffer() - Web APIs
Web › API › Body › arrayBuffer
function readfile(file) { return new response(file).arraybuffer(); } <input type="file" onchange="readfile(this.files[0])"> specifications specification status comment fetchthe definition of 'arraybuffer()' in that specification.
Body.blob() - Web APIs
Web › API › Body › blob
var myimage = document.queryselector('img'); var myrequest = new request('flowers.jpg'); fetch(myrequest) .then(response => response.blob()) .then(function(myblob) { var objecturl = url.createobjecturl(myblob); myimage.src = objecturl; }); specifications specification status comment fetchthe definition of 'blob()' in that specification.
Body.body - Web APIs
Web › API › Body › body
} // enqueue the next data chunk into our target stream controller.enqueue(value); return pump(); }); } } }) }) .then(stream => new response(stream)) .then(response => response.blob()) .then(blob => url.createobjecturl(blob)) .then(url => console.log(image.src = url)) .catch(err => console.error(err)); specifications specification status comment fetchthe definition of 'body' in that specification.
Body.bodyUsed - Web APIs
Web › API › Body › bodyUsed
ector('.my-image'); fetch('https://upload.wikimedia.org/wikipedia/commons/7/77/delete_key1.jpg').then(function(response) { console.log(response.bodyused); var res = response.blob(); console.log(response.bodyused); return res; }).then(function(response) { var objecturl = url.createobjecturl(response); myimage.src = objecturl; }); specifications specification status comment fetchthe definition of 'bodyused' in that specification.
Body.formData() - Web APIs
Web › API › Body › formData
specifications specification status comment fetchthe definition of 'formdata()' in that specification.
Body.json() - Web APIs
Web › API › Body › json
cost: ` ); listitem.appendchild( document.createelement('strong') ).textcontent = `£${product.price}`; mylist.appendchild(listitem); } }) .catch(console.error); specifications specification status comment fetchthe definition of 'body.json()' in that specification.
Body.text() - Web APIs
Web › API › Body › text
e) { e.preventdefault(); let linkdata = e.target.getattribute('data-page'); getdata(linkdata); } }; function getdata(pageid) { console.log(pageid); var myrequest = new request(pageid + '.txt'); fetch(myrequest).then(function(response) { return response.text().then(function(text) { myarticle.innerhtml = text; }); }); } specifications specification status comment fetchthe definition of 'text()' in that specification.
Body - Web APIs
Web › API › Body
ntent <img class="my-image" src="https://udn.realityripple.com/samples/46/29059a2b39.png"> js content const myimage = document.queryselector('.my-image'); fetch('https://upload.wikimedia.org/wikipedia/commons/7/77/delete_key1.jpg') .then(res => res.blob()) .then(res => { const objecturl = url.createobjecturl(res); myimage.src = objecturl; }); specifications specification status comment fetchthe definition of 'body' in that specification.
BroadcastChannel() - Web APIs
Web › API › BroadcastChannel › BroadcastChannel
var bc = new broadcastchannel('internal_notification'); bc.postmessage('new listening connected!'); specifications specification status comment html living standardthe definition of 'broadcastchannel()' in that specification.
BroadcastChannel.close() - Web APIs
Web › API › BroadcastChannel › close
syntax var str = channel.close(); example // connect to a channel var bc = new broadcastchannel('test_channel'); // more operations (like postmessage, …) // when done, disconnect from the channel bc.close(); specifications specification status comment html living standardthe definition of 'broadcastchannel.close()' in that specification.
BroadcastChannel: message event - Web APIs
Web › API › BroadcastChannel › message event
body { border: 1px solid black; padding: .5rem; height: 100px; font-family: "fira sans", sans-serif; } h1 { font: 1.6em "fira sans", sans-serif; margin-bottom: 1rem; } const channel = new broadcastchannel('example-channel'); channel.addeventlistener('message', (event) => { received.textcontent = event.data; }); result specifications specification status html living standard living standard ...
BroadcastChannel: messageerror event - Web APIs
Web › API › BroadcastChannel › messageerror event
annel.addeventlistener('messageerror', (event) => { console.error(event); }); the same, but using the onmessage and onmessageerror event handler properties: const channel = new broadcastchannel('example-channel'); channel.onmessage = (event) => { received.textcontent = event.data; }; channel.onmessageerror = (event) => { console.log(event); }; specifications specification status html living standard living standard ...
BroadcastChannel.name - Web APIs
Web › API › BroadcastChannel › name
syntax var str = channel.name; examples // connect to a channel var bc = new broadcastchannel('test_channel'); // more operations (like postmessage, …) // log the channel name to the console console.log(bc.name); // "test_channel" // when done, disconnect from the channel bc.close(); specifications specification status comment html living standardthe definition of 'broadcastchannel.name' in that specification.
BroadcastChannel.onmessage - Web APIs
Web › API › BroadcastChannel › onmessage
'${ev.data}'`); }; specifications specification status comment html living standardthe definition of 'broadcastchannel.onmessage' in that specification.
BroadcastChannel.onmessageerror - Web APIs
Web › API › BroadcastChannel › onmessageerror
}; specifications specification status comment html living standardthe definition of 'onmessageerror' in that specification.
BroadcastChannel.postMessage() - Web APIs
Web › API › BroadcastChannel › postMessage
syntax var str = channel.postmessage(object); specifications specification status comment html living standardthe definition of 'broadcastchannel.postmessage()' in that specification.
BroadcastChannel - Web APIs
Web › API › BroadcastChannel
specifications specification status comment html living standardthe definition of 'broadcastchannel' in that specification.
Broadcast Channel API - Web APIs
Web › API › Broadcast Channel API
specifications specification status comment html living standardthe definition of 'the broadcast channel api' in that specification.
BufferSource - Web APIs
Web › API › BufferSource
specifications specification status comment web idlthe definition of 'buffersource' in that specification.
ByteLengthQueuingStrategy.ByteLengthQueuingStrategy() - Web APIs
Web › API › ByteLengthQueuingStrategy › ByteLengthQueuingStrategy
}, cancel(err) { console.log("stream error:", err); } }, queuingstrategy); var size = queuingstrategy.size(chunk); specifications specification status comment streamsthe definition of 'bytelengthqueuingstrategy()' in that specification.
ByteLengthQueuingStrategy.size() - Web APIs
Web › API › ByteLengthQueuingStrategy › size
}, cancel(err) { console.log("stream error:", err); } }, queuingstrategy); var size = queueingstrategy.size(chunk); specifications specification status comment streamsthe definition of 'size' in that specification.
ByteLengthQueuingStrategy - Web APIs
Web › API › ByteLengthQueuingStrategy
}, cancel(err) { console.log("stream error:", err); } }, queueingstrategy); var size = queueingstrategy.size(chunk); specifications specification status comment streamsthe definition of 'bytelengthqueuingstrategy' in that specification.
ByteString - Web APIs
Web › API › ByteString
specifications specification status comment web idlthe definition of 'bytestring' in that specification.
CDATASection - Web APIs
Web › API › CDATASection
specifications specification status comment domthe definition of 'cdatasection' in that specification.
CSS.escape() - Web APIs
Web › API › CSS › escape
a string for use as part of a selector, the escape() method can be used: var element = document.queryselector('#' + css.escape(id) + ' > img'); the escape() method can also be used for escaping strings, although it escapes characters that don't strictly need to be escaped: var element = document.queryselector('a[href="#' + css.escape(fragment) + '"]'); specification specification status comment css object model (cssom)the definition of 'css.escape()' in that specification.
CSS numeric factory functions - Web APIs
Web › API › CSS › factory functions
nit: "vmax"} console.log( height.value ) // 50 console.log( height.unit ) // vmax in this example, we set the margin on our element using the css.px() factory function: myelement.attributestylemap.set('margin', css.px(40)); let currentmargin = myelement.attributestylemap.get('margin'); console.log(currentmargin.value, currentmargin.unit); // 40, 'px' specification specification status comment css object model (cssom)the definition of 'numeric factory functions' in that specification.
CSS.paintWorklet (Static property) - Web APIs
Web › API › CSS › paintWorklet
<script> if ('paintworklet' in css) { css.paintworklet.addmodule('checkerboard.js'); } </script> specifications specification status comment css painting api level 1the definition of 'paintworklet' in that specification.
CSS.registerProperty() - Web APIs
Web › API › CSS › registerProperty
t(to right, #fff, var(--unregistered)); transition: --unregistered 1s ease-in-out; } .unregistered:hover, .unregistered:focus { --unregistered: #b4d455; } button { font-size: 3vw; } we can add these styles to some buttons: <button class="registered">background registered</button> <button class="unregistered">background not registered</button> specifications specification status comment css properties and values api level 1the definition of 'the registerproperty() function' in that specification.
CSS.supports() - Web APIs
Web › API › CSS › supports
mples result = css.supports("text-decoration-style", "blink"); result = css.supports("display: flex"); result = css.supports("(--foo: red)"); result = css.supports(`(transform-style: preserve) or (-moz-transform-style: preserve) or (-o-transform-style: preserve) or (-webkit-transform-style: preserve)`); // result is true or false specification specification status comment css conditional rules module level 3the definition of 'css: supports()' in that specification.
CSS - Web APIs
Web › API › CSS
css.em(3) // cssunitvalue {value: 3, unit: "em"} specifications specification status comment css painting api level 1the definition of 'paintworklet' in that specification.
CSSConditionRule - Web APIs
Web › API › CSSConditionRule
specifications specification status comment css conditional rules module level 3the definition of 'cssconditionrule' in that specification.
CSSCounterStyleRule - Web APIs
Web › API › CSSCounterStyleRule
specifications specification status comment css counter styles level 3the definition of 'csscounterstylerule' in that specification.
CSSGroupingRule - Web APIs
Web › API › CSSGroupingRule
specification specification status comment css object model (cssom)the definition of 'cssgroupingrule' in that specification.
CSSImageValue - Web APIs
Web › API › CSSImageValue
gify it: // get the element const button = document.queryselector( 'button' ); // retrieve all computed styles with computedstylemap() const allcomputedstyles = button.computedstylemap(); // return the cssimagevalue example console.log( allcomputedstyles.get('background-image') ); console.log( allcomputedstyles.get('background-image').tostring() ); specifications specification status comment css typed om level 1the definition of 'cssimagevalue' in that specification.
CSSKeyframeRule - Web APIs
Web › API › CSSKeyframeRule
specification specification status comment css animationsthe definition of 'csskeyframerule' in that specification.
CSSKeyframesRule - Web APIs
Web › API › CSSKeyframesRule
specification specification status comment css animationsthe definition of 'csskeyframesrule' in that specification.
CSSKeywordValue.CSSKeywordValue() - Web APIs
Web › API › CSSKeywordValue › CSSKeywordValue
>check the developer tools to see the log in the console and to inspect the style attribute on this div.</div> let keyword = new csskeywordvalue('initial'); let myelement = document.getelementbyid('myelement').attributestylemap; myelement.set('display', keyword); console.log( myelement.get('display').value); // 'initial' console.dir( keyword ); specifications specification status comment css typed om level 1the definition of 'csskeywordvalue' in that specification.
CSSKeywordValue.value - Web APIs
Web › API › CSSKeywordValue › value
let indicator = document.getelementbyid('indicator'); indicator.attributestylemap.set('display', new csskeywordvalue('initial')); indicator.attributestylemap.get('display').value // 'initial' specifications specification status comment css typed om level 1the definition of 'undefined' in that specification.
CSSKeywordValue - Web APIs
Web › API › CSSKeywordValue
lement { display: flex; } <div id="myelement">check the developer tools to see the log in the console and to inspect the style attribute on this div.</div> let myelement = document.getelementbyid('myelement').attributestylemap; myelement.set('display', new csskeywordvalue('initial')); console.log( myelement.get('display').value); // 'initial' specifications specification status comment css typed om level 1the definition of 'csskeywordvalue' in that specification.
CSSMathProduct.CSSMathProduct() - Web APIs
Web › API › CSSMathProduct › CSSMathProduct
specifications specification status comment css typed om level 1the definition of 'cssmathproduct()' in that specification.
CSSMathProduct.values - Web APIs
Web › API › CSSMathProduct › values
specifications specification status comment css typed om level 1the definition of 'values' in that specification.
CSSMathProduct - Web APIs
Web › API › CSSMathProduct
specifications specification status comment css typed om level 1the definition of 'cssmathproduct' in that specification.
CSSMathSum.CSSMathSum() - Web APIs
Web › API › CSSMathSum › CSSMathSum
specifications specification status comment css typed om level 1the definition of 'cssmathsum()' in that specification.
CSSMathSum.values - Web APIs
Web › API › CSSMathSum › values
specifications specification status comment css typed om level 1the definition of 'values' in that specification.
CSSMathSum - Web APIs
Web › API › CSSMathSum
in the future we may write the last three lines as: console.log( stylemap.get('width').values[1] ); // cssmathnegate {value: cssunitvalue, operator: "negate"} console.log( stylemap.get('width').values[1].value ); // cssunitvalue {value: 20, unit: "px"} console.log( stylemap.get('width').values[1].value.unit ); // 'px' specifications specification status comment css typed om level 1the definition of 'cssmathsum' in that specification.
CSSMathValue.operator - Web APIs
Web › API › CSSMathValue › operator
specifications specification status comment css typed om level 1the definition of 'cssmathvalue.operator' in that specification.
CSSMathValue - Web APIs
Web › API › CSSMathValue
specifications specification status comment css typed om level 1the definition of 'cssmathvalue' in that specification.
CSSMediaRule - Web APIs
Web › API › CSSMediaRule
specifications specification status comment css conditional rules module level 3the definition of 'cssmediarule' in that specification.
CSSNamespaceRule.namespaceURI - Web APIs
Web › API › CSSNamespaceRule › namespaceURI
specifications specification status comment css object model (cssom)the definition of 'namespaceuri' in that specification.
CSSNamespaceRule.prefix - Web APIs
Web › API › CSSNamespaceRule › prefix
specifications specification status comment css object model (cssom)the definition of 'namespaceuri' in that specification.
CSSNamespaceRule - Web APIs
Web › API › CSSNamespaceRule
it has no specific methods: specification specification status comment css object model (cssom)the definition of 'cssnamespacerule' in that specification.
CSSNumericValue.add() - Web APIs
Web › API › CSSNumericValue › add
examples let mathsum = css.px("23").add(css.percent("4")).add(css.cm("3")).add(css.in("9")); // prints "calc(23px + 4% + 3cm + 9in)" console.log(mathsum.tostring()); specifications specification status comment css typed om level 1the definition of 'add' in that specification.
CSSNumericValue.div() - Web APIs
Web › API › CSSNumericValue › div
examples let mathproduct = css.px("24").div(css.percent("4")); // prints "calc(24px / 4%)" mathproduct.tostring(); specifications specification status comment css typed om level 1the definition of 'div' in that specification.
CSSNumericValue.equals() - Web APIs
Web › API › CSSNumericValue › equals
mathsum(css.px(1), css.px(2)); let matchingcssmathsum = new cssmathsum(css.px(1), css.px(2)); // prints true console.log(cssmathsum.equals(matchingcssmathsum)); let othercssmathsum = cssmathsum(css.px(2), css.px(1)); // prints false console.log(cssmathsum.equals(othercssmathsum)); // also prints false console.log(css.cm("1").equal(css.in("0.393701"))); specifications specification status comment css typed om level 1the definition of 'equals' in that specification.
CSSNumericValue.max() - Web APIs
Web › API › CSSNumericValue › max
// prints "2cm" console.log(css.cm("1").max(css.cm("2")).tostring()); // prints "max(1cm, 0.393701in)" console.log(css.cm("1").max(css.in("0.393701")).tostring()); specifications specification status comment css typed om level 1the definition of 'max' in that specification.
CSSNumericValue.min() - Web APIs
Web › API › CSSNumericValue › min
// prints "1cm" console.log(css.cm("1").min(css.cm("2")).tostring()); // prints "max(1cm, 0.393701in)" console.log(css.cm("1").max(css.in("0.393701")).tostring()); specifications specification status comment css typed om level 1the definition of 'min' in that specification.
CSSNumericValue.mul() - Web APIs
Web › API › CSSNumericValue › mul
examples let mathsum = css.px("23").mul(css.percent("4")).mul(css.cm("3")).mul(css.in("9")); // prints "calc(23px * 4% * 3cm * 9in)" console.log(mathsum.tostring()); specifications specification status comment css typed om level 1the definition of 'mul' in that specification.
CSSNumericValue.parse() - Web APIs
Web › API › CSSNumericValue › parse
let numvalue = cssnumericvalue.parse("42.0px"); specifications specification status comment css typed om level 1the definition of 'parse' in that specification.
CSSNumericValue.sub() - Web APIs
Web › API › CSSNumericValue › sub
examples let mathsum = css.px("23").sum(css.percent("4")).sum(css.cm("3")).sum(css.in("9")); // prints "calc(23px - 4% - 3cm - 9in)" console.log(mathsum.tostring()); and/or include a list of links to useful code samples that live elsewhere: specifications specification status comment css typed om level 1the definition of 'sub' in that specification.
CSSNumericValue.sum() - Web APIs
Web › API › CSSNumericValue › sum
examples let mathsum = css.px("23").sum(css.percent("4")).sum(css.cm("3")).sum(css.in("9")); // prints "calc(23px - 4% - 3cm - 9in)" console.log(mathsum.tostring()); and/or include a list of links to useful code samples that live elsewhere: specifications specification status comment css typed om level 1the definition of 'sub' in that specification.
CSSNumericValue.to() - Web APIs
Web › API › CSSNumericValue › to
examples // prints "0.608542cm" console.log(css.px("23").to("com").tostring()); specifications specification status comment css typed om level 1the definition of 'to' in that specification.
CSSNumericValue.toSum() - Web APIs
Web › API › CSSNumericValue › toSum
examples let v = css.px("23").add(css.percent("4")).add(css.cm("3")).add(css.in("9")); v.tostring() // => "calc(23px + 4% + 3cm + 9in)" v.tosum("px", "percent").tostring() // => "calc(1000.39px + 4%)" specifications specification status comment css typed om level 1the definition of 'tosum' in that specification.
CSSNumericValue.type - Web APIs
Web › API › CSSNumericValue › type
examples let mathsum = css.px("23").sub(css.percent("4")).sub(css.cm("3")).sub(css.in("9")); // returns an object with the structure: {length: 1, percenthint: "length"} let cssnumerictype = mathsum.type(); specifications specification status comment css typed om level 1the definition of 'type' in that specification.
CSSNumericValue - Web APIs
Web › API › CSSNumericValue
specifications specification status comment css typed om level 1the definition of 'cssnumericvalue' in that specification.
CSSOMString - Web APIs
Web › API › CSSOMString
implementation differences browser domstring or usvstring for cssomstring firefox (gecko) usvstring chrome (blink) usvstring safari (webkit) usvstring edge (edgehtml) - opera (blink) usvstring specifications specification status comment css object model (cssom)the definition of 'cssomstring' in that specification.
CSSPageRule - Web APIs
Web › API › CSSPageRule
specifications specification status comment css object model (cssom)the definition of 'csspagerule' in that specification.
CSSPrimitiveValue.getCounterValue() - Web APIs
Web › API › CSSPrimitiveValue › getCounterValue
specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssprimitivevalue.getcountervalue' in that specification.
CSSPrimitiveValue.getFloatValue() - Web APIs
Web › API › CSSPrimitiveValue › getFloatValue
example var cs = window.getcomputedstyle(document.body); var cssvalue = cs.getpropertycssvalue("margin-top"); console.log(cssvalue.getfloatvalue(cssprimitivevalue.css_cm)); specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssprimitivevalue.getfloatvalue' in that specification.
CSSPrimitiveValue.getRGBColorValue() - Web APIs
Web › API › CSSPrimitiveValue › getRGBColorValue
example var cs = window.getcomputedstyle(document.body); var cssvalue = cs.getpropertycssvalue("color"); console.log(cssvalue.getrgbcolorvalue()); specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssprimitivevalue.getrgbcolorvalue' in that specification.
CSSPrimitiveValue.getRectValue() - Web APIs
Web › API › CSSPrimitiveValue › getRectValue
example var cs = window.getcomputedstyle(document.getelementbyid("clippeddiv")); var cssvalue = cs.getpropertycssvalue("clip"); console.log(cssvalue.getrectvalue()); specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssprimitivevalue.getrectvalue' in that specification.
CSSPrimitiveValue.getStringValue() - Web APIs
Web › API › CSSPrimitiveValue › getStringValue
example var cs = window.getcomputedstyle(document.body); var cssvalue = cs.getpropertycssvalue("display"); console.log(cssvalue.getstringvalue()); specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssprimitivevalue.getstringvalue' in that specification.
CSSPrimitiveValue.primitiveType - Web APIs
Web › API › CSSPrimitiveValue › primitiveType
example var cs = window.getcomputedstyle(document.body); var cssvalue = cs.getpropertycssvalue("color"); console.log(cssvalue.primitivetype); specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssprimitivevalue.primitivetype' in that specification.
CSSPrimitiveValue.setFloatValue() - Web APIs
Web › API › CSSPrimitiveValue › setFloatValue
specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssprimitivevalue.setfloatvalue' in that specification.
CSSPrimitiveValue.setStringValue() - Web APIs
Web › API › CSSPrimitiveValue › setStringValue
specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssprimitivevalue.setstringvalue' in that specification.
CSSPrimitiveValue - Web APIs
Web › API › CSSPrimitiveValue
specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssprimitivevalue' in that specification.
CSSPseudoElement.element - Web APIs
Web › API › CSSPseudoElement › element
ngelement); // outputs false console.log(myelement.lastelementchild === csspseudoelement); // outputs false console.log(myelement.lastchild === csspseudoelement); // outputs false console.log(myelement.nextelementsibling === csspseudoelement); // outputs false console.log(myelement.nextsibling === csspseudoelement); // outputs false specifications specification status comment css pseudo-elements level 4the definition of 'element' in that specification.
CSSPseudoElement.type - Web APIs
Web › API › CSSPseudoElement › type
ples the example below demonstrates the relationship between csspseudoelement.type and element.pseudo(): const myelement = document.queryselector('q'); const myselector = '::after'; const csspseudoelement = myelement.pseudo(myselector); const typeofpseudoelement = csspseudoelement.type; console.log(myselector === typeofpseudoelement); // outputs true specifications specification status comment css pseudo-elements level 4the definition of 'type' in that specification.
CSSPseudoElement - Web APIs
Web › API › CSSPseudoElement
const element = document.queryselector('q'); const csspseudoelement = element.pseudo('::before'); console.log(csspseudoelement.element); // outputs [object htmlquoteelement] console.log(csspseudoelement.type); // outputs '::before' specifications specification status comment css pseudo-elements level 4the definition of 'csspseudoelement' in that specification.
CSSRule.cssText - Web APIs
Web › API › CSSRule › cssText
syntax string = cssrule.csstext example <style> body { background-color: darkblue; } </style> <script> var stylesheet = document.stylesheets[0]; alert(stylesheet.cssrules[0].csstext); // body { background-color: darkblue; } </script> specifications specification status comment css object model (cssom)the definition of 'cssrule: csstext' in that specification.
CSSRule.parentStyleSheet - Web APIs
Web › API › CSSRule › parentStyleSheet
} specifications specification status comment css object model (cssom)the definition of 'cssrule: parentstylesheet' in that specification.
CSSRule - Web APIs
Web › API › CSSRule
specifications specification status comment css object model (cssom)the definition of 'cssrule' in that specification.
CSSRuleList - Web APIs
Web › API › CSSRuleList
they are: cssstylesheet property cssrules cssmediarule property cssrules csskeyframesrule property cssrules cssmozdocumentrule property cssrules specifications specification status comment css object model (cssom)the definition of 'cssrulelist' in that specification.
CSSStyleDeclaration.cssText - Web APIs
Web › API › CSSStyleDeclaration › cssText
example <span id="s1" style="color: red;"> some text </span> <script> var elem = document.getelementbyid("s1"); alert(elem.style.csstext); // "color: red;" </script> specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration: csstext' in that specification.
CSSStyleDeclaration.getPropertyCSSValue() - Web APIs
Web › API › CSSStyleDeclaration › getPropertyCSSValue
example the following javascript code gets an object containing the computed rgb values of the color css property: var style = window.getcomputedstyle(elem, null); var rgbobj = style.getpropertycssvalue('color').getrgbcolorvalue(); specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssstyledeclaration' in that specification.
CSSStyleDeclaration.getPropertyPriority() - Web APIs
Web › API › CSSStyleDeclaration › getPropertyPriority
example the following javascript code checks whether margin is marked as important in a css selector rule: var declaration = document.stylesheets[0].cssrules[0].style; var isimportant = declaration.getpropertypriority('margin') === 'important'; specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.getpropertypriority()' in that specification.
CSSStyleDeclaration.getPropertyValue() - Web APIs
Web › API › CSSStyleDeclaration › getPropertyValue
example the following javascript code queries the value of the margin property in a css selector rule: var declaration = document.stylesheets[0].cssrules[0].style; var value = declaration.getpropertyvalue('margin'); // "1px 2px" specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.getpropertyvalue()' in that specification.
CSSStyleDeclaration.item() - Web APIs
Web › API › CSSStyleDeclaration › item
javascript has a special simpler syntax for obtaining an item from a nodelist by index: var propertyname = style[index]; example var style = document.getelementbyid('div1').style; var propertyname = style.item(1); // or simply style[1] - returns the second style listed specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.item()' in that specification.
CSSStyleDeclaration.length - Web APIs
Web › API › CSSStyleDeclaration › length
example the following gets the number of explicitly set styles on the following html element: <div id="div1" style="margin: 0 10px; background-color: #ca1; font-family: monospace"></div> javascript code: var mydiv = document.getelementbyid('div1'); var divstyle = mydiv.style; var len = divstyle.length; // 6 specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.length' in that specification.
CSSStyleDeclaration.parentRule - Web APIs
Web › API › CSSStyleDeclaration › parentRule
example the following javascript code gets the parent css style rule from a cssstyledeclaration: var declaration = document.stylesheets[0].rules[0].style; var rule = declaration.parentrule; specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.parentrule' in that specification.
CSSStyleDeclaration.removeProperty() - Web APIs
Web › API › CSSStyleDeclaration › removeProperty
example the following javascript code removes the background-color css property from a selector rule: var declaration = document.stylesheets[0].rules[0].style; var oldvalue = declaration.removeproperty('background-color'); specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.removeproperty()' in that specification.
CSSStyleDeclaration.setProperty() - Web APIs
Web › API › CSSStyleDeclaration › setProperty
boxpararule.style.setproperty('background-color', newbgcolor); } function setrandomcolor() { const newcolor = randomcolor(); boxpararule.style.setproperty('color', newcolor); } borderbtn.addeventlistener('click', setrandomborder); bgcolorbtn.addeventlistener('click', setrandombgcolor); colorbtn.addeventlistener('click', setrandomcolor); result specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration.setproperty()' in that specification.
CSSStyleDeclaration - Web APIs
Web › API › CSSStyleDeclaration
example var styleobj = document.stylesheets[0].cssrules[0].style; console.log(styleobj.csstext); for (var i = styleobj.length; i--;) { var namestring = styleobj[i]; styleobj.removeproperty(namestring); } console.log(styleobj.csstext); specifications specification status comment css object model (cssom)the definition of 'cssstyledeclaration' in that specification.
CSSStyleRule.selectorText - Web APIs
Web › API › CSSStyleRule › selectorText
specifications specification status comment css object model (cssom)the definition of 'cssstylerule.selectortext' in that specification.
CSSStyleRule.styleMap - Web APIs
Web › API › CSSStyleRule › styleMap
specifications specification status comment css typed om level 1the definition of 'stylemap' in that specification.
CSSStyleRule - Web APIs
Web › API › CSSStyleRule
specifications specification status comment css object model (cssom)the definition of 'cssstylerule' in that specification.
CSSStyleSheet.addRule() - Web APIs
Web › API › CSSStyleSheet › addRule
therefore, given existing code such as the following: cssstylesheet.addrule(selector, styles, 0); you can rewrite this to use the more standard insertrule() like this: cssstylesheet.insertrule(`${selector} {${styles}}`, 0); specifications specification status comment css object model (cssom)the definition of 'cssstylesheet.addrule()' in that specification.
CSSStyleSheet.cssRules - Web APIs
Web › API › CSSStyleSheet › cssRules
specifications specification status comment css object model (cssom)the definition of 'cssstylesheet.cssrules' in that specification.
CSSStyleSheet.deleteRule() - Web APIs
Web › API › CSSStyleSheet › deleteRule
mystyles.deleterule(0); specifications specification status comment css object model (cssom)the definition of 'cssstylesheet.deleterule()' in that specification.
CSSStyleSheet.insertRule() - Web APIs
Web › API › CSSStyleSheet › insertRule
ed (xor-ed by 1), and if it is not a backslash // then isescaped gets xored by itself, zeroing it isescaped ^= newcharcode===92?1:isescaped; // 92 = "\\".charcodeat(0) } // else, there is no unescaped bracket return originalinsertrule.call(this, selectorandrule, "", arguments[2]); }; } })(cssstylesheet.prototype); specifications specification status comment css object model (cssom)the definition of 'cssstylesheet.insertrule' in that specification.
CSSStyleSheet.ownerRule - Web APIs
Web › API › CSSStyleSheet › ownerRule
et rule of rulelist) { if (!rule.ownerrule) { /* rule is not imported */ } } this snipped obtains a reference to the stylesheet associated with the @import and processes it in some manner: let rulelist = document.stylesheets[0].cssrules; for (let rule of rulelist) { if (rule.ownerrule) { checkstylesheet(rule.ownerrule.stylesheet); } } specifications specification status comment css object model (cssom)the definition of 'cssstylesheet.ownerrule' in that specification.
CSSStyleSheet.removeRule() - Web APIs
Web › API › CSSStyleSheet › removeRule
mystyles.removerule(0); you can rewrite this to use the standard deleterule() method very easily: mystyles.deleterule(0); specifications specification status comment css object model (cssom)the definition of 'cssstylesheet.removerule()' in that specification.
CSSStyleSheet.rules - Web APIs
Web › API › CSSStyleSheet › rules
specifications specification status comment css object model (cssom)the definition of 'cssstylesheet.rules' in that specification.
CSSStyleSheet - Web APIs
Web › API › CSSStyleSheet
r style sheets applied to the document yes .ownerrule cssimportrule .stylesheet <?xml-stylesheet ?> processing instruction in the (non-html) document yes .ownernode processinginstruction .sheet http link header yes n/a n/a n/a user agent (default) style sheets no n/a n/a n/a specifications specification status comment css object model (cssom)the definition of 'cssstylesheet' in that specification.
CSSStyleValue.parse() - Web APIs
Web › API › CSSStyleValue › parse
const css = cssstylevalue.parse( 'transform', 'translate3d(10px,10px,0) scale(0.5)'); csstransformvalue {0: csstranslate, 1: cssscale, length: 2, is2d: false} specifications specification status comment css typed om level 1the definition of 'parse()' in that specification.
CSSStyleValue.parseAll() - Web APIs
Web › API › CSSStyleValue › parseAll
specifications specification status comment css typed om level 1the definition of 'parseall()' in that specification.
CSSStyleValue - Web APIs
Web › API › CSSStyleValue
specifications specification status comment css typed om level 1the definition of 'cssstylevalue' in that specification.
CSSSupportsRule - Web APIs
Web › API › CSSSupportsRule
specification specification status comment css conditional rules module level 3the definition of 'csssupportsrule' in that specification.
CSSUnitValue.CSSUnitValue() - Web APIs
Web › API › CSSUnitValue › CSSUnitValue
let pos = new csspositionvalue( new cssunitvalue(5, "px"), new cssunitvalue(10, "px")); specifications specification status comment css typed om level 1the definition of 'cssunitvalue' in that specification.
CSSUnitValue.unit - Web APIs
Web › API › CSSUnitValue › unit
let pos = new csspositionvalue( new cssunitvalue( 5, "px" ), new cssunitvalue( 10, "em" )); console.log( pos.x.unit ); // "px" console.log( pos.y.unit ); // "em" specifications specification status comment css typed om level 1the definition of 'cssunitvalue.unit' in that specification.
CSSUnitValue.value - Web APIs
Web › API › CSSUnitValue › value
let pos = new csspositionvalue( new cssunitvalue( 5, "px" ), new cssunitvalue( 10, "px" )); console.log( pos.x.value ); // 5 console.log( pos.y.value ); // 10 specifications specification status comment css typed om level 1the definition of 'cssunitvalue.value' in that specification.
CSSUnitValue - Web APIs
Web › API › CSSUnitValue
let pos = new csspositionvalue( new cssunitvalue(5, "px"), new cssunitvalue(10, "px")); specifications specification status comment css typed om level 1the definition of 'cssunitvalue' in that specification.
CSSUnparsedValue.CSSUnparsedValue() - Web APIs
Web › API › CSSUnparsedValue › CSSUnparsedValue
examples let value = new cssunparsedvalue( ['4deg'] ), values = new cssunparsedvalue( ['1em', '#445566', '-45px'] ); console.log( value ); // cssunparsedvalue {0: "4deg", length: 1} console.log( values ); // cssunparsedvalue {0: "1em", 1: "#445566", 2: "-45px", length: 3} specifications specification status comment css typed om level 1the definition of 'cssunparsedvalue' in that specification.
CSSUnparsedValue.entries() - Web APIs
Web › API › CSSUnparsedValue › entries
specifications specification status comment css typed om level 1the definition of 'entries()' in that specification.
CSSUnparsedValue.forEach() - Web APIs
Web › API › CSSUnparsedValue › forEach
specifications specification status comment css typed om level 1the definition of 'foreach()' in that specification.
CSSUnparsedValue.keys() - Web APIs
Web › API › CSSUnparsedValue › keys
specifications specification status comment css typed om level 1the definition of 'keys()' in that specification.
CSSUnparsedValue.length - Web APIs
Web › API › CSSUnparsedValue › length
examples in this example we employ the cssunparsedvalue.cssunparsedvalue() constructor, then query the length: let values = new cssunparsedvalue( ['1em', '#445566', '-45px'] ); console.log( values.length ) // 3 specifications specification status comment css typed om level 1the definition of 'length' in that specification.
CSSUnparsedValue.values() - Web APIs
Web › API › CSSUnparsedValue › values
specifications specification status comment css typed om level 1the definition of 'values()' in that specification.
CSSUnparsedValue - Web APIs
Web › API › CSSUnparsedValue
specifications specification status comment css typed om level 1the definition of 'cssunparsedvalue' in that specification.
CSSValue.cssText - Web APIs
Web › API › CSSValue › cssText
example var styledeclaration = document.stylesheets[0].cssrules[0].style; var cssvalue = styledeclaration.getpropertycssvalue("color"); console.log(cssvalue.csstext); specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssvalue.csstext' in that specification.
CSSValue.cssValueType - Web APIs
Web › API › CSSValue › cssValueType
example var styledeclaration = document.stylesheets[0].cssrules[0].style; var cssvalue = styledeclaration.getpropertycssvalue("color"); console.log(cssvalue.cssvaluetype); specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssvalue.cssvaluetype' in that specification.
CSSValue - Web APIs
Web › API › CSSValue
specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssvalue' in that specification.
CSSValueList.item() - Web APIs
Web › API › CSSValueList › item
specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssvaluelist.item' in that specification.
CSSValueList.length - Web APIs
Web › API › CSSValueList › length
specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssvaluelist.length' in that specification.
CSSValueList - Web APIs
Web › API › CSSValueList
specifications specification status comment document object model (dom) level 2 style specificationthe definition of 'cssvalueslist' in that specification.
CSSVariableReferenceValue() - Web APIs
Web › API › CSSVariableReferenceValue › CSSVariableReferenceValue
specifications specification status comment css typed om level 1the definition of 'cssvariablereferencevalue()' in that specification.
CSSVariableReferenceValue.fallback - Web APIs
Web › API › CSSVariableReferenceValue › fallback
specifications specification status comment css typed om level 1the definition of 'fallback' in that specification.
CSSVariableReferenceValue.variable - Web APIs
Web › API › CSSVariableReferenceValue › variable
specifications specification status comment css typed om level 1the definition of 'variable' in that specification.
CSSVariableReferenceValue - Web APIs
Web › API › CSSVariableReferenceValue
specifications specification status comment css typed om level 1the definition of 'cssvariablereferencevalue' in that specification.
CSS Counter Styles - Web APIs
Web › API › CSS Counter Styles
specifications specification status comment css counter styles level 3 candidate recommendation initial definition ...
CSS Object Model (CSSOM) - Web APIs
Web › API › CSS Object Model
managing screen orientation specifications specification status comment css typed om level 1 working draft css painting api level 1 working draft extended the css interface with the paintworklet static property.
CSS Painting API - Web APIs
Web › API › CSS Painting API
specifications specification status comment css painting api level 1 working draft initial definition.
CSS Properties and Values API - Web APIs
Web › API › CSS Properties and Values API
ive it a default value, and not allow it to inherit its value: window.css.registerproperty({ name: '--my-color', syntax: '<color>', inherits: false, initialvalue: '#c0ffee', }); the same registration can take place in css using the following @property: @property --my-color { syntax: '<color>'; inherits: false; initial-value: #c0ffee; } specifications specification status comment css properties and values api level 1 working draft initial definition.
CSS Typed Object Model API - Web APIs
Web › API › CSS Typed OM API
specifications specification status comment css typed om level 1 working draft initial definition.
Cache.delete() - Web APIs
Web › API › Cache › delete
examples caches.open('v1').then(function(cache) { cache.delete('/images/image.png').then(function(response) { someuiupdatefunction(); }); }) specifications specification status comment service workersthe definition of 'cache: delete' in that specification.
Cache.keys() - Web APIs
Web › API › Cache › keys
examples caches.open('v1').then(function(cache) { cache.keys().then(function(keys) { keys.foreach(function(request, index, array) { cache.delete(request); }); }); }) specifications specification status comment service workersthe definition of 'cache: keys' in that specification.
Cache.match() - Web APIs
Web › API › Cache › match
) { console.log('handling fetch event for', event.request.url); event.respondwith( fetch(event.request).catch(function(e) { console.error('fetch failed; returning offline page instead.', e); return caches.open(offline_cache).then(function(cache) { return cache.match(offline_url); }); }) ); } }); specifications specification status comment service workersthe definition of 'cache match' in that specification.
Cache.matchAll() - Web APIs
Web › API › Cache › matchAll
examples caches.open('v1').then(function(cache) { cache.matchall('/images/').then(function(response) { response.foreach(function(element, index, array) { cache.delete(element); }); }); }) specifications specification status comment service workersthe definition of 'cache: matchall' in that specification.
CacheStorage.delete() - Web APIs
Web › API › CacheStorage › delete
this.addeventlistener('activate', function(event) { var cachestokeep = ['v2']; event.waituntil( caches.keys().then(function(keylist) { return promise.all(keylist.map(function(key) { if (cachestokeep.indexof(key) === -1) { return caches.delete(key); } })); }) ); }); specifications specification status comment service workersthe definition of 'cachestorage: delete' in that specification.
CacheStorage.has() - Web APIs
Web › API › CacheStorage › has
}); specifications specification status comment service workersthe definition of 'cachestorage: has' in that specification.
CacheStorage.keys() - Web APIs
Web › API › CacheStorage › keys
then.addeventlistener('activate', function(event) { var cachewhitelist = ['v2']; event.waituntil( caches.keys().then(function(keylist) { return promise.all(keylist.map(function(key) { if (cachewhitelist.indexof(key) === -1) { return caches.delete(key); } }); }) ); }); specifications specification status comment service workersthe definition of 'cachestorage: keys' in that specification.
CacheStorage.match() - Web APIs
Web › API › CacheStorage › match
e copy in cache // and serve second one let responseclone = response.clone(); caches.open('v1').then(function (cache) { cache.put(event.request, responseclone); }); return response; }).catch(function () { return caches.match('/sw-test/gallery/mylittlevader.jpg'); }); } })); }); specifications specification status comment service workersthe definition of 'cachestorage: match' in that specification.
CacheStorage.open() - Web APIs
Web › API › CacheStorage › open
cache.addall([ '/sw-test/', '/sw-test/index.html', '/sw-test/style.css', '/sw-test/app.js', '/sw-test/image-list.js', '/sw-test/star-wars-logo.jpg', '/sw-test/gallery/bountyhunters.jpg', '/sw-test/gallery/mylittlevader.jpg', '/sw-test/gallery/snowtroopers.jpg' ]); }) ); specifications specification status comment service workersthe definition of 'cachestorage: open' in that specification.
CacheStorage - Web APIs
Web › API › CacheStorage
isourcache ) { continue; } caches.delete( key ); } } try { const data = await getdata(); console.log( { data } ); } catch ( error ) { console.error( { error } ); } specifications specification status comment service workersthe definition of 'cachestorage' in that specification.
CanvasCaptureMediaStreamTrack.canvas - Web APIs
Web › API › CanvasCaptureMediaStreamTrack › canvas
// obtain the canvas associated with the stream var canvas = stream.canvas; specifications specification status comment media capture from dom elementsthe definition of 'canvascapturemediastreamtrack.canvas' in that specification.
CanvasCaptureMediaStreamTrack.requestFrame() - Web APIs
Web › API › CanvasCaptureMediaStreamTrack › requestFrame
example // find the canvas element to capture var canvaselt = document.getelementsbytagname("canvas")[0]; // get the stream var stream = canvaselt.capturestream(25); // 25 fps // send the current state of the canvas as a frame to the stream stream.getvideotracks()[0].requestframe(); specifications specification status comment media capture from dom elementsthe definition of 'canvascapturemediastream.requestframe()' in that specification.
CanvasCaptureMediaStreamTrack - Web APIs
Web › API › CanvasCaptureMediaStreamTrack
specifications specification status comment media capture from dom elementsthe definition of 'canvascapturemediastreamtrack' in that specification.
CanvasGradient.addColorStop() - Web APIs
Web › API › CanvasGradient › addColorStop
vas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); let gradient = ctx.createlineargradient(0, 0, 200, 0); gradient.addcolorstop(0, 'green'); gradient.addcolorstop(.7, 'white'); gradient.addcolorstop(1, 'pink'); ctx.fillstyle = gradient; ctx.fillrect(10, 10, 200, 100); result specifications specification status comment html living standardthe definition of 'canvasgradient.addcolorstop' in that specification.
CanvasGradient - Web APIs
Web › API › CanvasGradient
specifications specification status comment html living standardthe definition of 'canvasgradient' in that specification.
CanvasImageSource - Web APIs
Web › API › CanvasImageSource
the interfaces that it allows to be used as image sources are the following: htmlimageelement svgimageelement htmlvideoelement htmlcanvaselement imagebitmap offscreencanvas specifications specification status comment html living standardthe definition of 'canvasimagesource' in that specification.
CanvasPattern.setTransform() - Web APIs
Web › API › CanvasPattern › setTransform
nction drawcanvas() { ctx.clearrect(0, 0, canvas.width, canvas.height); eval(textarea.value); } reset.addeventlistener('click', function() { textarea.value = code; drawcanvas(); }); edit.addeventlistener('click', function() { textarea.focus(); }) textarea.addeventlistener('input', drawcanvas); window.addeventlistener('load', drawcanvas); specifications specification status comment html living standardthe definition of 'canvaspattern.settransform' in that specification.
CanvasPattern - Web APIs
Web › API › CanvasPattern
specifications specification status comment html living standardthe definition of 'canvaspattern' in that specification.
CanvasRenderingContext2D.arc() - Web APIs
Web › API › CanvasRenderingContext2D › arc
// starting point on circle let endangle = math.pi + (math.pi * j) / 2; // end point on circle let anticlockwise = i % 2 == 1; // draw anticlockwise ctx.arc(x, y, radius, startangle, endangle, anticlockwise); if (i > 1) { ctx.fill(); } else { ctx.stroke(); } } } result screenshotlive sample specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.arc' in that specification.
CanvasRenderingContext2D.arcTo() - Web APIs
Web › API › CanvasRenderingContext2D › arcTo
0; let rr = 0; // the radius that changes over time let a = 0; // angle let pi2 = math.pi * 2; const loop = function (t) { t0 = t / 1000; a = t0 % pi2; rr = math.abs(math.cos(a) * r); ctx.clearrect(0, 0, canvas.width, canvas.height); drawarc([p1, p2, p3], rr); drawpoints([p1, p2, p3]); requestanimationframe(loop); } loop(0); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.arcto' in that specification.
CanvasRenderingContext2D.beginPath() - Web APIs
Web › API › CanvasRenderingContext2D › beginPath
const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // first path ctx.beginpath(); ctx.strokestyle = 'blue'; ctx.moveto(20, 20); ctx.lineto(200, 20); ctx.stroke(); // second path ctx.beginpath(); ctx.strokestyle = 'green'; ctx.moveto(20, 20); ctx.lineto(120, 120); ctx.stroke(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.beginpath' in that specification.
CanvasRenderingContext2D.bezierCurveTo() - Web APIs
Web › API › CanvasRenderingContext2D › bezierCurveTo
const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.moveto(30, 30); ctx.beziercurveto(120,160, 180,10, 220,140); ctx.stroke(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.beziercurveto' in that specification.
CanvasRenderingContext2D.canvas - Web APIs
Web › API › CanvasRenderingContext2D › canvas
you can get a reference to the canvas element within the canvasrenderingcontext2d by using the canvas property: var canvas = document.getelementbyid('canvas'); var ctx = canvas.getcontext('2d'); ctx.canvas // htmlcanvaselement specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.canvas' in that specification.
CanvasRenderingContext2D.clearRect() - Web APIs
Web › API › CanvasRenderingContext2D › clearRect
ext('2d'); // draw yellow background ctx.beginpath(); ctx.fillstyle = '#ff6'; ctx.fillrect(0, 0, canvas.width, canvas.height); // draw blue triangle ctx.beginpath(); ctx.fillstyle = 'blue'; ctx.moveto(20, 20); ctx.lineto(180, 20); ctx.lineto(130, 130); ctx.closepath(); ctx.fill(); // clear part of the canvas ctx.clearrect(10, 10, 120, 100); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.clearrect' in that specification.
CanvasRenderingContext2D.clip() - Web APIs
Web › API › CanvasRenderingContext2D › clip
javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // create clipping path let region = new path2d(); region.rect(80, 10, 20, 130); region.rect(40, 50, 100, 50); ctx.clip(region, "evenodd"); // draw stuff that gets clipped ctx.fillstyle = 'blue'; ctx.fillrect(0, 0, canvas.width, canvas.height); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.clip' in that specification.
CanvasRenderingContext2D.closePath() - Web APIs
Web › API › CanvasRenderingContext2D › closePath
const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.arc(240, 20, 40, 0, math.pi); ctx.moveto(100, 20); ctx.arc(60, 20, 40, 0, math.pi); ctx.moveto(215, 80); ctx.arc(150, 80, 65, 0, math.pi); ctx.closepath(); ctx.linewidth = 6; ctx.stroke(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.closepath' in that specification.
CanvasRenderingContext2D.createImageData() - Web APIs
Web › API › CanvasRenderingContext2D › createImageData
specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.createimagedata' in that specification.
CanvasRenderingContext2D.createLinearGradient() - Web APIs
Web › API › CanvasRenderingContext2D › createLinearGradient
is at x=20, y=0 // the end gradient point is at x=220, y=0 var gradient = ctx.createlineargradient(20,0, 220,0); // add three color stops gradient.addcolorstop(0, 'green'); gradient.addcolorstop(.5, 'cyan'); gradient.addcolorstop(1, 'green'); // set the fill style and draw a rectangle ctx.fillstyle = gradient; ctx.fillrect(20, 20, 200, 100); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.createlineargradient' in that specification.
CanvasRenderingContext2D.createPattern() - Web APIs
Web › API › CanvasRenderingContext2D › createPattern
e our primary canvas and fill it with the pattern const canvas = document.createelement('canvas'); const ctx = canvas.getcontext('2d'); const pattern = ctx.createpattern(patterncanvas, 'repeat'); ctx.fillstyle = pattern; ctx.fillrect(0, 0, canvas.width, canvas.height); // add our primary canvas to the webpage document.body.appendchild(canvas); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.createpattern' in that specification.
CanvasRenderingContext2D.createRadialGradient() - Web APIs
Web › API › CanvasRenderingContext2D › createRadialGradient
outer circle is at x=100, y=100, with radius=70 var gradient = ctx.createradialgradient(110,90,30, 100,100,70); // add three color stops gradient.addcolorstop(0, 'pink'); gradient.addcolorstop(.9, 'white'); gradient.addcolorstop(1, 'green'); // set the fill style and draw a rectangle ctx.fillstyle = gradient; ctx.fillrect(20, 20, 160, 160); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.createradialgradient' in that specification.
CanvasRenderingContext2D.direction - Web APIs
Web › API › CanvasRenderingContext2D › direction
html <canvas id="canvas"></canvas> javascript var canvas = document.getelementbyid('canvas'); var ctx = canvas.getcontext('2d'); ctx.font = '48px serif'; ctx.filltext('hi!', 150, 50); ctx.direction = 'rtl'; ctx.filltext('hi!', 150, 130); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.direction' in that specification.
CanvasRenderingContext2D.drawFocusIfNeeded() - Web APIs
Web › API › CanvasRenderingContext2D › drawFocusIfNeeded
'blue' : 'black'; ctx.filltext(el.textcontent, x + width / 2, y + height / 2); // define clickable area ctx.beginpath(); ctx.rect(x, y, width, height); // draw focus ring, if appropriate ctx.drawfocusifneeded(el); } result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.drawfocusifneeded' in that specification.
CanvasRenderingContext2D.drawImage() - Web APIs
Web › API › CanvasRenderingContext2D › drawImage
ll draw the image as 300x227, ignoring the custom size of 60x45 // given in the constructor ctx.drawimage(this, 0, 0); // to use the custom size we'll have to specify the scale parameters // using the element's width and height properties - lets draw one // on top in the corner: ctx.drawimage(this, 0, 0, this.width, this.height); } result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d: drawimage' in that specification.
CanvasRenderingContext2D.ellipse() - Web APIs
Web › API › CanvasRenderingContext2D › ellipse
; ctx.fillstyle = 'red'; ctx.beginpath(); ctx.ellipse(60, 75, 50, 30, math.pi * .25, 0, math.pi * 1.5); ctx.fill(); ctx.fillstyle = 'blue'; ctx.beginpath(); ctx.ellipse(150, 75, 50, 30, math.pi * .25, 0, math.pi); ctx.fill(); ctx.fillstyle = 'green'; ctx.beginpath(); ctx.ellipse(240, 75, 50, 30, math.pi * .25, 0, math.pi, true); ctx.fill(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.ellipse' in that specification.
CanvasRenderingContext2D.fill() - Web APIs
Web › API › CanvasRenderingContext2D › fill
ocument.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // create path let region = new path2d(); region.moveto(30, 90); region.lineto(110, 20); region.lineto(240, 130); region.lineto(60, 130); region.lineto(190, 20); region.lineto(270, 90); region.closepath(); // fill path ctx.fillstyle = 'green'; ctx.fill(region, 'evenodd'); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.fill' in that specification.
CanvasRenderingContext2D.fillRect() - Web APIs
Web › API › CanvasRenderingContext2D › fillRect
const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.fillrect(0, 0, canvas.width, canvas.height); specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.fillrect' in that specification.
CanvasRenderingContext2D.fillStyle - Web APIs
Web › API › CanvasRenderingContext2D › fillStyle
s = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); for (let i = 0; i < 6; i++) { for (let j = 0; j < 6; j++) { ctx.fillstyle = `rgb( ${math.floor(255 - 42.5 * i)}, ${math.floor(255 - 42.5 * j)}, 0)`; ctx.fillrect(j * 25, i * 25, 25, 25); } } the result looks like this: screenshotlive sample specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.fillstyle' in that specification.
CanvasRenderingContext2D.fillText() - Web APIs
Web › API › CanvasRenderingContext2D › fillText
html <canvas id="canvas" width="400" height="150"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.font = '50px serif'; ctx.filltext('hello world', 50, 90, 140); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.filltext' in that specification.
CanvasRenderingContext2D.filter - Web APIs
Web › API › CanvasRenderingContext2D › filter
le.com/samples/90/a34a525ace.jpg"> </div> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); const image = document.getelementbyid('source'); image.addeventlistener('load', e => { ctx.filter = 'contrast(1.4) sepia(1) drop-shadow(9px 9px 2px #e81)'; ctx.drawimage(image, 10, 10, 180, 120); }); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.filter' in that specification.
CanvasRenderingContext2D.font - Web APIs
Web › API › CanvasRenderingContext2D › font
let f = new fontface('test', 'url(x)'); f.load().then(function() { // ready to use the font in a canvas context }); specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.font' in that specification.
CanvasRenderingContext2D.getImageData() - Web APIs
Web › API › CanvasRenderingContext2D › getImageData
const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.rect(10, 10, 100, 100); ctx.fill(); let imagedata = ctx.getimagedata(60, 60, 200, 100); ctx.putimagedata(imagedata, 150, 10); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.getimagedata' in that specification.
CanvasRenderingContext2D.getLineDash() - Web APIs
Web › API › CanvasRenderingContext2D › getLineDash
const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.setlinedash([10, 20]); console.log(ctx.getlinedash()); // [10, 20] // draw a dashed line ctx.beginpath(); ctx.moveto(0, 50); ctx.lineto(300, 50); ctx.stroke(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.getlinedash' in that specification.
CanvasRenderingContext2D.getTransform() - Web APIs
Web › API › CanvasRenderingContext2D › getTransform
canvas'); const ctx1 = canvases[0].getcontext('2d'); const ctx2 = canvases[1].getcontext('2d'); ctx1.settransform(1, .2, .8, 1, 0, 0); ctx1.fillrect(25, 25, 50, 50); let storedtransform = ctx1.gettransform(); console.log(storedtransform); ctx2.settransform(storedtransform); ctx2.beginpath(); ctx2.arc(50, 50, 50, 0, 2 * math.pi); ctx2.fill(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.gettransform' in that specification.
CanvasRenderingContext2D.globalAlpha - Web APIs
Web › API › CanvasRenderingContext2D › globalAlpha
5); ctx.fillstyle = '#09f'; ctx.fillrect(0, 75, 75, 75); ctx.fillstyle = '#f30'; ctx.fillrect(75, 75, 75, 75); ctx.fillstyle = '#fff'; // set transparency value ctx.globalalpha = 0.2; // draw transparent circles for (let i = 0; i < 7; i++) { ctx.beginpath(); ctx.arc(75, 75, 10 + 10 * i, 0, math.pi * 2, true); ctx.fill(); } screenshotlive sample specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.globalalpha' in that specification.
CanvasRenderingContext2D.globalCompositeOperation - Web APIs
Web › API › CanvasRenderingContext2D › globalCompositeOperation
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.globalcompositeoperation = 'xor'; ctx.fillstyle = 'blue'; ctx.fillrect(10, 10, 100, 100); ctx.fillstyle = 'red'; ctx.fillrect(50, 50, 100, 100); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.globalcompositeoperation' in that specification.
CanvasRenderingContext2D.imageSmoothingEnabled - Web APIs
Web › API › CanvasRenderingContext2D › imageSmoothingEnabled
ght; ctx.filltext('source', w * .5, 20); ctx.drawimage(img, 0, 24, w, h); ctx.filltext('smoothing = true', w * 2.5, 20); ctx.imagesmoothingenabled = true; ctx.drawimage(img, w, 24, w * 3, h * 3); ctx.filltext('smoothing = false', w * 5.5, 20); ctx.imagesmoothingenabled = false; ctx.drawimage(img, w * 4, 24, w * 3, h * 3); }; result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.imagesmoothingenabled' in that specification.
CanvasRenderingContext2D.imageSmoothingQuality - Web APIs
Web › API › CanvasRenderingContext2D › imageSmoothingQuality
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); let img = new image(); img.src = 'https://mdn.mozillademos.org/files/222/canvas_createpattern.png'; img.onload = function() { ctx.imagesmoothingquality = 'low'; ctx.drawimage(img, 0, 0, 300, 150); }; result specifications specification status comment html living standardthe definition of 'imagesmoothingquality' in that specification.
CanvasRenderingContext2D.isPointInPath() - Web APIs
Web › API › CanvasRenderingContext2D › isPointInPath
for mouse moves canvas.addeventlistener('mousemove', function(event) { // check whether point is inside circle if (ctx.ispointinpath(circle, event.offsetx, event.offsety)) { ctx.fillstyle = 'green'; } else { ctx.fillstyle = 'red'; } // draw circle ctx.clearrect(0, 0, canvas.width, canvas.height); ctx.fill(circle); }); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.ispointinpath' in that specification.
CanvasRenderingContext2D.isPointInStroke() - Web APIs
Web › API › CanvasRenderingContext2D › isPointInStroke
mousemove', function(event) { // check whether point is inside ellipse's stroke if (ctx.ispointinstroke(ellipse, event.offsetx, event.offsety)) { ctx.strokestyle = 'green'; } else { ctx.strokestyle = 'red'; } // draw ellipse ctx.clearrect(0, 0, canvas.width, canvas.height); ctx.fill(ellipse); ctx.stroke(ellipse); }); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.ispointinstroke' in that specification.
CanvasRenderingContext2D.lineCap - Web APIs
Web › API › CanvasRenderingContext2D › lineCap
ctx.moveto(10, 10); ctx.lineto(140, 10); ctx.moveto(10, 140); ctx.lineto(140, 140); ctx.stroke(); // draw lines ctx.strokestyle = 'black'; for (let i = 0; i < linecap.length; i++) { ctx.linewidth = 15; ctx.linecap = linecap[i]; ctx.beginpath(); ctx.moveto(25 + i * 50, 10); ctx.lineto(25 + i * 50, 140); ctx.stroke(); } screenshotlive sample specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.linecap' in that specification.
CanvasRenderingContext2D.lineDashOffset - Web APIs
Web › API › CanvasRenderingContext2D › lineDashOffset
id('canvas'); const ctx = canvas.getcontext('2d'); let offset = 0; function draw() { ctx.clearrect(0, 0, canvas.width, canvas.height); ctx.setlinedash([4, 2]); ctx.linedashoffset = -offset; ctx.strokerect(10, 10, 100, 100); } function march() { offset++; if (offset > 16) { offset = 0; } draw(); settimeout(march, 20); } march(); specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.linedashoffset' in that specification.
CanvasRenderingContext2D.lineJoin - Web APIs
Web › API › CanvasRenderingContext2D › lineJoin
); var linejoin = ['round', 'bevel', 'miter']; ctx.linewidth = 10; for (let i = 0; i < linejoin.length; i++) { ctx.linejoin = linejoin[i]; ctx.beginpath(); ctx.moveto(-5, 5 + i * 40); ctx.lineto(35, 45 + i * 40); ctx.lineto(75, 5 + i * 40); ctx.lineto(115, 45 + i * 40); ctx.lineto(155, 5 + i * 40); ctx.stroke(); } screenshotlive sample specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.linejoin' in that specification.
CanvasRenderingContext2D.lineTo() - Web APIs
Web › API › CanvasRenderingContext2D › lineTo
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.moveto(90, 130); ctx.lineto(95, 25); ctx.lineto(150, 80); ctx.lineto(205, 25); ctx.lineto(210, 130); ctx.linewidth = 15; ctx.stroke(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.lineto' in that specification.
CanvasRenderingContext2D.lineWidth - Web APIs
Web › API › CanvasRenderingContext2D › lineWidth
specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.linewidth' in that specification.
CanvasRenderingContext2D.measureText() - Web APIs
Web › API › CanvasRenderingContext2D › measureText
you can get a textmetrics object using the following code: const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); let text = ctx.measuretext('hello world'); console.log(text.width); // 56; specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.measuretext' in that specification.
CanvasRenderingContext2D.miterLimit - Web APIs
Web › API › CanvasRenderingContext2D › miterLimit
ctx.clearrect(0, 0, canvas.width, canvas.height); eval(textarea.value); } reset.addeventlistener("click", function() { textarea.value = code; drawcanvas(); }); edit.addeventlistener("click", function() { textarea.focus(); }) textarea.addeventlistener("input", drawcanvas); window.addeventlistener("load", drawcanvas); screenshotlive sample specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.miterlimit' in that specification.
CanvasRenderingContext2D.moveTo() - Web APIs
Web › API › CanvasRenderingContext2D › moveTo
var canvas = document.getelementbyid('canvas'); var ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.moveto(50, 50); // begin first sub-path ctx.lineto(200, 50); ctx.moveto(50, 90); // begin second sub-path ctx.lineto(280, 120); ctx.stroke(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.moveto' in that specification.
CanvasRenderingContext2D.putImageData() - Web APIs
Web › API › CanvasRenderingContext2D › putImageData
255; pixels[0 + 3] = 1; console.log("before:", pixels); context.putimagedata(imgdata, 0, 0); const imgdata2 = context.getimagedata(0, 0, canvas.width, canvas.height); const pixels2 = imgdata2.data; console.log("after:", pixels2); the output might look like: before: uint8clampedarray(4) [ 1, 127, 255, 1 ] after: uint8clampedarray(4) [ 255, 255, 255, 1 ] specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.putimagedata' in that specification.
CanvasRenderingContext2D.quadraticCurveTo() - Web APIs
Web › API › CanvasRenderingContext2D › quadraticCurveTo
const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.moveto(20, 110); ctx.quadraticcurveto(230, 150, 250, 20); ctx.stroke(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.quadraticcurveto' in that specification.
CanvasRenderingContext2D.rect() - Web APIs
Web › API › CanvasRenderingContext2D › rect
const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.rect(10, 20, 150, 100); ctx.fill(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.rect' in that specification.
CanvasRenderingContext2D.resetTransform() - Web APIs
Web › API › CanvasRenderingContext2D › resetTransform
polyfill you can also use the settransform() method to reset the current transform to the identity matrix, like so: ctx.settransform(1, 0, 0, 1, 0, 0); specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.resettransform' in that specification.
CanvasRenderingContext2D.restore() - Web APIs
Web › API › CanvasRenderingContext2D › restore
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // save the default state ctx.save(); ctx.fillstyle = 'green'; ctx.fillrect(10, 10, 100, 100); // restore the default state ctx.restore(); ctx.fillrect(150, 40, 100, 100); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.restore' in that specification.
CanvasRenderingContext2D.rotate() - Web APIs
Web › API › CanvasRenderingContext2D › rotate
specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.rotate' in that specification.
CanvasRenderingContext2D.save() - Web APIs
Web › API › CanvasRenderingContext2D › save
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // save the default state ctx.save(); ctx.fillstyle = 'green'; ctx.fillrect(10, 10, 100, 100); // restore the default state ctx.restore(); ctx.fillrect(150, 40, 100, 100); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.save' in that specification.
CanvasRenderingContext2D.scale() - Web APIs
Web › API › CanvasRenderingContext2D › scale
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.scale(-1, 1); ctx.font = '48px serif'; ctx.filltext('hello world!', -280, 90); ctx.settransform(1, 0, 0, 1, 0, 0); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.scale' in that specification.
CanvasRenderingContext2D.scrollPathIntoView() - Web APIs
Web › API › CanvasRenderingContext2D › scrollPathIntoView
nction drawcanvas() { ctx.clearrect(0, 0, canvas.width, canvas.height); eval(textarea.value); } reset.addeventlistener("click", function() { textarea.value = code; drawcanvas(); }); edit.addeventlistener("click", function() { textarea.focus(); }) textarea.addeventlistener("input", drawcanvas); window.addeventlistener("load", drawcanvas); specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.scrollpathintoview' in that specification.
CanvasRenderingContext2D.setLineDash() - Web APIs
Web › API › CanvasRenderingContext2D › setLineDash
; y += 20; } const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); let y = 15; drawdashedline([]); drawdashedline([1, 1]); drawdashedline([10, 10]); drawdashedline([20, 5]); drawdashedline([15, 3, 3, 3]); drawdashedline([20, 3, 3, 3, 3, 3, 3, 3]); drawdashedline([12, 3, 3]); // equals [12, 3, 3, 12, 3, 3] result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.setlinedash' in that specification.
CanvasRenderingContext2D.setTransform() - Web APIs
Web › API › CanvasRenderingContext2D › setTransform
canvas'); const ctx1 = canvases[0].getcontext('2d'); const ctx2 = canvases[1].getcontext('2d'); ctx1.settransform(1, .2, .8, 1, 0, 0); ctx1.fillrect(25, 25, 50, 50); let storedtransform = ctx1.gettransform(); console.log(storedtransform); ctx2.settransform(storedtransform); ctx2.beginpath(); ctx2.arc(50, 50, 50, 0, 2 * math.pi); ctx2.fill(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.settransform' in that specification.
CanvasRenderingContext2D.shadowBlur - Web APIs
Web › API › CanvasRenderingContext2D › shadowBlur
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // shadow ctx.shadowcolor = 'red'; ctx.shadowblur = 15; // rectangle ctx.fillstyle = 'blue'; ctx.fillrect(20, 20, 150, 100); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.shadowblur' in that specification.
CanvasRenderingContext2D.shadowColor - Web APIs
Web › API › CanvasRenderingContext2D › shadowColor
getcontext('2d'); // shadow ctx.shadowcolor = 'rgba(255, 0, 0, .8)'; ctx.shadowblur = 8; ctx.shadowoffsetx = 30; ctx.shadowoffsety = 20; // filled rectangle ctx.fillstyle = 'rgba(0, 255, 0, .2)'; ctx.fillrect(10, 10, 150, 100); // stroked rectangle ctx.linewidth = 10; ctx.strokestyle = 'rgba(0, 0, 255, .6)'; ctx.strokerect(10, 10, 150, 100); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.shadowcolor' in that specification.
CanvasRenderingContext2D.shadowOffsetX - Web APIs
Web › API › CanvasRenderingContext2D › shadowOffsetX
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // shadow ctx.shadowcolor = 'red'; ctx.shadowoffsetx = 25; ctx.shadowblur = 10; // rectangle ctx.fillstyle = 'blue'; ctx.fillrect(20, 20, 150, 100); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.shadowoffsetx' in that specification.
CanvasRenderingContext2D.shadowOffsetY - Web APIs
Web › API › CanvasRenderingContext2D › shadowOffsetY
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); // shadow ctx.shadowcolor = 'red'; ctx.shadowoffsety = 25; ctx.shadowblur = 10; // rectangle ctx.fillstyle = 'blue'; ctx.fillrect(20, 20, 150, 80); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.shadowoffsety' in that specification.
CanvasRenderingContext2D.stroke() - Web APIs
Web › API › CanvasRenderingContext2D › stroke
nvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.linewidth = 16; ctx.strokestyle = 'red'; // stroke on top of fill ctx.beginpath(); ctx.rect(25, 25, 100, 100); ctx.fill(); ctx.stroke(); // fill on top of stroke ctx.beginpath(); ctx.rect(175, 25, 100, 100); ctx.stroke(); ctx.fill(); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.stroke' in that specification.
CanvasRenderingContext2D.strokeRect() - Web APIs
Web › API › CanvasRenderingContext2D › strokeRect
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.shadowcolor = '#d53'; ctx.shadowblur = 20; ctx.linejoin = 'bevel'; ctx.linewidth = 15; ctx.strokestyle = '#38f'; ctx.strokerect(30, 30, 160, 90); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.strokerect' in that specification.
CanvasRenderingContext2D.strokeStyle - Web APIs
Web › API › CanvasRenderingContext2D › strokeStyle
('2d'); for (let i = 0; i < 6; i++) { for (let j = 0; j < 6; j++) { ctx.strokestyle = `rgb( 0, ${math.floor(255 - 42.5 * i)}, ${math.floor(255 - 42.5 * j)})`; ctx.beginpath(); ctx.arc(12.5 + j * 25, 12.5 + i * 25, 10, 0, math.pi * 2, true); ctx.stroke(); } } the result looks like this: screenshotlive sample specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.strokestyle' in that specification.
CanvasRenderingContext2D.strokeText() - Web APIs
Web › API › CanvasRenderingContext2D › strokeText
html <canvas id="canvas" width="400" height="150"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.font = '50px serif'; ctx.stroketext('hello world', 50, 90, 140); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.stroketext' in that specification.
CanvasRenderingContext2D.textAlign - Web APIs
Web › API › CanvasRenderingContext2D › textAlign
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.font = '30px serif'; ctx.direction = 'ltr'; ctx.textalign = 'start'; ctx.filltext('start-aligned', 0, 50); ctx.textalign = 'end'; ctx.filltext('end-aligned', canvas.width, 120); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.textalign' in that specification.
CanvasRenderingContext2D.textBaseline - Web APIs
Web › API › CanvasRenderingContext2D › textBaseline
betic', 'ideographic', 'bottom']; ctx.font = '36px serif'; ctx.strokestyle = 'red'; baselines.foreach(function (baseline, index) { ctx.textbaseline = baseline; const y = 75 + index * 75; ctx.beginpath(); ctx.moveto(0, y + 0.5); ctx.lineto(550, y + 0.5); ctx.stroke(); ctx.filltext('abcdefghijklmnop (' + baseline + ')', 0, y); }); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.textbaseline' in that specification.
CanvasRenderingContext2D.transform() - Web APIs
Web › API › CanvasRenderingContext2D › transform
html <canvas id="canvas"></canvas> javascript const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.transform(1, .2, .8, 1, 0, 0); ctx.fillrect(0, 0, 100, 100); result specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.transform' in that specification.
CanvasRenderingContext2D.translate() - Web APIs
Web › API › CanvasRenderingContext2D › translate
specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d.translate' in that specification.
CanvasRenderingContext2D - Web APIs
Web › API › CanvasRenderingContext2D
specifications specification status comment html living standardthe definition of 'canvasrenderingcontext2d' in that specification.
Canvas API - Web APIs
Web › API › Canvas API
specifications specification status comment html living standardthe definition of 'the 2d rendering context' in that specification.
CaretPosition - Web APIs
Web › API › CaretPosition
methods caretposition.getclientrect specification specification status comment css object model (cssom) view modulethe definition of 'caretposition' in that specification.
ChannelMergerNode() - Web APIs
Web › API › ChannelMergerNode › ChannelMergerNode
example var ac = new audiocontext(); var options = { numberofinputs : 2 } var mymerger = new channelmergernode(ac, options); specifications specification status comment web audio apithe definition of 'channelmergernode' in that specification.
ChannelMergerNode - Web APIs
Web › API › ChannelMergerNode
merger.connect(dest); }); specifications specification status comment web audio apithe definition of 'channelmergernode' in that specification.
ChannelSplitterNode.ChannelSplitterNode() - Web APIs
Web › API › ChannelSplitterNode › ChannelSplitterNode
example var ac = new audiocontext(); var options = { numberofoutputs : 2 } var mysplitter = new channelsplitternode(ac, options); specifications specification status comment web audio apithe definition of 'channelsplitternode' in that specification.
ChannelSplitterNode - Web APIs
Web › API › ChannelSplitterNode
merger.connect(dest); }); specifications specification status comment web audio apithe definition of 'channelsplitternode' in that specification.
Using channel messaging - Web APIs
Web › API › Channel Messaging API › Using channel messaging
specifications specification status comment html living standardthe definition of 'channel messaging' in that specification.
Channel Messaging API - Web APIs
Web › API › Channel Messaging API
specifications specification status comment html living standardthe definition of 'channel messaging' in that specification.
CharacterData - Web APIs
Web › API › CharacterData
specifications specification status comment domthe definition of 'characterdata' in that specification.
ChildNode.after() - Web APIs
Web › API › ChildNode › after
; })(element); /* minified: (function(x){ var o=x.prototype; o.after||(o.after=function(){var e,m=arguments,l=m.length,i=0,t=this,p=t.parentnode,n=node,s=string,d=document;if(p!==null){while(i<l){((e=m[i]) instanceof n)?(((t=t.nextsibling )!==null)?p.insertbefore(e,t):p.appendchild(e)):p.appendchild(d.createtextnode(s(e)));++i;}}}); }(element)); */ specification specification status comment domthe definition of 'childnode.after()' in that specification.
ChildNode.before() - Web APIs
Web › API › ChildNode › before
argitem : document.createtextnode(string(argitem))); }); this.parentnode.insertbefore(docfrag, this); } }); }); })([element.prototype, characterdata.prototype, documenttype.prototype]); specification specification status comment domthe definition of 'childnode.before()' in that specification.
ChildNode.remove() - Web APIs
Web › API › ChildNode › remove
item) { if (item.hasownproperty('remove')) { return; } object.defineproperty(item, 'remove', { configurable: true, enumerable: true, writable: true, value: function remove() { this.parentnode.removechild(this); } }); }); })([element.prototype, characterdata.prototype, documenttype.prototype]); specifications specification status comment domthe definition of 'childnode.remove' in that specification.
ChildNode.replaceWith() - Web APIs
Web › API › ChildNode › replaceWith
arent.insertbefore(currentnode, this.nextsibling); } } if (!element.prototype.replacewith) element.prototype.replacewith = replacewithpolyfill; if (!characterdata.prototype.replacewith) characterdata.prototype.replacewith = replacewithpolyfill; if (!documenttype.prototype.replacewith) documenttype.prototype.replacewith = replacewithpolyfill; specification specification status comment domthe definition of 'childnode.replacewith()' in that specification.
ChildNode - Web APIs
Web › API › ChildNode
specifications specification status comment domthe definition of 'childnode' in that specification.
Client.frameType - Web APIs
Web › API › Client › frameType
syntax var myframetype = client.frametype; example tbd specifications specification status comment service workersthe definition of 'frametype' in that specification.
Client.id - Web APIs
Web › API › Client › id
syntax var clientid = client.id; example tbd specifications specification status comment service workersthe definition of 'id' in that specification.
Client.postMessage() - Web APIs
Web › API › Client › postMessage
client.postmessage({ msg: "hey i just got a fetch from you!", url: event.request.url }); }()); }); receiving that message: navigator.serviceworker.addeventlistener('message', event => { console.log(event.data.msg, event.data.url); }); specifications specification status comment service workersthe definition of 'postmessage()' in that specification.
Client.type - Web APIs
Web › API › Client › type
your message was: " + e.data); // let's also post the type value back to the client e.source.postmessage(e.source.type); }); specifications specification status comment service workersthe definition of 'type' in that specification.
Client.url - Web APIs
Web › API › Client › url
// focuses if it is event.waituntil(clients.matchall({ type: 'window' }).then(function(clientlist) { for (var i = 0; i < clientlist.length; i++) { var client = clientlist[i]; if (client.url == '/' && 'focus' in client) return client.focus(); } if (clients.openwindow) return clients.openwindow('/'); })); }); specifications specification status comment service workersthe definition of 'url' in that specification.
Client - Web APIs
Web › API › Client
specifications specification status comment service workersthe definition of 'client' in that specification.
Clients.claim() - Web APIs
Web › API › Clients › claim
self.addeventlistener('activate', event => { event.waituntil(clients.claim()); }); specifications specification status comment service workersthe definition of 'claim()' in that specification.
Clients.get() - Web APIs
Web › API › Clients › get
examples self.clients.get(id).then(function(client) { self.clients.openwindow(client.url); }); specifications specification status comment service workersthe definition of 'get()' in that specification.
Clients.matchAll() - Web APIs
Web › API › Clients › matchAll
examples clients.matchall(options).then(function(clientlist) { for (var i = 0 ; i < clientlist.length ; i++) { if (clientlist[i].url === 'index.html') { clients.openwindow(clientlist[i]); // or do something else involving the matching client } } }); specifications specification status comment service workersthe definition of 'clients: matchall' in that specification.
Clients.openWindow() - Web APIs
Web › API › Clients › openWindow
windowclient.focus() : null); })); }); specifications specification status comment service workersthe definition of 'clients: openwindow' in that specification.
Clients - Web APIs
Web › API › Clients
client.focus(); chatclient = client; break; } } // if we didn't find an existing chat window, // open a new one: if (!chatclient) { chatclient = await clients.openwindow('/chat/'); } // message the client: chatclient.postmessage("new chat messages!"); }()); }); specifications specification status comment service workersthe definition of 'clients' in that specification.
Clipboard.read() - Web APIs
Web › API › Clipboard › read
specifications specification status comment clipboard api and eventsthe definition of 'read()' in that specification.
Clipboard.readText() - Web APIs
Web › API › Clipboard › readText
navigator.clipboard.readtext().then( cliptext => document.getelementbyid("outbox").innertext = cliptext); specifications specification status comment clipboard api and eventsthe definition of 'readtext()' in that specification.
Clipboard.write() - Web APIs
Web › API › Clipboard › write
specifications specification status comment clipboard api and eventsthe definition of 'write()' in that specification.
Clipboard.writeText() - Web APIs
Web › API › Clipboard › writeText
navigator.clipboard.writetext("<empty clipboard>").then(function() { /* clipboard successfully set */ }, function() { /* clipboard write failed */ }); specifications specification status comment clipboard api and eventsthe definition of 'writetext()' in that specification.
Clipboard - Web APIs
Web › API › Clipboard
specifications specification status comment clipboard api and eventsthe definition of 'clipboard' in that specification.
ClipboardEvent() - Web APIs
Web › API › ClipboardEvent › ClipboardEvent
specifications specification status comment clipboard api and eventsthe definition of 'clipboardevent()' in that specification.
ClipboardEvent.clipboardData - Web APIs
Web › API › ClipboardEvent › clipboardData
syntax data = clipboardevent.clipboarddata specifications specification status comment clipboard api and eventsthe definition of 'clipboardevent.clipboarddata' in that specification.
ClipboardEvent - Web APIs
Web › API › ClipboardEvent
specifications specification status comment clipboard api and eventsthe definition of 'clipboardevent' in that specification.
ClipboardItem() - Web APIs
Web › API › ClipboardItem › ClipboardItem
nction writeclipimg() { try { const imgurl = '/myimage.png'; const data = await fetch(imgurl); const blob = await data.blob(); await navigator.clipboard.write([ new clipboarditem({ [blob.type]: blob }) ]); console.log('fetched image copied.'); } catch(err) { console.error(err.name, err.message); } } specifications specification status comment clipboard api and eventsthe definition of 'clipboarditem' in that specification.
ClipboardItem.getType() - Web APIs
Web › API › ClipboardItem › getType
contents() { try { const clipboarditems = await navigator.clipboard.read(); for (const clipboarditem of clipboarditems) { for (const type of clipboarditem.types) { const blob = await clipboarditem.gettype(type); // we can now use blob here } } } catch (err) { console.error(err.name, err.message); } } specifications specification status comment clipboard api and eventsthe definition of 'clipboarditem' in that specification.
ClipboardItem.types - Web APIs
Web › API › ClipboardItem › types
contents() { try { const clipboarditems = await navigator.clipboard.read(); for (const clipboarditem of clipboarditems) { for (const type of clipboarditem.types) { const blob = await clipboarditem.gettype(type); // we can now use blob here } } } catch (err) { console.error(err.name, err.message); } } specifications specification status comment clipboard api and eventsthe definition of 'clipboarditem' in that specification.
ClipboardItem - Web APIs
Web › API › ClipboardItem
contents() { try { const clipboarditems = await navigator.clipboard.read(); for (const clipboarditem of clipboarditems) { for (const type of clipboarditem.types) { const blob = await clipboarditem.gettype(type); // we can now use blob here } } } catch (err) { console.error(err.name, err.message); } } specifications specification status comment clipboard api and eventsthe definition of 'clipboarditem' in that specification.
Clipboard API - Web APIs
Web › API › Clipboard API
specifications specification status comment clipboard api and events working draft initial definition.
CloseEvent() - Web APIs
Web › API › CloseEvent › CloseEvent
specifications specification status comment html living standardthe definition of 'closeevent()' in that specification.
Comment() - Web APIs
Web › API › Comment › Comment
syntax comment1 = new comment(); // create an empty comment comment2 = new comment("this is a comment"); example var comment = new comment("test"); specifications specification status comment domthe definition of 'comment: comment' in that specification.
Comment - Web APIs
Web › API › Comment
specifications specification status comment domthe definition of 'comment' in that specification.
CompositionEvent.CompositionEvent() - Web APIs
Web › API › CompositionEvent › CompositionEvent
specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'compositionevent()' in that specification.
CompositionEvent.data - Web APIs
Web › API › CompositionEvent › data
specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'data' in that specification.
CompositionEvent.initCompositionEvent() - Web APIs
Web › API › CompositionEvent › initCompositionEvent
specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'initcompositionevent()' in that specification.
CompositionEvent.locale - Web APIs
Web › API › CompositionEvent › locale
specifications specification status comment document object model (dom) level 3 events specification obsolete no longer in the spec, but still supported.
CompositionEvent - Web APIs
Web › API › CompositionEvent
specifications specification status comment ui eventsthe definition of 'compositionevent' in that specification.
console.assert() - Web APIs
Web › API › Console › assert
specifications specification status comment console apithe definition of 'console.assert()' in that specification.
console.clear() - Web APIs
Web › API › Console › clear
syntax console.clear(); specifications specification status comment console apithe definition of 'console.clear()' in that specification.
console.count() - Web APIs
Web › API › Console › count
specifications specification status comment console apithe definition of 'console.count()' in that specification.
Console.countReset() - Web APIs
Web › API › Console › countReset
specifications specification status comment console apithe definition of 'console.countreset()' in that specification.
console.debug() - Web APIs
Web › API › Console › debug
specifications specification status comment console apithe definition of 'console.debug()' in that specification.
Console.dir() - Web APIs
Web › API › Console › dir
specifications specification status comment console apithe definition of 'console.dir()' in that specification.
Console.dirxml() - Web APIs
Web › API › Console › dirxml
specifications specification status comment console apithe definition of 'console.dirxml()' in that specification.
Console.error() - Web APIs
Web › API › Console › error
specifications specification status comment console apithe definition of 'console.error()' in that specification.
Console.group() - Web APIs
Web › API › Console › group
specifications specification status comment console apithe definition of 'console.group()' in that specification.
Console.groupCollapsed() - Web APIs
Web › API › Console › groupCollapsed
specifications specification status comment console apithe definition of 'console.groupcollapsed()' in that specification.
Console.groupEnd() - Web APIs
Web › API › Console › groupEnd
specifications specification status comment console apithe definition of 'console.groupend()' in that specification.
Console.info() - Web APIs
Web › API › Console › info
specifications specification status comment console apithe definition of 'console.info()' in that specification.
console.log() - Web APIs
Web › API › Console › log
specifications specification status comment console apithe definition of 'console.log()' in that specification.
Console.table() - Web APIs
Web › API › Console › table
specifications specification status comment console apithe definition of 'console.table()' in that specification.
Console.time() - Web APIs
Web › API › Console › time
specifications specification status comment console apithe definition of 'console.time()' in that specification.
Console.timeEnd() - Web APIs
Web › API › Console › timeEnd
specifications specification status comment console apithe definition of 'console.timeend()' in that specification.
Console.timeLog() - Web APIs
Web › API › Console › timeLog
specifications specification status comment console apithe definition of 'console.timelog()' in that specification.
console.trace() - Web APIs
Web › API › Console › trace
example function foo() { function bar() { console.trace(); } bar(); } foo(); in the console, the following trace will be displayed: bar foo <anonymous> specifications specification status comment console apithe definition of 'console.trace()' in that specification.
Console.warn() - Web APIs
Web › API › Console › warn
specifications specification status comment console apithe definition of 'console.warn()' in that specification.
console - Web APIs
Web › API › Console
given code like this: function foo() { function bar() { console.trace(); } bar(); } foo(); the output in the console looks something like this: specifications specification status comment console api living standard initial definition.
Console API - Web APIs
Web › API › Console API
specifications specification status comment console api living standard initial definition.
ConstantSourceNode() - Web APIs
Web › API › ConstantSourceNode › ConstantSourceNode
specifications specification status comment web audio apithe definition of 'constantsourcenode: constantsourcenode' in that specification.
ConstantSourceNode.offset - Web APIs
Web › API › ConstantSourceNode › offset
specifications specification status comment web audio apithe definition of 'offset' in that specification.
ConstantSourceNode - Web APIs
Web › API › ConstantSourceNode
specification specification status comment web audio apithe definition of 'constantsourcenode' in that specification.
ConstrainBoolean - Web APIs
Web › API › ConstrainBoolean
specifications specification status comment media capture and streamsthe definition of 'constrainboolean' in that specification.
ConstrainDOMString - Web APIs
Web › API › ConstrainDOMString
specifications specification status comment media capture and streamsthe definition of 'constraindomstring' in that specification.
ConstrainDouble - Web APIs
Web › API › ConstrainDouble
specifications specification status comment media capture and streamsthe definition of 'constraindouble' in that specification.
ConstrainULong - Web APIs
Web › API › ConstrainULong
specifications specification status comment media capture and streamsthe definition of 'constrainulong' in that specification.
ContentIndex.add() - Web APIs
Web › API › ContentIndex › add
// our content const item = { id: 'post-1', url: '/posts/amet.html', title: 'amet consectetur adipisicing', description: 'repellat et quia iste possimus ducimus aliquid a aut eaque nostrum.', icons: [{ src: '/media/dark.png', sizes: '128x128', type: 'image/png', }], category: 'article' }; self.registration.index.add(item); specifications specification status comment unknownthe definition of 'add' in that specification.
ContentIndex.delete() - Web APIs
Web › API › ContentIndex › delete
self.registration.index.delete('my-id'); specifications specification status comment unknownthe definition of 'delete' in that specification.
ContentIndex.getAll() - Web APIs
Web › API › ContentIndex › getAll
= document.createelement('ul'); for (const entry of entries) { const listitem = document.createelement('li'); const anchorelem = document.createelement('a'); anchorelem.innertext = entry.title; anchorelem.setattribute('href', entry.url); listelem.append(listitem); } readinglistelem.append(listelem); } } specifications specification status comment unknownthe definition of 'getall' in that specification.
ContentIndex - Web APIs
Web › API › ContentIndex
they are accessible from the workerglobalscope.self property: // service worker script self.registration.index.add(item); self.registration.index.delete(item.id); const contentindexitems = self.registration.index.getall(); specifications specification status comment unknownthe definition of 'contentindex' in that specification.
ContentIndexEvent() - Web APIs
Web › API › ContentIndexEvent › ContentIndexEvent
var removedata = { id : 'unique-content-id' } var cievent = new contentindexevent('contentdelete', removedata); cievent.id; // should return 'unique-content-id' specifications specification status comment unknownthe definition of 'contentindexevent' in that specification.
ContentIndexEvent.id - Web APIs
Web › API › ContentIndexEvent › id
self.addeventlistener('contentdelete', (event) => { console.log(event.id); // logs content index id, which can then be used to determine what content to delete from your cache }); specifications specification status comment unknownthe definition of 'id' in that specification.
ContentIndexEvent - Web APIs
Web › API › ContentIndexEvent
self.addeventlistener('contentdelete', (event) => { console.log(event.id); // logs content index id, which can then be used to determine what content to delete from your cache }); specifications specification status comment unknownthe definition of 'contentindexevent' in that specification.
Content Index API - Web APIs
Web › API › Content Index API
specifications specification status comment unknown unknown initial definition.
ConvolverNode() - Web APIs
Web › API › ConvolverNode › ConvolverNode
specifications specification status comment web audio apithe definition of 'convolvernode()' in that specification.
ConvolverNode.buffer - Web APIs
Web › API › ConvolverNode › buffer
convolver.buffer = concerthallbuffer; specifications specification status comment web audio apithe definition of 'buffer' in that specification.
ConvolverNode.normalize - Web APIs
Web › API › ConvolverNode › normalize
convolver.normalize = false; // must be set before the buffer, to take effect convolver.buffer = concerthallbuffer; specifications specification status comment web audio apithe definition of 'normalize' in that specification.
ConvolverNode - Web APIs
Web › API › ConvolverNode
let reverb = await createreverb(); // someotheraudionode -> reverb -> destination someotheraudionode.connect(reverb); reverb.connect(audioctx.destination); specifications specification status comment web audio apithe definition of 'convolvernode' in that specification.
CountQueuingStrategy.CountQueuingStrategy() - Web APIs
Web › API › CountQueuingStrategy › CountQueuingStrategy
}, abort(err) { console.log("sink error:", err); } }, queuingstrategy); var size = queuingstrategy.size(); specifications specification status comment streamsthe definition of 'countqueuingstrategy()' in that specification.
CountQueuingStrategy.size() - Web APIs
Web › API › CountQueuingStrategy › size
}, abort(err) { console.log("sink error:", err); } }, queuingstrategy); var size = queuingstrategy.size(); specifications specification status comment streamsthe definition of 'size' in that specification.
CountQueuingStrategy - Web APIs
Web › API › CountQueuingStrategy
}, abort(err) { console.log("sink error:", err); } }, queueingstrategy); var size = queueingstrategy.size(); specifications specification status comment streamsthe definition of 'countqueuingstrategy' in that specification.
CrashReportBody - Web APIs
Web › API › CrashReportBody
specifications specification status comment reporting apithe definition of 'crashreportbody' in that specification.
Credential.id - Web APIs
Web › API › Credential › id
specifications specification status comment credential management level 1 working draft initial definition.
Credential.name - Web APIs
Web › API › Credential › name
example // tbd specifications specification status comment credential management level 1 working draft initial definition.
Credential.type - Web APIs
Web › API › Credential › type
example // tbd specifications specification status comment credential management level 1 working draft initial definition.
Credential - Web APIs
Web › API › Credential
examples // tbd specifications specification status comment credential management level 1 working draft initial definition.
Credential Management API - Web APIs
Web › API › Credential Management API
specifications specification status comment credential management level 1 working draft initial definition.
CredentialsContainer.create() - Web APIs
Web › API › CredentialsContainer › create
specifications specification status comment credential management level 1the definition of 'get()' in that specification.
CredentialsContainer.get() - Web APIs
Web › API › CredentialsContainer › get
specifications specification status comment credential management level 1the definition of 'get()' in that specification.
CredentialsContainer.store() - Web APIs
Web › API › CredentialsContainer › store
example // tbd specifications specification status comment credential management level 1 working draft initial definition.
CredentialsContainer - Web APIs
Web › API › CredentialsContainer
examples // tbd specifications specification status comment credential management level 1 working draft initial definition.
Crypto.getRandomValues() - Web APIs
Web › API › Crypto › getRandomValues
examples /* assuming that window.crypto.getrandomvalues is available */ var array = new uint32array(10); window.crypto.getrandomvalues(array); console.log("your lucky numbers:"); for (var i = 0; i < array.length; i++) { console.log(array[i]); } specification specification status comment web cryptography api recommendation initial definition ...
Crypto.subtle - Web APIs
Web › API › Crypto › subtle
specifications specification status comment web cryptography apithe definition of 'crypto.subtle' in that specification.
Crypto - Web APIs
Web › API › Crypto
specifications specification status comment web cryptography apithe definition of 'crypto' in that specification.
CryptoKey - Web APIs
Web › API › CryptoKey
for example: subtlecrypto.generatekey() subtlecrypto.derivekey() subtlecrypto.importkey() subtlecrypto.exportkey() subtlecrypto.wrapkey() subtlecrypto.unwrapkey() subtlecrypto.encrypt() subtlecrypto.decrypt() subtlecrypto.sign() subtlecrypto.verify() specifications specification status comment web cryptography apithe definition of 'cryptokey' in that specification.
CryptoKeyPair - Web APIs
Web › API › CryptoKeyPair
for example: subtlecrypto.generatekey() subtlecrypto.derivekey() subtlecrypto.importkey() subtlecrypto.exportkey() subtlecrypto.wrapkey() subtlecrypto.unwrapkey() subtlecrypto.encrypt() subtlecrypto.decrypt() subtlecrypto.sign() subtlecrypto.verify() specifications specification status comment web cryptography apithe definition of 'cryptokeypair' in that specification.
CustomElementRegistry.define() - Web APIs
Web › API › CustomElementRegistry › define
end it to the shadow root shadow.appendchild(text); // update count when element content changes setinterval(function() { var count = 'words: ' + countwords(wcparent); text.textcontent = count; }, 200) } } // define the new element customelements.define('word-count', wordcount, { extends: 'p' }); <p is="word-count"></p> specifications specification status comment html living standardthe definition of 'customelements.define()' in that specification.
CustomElementRegistry.get() - Web APIs
Web › API › CustomElementRegistry › get
ctor() { super(); let template = document.getelementbyid('my-paragraph'); let templatecontent = template.content; const shadowroot = this.attachshadow({mode: 'open'}) .appendchild(templatecontent.clonenode(true)); } }) // return a reference to the my-paragraph constructor let ctor = customelements.get('my-paragraph'); specifications specification status comment html living standardthe definition of 'customelements.get()' in that specification.
CustomElementRegistry.upgrade() - Web APIs
Web › API › CustomElementRegistry › upgrade
specifications specification status comment html living standardthe definition of 'customelements.upgrade()' in that specification.
CustomElementRegistry.whenDefined() - Web APIs
Web › API › CustomElementRegistry › whenDefined
await promise.all(promises); container.removechild(placeholder); specifications specification status comment html living standardthe definition of 'customelements.whendefined()' in that specification.
CustomElementRegistry - Web APIs
Web › API › CustomElementRegistry
specifications specification status comment html living standardthe definition of 'customelementregistry' in that specification.
CustomEvent() - Web APIs
Web › API › CustomEvent › CustomEvent
specifications specification status comment domthe definition of 'customevent()' in that specification.
CustomEvent.detail - Web APIs
Web › API › CustomEvent › detail
example // add an appropriate event listener obj.addeventlistener("cat", function(e) { process(e.detail) }); // create and dispatch the event let event = new customevent("cat", { detail: { hazcheeseburger: true } }); obj.dispatchevent(event); // will return an object contaning the hazcheeseburger property let mydetail = event.detail; specifications specification status comment domthe definition of 'detail' in that specification.
CustomEvent.initCustomEvent() - Web APIs
Web › API › CustomEvent › initCustomEvent
specifications specification status comment domthe definition of 'customevent' in that specification.
CustomEvent - Web APIs
Web › API › CustomEvent
specifications specification status comment domthe definition of 'customevent' in that specification.
DOMException() - Web APIs
Web › API › DOMException › DOMException
example tbd specifications specification status comment web idlthe definition of 'domexception()' in that specification.
DOMException.code - Web APIs
Web › API › DOMException › code
specifications specification status comment web idlthe definition of 'code' in that specification.
DOMException.message - Web APIs
Web › API › DOMException › message
specifications specification status comment web idlthe definition of 'message' in that specification.
DOMException.name - Web APIs
Web › API › DOMException › name
specifications specification status comment web idlthe definition of 'name' in that specification.
DOMException - Web APIs
Web › API › DOMException
specifications specification status comment web idlthe definition of 'constructor' in that specification.
DOMHighResTimeStamp - Web APIs
Web › API › DOMHighResTimeStamp
specifications specification status comment high resolution time level 2the definition of 'domhighrestimestamp' in that specification.
DOMImplementation.createDocument() - Web APIs
Web › API › DOMImplementation › createDocument
example var doc = document.implementation.createdocument ('http://www.w3.org/1999/xhtml', 'html', null); var body = document.createelementns('http://www.w3.org/1999/xhtml', 'body'); body.setattribute('id', 'abc'); doc.documentelement.appendchild(body); alert(doc.getelementbyid('abc')); // [object htmlbodyelement] specifications specification status comment domthe definition of 'domimplementation.createdocument' in that specification.
DOMImplementation.createDocumentType() - Web APIs
Web › API › DOMImplementation › createDocumentType
example var dt = document.implementation.createdocumenttype('svg:svg', '-//w3c//dtd svg 1.1//en', 'http://www.w3.org/graphics/svg/1.1/dtd/svg11.dtd'); var d = document.implementation.createdocument('http://www.w3.org/2000/svg', 'svg:svg', dt); alert(d.doctype.publicid); // -//w3c//dtd svg 1.1//en specifications specification status comment domthe definition of 'domimplementation.createdocumenttype' in that specification.
DOMImplementation.createHTMLDocument() - Web APIs
Web › API › DOMImplementation › createHTMLDocument
view live examples the returned document is pre-constructed with the following html: <!doctype html> <html> <head> <title>title</title> </head> <body> </body> </html> specifications specification status comment domthe definition of 'domimplementation.createhtmldocument' in that specification.
DOMImplementation.hasFeature() - Web APIs
Web › API › DOMImplementation › hasFeature
specifications specification status comment domthe definition of 'domimplementation.hasfeature' in that specification.
DOMImplementation - Web APIs
Web › API › DOMImplementation
specifications specification status comment domthe definition of 'domimplementation' in that specification.
DOMImplementationList - Web APIs
Web › API › DOMImplementationList
specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'domimplementationlist' in that specification.
DOMLocator - Web APIs
Web › API › DOMLocator
specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'domlocator' in that specification.
DOMMatrix() - Web APIs
Web › API › DOMMatrix › DOMMatrix
ar point = new dompoint(5, 4); var scalex = 2; var scaley = 3; var translatex = 12; var translatey = 8; var angle = math.pi / 2; var matrix = new dommatrix([ math.sin(angle) * scalex, math.cos(angle) * scalex, -math.sin(angle) * scaley, math.cos(angle) * scaley, translatex, translatey ]); var transformedpoint = point.matrixtransform(matrix); specifications specification status comment geometry interfaces module level 1the definition of 'dommatrix' in that specification.
DOMMatrix - Web APIs
Web › API › DOMMatrix
specifications specification status comment geometry interfaces module level 1the definition of 'dommatrix' in that specification.
DOMMatrixReadOnly() - Web APIs
Web › API › DOMMatrixReadOnly › DOMMatrixReadOnly
specifications specification status comment geometry interfaces module level 1the definition of 'dommatrixreadonly' in that specification.
DOMMatrixReadOnly.flipX() - Web APIs
Web › API › DOMMatrixReadOnly › flipX
const flipped = document.getelementbyid('flipped'); const matrix = new dommatrixreadonly(); const flippedmatrix = matrix.flipx(); flipped.setattribute('transform', flippedmatrix.tostring()); screenshotlive sample specifications specification status comment geometry interfaces module level 1the definition of 'dommatrixreadonly.flipx()' in that specification.
DOMMatrixReadOnly.scale() - Web APIs
Web › API › DOMMatrixReadOnly › scale
= !scaledmatrixwithorigin.is2d; if (browserexpectssixparamscale) { scaledmatrixwithorigin = matrix.scale(0.5, 0.5, 1, 25, 25, 0); } document.queryselector('#transformed').setattribute('transform', scaledmatrix.tostring()); document.queryselector('#transformedorigin').setattribute('transform', scaledmatrixwithorigin.tostring()); screenshotlive sample specifications specification status comment geometry interfaces module level 1the definition of 'dommatrixreadonly.scale()' in that specification.
DOMMatrixReadOnly.translate() - Web APIs
Web › API › DOMMatrixReadOnly › translate
const matrix = new dommatrixreadonly().translate(25, 25); document.queryselector('#transformed').setattribute('transform', matrix.tostring()); screenshotlive sample specifications specification status comment geometry interfaces module level 1the definition of 'dommatrixreadonly.translate()' in that specification.
DOMMatrixReadOnly - Web APIs
Web › API › DOMMatrixReadOnly
specifications specification status comment geometry interfaces module level 1the definition of 'dommatrixreadonly' in that specification.
DOMObject - Web APIs
Web › API › DOMObject
specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'domobject' in that specification.
DOMParser - Web APIs
Web › API › DOMParser
(/^\s*text\/html\s*(?:;|$)/i.test(type)) { var doc = document.implementation.createhtmldocument(""); if (markup.tolowercase().indexof('<!doctype') > -1) { doc.documentelement.innerhtml = markup; } else { doc.body.innerhtml = markup; } return doc; } else { return nativeparse.apply(this, arguments); } }; }(domparser)); specifications specification status comment html living standardthe definition of 'dom parsing' in that specification.
DOMPoint.fromPoint() - Web APIs
Web › API › DOMPoint › DOMPoint.fromPoint()
var center = dompoint.frompoint({x: 75, y: -50, z: -55, w: 0.25}); specifications specification status comment geometry interfaces module level 1the definition of 'frompoint()' in that specification.
DOMPoint.DOMPoint() - Web APIs
Web › API › DOMPoint › DOMPoint
var windtopleft = new dompoint(window.screenx, window.screeny); var newtopleft = dompoint.frompoint(windtopleft); newtopleft.x += 100; newtopleft.y += 100; specifications specification status comment geometry interfaces module level 1the definition of 'dompoint()' in that specification.
DOMPoint.w - Web APIs
Web › API › DOMPoint › w
specifications specification status comment geometry interfaces module level 1the definition of 'w' in that specification.
DOMPoint.x - Web APIs
Web › API › DOMPoint › x
specifications specification status comment geometry interfaces module level 1the definition of 'x' in that specification.
DOMPoint.y - Web APIs
Web › API › DOMPoint › y
specifications specification status comment geometry interfaces module level 1the definition of 'y' in that specification.
DOMPoint.z - Web APIs
Web › API › DOMPoint › z
specifications specification status comment geometry interfaces module level 1the definition of 'z' in that specification.
DOMPoint - Web APIs
Web › API › DOMPoint
+ ', z: ' + roundtotwo(position.z)); console.log('xr viewer orientation: {x: ' + roundtotwo(orientation.x) + ', y: ' + roundtotwo(orientation.y) + ', z: ' + roundtotwo(orientation.z) + ', w: ' + roundtotwo(orientation.w)); } } specifications specification status comment geometry interfaces module level 1the definition of 'dompoint' in that specification.
DOMPointInit.w - Web APIs
Web › API › DOMPointInit › w
specifications specification status comment geometry interfaces module level 1the definition of 'w' in that specification.
DOMPointInit.x - Web APIs
Web › API › DOMPointInit › x
specifications specification status comment geometry interfaces module level 1the definition of 'x' in that specification.
DOMPointInit.y - Web APIs
Web › API › DOMPointInit › y
specifications specification status comment geometry interfaces module level 1the definition of 'y' in that specification.
DOMPointInit.z - Web APIs
Web › API › DOMPointInit › z
specifications specification status comment geometry interfaces module level 1the definition of 'z' in that specification.
DOMPointInit - Web APIs
Web › API › DOMPointInit
const pointdesc = { x: window.screenx, y: window.screeny, z: 5.0 }; const windtopleft = dompoint.frompoint(pointdesc) specifications specification status comment geometry interfaces module level 1the definition of 'dompointreadonly.frompoint()' in that specification.
DOMPointReadOnly() - Web APIs
Web › API › DOMPointReadOnly › DOMPointReadOnly
var point2d = new dompointreadonly(50, 25); var point3d = new dompointreadonly(50, 0, 10); var perspectivepoint3d = new dompointreadonly(50, 50, 25, 0.5); specifications specification status comment geometry interfaces module level 1the definition of 'dompointreadonly' in that specification.
DOMPointReadOnly.fromPoint() - Web APIs
Web › API › DOMPointReadOnly › fromPoint
const origpoint = new dompoint(25, 25, 100, 0.5) const newpoint = dompointreadonly.frompoint(origpoint) specifications specification status comment geometry interfaces module level 1the definition of 'frompoint()' in that specification.
DOMPointReadOnly.toJSON() - Web APIs
Web › API › DOMPointReadOnly › toJSON
var topleft = new dompoint(window.screenx, window.screeny); var pointjson = topleft.tojson(); specifications specification status comment geometry interfaces module level 1the definition of 'dompointreadonly.tojson()' in that specification.
DOMPointReadOnly.w - Web APIs
Web › API › DOMPointReadOnly › w
specifications specification status comment geometry interfaces module level 1the definition of 'w' in that specification.
DOMPointReadOnly.x - Web APIs
Web › API › DOMPointReadOnly › x
specifications specification status comment geometry interfaces module level 1the definition of 'x' in that specification.
DOMPointReadOnly.y - Web APIs
Web › API › DOMPointReadOnly › y
specifications specification status comment geometry interfaces module level 1the definition of 'y' in that specification.
DOMPointReadOnly.z - Web APIs
Web › API › DOMPointReadOnly › z
specifications specification status comment geometry interfaces module level 1the definition of 'z' in that specification.
DOMPointReadOnly - Web APIs
Web › API › DOMPointReadOnly
specifications specification status comment geometry interfaces module level 1the definition of 'dompoint' in that specification.
DOMQuad - Web APIs
Web › API › DOMQuad
specifications specification status comment geometry interfaces module level 1the definition of 'domquad' in that specification.
DOMRect.DOMRect() - Web APIs
Web › API › DOMRect › DOMRect
examples to create a new domrect, you could run a line of code like so: mydomrect = new domrect(0,0,100,100); // running 'mydomrect' in the console would then return // domrect { x: 0, y: 0, width: 100, height: 100, top: 0, right: 100, bottom: 100, left: 0 } specifications specification status comment geometry interfaces module level 1the definition of 'domrect()' in that specification.
DOMRect - Web APIs
Web › API › DOMRect
specifications specification status comment geometry interfaces module level 1the definition of 'domrect' in that specification.
DOMRectReadOnly() - Web APIs
Web › API › DOMRectReadOnly › DOMRectReadOnly
examples to create a new dompoint, you could run a line of code like so: const mydomrect = new domrectreadonly(0, 0, 100, 100) // running 'mydomrect' in the console would then return // domrect { x: 0, y: 0, width: 100, height: 100, top: 0, right: 100, bottom: 100, left: 0 } specifications specification status comment geometry interfaces module level 1the definition of 'domrectreadonly()' in that specification.
DOMRectReadOnly.bottom - Web APIs
Web › API › DOMRectReadOnly › bottom
specifications specification status comment geometry interfaces module level 1the definition of 'bottom' in that specification.
DOMRectReadOnly.fromRect() - Web APIs
Web › API › DOMRectReadOnly › fromRect
specifications specification status comment geometry interfaces module level 1the definition of 'fromrect()' in that specification.
DOMRectReadOnly.height - Web APIs
Web › API › DOMRectReadOnly › height
specifications specification status comment geometry interfaces module level 1the definition of 'height' in that specification.
DOMRectReadOnly.left - Web APIs
Web › API › DOMRectReadOnly › left
specifications specification status comment geometry interfaces module level 1the definition of 'left' in that specification.
DOMRectReadOnly.right - Web APIs
Web › API › DOMRectReadOnly › right
specifications specification status comment geometry interfaces module level 1the definition of 'right' in that specification.
DOMRectReadOnly.top - Web APIs
Web › API › DOMRectReadOnly › top
specifications specification status comment geometry interfaces module level 1the definition of 'top' in that specification.
DOMRectReadOnly.width - Web APIs
Web › API › DOMRectReadOnly › width
specifications specification status comment geometry interfaces module level 1the definition of 'width' in that specification.
DOMRectReadOnly.x - Web APIs
Web › API › DOMRectReadOnly › x
specifications specification status comment geometry interfaces module level 1the definition of 'x' in that specification.
DOMRectReadOnly.y - Web APIs
Web › API › DOMRectReadOnly › y
specifications specification status comment geometry interfaces module level 1the definition of 'y' in that specification.
DOMRectReadOnly - Web APIs
Web › API › DOMRectReadOnly
specifications specification status comment geometry interfaces module level 1the definition of 'domrectreadonly' in that specification.
DOMString - Web APIs
Web › API › DOMString
specifications specification status comment web idlthe definition of 'domstring' in that specification.
DOMStringList - Web APIs
Web › API › DOMStringList
domstringlist.contains() returns boolean indicating if the given string is in the list specifications specification status comment html living standardthe definition of 'domstringlist' in that specification.
DOMStringMap - Web APIs
Web › API › DOMStringMap
specifications specification status comment html living standardthe definition of 'domstringmap' in that specification.
DOMTimeStamp - Web APIs
Web › API › DOMTimeStamp
specifications specification status comment web idlthe definition of 'domtimestamp' in that specification.
DOMTokenList.add() - Web APIs
Web › API › DOMTokenList › add
first, the html: <span class="a b c"></span> now the javascript: let span = document.queryselector("span"); let classes = span.classlist; classes.add("d"); span.textcontent = classes; the output looks like this: you can add multiple tokens as well: span.classlist.add("d", "e", "f"); specifications specification status comment domthe definition of 'add()' in that specification.
DOMTokenList.contains() - Web APIs
Web › API › DOMTokenList › contains
first, the html: <span class="a b c"></span> now the javascript: let span = document.queryselector("span"); let classes = span.classlist; let result = classes.contains("c"); if (result) { span.textcontent = "the classlist contains 'c'"; } else { span.textcontent = "the classlist does not contain 'c'"; } the output looks like this: specifications specification status comment domthe definition of 'contains()' in that specification.
DOMTokenList.entries() - Web APIs
Web › API › DOMTokenList › entries
first, the html: <span class="a b c"></span> now the javascript: let span = document.queryselector("span"); let classes = span.classlist; let iterator = classes.entries(); for (let value of iterator) { span.textcontent += value + ' ++ '; } the output looks like this: specifications specification status comment domthe definition of 'entries() (as iterable<node>)' in that specification.
DOMTokenList.forEach() - Web APIs
Web › API › DOMTokenList › forEach
); result polyfill this polyfill adds compatibility to all browsers supporting es5: if (window.domtokenlist && !domtokenlist.prototype.foreach) { domtokenlist.prototype.foreach = function (callback, thisarg) { thisarg = thisarg || window; for (var i = 0; i < this.length; i++) { callback.call(thisarg, this[i], i, this); } }; } specifications specification status comment domthe definition of 'foreach() (as iterable<node>)' in that specification.
DOMTokenList.item() - Web APIs
Web › API › DOMTokenList › item
first, the html: <span class="a b c"></span> now the javascript: let span = document.queryselector("span"); let classes = span.classlist; let item = classes.item(classes.length-1); span.textcontent = item; the output looks like this: specifications specification status comment domthe definition of 'item()' in that specification.
DOMTokenList.keys() - Web APIs
Web › API › DOMTokenList › keys
first, the html: <span class="a b c"></span> now the javascript: var span = document.queryselector("span"); var classes = span.classlist; var iterator = classes.keys(); for(var value of iterator) { span.textcontent += value + ' ++ '; } the output looks like this: specifications specification status comment domthe definition of 'keys() (as iterable<node>)' in that specification.
DOMTokenList.length - Web APIs
Web › API › DOMTokenList › length
first, the html: <span class="a b c"></span> now the javascript: let span = document.queryselector("span"); let classes = span.classlist; let length = classes.length; span.textcontent = `classlist length = ${length}`; the output looks like this: specifications specification status comment domthe definition of 'length' in that specification.
DOMTokenList.remove() - Web APIs
Web › API › DOMTokenList › remove
the order you supply the tokens doesn't have to match the order they appear in the list: let span2 = document.getelementsbytagname("span")[0] let classes2 = span.classlist; classes2.remove("c", "b"); span2.textcontent = classes; specifications specification status comment domthe definition of 'remove()' in that specification.
DOMTokenList.replace() - Web APIs
Web › API › DOMTokenList › replace
to use with earlier versions of ie, refer to the polyfill at element.classlist#polyfill domtokenlist.prototype.replace = function (a, b) { if (this.contains(a)) { this.add(b); this.remove(a); return true; } return false; } specifications specification status comment domthe definition of 'replace()' in that specification.
DOMTokenList.supports() - Web APIs
Web › API › DOMTokenList › supports
example let iframe = document.getelementbyid('display'); if (iframe.sandbox.supports('an-upcoming-feature')) { // support code for mystery future feature } else { // fallback code } if (iframe.sandbox.supports('allow-scripts')) { // instruct frame to run javascript // // (note: this feature is well-supported; this is just an example!) // } specifications specification status comment credential management level 1 working draft initial definition.
DOMTokenList.toggle() - Web APIs
Web › API › DOMTokenList › toggle
t span = document.queryselector("span"); let classes = span.classlist; span.addeventlistener('click', function() { let result = classes.toggle("c"); if (result) { span.textcontent = `'c' added; classlist is now "${classes}".`; } else { span.textcontent = `'c' removed; classlist is now "${classes}".`; } }) the output looks like this: specifications specification status comment domthe definition of 'toggle()' in that specification.
DOMTokenList.value - Web APIs
Web › API › DOMTokenList › value
first, the html: <span class="a b c"></span> now the javascript: let span = document.queryselector("span"); let classes = span.classlist; span.textcontent = classes.value; the output looks like this: specifications specification status comment domthe definition of 'value' in that specification.
DOMTokenList.values() - Web APIs
Web › API › DOMTokenList › values
first, the html: <span class="a b c"></span> now the javascript: var span = document.queryselector("span"); var classes = span.classlist; var iterator = classes.values(); for(var value of iterator) { span.textcontent += value + ' ++ '; } the output looks like this: specifications specification status comment domthe definition of 'values() (as iterable<node>)' in that specification.
DOMTokenList - Web APIs
Web › API › DOMTokenList
for example: <span class=" d d e f"></span> let span = document.queryselector("span"); let classes = span.classlist; span.classlist.add("x"); span.textcontent = `span classlist is "${classes}"`; the output looks like this: specifications specification status comment domthe definition of 'domtokenlist' in that specification.
DOMUserData - Web APIs
Web › API › DOMUserData
specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'domuserdata' in that specification.
DataTransfer() - Web APIs
Web › API › DataTransfer › DataTransfer
specifications specification status comment html living standardthe definition of 'the datatransfer() constructor' in that specification.
DataTransfer.dropEffect - Web APIs
Web › API › DataTransfer › dropEffect
data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragover_handler(ev) { console.log("dragover: dropeffect = " + ev.datatransfer.dropeffect + " ; effectallowed = " + ev.datatransfer.effectallowed); ev.preventdefault(); // set the dropeffect to move ev.datatransfer.dropeffect = "move" } specifications specification status comment html living standardthe definition of 'dropeffect' in that specification.
DataTransfer.effectAllowed - Web APIs
Web › API › DataTransfer › effectAllowed
e>effectallowed</code>} properties</h1> <div> <p id="source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'effectallowed' in that specification.
DataTransfer.files - Web APIs
Web › API › DataTransfer › files
example there are two live examples of this interface: firefox only: http://jsfiddle.net/9c2ef/ all browsers: https://jsbin.com/hiqasek/ specifications specification status comment html living standardthe definition of 'files' in that specification.
DataTransfer.getData() - Web APIs
Web › API › DataTransfer › getData
agevent.datatransfer.setdata("text", dragevent.target.id); dragevent.target.style.color = 'green'; } function drop(dropevent) { dropevent.preventdefault(); var data = dropevent.datatransfer.getdata("text"); dropevent.target.appendchild(document.getelementbyid(data)); document.getelementbyid("drag").style.color = 'black'; } result specifications specification status comment html living standardthe definition of 'getdata()' in that specification.
DataTransfer.items - Web APIs
Web › API › DataTransfer › items
perties</h1> <ul> <li id="i1" ondragstart="dragstart_handler(event);" draggable="true">drag item 1 to the drop zone</li> <li id="i2" ondragstart="dragstart_handler(event);" draggable="true">drag item 2 to the drop zone</li> </ul> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'items' in that specification.
DataTransfer.setData() - Web APIs
Web › API › DataTransfer › setData
)</code>, <code>cleardata()</code></h1> <div> <p id="source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'setdata()' in that specification.
DataTransfer.setDragImage() - Web APIs
Web › API › DataTransfer › setDragImage
datatransfer.setdragimage()</code></h1> <div> <p id="source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'setdragimage()' in that specification.
DataTransfer.types - Web APIs
Web › API › DataTransfer › types
perties</h1> <ul> <li id="i1" ondragstart="dragstart_handler(event);" draggable="true">drag item 1 to the drop zone</li> <li id="i2" ondragstart="dragstart_handler(event);" draggable="true">drag item 2 to the drop zone</li> </ul> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'types' in that specification.
DataTransfer - Web APIs
Web › API › DataTransfer
specifications specification status comment html living standardthe definition of 'datatransfer' in that specification.
DataTransferItem.getAsFile() - Web APIs
Web › API › DataTransferItem › getAsFile
drop: file "); } } } specifications specification status comment html living standardthe definition of 'getasfile()' in that specification.
DataTransferItem.getAsString() - Web APIs
Web › API › DataTransferItem › getAsString
drop: file "); } } } specifications specification status comment html living standardthe definition of 'getasstring()' in that specification.
DataTransferItem.kind - Web APIs
Web › API › DataTransferItem › kind
drop: file "); } } } specifications specification status comment html living standardthe definition of 'kind' in that specification.
DataTransferItem.type - Web APIs
Web › API › DataTransferItem › type
drop: file "); } } } specifications specification status comment html living standardthe definition of 'type' in that specification.
DataTransferItem.webkitGetAsEntry() - Web APIs
Web › API › DataTransferItem › webkitGetAsEntry
specifications specification status comment file and directory entries apithe definition of 'webkitgetasentry()' in that specification.
DataTransferItem - Web APIs
Web › API › DataTransferItem
specifications specification status comment html living standardthe definition of 'datatransferitem' in that specification.
DataTransferItemList.DataTransferItem() - Web APIs
Web › API › DataTransferItemList › DataTransferItem
o the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> css div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } result drag and drop demo link specifications specification status comment html living standardthe definition of 'datatransferitem getter' in that specification.
DataTransferItemList.add() - Web APIs
Web › API › DataTransferItemList › add
"); ev.preventdefault(); // set the dropeffect to move ev.datatransfer.dropeffect = "move" } function dragend_handler(ev) { console.log("dragend"); var datalist = ev.datatransfer.items; for (var i = 0; i < datalist.length; i++) { datalist.remove(i); } // clear any remaining drag data datalist.clear(); } result result link specifications specification status comment html living standardthe definition of 'add()' in that specification.
DataTransferItemList.clear() - Web APIs
Web › API › DataTransferItemList › clear
agover"); ev.preventdefault(); // set the dropeffect to move ev.datatransfer.dropeffect = "move" } function dragend_handler(ev) { console.log("dragend"); var datalist = ev.datatransfer.items; for (var i = 0; i < datalist.length; i++) { datalist.remove(i); } // clear any remaining drag data datalist.clear(); } result result link specifications specification status comment html living standardthe definition of 'clear()' in that specification.
DataTransferItemList.length - Web APIs
Web › API › DataTransferItemList › length
o the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> css div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } result drag and drop demo link specifications specification status comment html living standardthe definition of 'length' in that specification.
DataTransferItemList.remove() - Web APIs
Web › API › DataTransferItemList › remove
drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> css div { margin: 0em; padding: 2em; } #source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } specifications specification status comment html living standardthe definition of 'remove()' in that specification.
DataTransferItemList - Web APIs
Web › API › DataTransferItemList
specifications specification status comment html living standardthe definition of 'datatransferitemlist' in that specification.
DedicatedWorkerGlobalScope.close() - Web APIs
Web › API › DedicatedWorkerGlobalScope › close
specifications specification status comment html living standardthe definition of 'close()' in that specification.
DedicatedWorkerGlobalScope: message event - Web APIs
Web › API › DedicatedWorkerGlobalScope › message event
// inside static/scripts/worker.js self.addeventlistener('message', (event) => { console.log(`received message from parent: ${event.data}`); }); alternatively, it could listen using the onmessage event handler property: // static/scripts/worker.js self.onmessage = (event) => { console.log(`received message from parent: ${event.data}`); }; specifications specification status html living standard living standard ...
DedicatedWorkerGlobalScope: messageerror event - Web APIs
Web › API › DedicatedWorkerGlobalScope › messageerror event
er(): // inside worker.js self.addeventlistener('messageerror', (event) => { self.postmessage('error receiving message'); console.error(event); }); the same, but using the onmessageerror event handler property: // inside worker.js self.onmessageerror = (event) => { self.postmessage('error receiving message'); console.error(event); }; specifications specification status html living standard living standard ...
DedicatedWorkerGlobalScope.name - Web APIs
Web › API › DedicatedWorkerGlobalScope › name
specifications specification status comment html living standardthe definition of 'name' in that specification.
DedicatedWorkerGlobalScope.onmessage - Web APIs
Web › API › DedicatedWorkerGlobalScope › onmessage
specifications specification status comment html living standardthe definition of 'dedicatedworkerglobalscope.onmessage' in that specification.
DedicatedWorkerGlobalScope.onmessageerror - Web APIs
Web › API › DedicatedWorkerGlobalScope › onmessageerror
}; specifications specification status comment html living standardthe definition of 'onmessageerror' in that specification.
DedicatedWorkerGlobalScope.postMessage() - Web APIs
Web › API › DedicatedWorkerGlobalScope › postMessage
specifications specification status comment html living standardthe definition of 'dedicatedworkerglobalscope.postmessage()' in that specification.
DedicatedWorkerGlobalScope - Web APIs
Web › API › DedicatedWorkerGlobalScope
specifications specification status comment html living standardthe definition of 'dedicatedworkerglobalscope' in that specification.
DelayNode() - Web APIs
Web › API › DelayNode › DelayNode
example const audioctx = new audiocontext(); const delaynode = new delaynode(audioctx, { delaytime: 0.5, maxdelaytime: 2, }); specifications specification status comment web audio apithe definition of 'delaynode()' in that specification.
DelayNode.delayTime - Web APIs
Web › API › DelayNode › delayTime
var delay1; rangesynth.oninput = function() { delay1 = rangesynth.value; synthdelay.delaytime.setvalueattime(delay1, audioctx.currenttime); } specifications specification status comment web audio apithe definition of 'delaytime' in that specification.
DelayNode - Web APIs
Web › API › DelayNode
var delay1; rangesynth.oninput = function() { delay1 = rangesynth.value; synthdelay.delaytime.setvalueattime(delay1, audioctx.currenttime); } specifications specification status comment web audio apithe definition of 'delaynode' in that specification.
DeprecationReportBody - Web APIs
Web › API › DeprecationReportBody
specifications specification status comment reporting apithe definition of 'deprecationreportbody' in that specification.
Detecting device orientation - Web APIs
Web › API › Detecting device orientation
specifications specification status comment deviceorientation event specification editor's draft initial specification.
Using light sensors - Web APIs
Web › API › DeviceLightEvent › Using light sensors
specifications specification status comment ambient light sensorthe definition of 'ambient light events' in that specification.
DeviceLightEvent.value - Web APIs
Web › API › DeviceLightEvent › value
specifications specification status comment ambient light sensorthe definition of 'ambient light events' in that specification.
DeviceMotionEvent.acceleration - Web APIs
Web › API › DeviceMotionEvent › acceleration
each axis is represented with its own property: x represents the acceleration upon the x axis which is the west to east axis y represents the acceleration upon the y axis which is the south to north axis z represents the acceleration upon the z axis which is the down to up axis specifications specification status comment deviceorientation event specification editor's draft initial definition.
DeviceMotionEvent.accelerationIncludingGravity - Web APIs
Web › API › DeviceMotionEvent › accelerationIncludingGravity
each axis is represented with its own property: x represents the acceleration upon the x axis which is the west to east axis y represents the acceleration upon the y axis which is the south to north axis z represents the acceleration upon the z axis which is the down to up axis specifications specification status comment deviceorientation event specification editor's draft initial definition.
DeviceMotionEvent.interval - Web APIs
Web › API › DeviceMotionEvent › interval
syntax var interval = devicemotionevent.interval; specifications specification status comment deviceorientation event specification editor's draft initial definition.
DeviceMotionEvent.rotationRate - Web APIs
Web › API › DeviceMotionEvent › rotationRate
specifications specification status comment deviceorientation event specification editor's draft initial definition.
DeviceMotionEvent - Web APIs
Web › API › DeviceMotionEvent
example window.addeventlistener('devicemotion', function(event) { console.log(event.acceleration.x + ' m/s2'); }); specifications specification status comment deviceorientation event specificationthe definition of 'devicemotionevent' in that specification.
DeviceMotionEventAcceleration: x - Web APIs
Web › API › DeviceMotionEventAcceleration › x
specifications specification status comment deviceorientation event specificationthe definition of 'devicemotioneventacceleration: x' in that specification.
DeviceMotionEventAcceleration: y - Web APIs
Web › API › DeviceMotionEventAcceleration › y
specifications specification status comment deviceorientation event specificationthe definition of 'devicemotioneventacceleration: y' in that specification.
DeviceMotionEventAcceleration: z - Web APIs
Web › API › DeviceMotionEventAcceleration › z
specifications specification status comment deviceorientation event specificationthe definition of 'devicemotioneventacceleration: z' in that specification.
DeviceMotionEventAcceleration - Web APIs
Web › API › DeviceMotionEventAcceleration
specifications specification status comment deviceorientation event specificationthe definition of 'devicemotioneventacceleration' in that specification.
DeviceMotionEventRotationRate: alpha - Web APIs
Web › API › DeviceMotionEventRotationRate › alpha
specifications specification status comment deviceorientation event specificationthe definition of 'devicemotioneventrotationrate: alpha' in that specification.
DeviceMotionEventRotationRate: beta - Web APIs
Web › API › DeviceMotionEventRotationRate › beta
specifications specification status comment deviceorientation event specificationthe definition of 'devicemotioneventrotationrate: beta' in that specification.
DeviceMotionEventRotationRate: gamma - Web APIs
Web › API › DeviceMotionEventRotationRate › gamma
specifications specification status comment deviceorientation event specificationthe definition of 'devicemotioneventrotationrate: gamma' in that specification.
DeviceMotionEventRotationRate - Web APIs
Web › API › DeviceMotionEventRotationRate
specifications specification status comment deviceorientation event specificationthe definition of 'devicemotioneventrotationrate' in that specification.
DeviceOrientationEvent.DeviceOrientationEvent() - Web APIs
Web › API › DeviceOrientationEvent › DeviceOrientationEvent
specifications specification status comment deviceorientation event specification editor's draft initial definition.
DeviceOrientationEvent.absolute - Web APIs
Web › API › DeviceOrientationEvent › absolute
specifications specification status comment deviceorientation event specification editor's draft initial specification.
DeviceOrientationEvent.alpha - Web APIs
Web › API › DeviceOrientationEvent › alpha
syntax var alpha = instanceofdeviceorientationevent.alpha; specifications specification status comment deviceorientation event specification editor's draft initial specification.
DeviceOrientationEvent.beta - Web APIs
Web › API › DeviceOrientationEvent › beta
syntax var beta = instanceofdeviceorientationevent.beta; specifications specification status comment deviceorientation event specification editor's draft initial specification.
DeviceOrientationEvent.gamma - Web APIs
Web › API › DeviceOrientationEvent › gamma
syntax var gamma = orientationevent.gamma; specifications specification status comment deviceorientation event specification editor's draft initial specification.
DeviceOrientationEvent - Web APIs
Web › API › DeviceOrientationEvent
example window.addeventlistener('deviceorientation', function(event) { console.log(event.alpha + ' : ' + event.beta + ' : ' + event.gamma); }); specifications specification status comment deviceorientation event specification editor's draft initial specification.
Device Memory API - Web APIs
Web › API › Device Memory API
specifications specification status comment device memory 1 editor's draft initial definition.
DisplayMediaStreamConstraints.audio - Web APIs
Web › API › DisplayMediaStreamConstraints › audio
example specifications specification status comment unknownthe definition of 'displaymediastreamconstraints.audio' in that specification.
DisplayMediaStreamConstraints.video - Web APIs
Web › API › DisplayMediaStreamConstraints › video
example specifications specification status comment unknownthe definition of 'displaymediastreamconstraints.video' in that specification.
DisplayMediaStreamConstraints - Web APIs
Web › API › DisplayMediaStreamConstraints
specifications specification status comment unknownthe definition of 'displaymediastreamconstraints' in that specification.
Document: DOMContentLoaded event - Web APIs
Web › API › Document › DOMContentLoaded event
'load', (event) => { log.textcontent = log.textcontent + 'load\n'; }); document.addeventlistener('readystatechange', (event) => { log.textcontent = log.textcontent + `readystate: ${document.readystate}\n`; }); document.addeventlistener('domcontentloaded', (event) => { log.textcontent = log.textcontent + `domcontentloaded\n`; }); result specifications specification status comment html living standardthe definition of 'domcontentloaded' in that specification.
Document() - Web APIs
Web › API › Document › Document
syntax new document(); specifications specification status comment domthe definition of 'document' in that specification.
Document.URL - Web APIs
Web › API › Document › URL
syntax const url = document.url example javascript document.getelementbyid("url").textcontent = document.url; html <p id="urltext"> url:<br/> <span id="url">url goes here</span> </p> result specifications specification status comment domthe definition of 'document.url' in that specification.
Document.adoptNode() - Web APIs
Web › API › Document › adoptNode
specifications specification status comment domthe definition of 'document.adoptnode' in that specification.
Document.all - Web APIs
Web › API › Document › all
specifications specification status comment html living standardthe definition of 'all' in that specification.
Document.anchors - Web APIs
Web › API › Document › anchors
specifications specification status comment html living standardthe definition of 'document.anchors' in that specification.
Document: animationcancel event - Web APIs
Web › API › Document › animationcancel event
specifications specification status comment css animations working draft initial definition ...
Document: animationend event - Web APIs
Web › API › Document › animationend event
specifications specification status comment css animations working draft initial definition ...
Document: animationiteration event - Web APIs
Web › API › Document › animationiteration event
specifications specification status comment css animations working draft initial definition ...
Document: animationstart event - Web APIs
Web › API › Document › animationstart event
specifications specification status comment css animations working draft initial definition ...
Document.applets - Web APIs
Web › API › Document › applets
example // when you know the second applet is the one you want my_java_app = document.applets[1]; specifications specification status comment html living standardthe definition of 'document.applets' in that specification.
Document.body - Web APIs
Web › API › Document › body
specification specification status comment html living standardthe definition of 'document.body' in that specification.
Document.characterSet - Web APIs
Web › API › Document › characterSet
syntax var string = document.characterset; examples <button onclick="console.log(document.characterset);"> log character encoding </button> <!-- displays document's character encoding in the dev console, such as "iso-8859-1" or "utf-8" --> specifications specification status comment domthe definition of 'characterset' in that specification.
Document.close() - Web APIs
Web › API › Document › close
syntax document.close(); example // open a document to write to it document.open(); // write the content of the document document.write("<p>the one and only content.</p>"); // close the document document.close(); specifications specification status comment html living standardthe definition of 'document.close()' in that specification.
Document.compatMode - Web APIs
Web › API › Document › compatMode
example if (document.compatmode == "backcompat") { // in quirks mode } specifications specification status comment domthe definition of 'compatmode' in that specification.
Document.contentType - Web APIs
Web › API › Document › contentType
specifications specification status comment domthe definition of 'document.contenttype' in that specification.
Document.cookie - Web APIs
Web › API › Document › cookie
ype: text/html set-cookie: cookie_name1=cookie_value1 set-cookie: cookie_name2=cookie_value2; expires=sun, 16 jul 3567 06:23:41 gmt [content of the page here] the client sends back to the server its cookies previously stored get /sample_page.html http/1.1 host: www.example.org cookie: cookie_name1=cookie_value1; cookie_name2=cookie_value2 accept: */* specifications specification status comment document object model (dom) level 2 html specificationthe definition of 'document.cookie' in that specification.
Document: copy event - Web APIs
Web › API › Document › copy event
examples document.addeventlistener('copy', (event) => { console.log('copy action initiated') }); specifications specification status clipboard api and events working draft ...
Document.createAttribute() - Web APIs
Web › API › Document › createAttribute
example var node = document.getelementbyid("div1"); var a = document.createattribute("my_attrib"); a.value = "newval"; node.setattributenode(a); console.log(node.getattribute("my_attrib")); // "newval" specifications specification status comment domthe definition of 'document.createattribute()' in that specification.
Document.createCDATASection() - Web APIs
Web › API › Document › createCDATASection
specifications specification status comment domthe definition of 'document.createcdatasection' in that specification.
Document.createComment() - Web APIs
Web › API › Document › createComment
var docu = new domparser().parsefromstring('<xml></xml>', 'application/xml'); var comment = docu.createcomment('this is a not-so-secret comment in your document'); docu.getelementsbytagname('xml')[0].appendchild(comment); alert(new xmlserializer().serializetostring(docu)); // displays: <xml><!--this is a not-so-secret comment in your document--></xml> specifications specification status comment domthe definition of 'document.createcomment' in that specification.
Document.createDocumentFragment() - Web APIs
Web › API › Document › createDocumentFragment
entbyid('ul'); // assuming ul exists var fragment = document.createdocumentfragment(); var browsers = ['firefox', 'chrome', 'opera', 'safari', 'internet explorer']; browsers.foreach(function(browser) { var li = document.createelement('li'); li.textcontent = browser; fragment.appendchild(li); }); element.appendchild(fragment); result specifications specification status comment domthe definition of 'document.createdocumentfragment()' in that specification.
Document.createElement() - Web APIs
Web › API › Document › createElement
specifications specification status comment domthe definition of 'document.createelement' in that specification.
Document.createElementNS() - Web APIs
Web › API › Document › createElementNS
specifications specification status comment domthe definition of 'document.createelementns()' in that specification.
Document.createEvent() - Web APIs
Web › API › Document › createEvent
event module standard event object gecko also supports text event module textevent textevents keyboard event module keyboardevent keyevents basic events module event events specifications specification status comment domthe definition of 'document.createevent' in that specification.
Document.createNSResolver() - Web APIs
Web › API › Document › createNSResolver
see also document.evaluate introduction to using xpath in javascript specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'document.creatensresolver' in that specification.
Document.createNodeIterator() - Web APIs
Web › API › Document › createNodeIterator
nodefilter.filter_accept : nodefilter.filter_reject; } } ); const pars = []; let currentnode; while (currentnode = nodeiterator.nextnode()) { pars.push(currentnode); } specifications specification status comment domthe definition of 'document.createnodeiterator' in that specification.
Document.createProcessingInstruction() - Web APIs
Web › API › Document › createProcessingInstruction
example var doc = new domparser().parsefromstring('<foo />', 'application/xml'); var pi = doc.createprocessinginstruction('xml-stylesheet', 'href="mycss.css" type="text/css"'); doc.insertbefore(pi, doc.firstchild); console.log(new xmlserializer().serializetostring(doc)); // displays: <?xml-stylesheet href="mycss.css" type="text/css"?><foo/> specifications specification status comment domthe definition of 'createprocessinginstruction()' in that specification.
Document.createRange() - Web APIs
Web › API › Document › createRange
specifications specification status comment domthe definition of 'document.createrange' in that specification.
Document.createTextNode() - Web APIs
Web › API › Document › createTextNode
');">we can!</button> <hr /> <p id="p1">first line of paragraph.</p> </body> </html> specifications specification status comment domthe definition of 'document: createtextnode' in that specification.
Document.createTouch() - Web APIs
Web › API › Document › createTouch
var target = document.getelementbyid("target"); var touch1 = document.createtouch(window, target, 1, 15, 20, 35, 40); var touch2 = document.createtouch(window, target, 2, 25, 30, 45, 50); specifications specification status comment touch eventsthe definition of 'document.createtouch()' in that specification.
Document.createTouchList() - Web APIs
Web › API › Document › createTouchList
15, 20, 35, 40); var touch2 = document.createtouch(window, target, 2, 25, 30, 45, 50); // create an empty touchlist objects var list0 = document.createtouchlist(); // create a touchlist with only one touch object var list1 = document.createtouchlist(touch1); // create a list with two touch objects var list2 = document.createtouchlist(touch1, touch2); specifications specification status comment touch eventsthe definition of 'document.createtouchlist()' in that specification.
Document.createTreeWalker() - Web APIs
Web › API › Document › createTreeWalker
var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var nodelist = []; var currentnode = treewalker.currentnode; while(currentnode) { nodelist.push(currentnode); currentnode = treewalker.nextnode(); } specifications specification status comment domthe definition of 'document.createtreewalker' in that specification.
Document.currentScript - Web APIs
Web › API › Document › currentScript
syntax var curscriptelement = document.currentscript; example this example checks to see if the script is being executed asynchronously: if (document.currentscript.async) { console.log("executing asynchronously"); } else { console.log("executing synchronously"); } view live examples specifications specification status comment html living standardthe definition of 'document.currentscript' in that specification.
Document: cut event - Web APIs
Web › API › Document › cut event
examples document.addeventlistener('cut', (event) => { console.log('cut action initiated') }); specifications specification status clipboard api and events working draft ...
Document.defaultView - Web APIs
Web › API › Document › defaultView
specifications specification status comment html living standardthe definition of 'document.defaultview' in that specification.
Document.designMode - Web APIs
Web › API › Document › designMode
example make an <iframe>'s document editable: iframenode.contentdocument.designmode = "on"; specifications specification status comment html living standardthe definition of 'designmode' in that specification.
Document.dir - Web APIs
Web › API › Document › dir
syntax dirstr = document.dir document.dir = dirstr specifications specification status comment html living standardthe definition of 'document.dir' in that specification.
Document.doctype - Web APIs
Web › API › Document › doctype
specifications specification status comment domthe definition of 'document: doctype' in that specification.
Document.documentElement - Web APIs
Web › API › Document › documentElement
specifications specification status comment domthe definition of 'document.documentelement' in that specification.
Document.documentURI - Web APIs
Web › API › Document › documentURI
syntax const uri = document.documenturi example javascript document.getelementbyid("url").textcontent = document.documenturi; html <p id="urltext"> url:<br/> <span id="url">url goes here</span> </p> result specifications specification status comment domthe definition of 'documenturi' in that specification.
Document.domain - Web APIs
Web › API › Document › domain
const baddomain = "www.example.xxx"; if (document.domain === baddomain) { // just an example: window.close() sometimes has no effect window.close(); } specifications specification status comment html living standardthe definition of 'document.domain' in that specification.
Document: drag event - Web APIs
Web › API › Document › drag event
r("drop", function(event) { // prevent default action (open as link for some elements) event.preventdefault(); // move dragged elem to the selected drop target if (event.target.classname == "dropzone") { event.target.style.background = ""; dragged.parentnode.removechild( dragged ); event.target.appendchild( dragged ); } }, false); specifications specification status comment html living standardthe definition of 'drag event' in that specification.
Document: dragend event - Web APIs
Web › API › Document › dragend event
specifications specification status comment html living standardthe definition of 'dragend' in that specification.
Document: dragenter event - Web APIs
Web › API › Document › dragenter event
specifications specification status comment html living standardthe definition of 'dragenter' in that specification.
Document: dragexit event - Web APIs
Web › API › Document › dragexit event
specifications specification status comment html living standardthe definition of 'dragexit' in that specification.
Document: dragleave event - Web APIs
Web › API › Document › dragleave event
specifications specification status comment html living standardthe definition of 'dragleave' in that specification.
Document: dragover event - Web APIs
Web › API › Document › dragover event
specifications specification status comment html living standardthe definition of 'dragover' in that specification.
Document: dragstart event - Web APIs
Web › API › Document › dragstart event
specifications specification status comment html living standardthe definition of 'dragstart' in that specification.
Document: drop event - Web APIs
Web › API › Document › drop event
specifications specification status comment html living standardthe definition of 'drop event' in that specification.
Document.embeds - Web APIs
Web › API › Document › embeds
specifications specification status comment html living standardthe definition of 'document.embeds' in that specification.
Document.evaluate() - Web APIs
Web › API › Document › evaluate
specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'document.evaluate' in that specification.
Document.execCommand() - Web APIs
Web › API › Document › execCommand
specifications specification status comment execcommand unofficial draft ...
Document.exitFullscreen() - Web APIs
Web › API › Document › exitFullscreen
specifications specification status comment fullscreen apithe definition of 'document.exitfullscreen()' in that specification.
Document.exitPointerLock() - Web APIs
Web › API › Document › exitPointerLock
syntax document.exitpointerlock(); specifications specification status comment pointer lockthe definition of 'document' in that specification.
Document.featurePolicy - Web APIs
Web › API › Document › featurePolicy
specification specification status comment feature policy editor's draft initial definition.
Document.forms - Web APIs
Web › API › Document › forms
ogin"> <input name="email" type="email"> <input name="password" type="password"> <button type="submit">log in</button> </form> <script> var loginform = document.forms.login; // or document.forms['login'] loginform.elements.email.placeholder = 'test@example.com'; loginform.elements.password.placeholder = 'password'; </script> </body> </html> specifications specification status comment html living standardthe definition of 'document.forms' in that specification.
Document.fullscreen - Web APIs
Web › API › Document › fullscreen
specifications specification status comment fullscreen apithe definition of 'document.fullscreen' in that specification.
Document.fullscreenEnabled - Web APIs
Web › API › Document › fullscreenEnabled
function requestfullscreen() { if (document.fullscreenenabled) { videoelement.requestfullscreen(); } else { console.log('your browser cannot use fullscreen right now'); } } specifications specification status comment fullscreen apithe definition of 'document.fullscreenenabled' in that specification.
Document: fullscreenchange event - Web APIs
Web › API › Document › fullscreenchange event
specifications specification status fullscreen api living standard ...
Document: fullscreenerror event - Web APIs
Web › API › Document › fullscreenerror event
examples const requestor = document.queryselector('div'); document.addeventlistener('fullscreenerror', (event) => { console.error('an error occurred changing into fullscreen'); console.log(event); }); requestor.requestfullscreen(); specifications specification status fullscreen api living standard ...
Document.getAnimations() - Web APIs
Web › API › Document › getAnimations
document.getanimations().foreach( function (animation) { animation.playbackrate *= .5; } ); specifications specification status comment web animationsthe definition of 'document.getanimations()' in that specification.
Document.getElementById() - Web APIs
Web › API › Document › getElementById
specification specification status comment document object model (dom) level 1 specificationthe definition of 'getelementbyid' in that specification.
Document.getElementsByClassName() - Web APIs
Web › API › Document › getElementsByClassName
only selects full complete matches var allorangejuicequery = document.queryselectorall('.orange.juice'); result += "\n\ndocument.queryselectorall('.orange.juice')"; for (var i=0, len=allorangejuicequery.length|0; i<len; i=i+1|0) { result += "\n " + allorangejuicequery[i].textcontent; } document.getelementbyid("resultarea").value = result; result specifications specification status comment domthe definition of 'document.getelementsbyclassname' in that specification.
Document.getElementsByName() - Web APIs
Web › API › Document › getElementsByName
both ie and edge return an htmlcollection, not a nodelist specifications specification status comment html living standardthe definition of 'document.getelementsbyname()' in that specification.
Document.getElementsByTagName() - Web APIs
Web › API › Document › getElementsByTagName
specifications specification status comment domthe definition of 'document.getelementsbytagname' in that specification.
Document.getElementsByTagNameNS() - Web APIs
Web › API › Document › getElementsByTagNameNS
document; } if (!context) { context = doc; } var result = doc.evaluate('//*[local-name()="'+elname+'" and namespace-uri() = "'+ns+'"]', context, null, xpathresult.ordered_node_snapshot_type, null); var a = []; for(var i = 0; i < result.snapshotlength; i++) { a[i] = result.snapshotitem(i); } return a; } specifications specification status comment domthe definition of 'document.getelementsbytagnamens' in that specification.
Document: gotpointercapture event - Web APIs
Web › API › Document › gotpointercapture event
(event) => { para.setpointercapture(event.pointerid); }); the same example, using the ongotpointercapture event handler property: const para = document.queryselector('p'); document.ongotpointercapture = () => { console.log('i\'ve been captured!') }; para.addeventlistener('pointerdown', (event) => { para.setpointercapture(event.pointerid); }); specifications specification status pointer events obsolete ...
Document.hasFocus() - Web APIs
Web › API › Document › hasFocus
style.background = '#fff'; } else { log.textcontent = 'this document does not have the focus.'; body.style.background = '#ccc'; } } function openwindow() { window.open('https://developer.mozilla.org/', 'mdn', 'width=640,height=320,left=150,top=150'); } // check page focus every 300 milliseconds setinterval(checkpagefocus, 300); result specification specification status comment html living standardthe definition of 'document.hasfocus()' in that specification.
Document.head - Web APIs
Web › API › Document › head
specifications specification status comment html 5.1the definition of 'document.head' in that specification.
Document.hidden - Web APIs
Web › API › Document › hidden
}); specifications specification status comment page visibility (second edition)the definition of 'document.hidden' in that specification.
Document.images - Web APIs
Web › API › Document › images
var ilist = document.images; for(var i = 0; i < ilist.length; i++) { if(ilist[i].src == 'banner.gif') { // found the banner } } specifications specification status comment html living standardthe definition of 'document.images' in that specification.
Document.implementation - Web APIs
Web › API › Document › implementation
specifications specification status comment domthe definition of 'document.implementation' in that specification.
Document.importNode() - Web APIs
Web › API › Document › importNode
specifications specification status comment domthe definition of 'document.importnode()' in that specification.
Document: keydown event - Web APIs
Web › API › Document › keydown event
by clicking in it), then try pressing some keys.</p> <p id="log"></p> document.addeventlistener('keydown', logkey); function logkey(e) { log.textcontent += ` ${e.code}`; } onkeydown equivalent document.onkeydown = logkey; specifications specification status ui events working draft ...
Document: keypress event - Web APIs
Web › API › Document › keypress event
<p>press inside this iframe first to focus it, then try pressing keys on the keyboard.</p> <p id="log"></p> const log = document.getelementbyid('log'); document.addeventlistener('keypress', logkey); function logkey(e) { log.textcontent += ` ${e.code}`; } onkeypress equivalent document.onkeypress = logkey; specifications specification status ui events working draft ...
Document: keyup event - Web APIs
Web › API › Document › keyup event
by clicking in it), then try pressing some keys.</p> <p id="log"></p> const log = document.getelementbyid('log'); document.addeventlistener('keyup', logkey); function logkey(e) { log.textcontent += ` ${e.code}`; } onkeyup equivalent document.onkeyup = logkey; specifications specification status ui events working draft ...
Document.lastModified - Web APIs
Web › API › Document › lastModified
specifications specification status comment html living standardthe definition of 'document.lastmodified' in that specification.
Document.links - Web APIs
Web › API › Document › links
example var links = document.links; for(var i = 0; i < links.length; i++) { var linkhref = document.createtextnode(links[i].href); var linebreak = document.createelement("br"); document.body.appendchild(linkhref); document.body.appendchild(linebreak); } specifications specification status comment html living standardthe definition of 'document.links' in that specification.
Document.location - Web APIs
Web › API › Document › location
syntax locationobj = document.location document.location = 'http://www.mozilla.org' // equivalent to document.location.href = 'http://www.mozilla.org' examples console.log(document.location); // prints a location object to the console specifications specification status comment html living standardthe definition of 'document.location' in that specification.
Document: lostpointercapture event - Web APIs
Web › API › Document › lostpointercapture event
) => { para.setpointercapture(event.pointerid); }); the same example, but using the onlostpointercapture event handler property: const para = document.queryselector('p'); document.onlostpointercapture = () => { console.log('i\'ve been released!') }; para.addeventlistener('pointerdown', (event) => { para.setpointercapture(event.pointerid); }); specifications specification status pointer events obsolete ...
Document.onfullscreenchange - Web APIs
Web › API › Document › onfullscreenchange
example document.onfullscreenchange = function ( event ) { console.log("full screen change") }; document.documentelement.onclick = function () { // requestfullscreen() must be in an event handler or it will fail document.documentelement.requestfullscreen(); } specifications specification status comment fullscreen apithe definition of 'onfullscreenchange' in that specification.
Document.onfullscreenerror - Web APIs
Web › API › Document › onfullscreenerror
document.documentelement.requestfullscreen(); specifications specification status comment fullscreen apithe definition of 'onfullscreenerror' in that specification.
Document.onvisibilitychange - Web APIs
Web › API › Document › onvisibilitychange
example document.onvisibilitychange = function() { console.log("visibility of page has changed!"); }; specifications specification status comment page visibility (second edition)the definition of 'onvisibilitychange' in that specification.
Document.open() - Web APIs
Web › API › Document › open
specifications specification status comment html living standardthe definition of 'document.open()' in that specification.
Document: paste event - Web APIs
Web › API › Document › paste event
examples document.addeventlistener('paste', (event) => { console.log('paste action initiated') }); specifications specification status clipboard api and events working draft ...
Document.plugins - Web APIs
Web › API › Document › plugins
specifications specification status comment html living standardthe definition of 'document.plugins' in that specification.
Document: pointercancel event - Web APIs
Web › API › Document › pointercancel event
examples using addeventlistener(): document.addeventlistener('pointercancel', (event) => { console.log('pointer event cancelled') }); using the onpointercancel event handler property: document.onpointercancel = (event) => { console.log('pointer event cancelled') }; specifications specification status pointer events obsolete ...
Document: pointerdown event - Web APIs
Web › API › Document › pointerdown event
yes interface pointerevent event handler property onpointerdown examples using addeventlistener(): document.addeventlistener('pointerdown', (event) => { console.log('pointer down event'); }); using the onpointerdown event handler property: document.onpointerdown = (event) => { console.log('pointer down event'); }; specifications specification status pointer events obsolete ...
Document: pointerenter event - Web APIs
Web › API › Document › pointerenter event
interface pointerevent event handler property onpointerenter examples using addeventlistener(): document.addeventlistener('pointerenter', (event) => { console.log('pointer entered element'); }); using the onpointerenter event handler property: document.onpointerenter = (event) => { console.log('pointer entered element'); }; specifications specification status pointer events obsolete ...
Document: pointerleave event - Web APIs
Web › API › Document › pointerleave event
interface pointerevent event handler property onpointerleave examples using addeventlistener(): document.addeventlistener('pointerleave', (event) => { console.log('pointer left element'); }); using the onpointerleave event handler property: document.onpointerleave = (event) => { console.log('pointer left element'); }; specifications specification status pointer events obsolete ...
Document: pointerlockchange event - Web APIs
Web › API › Document › pointerlockchange event
ace event event handler property onpointerlockchange examples using addeventlistener(): document.addeventlistener('pointerlockchange', (event) => { console.log('pointer lock changed'); }); using the onpointerlockchange event handler property: document.onpointerlockchange = (event) => { console.log('pointer lock changed'); }; specifications specification status pointer lock candidate recommendation ...
Document: pointerlockerror event - Web APIs
Web › API › Document › pointerlockerror event
rty onpointerlockerror examples using addeventlistener(): const para = document.queryselector('p'); document.addeventlistener('pointerlockerror', (event) => { console.log('error locking pointer'); }); using the onpointerlockerror event handler property: document.onpointerlockerror = (event) => { console.log('error locking pointer'); }; specifications specification status pointer lock candidate recommendation ...
Document: pointermove event - Web APIs
Web › API › Document › pointermove event
ncelable yes interface pointerevent event handler property onpointermove examples using addeventlistener(): document.addeventlistener('pointermove', (event) => { console.log('pointer moved'); }); using the onpointermove event handler property: document.onpointermove = (event) => { console.log('pointer moved'); }; specifications specification status pointer events obsolete ...
Document: pointerout event - Web APIs
Web › API › Document › pointerout event
able yes interface pointerevent event handler property onpointerout examples using addeventlistener(): document.addeventlistener('pointerout', (event) => { console.log('pointer moved out'); }); using the onpointerout event handler property: document.onpointerout = (event) => { console.log('pointer moved out'); }; specifications specification status pointer events obsolete ...
Document: pointerover event - Web APIs
Web › API › Document › pointerover event
le yes interface pointerevent event handler property onpointerover examples using addeventlistener(): document.addeventlistener('pointerover', (event) => { console.log('pointer moved in'); }); using the onpointerover event handler property: document.onpointerover = (event) => { console.log('pointer moved in'); }; specifications specification status pointer events obsolete ...
Document: pointerup event - Web APIs
Web › API › Document › pointerup event
es cancelable yes interface pointerevent event handler property onpointerup examples using addeventlistener(): document.addeventlistener('pointerup', (event) => { console.log('pointer up'); }); using the onpointerup event handler property: document.onpointerup = (event) => { console.log('pointer up'); }; specifications specification status pointer events obsolete ...
Document.queryCommandEnabled() - Web APIs
Web › API › Document › queryCommandEnabled
example var flg = document.querycommandenabled("selectall"); if(flg) { document.execcommand("selectall", false, null); // command is enabled, run it } specifications specification status comment execcommand ...
Document.queryCommandState() - Web APIs
Web › API › Document › queryCommandState
switch (state) { case true: alert("the bold formatting will be removed from the selected text."); break; case false: alert("the selected text will be displayed in bold."); break; case null: alert("the state of the 'bold' command is indeterminable."); break; } document.execcommand('bold'); } result specifications specification status comment execcommand ...
Document.queryCommandSupported() - Web APIs
Web › API › Document › queryCommandSupported
notes the 'paste' command return false not only if the feature is unavailable, but also if the script calling it has insufficient privileges to perform the action [1] example var flg = document.querycommandsupported("selectall"); if(flg) { // ...do something } specifications specification status comment execcommand ...
Document.querySelector() - Web APIs
Web › API › Document › querySelector
specifications specification status comment domthe definition of 'document.queryselector()' in that specification.
Document.querySelectorAll() - Web APIs
Web › API › Document › querySelectorAll
the :scope pseudo-class restores the expected behavior, only matching selectors on descendants of the base element: var select = document.queryselector('.select'); var inner = select.queryselectorall(':scope .outer .inner'); inner.length; // 0 specifications specification status comment domthe definition of 'parentnode.queryselectorall()' in that specification.
Document.readyState - Web APIs
Web › API › Document › readyState
t.readystate === 'complete') { initapplication(); } } readystatechange as event listener to insert or modify the dom before domcontentloaded document.addeventlistener('readystatechange', event => { if (event.target.readystate === 'interactive') { initloader(); } else if (event.target.readystate === 'complete') { initapp(); } }); specifications specification status comment html living standardthe definition of 'document readiness' in that specification.
Document: readystatechange event - Web APIs
Web › API › Document › readystatechange event
'load', (event) => { log.textcontent = log.textcontent + 'load\n'; }); document.addeventlistener('readystatechange', (event) => { log.textcontent = log.textcontent + `readystate: ${document.readystate}\n`; }); document.addeventlistener('domcontentloaded', (event) => { log.textcontent = log.textcontent + `domcontentloaded\n`; }); result specifications specification status comment html living standardthe definition of 'readystatechange' in that specification.
Document.referrer - Web APIs
Web › API › Document › referrer
specifications specification status comment html living standardthe definition of 'document.referrer' in that specification.
Document.rootElement - Web APIs
Web › API › Document › rootElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgdocument.rootelement' in that specification.
Document.scripts - Web APIs
Web › API › Document › scripts
let scripts = document.scripts; if (scripts.length) { alert('this page has scripts!'); } specifications specification status comment html living standardthe definition of 'document.scripts' in that specification.
Document: scroll event - Web APIs
Web › API › Document › scroll event
specifications specification status css object model (cssom) view module working draft ...
Document.scrollingElement - Web APIs
Web › API › Document › scrollingElement
syntax var element = document.scrollingelement; example var scrollelm = document.scrollingelement; scrollelm.scrolltop = 0; specifications specification status comment css object model (cssom) view modulethe definition of 'scrollingelement' in that specification.
Document: selectionchange event - Web APIs
Web › API › Document › selectionchange event
cancelable no interface event event handler property onselectionchange examples // addeventlistener version document.addeventlistener('selectionchange', () => { console.log(document.getselection()); }); // onselectionchange version document.onselectionchange = () => { console.log(document.getselection()); }; specifications specification status comment selection apithe definition of 'selectionchange' in that specification.
Document: selectstart event - Web APIs
Web › API › Document › selectstart event
bubbles yes cancelable yes interface event event handler property onselectstart examples // addeventlistener version document.addeventlistener('selectstart', () => { console.log('selection started'); }); // onselectstart version document.onselectstart = () => { console.log('selection changed.'); }; specifications specification status comment selection apithe definition of 'selectstart' in that specification.
Document.timeline - Web APIs
Web › API › Document › timeline
specifications specification status comment web animationsthe definition of 'document.timeline' in that specification.
Document.title - Web APIs
Web › API › Document › title
specifications specification status comment html living standardthe definition of 'document.title' in that specification.
Document: touchcancel event - Web APIs
Web › API › Document › touchcancel event
specifications specification status touch events recommendation ...
Document: touchend event - Web APIs
Web › API › Document › touchend event
specifications specification status touch events recommendation ...
Document: touchmove event - Web APIs
Web › API › Document › touchmove event
specifications specification status touch events recommendation ...
Document: touchstart event - Web APIs
Web › API › Document › touchstart event
specifications specification status touch events recommendation ...
Document: transitioncancel event - Web APIs
Web › API › Document › transitioncancel event
specifications specification status comment css transitionsthe definition of 'transitioncancel' in that specification.
Document: transitionend event - Web APIs
Web › API › Document › transitionend event
specifications specification status comment css transitionsthe definition of 'transitionend' in that specification.
Document: transitionrun event - Web APIs
Web › API › Document › transitionrun event
specifications specification status comment css transitionsthe definition of 'transitionrun' in that specification.
Document: transitionstart event - Web APIs
Web › API › Document › transitionstart event
specifications specification status comment css transitionsthe definition of 'transitionstart' in that specification.
Document.visibilityState - Web APIs
Web › API › Document › visibilityState
}); specifications specification status comment page visibility (second edition)the definition of 'document.visibilitystate' in that specification.
Document: wheel event - Web APIs
Web › API › Document › wheel event
scale scale = math.min(math.max(.125, scale), 4); // apply scale transform el.style.transform = `scale(${scale})`; } let scale = 1; const el = document.queryselector('div'); document.onwheel = zoom; addeventlistener equivalent the event handler can also be set up using the addeventlistener() method: document.addeventlistener('wheel', zoom); specifications specification status comment ui eventsthe definition of 'wheel' in that specification.
Document.write() - Web APIs
Web › API › Document › write
specifications specification status comment html living standardthe definition of 'document.write(...)' in that specification.
Document.writeln() - Web APIs
Web › API › Document › writeln
specifications specification status comment html living standardthe definition of 'document.writeln()' in that specification.
DocumentFragment() - Web APIs
Web › API › DocumentFragment › DocumentFragment
syntax fragment = new documentfragment() example let fragment = new documentfragment(); specification specification status comment domthe definition of 'documentfragment()' in that specification.
DocumentFragment.querySelector() - Web APIs
Web › API › DocumentFragment › querySelector
ter with a double back slash: <div id="foo\bar"></div> <div id="foo:bar"></div> <script> document.queryselector('#foo\bar') // does not match anything document.queryselector('#foo\\\\bar') // match the first div document.queryselector('#foo:bar') // does not match anything document.queryselector('#foo\\:bar') // match the second div </script> specifications specification status comment selectors api level 2the definition of 'documentfragment.queryselector' in that specification.
DocumentFragment.querySelectorAll() - Web APIs
Web › API › DocumentFragment › querySelectorAll
examples this example returns a list of all div elements within the documentfragment with a class of either "note" or "alert": var matches = documentfrag.queryselectorall("div.note, div.alert"); specifications specification status comment selectors api level 1the definition of 'documentfragment.queryselectorall' in that specification.
DocumentFragment - Web APIs
Web › API › DocumentFragment
example html <ul id="list"></ul> javascript var list = document.queryselector('#list') var fruits = ['apple', 'orange', 'banana', 'melon'] var fragment = new documentfragment() fruits.foreach(function (fruit) { var li = document.createelement('li') li.innerhtml = fruit fragment.appendchild(li) }) list.appendchild(fragment) result specifications specification status comment domthe definition of 'documentfragment' in that specification.
DocumentOrShadowRoot.activeElement - Web APIs
Web › API › DocumentOrShadowRoot › activeElement
mentbyid('output-text'); outputelement.innerhtml = activetextarea.id; outputtext.innerhtml = selection; } const textarea1 = document.getelementbyid('ta-example-one'); const textarea2 = document.getelementbyid('ta-example-two'); textarea1.addeventlistener('mouseup', onmouseup, false); textarea2.addeventlistener('mouseup', onmouseup, false); result specifications specification status comment html living standardthe definition of 'activeelement' in that specification.
DocumentOrShadowRoot.caretPositionFromPoint() - Web APIs
Web › API › DocumentOrShadowRoot › caretPositionFromPoint
var replacement = textnode.splittext(offset); var br = document.createelement('br'); textnode.parentnode.insertbefore(br, replacement); } } window.onload = function (){ var paragraphs = document.getelementsbytagname("p"); for (i=0 ; i < paragraphs.length; i++) { paragraphs[i].addeventlistener("click", insertbreakatpoint, false); } }; specifications specification status comment css object model (cssom) view modulethe definition of 'caretpositionfrompoint()' in that specification.
DocumentOrShadowRoot.elementFromPoint() - Web APIs
Web › API › DocumentOrShadowRoot › elementFromPoint
result specifications specification status shadow domthe definition of 'elementsfrompoint()' in that specification.
DocumentOrShadowRoot.elementsFromPoint() - Web APIs
Web › API › DocumentOrShadowRoot › elementsFromPoint
entsfrompoint(30, 20); for (var i = 0; i < elements.length; i++) { output.textcontent += elements[i].localname; if (i < elements.length - 1) { output.textcontent += " < "; } } } else { output.innerhtml = "<span style=\"color: red;\">" + "browser does not support <code>document.elementsfrompoint()</code>" + "</span>"; } specifications specification status shadow domthe definition of 'elementsfrompoint()' in that specification.
DocumentOrShadowRoot.fullscreenElement - Web APIs
Web › API › DocumentOrShadowRoot › fullscreenElement
function isvideoinfullscreen() { if (document.fullscreenelement && document.fullscreenelement.nodename == 'video') { return true; } return false; } specifications specification status comment fullscreen apithe definition of 'document.fullscreenelement' in that specification.
DocumentOrShadowRoot.getSelection() - Web APIs
Web › API › DocumentOrShadowRoot › getSelection
specifications specification status comment shadow domthe definition of 'documentorshadowroot' in that specification.
DocumentOrShadowRoot.pointerLockElement - Web APIs
Web › API › DocumentOrShadowRoot › pointerLockElement
specifications specification status comment pointer lockthe definition of 'pointerlockelement' in that specification.
DocumentOrShadowRoot.styleSheets - Web APIs
Web › API › DocumentOrShadowRoot › styleSheets
specifications specification status comment shadow domthe definition of 'documentorshadowroot' in that specification.
DocumentOrShadowRoot - Web APIs
Web › API › DocumentOrShadowRoot
specifications specification status comment shadow domthe definition of 'documentorshadowroot' in that specification.
DocumentTimeline.DocumentTimeline() - Web APIs
Web › API › DocumentTimeline › DocumentTimeline
var cats = document.queryselectorall('.sharedtimelinecat'); cats = array.prototype.slice.call(cats); var sharedtimeline = new documenttimeline({ origintime: 500 }); cats.foreach(function(cat) { var catkeyframes = new keyframeeffect(cat, keyframes, timing); var catanimation = new animation(catkeyframes, sharedtimeline); catanimation.play(); }); specifications specification status comment web animationsthe definition of 'documenttimeline()' in that specification.
DocumentTimeline - Web APIs
Web › API › DocumentTimeline
00 milliseconds into their animations: const cats = document.queryselectorall('.sharedtimelinecat'); const sharedtimeline = new documenttimeline({ origintime: 500 }); for (const cat of cats) { const catkeyframes = new keyframeeffect(cat, keyframes, timing); const catanimation = new animation(catkeyframes, sharedtimeline); catanimation.play(); } specifications specification status comment web animationsthe definition of 'documenttimeline' in that specification.
DocumentType - Web APIs
Web › API › DocumentType
specifications specification status comment domthe definition of 'documenttype' in that specification.
Document Object Model (DOM) - Web APIs
Web › API › Document Object Model
es getsvgdocument shadowanimation svgcolorprofilerule svgcssrule svgdocument svgexception svgexternalresourcesrequired svgfittoviewbox svglangspace svglocatable svgrenderingintent svgstylable svgtests svgtransformable svgunittypes svguseelementshadowroot svgurireference svgviewspec svgzoomandpan svgzoomevent specifications specification status comment dom living standard ...
DoubleRange - Web APIs
Web › API › DoubleRange
specifications specification status comment media capture and streamsthe definition of 'doublerange' in that specification.
DragEvent() - Web APIs
Web › API › DragEvent › DragEvent
specifications specification status comment html living standardthe definition of 'dragevent' in that specification.
DragEvent.dataTransfer - Web APIs
Web › API › DragEvent › dataTransfer
} dragtarget.addeventlistener("dragend", function(ev) { // call the drag and drop data processor if (ev.datatransfer !== null) processdata(ev.datatransfer); }, false); specifications specification status comment html living standardthe definition of 'dragevent.datatransfer' in that specification.
DragEvent - Web APIs
Web › API › DragEvent
specifications specification status comment html living standardthe definition of 'dragevent' in that specification.
DynamicsCompressorNode() - Web APIs
Web › API › DynamicsCompressorNode › DynamicsCompressorNode
specifications specification status comment web audio apithe definition of 'dynamicscompressornode()' in that specification.
DynamicsCompressorNode.attack - Web APIs
Web › API › DynamicsCompressorNode › attack
audioctx.destination); source.connect(compressor); compressor.connect(audioctx.destination); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.disconnect(compressor); compressor.disconnect(audioctx.destination); source.connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'attack' in that specification.
DynamicsCompressorNode.knee - Web APIs
Web › API › DynamicsCompressorNode › knee
audioctx.destination); source.connect(compressor); compressor.connect(audioctx.destination); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.disconnect(compressor); compressor.disconnect(audioctx.destination); source.connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'knee' in that specification.
DynamicsCompressorNode.ratio - Web APIs
Web › API › DynamicsCompressorNode › ratio
audioctx.destination); source.connect(compressor); compressor.connect(audioctx.destination); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.disconnect(compressor); compressor.disconnect(audioctx.destination); source.connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'ratio' in that specification.
DynamicsCompressorNode.reduction - Web APIs
Web › API › DynamicsCompressorNode › reduction
example var audioctx = new audiocontext(); var compressor = audioctx.createdynamicscompressor(); var myreduction = compressor.reduction; specifications specification status comment web audio apithe definition of 'reduction' in that specification.
DynamicsCompressorNode.release - Web APIs
Web › API › DynamicsCompressorNode › release
audioctx.destination); source.connect(compressor); compressor.connect(audioctx.destination); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.disconnect(compressor); compressor.disconnect(audioctx.destination); source.connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'release' in that specification.
DynamicsCompressorNode.threshold - Web APIs
Web › API › DynamicsCompressorNode › threshold
audioctx.destination); source.connect(compressor); compressor.connect(audioctx.destination); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.disconnect(compressor); compressor.disconnect(audioctx.destination); source.connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'threshold' in that specification.
DynamicsCompressorNode - Web APIs
Web › API › DynamicsCompressorNode
audioctx.destination); source.connect(compressor); compressor.connect(audioctx.destination); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression'; source.disconnect(compressor); compressor.disconnect(audioctx.destination); source.connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'dynamicscompressornode' in that specification.
EXT_blend_minmax - Web APIs
Web › API › EXT blend minmax
examples var ext = gl.getextension('ext_blend_minmax'); gl.blendequation(ext.min_ext); gl.blendequation(ext.max_ext); gl.blendequationseparate(ext.min_ext, ext.max_ext); specifications specification status comment ext_blend_minmaxthe definition of 'ext_blend_minmax' in that specification.
EXT_color_buffer_float - Web APIs
Web › API › EXT color buffer float
var ext = gl.getextension('ext_color_buffer_float'); gl.renderbufferstorage(gl.renderbuffer, gl.rgba16f, 256, 256); specifications specification status comment ext_color_buffer_floatthe definition of 'ext_color_buffer_float' in that specification.
EXT_color_buffer_half_float - Web APIs
Web › API › EXT color buffer half float
examples var ext = gl.getextension('ext_color_buffer_half_float'); gl.renderbufferstorage(gl.renderbuffer, ext.rbga16f_ext, 256, 256); specifications specification status comment ext_color_buffer_half_floatthe definition of 'ext_color_buffer_half_float' in that specification.
EXT_disjoint_timer_query.beginQueryEXT() - Web APIs
Web › API › EXT disjoint timer query › beginQueryEXT
specifications specification status comment ext_disjoint_timer_querythe definition of 'ext_disjoint_timer_query' in that specification.
EXT_disjoint_timer_query.createQueryEXT() - Web APIs
Web › API › EXT disjoint timer query › createQueryEXT
examples var ext = gl.getextension('ext_disjoint_timer_query'); var query = ext.createqueryext(); specifications specification status comment ext_disjoint_timer_querythe definition of 'ext_disjoint_timer_query' in that specification.
EXT_disjoint_timer_query.deleteQueryEXT() - Web APIs
Web › API › EXT disjoint timer query › deleteQueryEXT
ext.deletequeryext(query); specifications specification status comment ext_disjoint_timer_querythe definition of 'ext_disjoint_timer_query' in that specification.
EXT_disjoint_timer_query.endQueryEXT() - Web APIs
Web › API › EXT disjoint timer query › endQueryEXT
ext.endqueryext(ext.time_elapsed_ext); specifications specification status comment ext_disjoint_timer_querythe definition of 'ext_disjoint_timer_query' in that specification.
EXT_disjoint_timer_query.getQueryEXT() - Web APIs
Web › API › EXT disjoint timer query › getQueryEXT
examples var ext = gl.getextension('ext_disjoint_timer_query'); var startquery = ext.createqueryext(); ext.querycounterext(startquery, ext.timestamp_ext); var currentquery = ext.getqueryext(ext.timestamp_ext, ext.current_query_ext); specifications specification status comment ext_disjoint_timer_querythe definition of 'ext_disjoint_timer_query' in that specification.
EXT_disjoint_timer_query.getQueryObjectEXT() - Web APIs
Web › API › EXT disjoint timer query › getQueryObjectEXT
var timeelapsed = ext.getqueryobjectext(query, ext.query_result_ext); } specifications specification status comment ext_disjoint_timer_querythe definition of 'ext_disjoint_timer_query' in that specification.
EXT_disjoint_timer_query.isQueryEXT() - Web APIs
Web › API › EXT disjoint timer query › isQueryEXT
ext.isqueryext(query); specifications specification status comment ext_disjoint_timer_querythe definition of 'ext_disjoint_timer_query' in that specification.
EXT_disjoint_timer_query.queryCounterEXT() - Web APIs
Web › API › EXT disjoint timer query › queryCounterEXT
ext.querycounterext(endquery, ext.timestamp_ext); specifications specification status comment ext_disjoint_timer_querythe definition of 'ext_disjoint_timer_query' in that specification.
EXT_disjoint_timer_query - Web APIs
Web › API › EXT disjoint timer query
examples var ext = gl.getextension('ext_disjoint_timer_query'); specifications specification status comment ext_disjoint_timer_querythe definition of 'ext_disjoint_timer_query' in that specification.
EXT_float_blend - Web APIs
Web › API › EXT float blend
re_2d, 0, gl.rgba32f, 1, 1, 0, gl.rgba, gl.float, null); const fb = gl.createframebuffer(); gl.bindframebuffer(gl.framebuffer, fb); gl.framebuffertexture2d(gl.framebuffer, gl.color_attachment0, gl.texture_2d, tex, 0); // enable blending gl.enable(gl.blend); gl.drawarrays(gl.points, 0, 1); // won't throw gl.invalid_operation with the extension enabled specifications specification status ext_float_blend draft ...
EXT_frag_depth - Web APIs
Web › API › EXT frag depth
examples enable the extension: gl.getextension('ext_frag_depth'); now the output variable gl_fragdepthext is available to set a depth value of a fragment from within the fragment shader: <script type="x-shader/x-fragment"> void main() { gl_fragcolor = vec4(1.0, 0.0, 1.0, 1.0); gl_fragdepthext = 0.5; } </script> specifications specification status comment ext_frag_depththe definition of 'ext_frag_depth' in that specification.
EXT_sRGB - Web APIs
Web › API › EXT sRGB
examples var ext = gl.getextension('ext_srgb'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.teximage2d(gl.texture_2d, 0, ext.srgb_ext, 512, 512, 0, ext.srgb_ext, gl.unsigned_byte, image); specifications specification status comment ext_srgbthe definition of 'ext_srgb' in that specification.
EXT_shader_texture_lod - Web APIs
Web › API › EXT shader texture lod
es: <script type="x-shader/x-fragment"> #extension gl_ext_shader_texture_lod : enable #extension gl_oes_standard_derivatives : enable uniform sampler2d mytexture; varying vec2 texcoord; void main(){ gl_fragcolor = texture2dgradext(mytexture, mod(texcoord, vec2(0.1, 0.5)), dfdx(texcoord), dfdy(texcoord)); } </script> specifications specification status comment ext_shader_texture_lodthe definition of 'ext_shader_texture_lod' in that specification.
EXT_texture_compression_bptc - Web APIs
Web › API › EXT texture compression bptc
examples var ext = gl.getextension('ext_texture_compression_bptc'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.compressedteximage2d(gl.texture_2d, 0, ext.compressed_rgba_bptc_unorm_ext, 128, 128, 0, texturedata); specifications specification status ext_texture_compression_bptc community approved ...
EXT_texture_compression_rgtc - Web APIs
Web › API › EXT texture compression rgtc
examples var ext = gl.getextension('ext_texture_compression_rgtc'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.compressedteximage2d(gl.texture_2d, 0, ext.compressed_red_rgtc1_ext, 128, 128, 0, texturedata); specifications specification status ext_texture_compression_rgtc community approved ...
EXT_texture_filter_anisotropic - Web APIs
Web › API › EXT texture filter anisotropic
xture_2d, texture); var ext = ( gl.getextension('ext_texture_filter_anisotropic') || gl.getextension('moz_ext_texture_filter_anisotropic') || gl.getextension('webkit_ext_texture_filter_anisotropic') ); if (ext){ var max = gl.getparameter(ext.max_texture_max_anisotropy_ext); gl.texparameterf(gl.texture_2d, ext.texture_max_anisotropy_ext, max); } specifications specification status comment ext_texture_filter_anisotropicthe definition of 'ext_texture_filter_anisotropic' in that specification.
EcKeyGenParams - Web APIs
Web › API › EcKeyGenParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.eckeygenparams' in that specification.
EcKeyImportParams - Web APIs
Web › API › EcKeyImportParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.eckeyimportparams' in that specification.
EcdhKeyDeriveParams - Web APIs
Web › API › EcdhKeyDeriveParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.ecdhkeyderiveparams' in that specification.
EcdsaParams - Web APIs
Web › API › EcdsaParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.ecdsaparams' in that specification.
EffectTiming.delay - Web APIs
Web › API › EffectTiming › delay
loop through each tear tears.foreach(function(el) { // animate each tear el.animate( tearsfalling, { delay: getrandommsrange(-1000, 1000), // randomized for each tear duration: getrandommsrange(2000, 6000), // randomized for each tear iterations: infinity, easing: "cubic-bezier(0.6, 0.04, 0.98, 0.335)" }); }); specifications specification status comment web animationsthe definition of 'delay' in that specification.
EffectTiming.direction - Web APIs
Web › API › EffectTiming › direction
alice waves her arm up and down by passing her an alternate value for her direction property: // get alice's arm, and wave it up and down document.getelementbyid("alice_arm").animate([ { transform: 'rotate(10deg)' }, { transform: 'rotate(-40deg)' } ], { easing: 'steps(2, end)', iterations: infinity, direction: 'alternate', duration: 600 }); specifications specification status comment web animationsthe definition of 'direction' in that specification.
EffectTiming.duration - Web APIs
Web › API › EffectTiming › duration
oop through each tear tears.foreach(function(el) { // animate each tear el.animate( tearsfalling, { delay: getrandommsrange(-1000, 1000), // randomized for each tear duration: getrandommsrange(2000, 6000), // randomized for each tear iterations: infinity, easing: "cubic-bezier(0.6, 0.04, 0.98, 0.335)" }); }); specifications specification status comment web animationsthe definition of 'duration' in that specification.
EffectTiming.easing - Web APIs
Web › API › EffectTiming › easing
t that represents alice and the red queen var redqueen_alice_sprite = document.getelementbyid('red-queen_and_alice_sprite'); // animate alice and the red queen using steps() var redqueen_alice = redqueen_alice_sprite.animate( spriteframes, { easing: 'steps(7, end)', direction: "reverse", duration: 600, playbackrate: 1, iterations: infinity }); specifications specification status comment web animationsthe definition of 'easing' in that specification.
EffectTiming.endDelay - Web APIs
Web › API › EffectTiming › endDelay
specifications specification status comment web animationsthe definition of 'enddelay' in that specification.
EffectTiming.fill - Web APIs
Web › API › EffectTiming › fill
animation.commitstyles(); animation.cancel(); }); specifications specification status comment web animationsthe definition of 'fill' in that specification.
EffectTiming.iterations - Web APIs
Web › API › EffectTiming › iterations
he entire time the page is open by passing infinity as the value for her iterations property: // get alice's arm, and wave it up and down document.getelementbyid("alice_arm").animate([ { transform: 'rotate(10deg)' }, { transform: 'rotate(-40deg)' } ], { easing: 'steps(2, end)', iterations: infinity, direction: 'alternate', duration: 600 }); specifications specification status comment web animationsthe definition of 'iterations' in that specification.
EffectTiming - Web APIs
Web › API › EffectTiming
specifications specification status comment web animationsthe definition of 'effecttiming' in that specification.
Element: DOMActivate event - Web APIs
Web › API › Element › DOMActivate event
} ]]></script> <!-- act on each domactivate event --> <circle cx="300" cy="225" r="100" fill="red"> <handler type="application/ecmascript" ev:event="domactivate"> change(evt); </handler> </circle> <text x="300" y="480" font-family="verdana" font-size="35" text-anchor="middle"> activate the circle to change its size </text> </svg> specifications specification status ui eventsthe definition of 'domactivate' in that specification.
Element.animate() - Web APIs
Web › API › Element › animate
specifications specification status comment web animations level 2the definition of 'keyframeanimationoptions.iterationcomposite' in that specification.
Element.attachShadow() - Web APIs
Web › API › Element › attachShadow
ontent = count; // append it to the shadow root shadow.appendchild(text); // update count when element content changes setinterval(function() { var count = 'words: ' + countwords(wcparent); text.textcontent = count; }, 200) } } // define the new element customelements.define('word-count', wordcount, { extends: 'p' }); specifications specification status comment domthe definition of 'attachshadow()' in that specification.
Element.attributes - Web APIs
Web › API › Element › attributes
{ result.value = "no attributes to show"; } } </script> </head> <body> <p id="paragraph" style="color: green;">sample paragraph</p> <form action=""> <p> <input type="button" value="show first attribute name and value" onclick="listattributes();"> <input id="result" type="text" value=""> </p> </form> </body> </html> specifications specification status comment domthe definition of 'element.attributes' in that specification.
Element: auxclick event - Web APIs
Web › API › Element › auxclick event
specification specification status ui eventsthe definition of 'auxclick' in that specification.
Element: blur event - Web APIs
Web › API › Element › blur event
put type="text" placeholder="text input"> <input type="password" placeholder="password"> </form> javascript const form = document.getelementbyid('form'); form.addeventlistener('focus', (event) => { event.target.style.background = 'pink'; }, true); form.addeventlistener('blur', (event) => { event.target.style.background = ''; }, true); result specifications specification status comment ui events working draft added info that this event is composed.
Element.classList - Web APIs
Web › API › Element › classList
specifications specification status comment domthe definition of 'element.classlist' in that specification.
Element.className - Web APIs
Web › API › Element › className
specifications specification status comment domthe definition of 'element.classname' in that specification.
Element: click event - Web APIs
Web › API › Element › click event
specifications specification status ui events working draft document object model (dom) level 3 events specificationthe definition of 'click' in that specification.
Element.clientHeight - Web APIs
Web › API › Element › clientHeight
example specification specification status comment css object model (cssom) view modulethe definition of 'clientheight' in that specification.
Element.clientLeft - Web APIs
Web › API › Element › clientLeft
padding-bottom left top right bottom margin-top margin-bottom border-top border-bottom specifications specification status comment css object model (cssom) view modulethe definition of 'clientleft' in that specification.
Element.clientTop - Web APIs
Web › API › Element › clientTop
specifications specification status comment css object model (cssom) view modulethe definition of 'clienttop' in that specification.
Element.clientWidth - Web APIs
Web › API › Element › clientWidth
example specification specification status comment css object model (cssom) view modulethe definition of 'clientwidth' in that specification.
Element.closest() - Web APIs
Web › API › Element › closest
dow.element && !element.prototype.closest) { element.prototype.closest = function(s) { var matches = (this.document || this.ownerdocument).queryselectorall(s), i, el = this; do { i = matches.length; while (--i >= 0 && matches.item(i) !== el) {}; } while ((i < 0) && (el = el.parentelement)); return el; }; } specifications specification status comment domthe definition of 'element.closest()' in that specification.
Element: compositionend event - Web APIs
Web › API › Element › compositionend event
'click', () => { log.textcontent = ''; }); function handleevent(event) { log.textcontent = log.textcontent + `${event.type}: ${event.data}\n`; } inputelement.addeventlistener('compositionstart', handleevent); inputelement.addeventlistener('compositionupdate', handleevent); inputelement.addeventlistener('compositionend', handleevent); result specifications specification status ui events working draft ...
Element: compositionstart event - Web APIs
Web › API › Element › compositionstart event
'click', () => { log.textcontent = ''; }); function handleevent(event) { log.textcontent = log.textcontent + `${event.type}: ${event.data}\n`; } inputelement.addeventlistener('compositionstart', handleevent); inputelement.addeventlistener('compositionupdate', handleevent); inputelement.addeventlistener('compositionend', handleevent); result specifications specification status ui events working draft ...
Element: compositionupdate event - Web APIs
Web › API › Element › compositionupdate event
'click', () => { log.textcontent = ''; }); function handleevent(event) { log.textcontent = log.textcontent + `${event.type}: ${event.data}\n`; } inputelement.addeventlistener('compositionstart', handleevent); inputelement.addeventlistener('compositionupdate', handleevent); inputelement.addeventlistener('compositionend', handleevent); result specifications specification status ui events working draft ...
Element.computedStyleMap() - Web APIs
Web › API › Element › computedStyleMap
specifications specification status comment css typed om level 1the definition of 'computedstylemap()' in that specification.
Element: contextmenu event - Web APIs
Web › API › Element › contextmenu event
html <p id="nocontextmenu">the context menu has been disabled on this paragraph.</p> <p>but it has not been disabled on this one.</p> javascript nocontext = document.getelementbyid('nocontextmenu'); nocontext.addeventlistener('contextmenu', e => { e.preventdefault(); }); result specifications specification status comment html living standardthe definition of 'contextmenu' in that specification.
Element: copy event - Web APIs
Web › API › Element › copy event
.5rem; padding: .5rem; height: 1rem; background-color: #e9eef1; } js const source = document.queryselector('div.source'); source.addeventlistener('copy', (event) => { const selection = document.getselection(); event.clipboarddata.setdata('text/plain', selection.tostring().touppercase()); event.preventdefault(); }); result specifications specification status clipboard api and events working draft ...
Element: cut event - Web APIs
Web › API › Element › cut event
ht: 1rem; background-color: #e9eef1; } js const source = document.queryselector('div.source'); source.addeventlistener('cut', (event) => { const selection = document.getselection(); event.clipboarddata.setdata('text/plain', selection.tostring().touppercase()); selection.deletefromdocument(); event.preventdefault(); }); result specifications specification status clipboard api and events working draft ...
Element: dblclick event - Web APIs
Web › API › Element › dblclick event
(e) { card.classlist.toggle('large'); }); html <aside> <h3>my card</h3> <p>double click to resize this object.</p> </aside> css aside { background: #fe9; border-radius: 1em; display: inline-block; padding: 1em; transform: scale(.9); transform-origin: 0 0; transition: transform .6s; } .large { transform: scale(1.3); } result specifications specification status ui eventsthe definition of 'dblclick' in that specification.
Element: error event - Web APIs
Web › API › Element › error event
st badimg = document.queryselector('.bad-img'); badimg.addeventlistener('error', (event) => { log.textcontent = log.textcontent + `${event.type}: loading image\n`; console.log(event) }); const imgerror = document.queryselector('#img-error'); imgerror.addeventlistener('click', () => { badimg.setattribute('src', 'i-dont-exist'); }); result specifications specification status ui events working draft ...
Element: focus event - Web APIs
Web › API › Element › focus event
put type="text" placeholder="text input"> <input type="password" placeholder="password"> </form> javascript const form = document.getelementbyid('form'); form.addeventlistener('focus', (event) => { event.target.style.background = 'pink'; }, true); form.addeventlistener('blur', (event) => { event.target.style.background = ''; }, true); result specifications specification status comment ui events working draft added info that this event is composed.
Element: focusin event - Web APIs
Web › API › Element › focusin event
<input type="text" placeholder="text input"> <input type="password" placeholder="password"> </form> javascript const form = document.getelementbyid('form'); form.addeventlistener('focusin', (event) => { event.target.style.background = 'pink'; }); form.addeventlistener('focusout', (event) => { event.target.style.background = ''; }); result specifications specification status comment ui events working draft added info that this event is composed.
Element: focusout event - Web APIs
Web › API › Element › focusout event
<input type="text" placeholder="text input"> <input type="password" placeholder="password"> </form> javascript const form = document.getelementbyid('form'); form.addeventlistener('focusin', (event) => { event.target.style.background = 'pink'; }); form.addeventlistener('focusout', (event) => { event.target.style.background = ''; }); result specifications specification status comment ui events working draft added info that this event is composed.
Element: fullscreenerror event - Web APIs
Web › API › Element › fullscreenerror event
examples const requestor = document.queryselector('div'); requestor.addeventlistener('fullscreenerror', (event) => { console.error('an error occurred changing into fullscreen'); console.log(event); }); requestor.requestfullscreen(); specifications specification status fullscreen api living standard ...
Element.getAnimations() - Web APIs
Web › API › Element › getAnimations
promise.all( elem.getanimations({ subtree: true }) .map(animation => animation.finished) ).then(() => elem.remove()); specifications specification status comment web animationsthe definition of 'animatable.getanimations()' in that specification.
Element.getAttribute() - Web APIs
Web › API › Element › getAttribute
let nonce = script.getattribute('nonce'); // returns empty string instead of retrieving the nonce from the content attribute, use the nonce property: let nonce = script.nonce; specifications specification status comment domthe definition of 'getattribute()' in that specification.
Element.getAttributeNS() - Web APIs
Web › API › Element › getAttributeNS
om used) dom level 2 namespace-aware methods for dealing with attr nodes directly (seldom used) setattribute (dom 1) setattributens setattributenode setattributenodens getattribute (dom 1) getattributens getattributenode getattributenodens hasattribute (dom 2) hasattributens - - removeattribute (dom 1) removeattributens removeattributenode - specifications specification status comment domthe definition of 'element.getattributens()' in that specification.
Element.getAttributeNames() - Web APIs
Web › API › Element › getAttributeNames
name, value); } polyfill if (element.prototype.getattributenames == undefined) { element.prototype.getattributenames = function () { var attributes = this.attributes; var length = attributes.length; var result = new array(length); for (var i = 0; i < length; i++) { result[i] = attributes[i].name; } return result; }; } specifications specification status comment domthe definition of 'element.getattributenames' in that specification.
Element.getAttributeNode() - Web APIs
Web › API › Element › getAttributeNode
om used) dom level 2 namespace-aware methods for dealing with attr nodes directly (seldom used) setattribute (dom 1) setattributens setattributenode setattributenodens getattribute (dom 1) getattributens getattributenode getattributenodens hasattribute (dom 2) hasattributens - - removeattribute (dom 1) removeattributens removeattributenode - specifications specification status comment domthe definition of 'getattributenode()' in that specification.
Element.getAttributeNodeNS() - Web APIs
Web › API › Element › getAttributeNodeNS
om used) dom level 2 namespace-aware methods for dealing with attr nodes directly (seldom used) setattribute (dom 1) setattributens setattributenode setattributenodens getattribute (dom 1) getattributens getattributenode getattributenodens hasattribute (dom 2) hasattributens - - removeattribute (dom 1) removeattributens removeattributenode - specifications specification status comment domthe definition of 'getattributenodens()' in that specification.
Element.getBoundingClientRect() - Web APIs
Web › API › Element › getBoundingClientRect
specifications specification status comment css object model (cssom) view modulethe definition of 'element.getboundingclientrect()' in that specification.
Element.getClientRects() - Web APIs
Web › API › Element › getClientRects
+ 'px'; document.body.appendchild(tablerectdiv); } } (function() { /* call function addclientrectsoverlay(elt) for all elements with assigned class "withclientrectsoverlay" */ var elt = document.getelementsbyclassname('withclientrectsoverlay'); for (var i = 0; i < elt.length; i++) { addclientrectsoverlay(elt[i]); } })(); result specifications specification status comment css object model (cssom) view modulethe definition of 'element.getclientrects()' in that specification.
Element.getElementsByClassName() - Web APIs
Web › API › Element › getElementsByClassName
here we'll find all <div> elements that have a class of test: var testelements = document.getelementsbyclassname('test'); var testdivs = array.prototype.filter.call(testelements, function(testelement) { return testelement.nodename === 'div'; }); specifications specification status comment domthe definition of 'element.getelementsbyclassname()' in that specification.
Element.getElementsByTagName() - Web APIs
Web › API › Element › getElementsByTagName
example // check the status of each data cell in a table const table = document.getelementbyid('forecast-table'); const cells = table.getelementsbytagname('td'); for (let cell of cells) { let status = cell.getattribute('data-status'); if (status === 'open') { // grab the data } } specifications specification status comment domthe definition of 'element.getelementsbytagname()' in that sp...
Element.getElementsByTagNameNS() - Web APIs
Web › API › Element › getElementsByTagNameNS
var table = document.getelementbyid("forecast-table"); var cells = table.getelementsbytagnamens("http://www.w3.org/1999/xhtml", "td"); for (var i = 0; i < cells.length; i++) { var axis = cells[i].getattribute("axis"); if (axis == "year") { // grab the data } } specifications specification status comment domthe definition of 'element.getelementsbytagnamens()' in that specification.
Element.hasAttribute() - Web APIs
Web › API › Element › hasAttribute
om used) dom level 2 namespace-aware methods for dealing with attr nodes directly (seldom used) setattribute (dom 1) setattributens setattributenode setattributenodens getattribute (dom 1) getattributens getattributenode getattributenodens hasattribute (dom 2) hasattributens - - removeattribute (dom 1) removeattributens removeattributenode - specifications specification status comment domthe definition of 'element.hasattribute()' in that specification.
Element.hasAttributeNS() - Web APIs
Web › API › Element › hasAttributeNS
om used) dom level 2 namespace-aware methods for dealing with attr nodes directly (seldom used) setattribute (dom 1) setattributens setattributenode setattributenodens getattribute (dom 1) getattributens getattributenode getattributenodens hasattribute (dom 2) hasattributens - - removeattribute (dom 1) removeattributens removeattributenode - specifications specification status comment domthe definition of 'document.hasattributens' in that specification.
Element.hasAttributes() - Web APIs
Web › API › Element › hasAttributes
examples let foo = document.getelementbyid('foo'); if (foo.hasattributes()) { // do something with 'foo.attributes' } polyfill ;(function(prototype) { prototype.hasattributes = prototype.hasattributes || function() { return (this.attributes.length > 0); } })(element.prototype); specifications specification status comment domthe definition of 'element.hasattributes()' in that specification.
Element.hasPointerCapture() - Web APIs
Web › API › Element › hasPointerCapture
} } function init() { const el = document.getelementbyid("target"); el.onpointerdown = downhandler; } </script> <body onload="init();"> <div id="target">touch this element with a pointer.</div> </body> </html> specifications specification status comment pointer events – level 2the definition of 'haspointercapture()' in that specification.
Element.id - Web APIs
Web › API › Element › id
specifications specification status comment domthe definition of 'id' in that specification.
Element.innerHTML - Web APIs
Web › API › Element › innerHTML
specification specification status comment dom parsing and serializationthe definition of 'element.innerhtml' in that specification.
Element.insertAdjacentElement() - Web APIs
Web › API › Element › insertAdjacentElement
specification specification status comment domthe definition of 'insertadjacentelement()' in that specification.
Element.insertAdjacentHTML() - Web APIs
Web › API › Element › insertAdjacentHTML
specification specification status comment dom parsing and serializationthe definition of 'element.insertadjacenthtml()' in that specification.
Element.insertAdjacentText() - Web APIs
Web › API › Element › insertAdjacentText
e earlier) and higher with the following code: if (!element.prototype.insertadjacenttext) element.prototype.insertadjacenttext = function(type, txt){ this.insertadjacenthtml( type, (txt+'') // convert to string .replace(/&/g, '&amp;') // embed ampersand symbols .replace(/</g, '&lt;') // embed less-than symbols ) } specification specification status comment domthe definition of 'insertadjacenttext()' in that specification.
Element: keydown event - Web APIs
Web › API › Element › keydown event
<input placeholder="click here, then press down a key." size="40"> <p id="log"></p> const input = document.queryselector('input'); const log = document.getelementbyid('log'); input.addeventlistener('keydown', logkey); function logkey(e) { log.textcontent += ` ${e.code}`; } onkeydown equivalent input.onkeydown = logkey; specifications specification status ui events working draft ...
Element: keypress event - Web APIs
Web › API › Element › keypress event
the input and type something:</label> <input type="text" name="text" id="sample"> </div> <p id="log"></p> const log = document.getelementbyid('log'); const input = document.queryselector('input'); input.addeventlistener('keypress', logkey); function logkey(e) { log.textcontent += ` ${e.code}`; } onkeypress equivalent input.onkeypress = logkey; specifications specification status ui events working draft ...
Element: keyup event - Web APIs
Web › API › Element › keyup event
<input placeholder="click here, then press and release a key." size="40"> <p id="log"></p> const input = document.queryselector('input'); const log = document.getelementbyid('log'); input.addeventlistener('keyup', logkey); function logkey(e) { log.textcontent += ` ${e.code}`; } onkeyup equivalent input.onkeyup = logkey; specifications specification status ui events working draft ...
Element.localName - Web APIs
Web › API › Element › localName
specifications specification status comment domthe definition of 'element.localname' in that specification.
Element.matches() - Web APIs
Web › API › Element › matches
if (!element.prototype.matches) { element.prototype.matches = element.prototype.msmatchesselector || element.prototype.webkitmatchesselector; } specification specification status comment domthe definition of 'element.prototype.matches' in that specification.
Element: mousedown event - Web APIs
Web › API › Element › mousedown event
rawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = 0; y = 0; isdrawing = false; } }); function drawline(context, x1, y1, x2, y2) { context.beginpath(); context.strokestyle = 'black'; context.linewidth = 1; context.moveto(x1, y1); context.lineto(x2, y2); context.stroke(); context.closepath(); } result specifications specification status ui eventsthe definition of 'mousedown' in that specification.
Element: mouseenter event - Web APIs
Web › API › Element › mouseenter event
ate a new text node using the supplied text var newtextnode = document.createtextnode(text); // create a new li element var newlistitem = document.createelement("li"); // add the text node to the li element newlistitem.appendchild(newtextnode); // add the newly created list item to list unorderedlist.appendchild(newlistitem); } result specifications specification status ui eventsthe definition of 'mouseenter' in that specification.
Element: mouseleave event - Web APIs
Web › API › Element › mouseleave event
ate a new text node using the supplied text var newtextnode = document.createtextnode(text); // create a new li element var newlistitem = document.createelement("li"); // add the text node to the li element newlistitem.appendchild(newtextnode); // add the newly created list item to list unorderedlist.appendchild(newlistitem); } result specifications specification status ui eventsthe definition of 'mouseleave' in that specification.
Element: mousemove event - Web APIs
Web › API › Element › mousemove event
rawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = 0; y = 0; isdrawing = false; } }); function drawline(context, x1, y1, x2, y2) { context.beginpath(); context.strokestyle = 'black'; context.linewidth = 1; context.moveto(x1, y1); context.lineto(x2, y2); context.stroke(); context.closepath(); } result specifications specification status ui eventsthe definition of 'mousemove' in that specification.
Element: mouseout event - Web APIs
Web › API › Element › mouseout event
r = ""; }, 1000); }, false); // briefly make an <li> orange when the mouse moves off of it test.addeventlistener("mouseout", function( event ) { // highlight the mouseout target event.target.style.color = "orange"; // reset the color after a short delay settimeout(function() { event.target.style.color = ""; }, 500); }, false); result specifications specification status ui eventsthe definition of 'mouseout' in that specification.
Element: mouseover event - Web APIs
Web › API › Element › mouseover event
this handler will be executed every time the cursor // is moved over a different list item test.addeventlistener("mouseover", function( event ) { // highlight the mouseover target event.target.style.color = "orange"; // reset the color after a short delay settimeout(function() { event.target.style.color = ""; }, 500); }, false); result specifications specification status ui eventsthe definition of 'mouseover' in that specification.
Element: mouseup event - Web APIs
Web › API › Element › mouseup event
rawing === true) { drawline(context, x, y, e.offsetx, e.offsety); x = 0; y = 0; isdrawing = false; } }); function drawline(context, x1, y1, x2, y2) { context.beginpath(); context.strokestyle = 'black'; context.linewidth = 1; context.moveto(x1, y1); context.lineto(x2, y2); context.stroke(); context.closepath(); } result specifications specification status ui eventsthe definition of 'mouseup' in that specification.
Element.namespaceURI - Web APIs
Web › API › Element › namespaceURI
specifications specification status comment domthe definition of 'element: namespaceuri' in that specification.
Element.onfullscreenchange - Web APIs
Web › API › Element › onfullscreenchange
m.requestfullscreen().then({}).catch(err => { alert(`error attempting to enable full-screen mode: ${err.message} (${err.name})`); }); } else { document.exitfullscreen(); } } function handlefullscreenchange(event) { let elem = event.target; let isfullscreen = document.fullscreenelement === elem; adjustmycontrols(isfullscreen); } specifications specification status comment fullscreen apithe definition of 'onfullscreenchange' in that specification.
Element.onfullscreenerror - Web APIs
Web › API › Element › onfullscreenerror
elem.requestfullscreen(); specifications specification status comment fullscreen apithe definition of 'onfullscreenerror' in that specification.
Element.outerHTML - Web APIs
Web › API › Element › outerHTML
hows: "p" p.outerhtml = "<div>this div replaced a paragraph.</div>"; console.log(p.nodename); // still "p"; the returned value will contain html escaped attributes: var anc = document.createelement("a"); anc.href = "https://developer.mozilla.org?a=b&c=d"; console.log(anc.outerhtml); // output: "<a href='https://developer.mozilla.org?a=b&amp;c=d'></a>" specification specification status comment dom parsing and serializationthe definition of 'element.outerhtml' in that specification.
Element.part - Web APIs
Web › API › Element › part
let tabs = []; let children = this.shadowroot.children; for(let elem of children) { if(elem.getattribute('part')) { tabs.push(elem); } } tabs.foreach((tab) => { tab.addeventlistener('click', (e) => { tabs.foreach((tab) => { tab.part = 'tab'; }) e.target.part = 'tab active'; }) console.log(tab.part); }) specifications specification status comment shadow partsthe definition of 'element.part' in that specification.
Element: paste event - Web APIs
Web › API › Element › paste event
{ let paste = (event.clipboarddata || window.clipboarddata).getdata('text'); paste = paste.touppercase(); const selection = window.getselection(); if (!selection.rangecount) return false; selection.deletefromdocument(); selection.getrangeat(0).insertnode(document.createtextnode(paste)); event.preventdefault(); }); result specifications specification status clipboard api and events working draft ...
Element.prefix - Web APIs
Web › API › Element › prefix
specifications specification status comment domthe definition of 'element: prefix' in that specification.
Element.querySelector() - Web APIs
Web › API › Element › querySelector
specifications specification status comment domthe definition of 'queryselector()' in that specification.
Element.querySelectorAll() - Web APIs
Web › API › Element › querySelectorAll
the :scope pseudo-class restores the expected behavior, only matching selectors on descendants of the base element: var select = document.queryselector('.select'); var inner = select.queryselectorall(':scope .outer .inner'); inner.length; // 0 specifications specification status comment domthe definition of 'parentnode.queryselectorall()' in that specification.
Element.releasePointerCapture() - Web APIs
Web › API › Element › releasePointerCapture
setpointercapture(e.pointerid); } function stopsliding(e) { slider.onpointermove = null; slider.releasepointercapture(e.pointerid); } function slide(e) { slider.style.transform = `translate(${e.clientx - 70}px)`; } const slider = document.getelementbyid('slider'); slider.onpointerdown = beginsliding; slider.onpointerup = stopsliding; result specifications specification status comment pointer events – level 2the definition of 'releasepointercapture' in that specification.
Element.removeAttribute() - Web APIs
Web › API › Element › removeAttribute
ibutenodens getattribute (dom 1) getattributens getattributenode getattributenodens hasattribute (dom 2) hasattributens - - removeattribute (dom 1) removeattributens removeattributenode - example // given: <div id="div1" align="left" width="200px"> document.getelementbyid("div1").removeattribute("align"); // now: <div id="div1" width="200px"> specifications specification status comment domthe definition of 'element" removeattribute' in that specification.
Element.removeAttributeNS() - Web APIs
Web › API › Element › removeAttributeNS
om used) dom level 2 namespace-aware methods for dealing with attr nodes directly (seldom used) setattribute (dom 1) setattributens setattributenode setattributenodens getattribute (dom 1) getattributens getattributenode getattributenodens hasattribute (dom 2) hasattributens - - removeattribute (dom 1) removeattributens removeattributenode - specifications specification status comment domthe definition of 'element: removeattributens' in that specification.
Element.removeAttributeNode() - Web APIs
Web › API › Element › removeAttributeNode
om used) dom level 2 namespace-aware methods for dealing with attr nodes directly (seldom used) setattribute (dom 1) setattributens setattributenode setattributenodens getattribute (dom 1) getattributens getattributenode getattributenodens hasattribute (dom 2) hasattributens - - removeattribute (dom 1) removeattributens removeattributenode - specifications specification status comment domthe definition of 'element: removeattributenode' in that specification.
Element.requestFullscreen() - Web APIs
Web › API › Element › requestFullScreen
specifications specification status comment fullscreen apithe definition of 'element.requestfullscreen()' in that specification.
Element.requestPointerLock() - Web APIs
Web › API › Element › requestPointerLock
syntax instanceofelement.requestpointerlock(); specifications specification status comment pointer lockthe definition of 'requestpointerlock()' in that specification.
Element.scroll() - Web APIs
Web › API › Element › scroll
examples // put the 1000th vertical pixel at the top of the element element.scroll(0, 1000); using options: element.scroll({ top: 100, left: 100, behavior: 'smooth' }); specification specification status comment css object model (cssom) view modulethe definition of 'element.scroll()' in that specification.
Element.scrollBy() - Web APIs
Web › API › Element › scrollBy
examples // scroll an element element.scrollby(300, 300); using options: element.scrollby({ top: 100, left: 100, behavior: 'smooth' }); specification specification status comment css object model (cssom) view modulethe definition of 'element.scrollby()' in that specification.
Element.scrollHeight - Web APIs
Web › API › Element › scrollHeight
g.noticebox = document.createelement("span"); document.registration.accept.checked = false; checkreading.noticebox.id = "notice"; otoberead.parentnode.insertbefore(checkreading.noticebox, otoberead); otoberead.parentnode.insertbefore(document.createelement("br"), otoberead); otoberead.onscroll = checkreading; checkreading.call(otoberead); } specifications specification status comment css object model (cssom) view modulethe definition of 'element.scrollheight' in that specification.
Element.scrollIntoView() - Web APIs
Web › API › Element › scrollIntoView
specifications specification status comment css object model (cssom) view modulethe definition of 'element.scrollintoview()' in that specification.
Element.scrollLeft - Web APIs
Web › API › Element › scrollLeft
type="button">slide right</button> css #container { width: 100px; height: 100px; border: 1px solid #ccc; overflow-x: scroll; } #content { width: 250px; background-color: #ccc; } javascript const button = document.getelementbyid('slide'); button.onclick = function () { document.getelementbyid('container').scrollleft += 20; }; result specifications specification status comment css object model (cssom) view modulethe definition of 'scrollleft' in that specification.
Element.scrollTo() - Web APIs
Web › API › Element › scrollTo
examples element.scrollto(0, 1000); using options: element.scrollto({ top: 100, left: 100, behavior: 'smooth' }); specifications specification status comment css object model (cssom) view modulethe definition of 'element.scrollto()' in that specification.
Element.scrollTop - Web APIs
Web › API › Element › scrollTop
if you can see this, scrolltop is maxed-out padding-bottom left top right bottom margin-top margin-bottom border-top border-bottom specifications specification status comment css object model (cssom) view modulethe definition of 'scrolltop' in that specification.
Element.scrollWidth - Web APIs
Web › API › Element › scrollWidth
t)) { alert('contents are overflowing the container.'); } else { alert('no overflows!'); } } buttonone.addeventlistener('click', function() { alertoverflow(divone); }); buttontwo.addeventlistener('click', function() { alertoverflow(divtwo); }); </script> </html> result specification specification status comment css object model (cssom) view modulethe definition of 'element.scrollwidth' in that specification.
Element: scroll event - Web APIs
Web › API › Element › scroll event
specifications specification status css object model (cssom) view module working draft ...
Element: select event - Web APIs
Web › API › Element › select event
event.target.value.substring(event.target.selectionstart, event.target.selectionend); log.textcontent = `you selected: ${selection}`; } const input = document.queryselector('input'); input.addeventlistener('select', logselection); onselect equivalent you can also set up the event handler using the onselect property: input.onselect = logselection; specifications specification status ui eventsthe definition of 'select' in that specification.
Element.setAttribute() - Web APIs
Web › API › Element › setAttribute
om used) dom level 2 namespace-aware methods for dealing with attr nodes directly (seldom used) setattribute (dom 1) setattributens setattributenode setattributenodens getattribute (dom 1) getattributens getattributenode getattributenodens hasattribute (dom 2) hasattributens - - removeattribute (dom 1) removeattributens removeattributenode - specifications specification status comment domthe definition of 'setattribute()' in that specification.
Element.setAttributeNS() - Web APIs
Web › API › Element › setAttributeNS
specifications specification status comment domthe definition of 'document.setattributens' in that specification.
Element.setAttributeNode() - Web APIs
Web › API › Element › setAttributeNode
om used) dom level 2 namespace-aware methods for dealing with attr nodes directly (seldom used) setattribute (dom 1) setattributens setattributenode setattributenodens getattribute (dom 1) getattributens getattributenode getattributenodens hasattribute (dom 2) hasattributens - - removeattribute (dom 1) removeattributens removeattributenode - specifications specification status comment domthe definition of 'setattributenode()' in that specification.
Element.setAttributeNodeNS() - Web APIs
Web › API › Element › setAttributeNodeNS
om used) dom level 2 namespace-aware methods for dealing with attr nodes directly (seldom used) setattribute (dom 1) setattributens setattributenode setattributenodens getattribute (dom 1) getattributens getattributenode getattributenodens hasattribute (dom 2) hasattributens - - removeattribute (dom 1) removeattributens removeattributenode - specifications specification status comment domthe definition of 'document.setattributenodens' in that specification.
Element.setPointerCapture() - Web APIs
Web › API › Element › setPointerCapture
setpointercapture(e.pointerid); } function stopsliding(e) { slider.onpointermove = null; slider.releasepointercapture(e.pointerid); } function slide(e) { slider.style.transform = `translate(${e.clientx - 70}px)`; } const slider = document.getelementbyid('slider'); slider.onpointerdown = beginsliding; slider.onpointerup = stopsliding; result specifications specification status comment pointer events – level 2the definition of 'setpointercapture' in that specification.
Element.shadowRoot - Web APIs
Web › API › Element › shadowRoot
const childnodes = array.from(shadow.childnodes); childnodes.foreach(childnode => { if (childnode.nodename === 'style') { childnode.textcontent = ` div { width: ${elem.getattribute('l')}px; height: ${elem.getattribute('l')}px; background-color: ${elem.getattribute('c')}; } `; } }); } specifications specification status comment domthe definition of 'shadowroot' in that specification.
Element: show event - Web APIs
Web › API › Element › show event
event handler property onshow examples <div contextmenu="test"></div> <menu type="context" id="test"> <menuitem label="alert" onclick="alert('the alert label has been clicked')" /> </menu> <script> document.getelementbyid("test").addeventlistener("show", function(e){ alert("the context menu will be displayed"); }, false); </script> specifications specification status html5the definition of 'show event' in that specification.
Element.slot - Web APIs
Web › API › Element › slot
let slottedspan = document.queryselector('my-paragraph span') console.log(slottedspan.slot); // logs 'my-text' specifications specification status comment domthe definition of 'slot' in that specification.
Element.tagName - Web APIs
Web › API › Element › tagName
specifications specification status comment domthe definition of 'element: tagname' in that specification.
Element.toggleAttribute() - Web APIs
Web › API › Element › toggleAttribute
.prototype.toggleattribute) { element.prototype.toggleattribute = function(name, force) { if(force !== void 0) force = !!force if (this.hasattribute(name)) { if (force) return true; this.removeattribute(name); return false; } if (force === false) return false; this.setattribute(name, ""); return true; }; } specification specification status comment domthe definition of 'element.toggleattribute' in that specification.
Element: touchcancel event - Web APIs
Web › API › Element › touchcancel event
specifications specification status touch events recommendation ...
Element: touchend event - Web APIs
Web › API › Element › touchend event
specifications specification status touch events recommendation ...
Element: touchmove event - Web APIs
Web › API › Element › touchmove event
specifications specification status touch events recommendation ...
Element: touchstart event - Web APIs
Web › API › Element › touchstart event
specifications specification status touch events recommendation ...
Element: wheel event - Web APIs
Web › API › Element › wheel event
// restrict scale scale = math.min(math.max(.125, scale), 4); // apply scale transform el.style.transform = `scale(${scale})`; } let scale = 1; const el = document.queryselector('div'); el.onwheel = zoom; addeventlistener equivalent the event handler can also be set up using the addeventlistener() method: el.addeventlistener('wheel', zoom); specifications specification status comment ui eventsthe definition of 'wheel' in that specification.
Element - Web APIs
Web › API › Element
also available via the ontouchstart property specifications specification status comment css pseudo-elements level 4the definition of 'element' in that specification.
ElementCSSInlineStyle.style - Web APIs
Web › API › ElementCSSInlineStyle › style
note the presence of the value bold for font-weight in the computed style and the absence of it in the element's style property specifications specification status comment css object model (cssom)the definition of 'the elementcssinlinestyle.style property' in that specification.
ElementCSSInlineStyle - Web APIs
Web › API › ElementCSSInlineStyle
specifications specification status comment css object model (cssom)the definition of 'htmlorforeignelement' in that specification.
ElementTraversal - Web APIs
Web › API › ElementTraversal
specifications specification status comment domthe definition of 'childnode' in that specification.
Encoding API - Web APIs
Web › API › Encoding API
specifications specification status comment encoding living standard initial definition.
ErrorEvent - Web APIs
Web › API › ErrorEvent
specifications specification status comment html living standardthe definition of 'errorevent' in that specification.
Event() - Web APIs
Web › API › Event › Event
example // create a look event that bubbles up and cannot be canceled const evt = new event("look", {"bubbles":true, "cancelable":false}); document.dispatchevent(evt); // event can be dispatched from any element, not only the document mydiv.dispatchevent(evt); specifications specification status comment domthe definition of 'event()' in that specification.
Event.bubbles - Web APIs
Web › API › Event › bubbles
specifications specification status comment domthe definition of 'event.bubbles' in that specification.
Event.cancelBubble - Web APIs
Web › API › Event › cancelBubble
example elem.onclick = function(event) { // do cool things here event.cancelbubble = true; } specifications specification status comment domthe definition of 'cancelbubble' in that specification.
Event.cancelable - Web APIs
Web › API › Event › cancelable
specifications specification status comment domthe definition of 'event.cancelable' in that specification.
Event.composed - Web APIs
Web › API › Event › composed
specifications specification status comment domthe definition of 'composed' in that specification.
Event.composedPath() - Web APIs
Web › API › Event › composedPath
specifications specification status comment domthe definition of 'composedpath()' in that specification.
Event.currentTarget - Web APIs
Web › API › Event › currentTarget
specifications specification status comment domthe definition of 'event.currenttarget' in that specification.
Event.defaultPrevented - Web APIs
Web › API › Event › defaultPrevented
=== 'a') { if (event.defaultprevented) { log.innertext = 'sorry, but you cannot visit this link!\n' + log.innertext; } else { log.innertext = 'visiting link...\n' + log.innertext; } } } const a = document.getelementbyid('link2'); a.addeventlistener('click', stoplink); document.addeventlistener('click', logclick); result specifications specification status comment domthe definition of 'event.defaultprevented()' in that specification.
Event.eventPhase - Web APIs
Web › API › Event › eventPhase
"#f6eedb" : "#cceeff" } } divinfo.innerhtml = '' } result specifications specification status comment domthe definition of 'event.eventphase' in that specification.
Event.initEvent() - Web APIs
Web › API › Event › initEvent
elem.addeventlistener('click', function (e) { // e.target matches elem }, false); elem.dispatchevent(event); specifications specification status comment domthe definition of 'event.initevent()' in that specification.
Event.isTrusted - Web APIs
Web › API › Event › isTrusted
syntax var eventistrusted = event.istrusted; value boolean example if (e.istrusted) { /* the event is trusted */ } else { /* the event is not trusted */ } specification specification status comment domthe definition of 'event.istrusted' in that specification.
Event.preventDefault() - Web APIs
Web › API › Event › preventDefault
specifications specification status comment domthe definition of 'event.preventdefault()' in that specification.
Event.returnValue - Web APIs
Web › API › Event › returnValue
specifications specification status comment domthe definition of 'returnvalue' in that specification.
Event.srcElement - Web APIs
Web › API › Event › srcElement
specifications specification status comment domthe definition of 'event.srcelement' in that specification.
Event.stopImmediatePropagation() - Web APIs
Web › API › Event › stopImmediatePropagation
syntax event.stopimmediatepropagation(); specifications specification status comment domthe definition of 'event.stopimmediatepropagation()' in that specification.
Event.stopPropagation() - Web APIs
Web › API › Event › stopPropagation
specifications specification status comment domthe definition of 'event.stoppropagation()' in that specification.
Event.target - Web APIs
Web › API › Event › target
ul.appendchild(li2); function hide(evt) { // e.target refers to the clicked <li> element // this is different than e.currenttarget, which would refer to the parent <ul> in this context evt.target.style.visibility = 'hidden'; } // attach the listener to the list // it will fire when each <li> is clicked ul.addeventlistener('click', hide, false); specifications specification status comment domthe definition of 'event.target' in that specification.
Event.timeStamp - Web APIs
Web › API › Event › timeStamp
specifications specification status comment domthe definition of 'event.timestamp' in that specification.
Event.type - Web APIs
Web › API › Event › type
tener('keypress', geteventtype, false); // second document.addeventlistener('keyup', geteventtype, false); // third // mouse events document.addeventlistener('mousedown', geteventtype, false); // first document.addeventlistener('mouseup', geteventtype, false); // second document.addeventlistener('click', geteventtype, false); // third result specifications specification status comment domthe definition of 'event.type' in that specification.
Event - Web APIs
Web › API › Event
specifications specification status comment domthe definition of 'event' in that specification.
EventListener.handleEvent() - Web APIs
Web › API › EventListener › handleEvent
specifications specification status comment domthe definition of 'eventlistener.handleevent()' in that specification.
EventListener - Web APIs
Web › API › EventListener
buttonelement.addeventlistener('click', { handleevent: function (event) { alert('element clicked through handleevent property!'); } }); result see also: addeventlistener specifications specification status comment domthe definition of 'eventlistener' in that specification.
EventSource() - Web APIs
Web › API › EventSource › EventSource
specifications specification status comment html living standardthe definition of 'eventsource()' in that specification.
EventSource.close() - Web APIs
Web › API › EventSource › close
specifications specification status comment html living standardthe definition of 'close()' in that specification.
EventSource: error event - Web APIs
Web › API › EventSource › error event
ler property eventsource.onerror examples var evtsource = new eventsource('sse.php'); // addeventlistener version evtsource.addeventlistener('error', (e) => { console.log("an error occurred while attempting to connect."); }); // onerror version evtsource.onerror = (e) => { console.log("an error occurred while attempting to connect."); }; specifications specification status html living standardthe definition of 'error event' in that specification.
EventSource: message event - Web APIs
Web › API › EventSource › message event
ner('message', (e) => { var newelement = document.createelement("li"); newelement.textcontent = "message: " + e.data; eventlist.appendchild(newelement); }); onmessage equivalent evtsource.onmessage = (e) => { var newelement = document.createelement("li"); newelement.textcontent = "message: " + e.data; eventlist.appendchild(newelement); }; specifications specification status html living standardthe definition of 'message event' in that specification.
EventSource.onerror - Web APIs
Web › API › EventSource › onerror
specifications specification status comment html living standardthe definition of 'onerror' in that specification.
EventSource.onmessage - Web APIs
Web › API › EventSource › onmessage
specifications specification status comment html living standardthe definition of 'onmessage' in that specification.
EventSource.onopen - Web APIs
Web › API › EventSource › onopen
specifications specification status comment html living standardthe definition of 'onopen' in that specification.
EventSource: open event - Web APIs
Web › API › EventSource › open event
ent event handler property eventsource.onopen examples var evtsource = new eventsource('sse.php'); // addeventlistener version evtsource.addeventlistener('open', (e) => { console.log("the connection has been established."); }); // onopen version evtsource.onopen = (e) => { console.log("the connection has been established."); }; specifications specification status html living standardthe definition of 'open event' in that specification.
EventSource.readyState - Web APIs
Web › API › EventSource › readyState
specifications specification status comment html living standardthe definition of 'readystate' in that specification.
EventSource.url - Web APIs
Web › API › EventSource › url
specifications specification status comment html living standardthe definition of 'url' in that specification.
EventSource.withCredentials - Web APIs
Web › API › EventSource › withCredentials
specifications specification status comment html living standardthe definition of 'withcredentials' in that specification.
EventTarget() - Web APIs
Web › API › EventTarget › EventTarget
ecret; } get secret() { return this._secret; } }; let myeventtarget = new myeventtarget(5); let value = myeventtarget.secret; // == 5 myeventtarget.addeventlistener("foo", function(e) { this._secret = e.detail; }); let event = new customevent("foo", { detail: 7 }); myeventtarget.dispatchevent(event); let newvalue = myeventtarget.secret; // == 7 specifications specification status comment domthe definition of 'eventtarget() constructor' in that specification.
EventTarget.addEventListener() - Web APIs
Web › API › EventTarget › addEventListener
specifications specification status comment domthe definition of 'eventtarget.addeventlistener()' in that specification.
EventTarget.dispatchEvent() - Web APIs
Web › API › EventTarget › dispatchEvent
specifications specification status comment domthe definition of 'eventtarget.dispatchevent()' in that specification.
EventTarget.removeEventListener() - Web APIs
Web › API › EventTarget › removeEventListener
ackgroundcolor = 'white'; } else { body.style.backgroundcolor = 'yellow'; } toggle = !toggle; } clicktarget.addeventlistener('click', makebackgroundyellow, false ); mouseovertarget.addeventlistener('mouseover', function () { clicktarget.removeeventlistener('click', makebackgroundyellow, false ); }); specifications specification status comment domthe definition of 'eventtarget.removeeventlistener()' in that specification.
EventTarget - Web APIs
Web › API › EventTarget
allback){ stack.splice(i, 1); return; } } }; eventtarget.prototype.dispatchevent = function(event) { if (!(event.type in this.listeners)) { return true; } var stack = this.listeners[event.type].slice(); for (var i = 0, l = stack.length; i < l; i++) { stack[i].call(this, event); } return !event.defaultprevented; }; specifications specification status comment domthe definition of 'eventtarget' in that specification.
ExtendableEvent() - Web APIs
Web › API › ExtendableEvent › ExtendableEvent
specifications specification status comment service workersthe definition of 'extendableevent' in that specification.
ExtendableEvent.waitUntil() - Web APIs
Web › API › ExtendableEvent › waitUntil
example using waituntil() within a service worker's install event: addeventlistener('install', event => { const precache = async () => { const cache = await caches.open('static-v1'); return cache.addall([ '/', '/about/', '/static/styles.css' ]); }; event.waituntil(precache()); }); specifications specification status comment service workersthe definition of 'waituntil()' in that specification.
ExtendableEvent - Web APIs
Web › API › ExtendableEvent
specifications specification status comment service workersthe definition of 'extendableevent' in that specification.
ExtendableMessageEvent() - Web APIs
Web › API › ExtendableMessageEvent › ExtendableMessageEvent
examples var init = { data : 'hello message', source : messageportreference, ports : messageportlistreference } var myeme = new extendablemessageevent('message', init); specifications specification status comment service workersthe definition of 'extendablemessageevent()' in that specification.
ExtendableMessageEvent.data - Web APIs
Web › API › ExtendableMessageEvent › data
var port; self.addeventlistener('push', function(e) { var obj = e.data.json(); if(obj.action === 'subscribe' || obj.action === 'unsubscribe') { port.postmessage(obj); } else if(obj.action === 'init' || obj.action === 'chatmsg') { port.postmessage(obj); } }); self.onmessage = function(e) { console.log(e.data); port = e.ports[0]; } specifications specification status comment service workersthe definition of 'extendablemessageevent.data' in that specification.
ExtendableMessageEvent.lastEventId - Web APIs
Web › API › ExtendableMessageEvent › lastEventId
rt; self.addeventlistener('push', function(e) { var obj = e.data.json(); if(obj.action === 'subscribe' || obj.action === 'unsubscribe') { port.postmessage(obj); } else if(obj.action === 'init' || obj.action === 'chatmsg') { port.postmessage(obj); } }); self.onmessage = function(e) { console.log(e.lasteventid); port = e.ports[0]; } specifications specification status comment service workersthe definition of 'extendablemessageevent.lasteventid' in that specification.
ExtendableMessageEvent.origin - Web APIs
Web › API › ExtendableMessageEvent › origin
ar port; self.addeventlistener('push', function(e) { var obj = e.data.json(); if(obj.action === 'subscribe' || obj.action === 'unsubscribe') { port.postmessage(obj); } else if(obj.action === 'init' || obj.action === 'chatmsg') { port.postmessage(obj); } }); self.onmessage = function(e) { console.log(e.origin); port = e.ports[0]; } specifications specification status comment service workersthe definition of 'extendablemessageevent.origin' in that specification.
ExtendableMessageEvent.ports - Web APIs
Web › API › ExtendableMessageEvent › ports
var port; self.addeventlistener('push', function(e) { var obj = e.data.json(); if(obj.action === 'subscribe' || obj.action === 'unsubscribe') { port.postmessage(obj); } else if(obj.action === 'init' || obj.action === 'chatmsg') { port.postmessage(obj); } }); self.onmessage = function(e) { port = e.ports[0]; } specifications specification status comment service workersthe definition of 'extendablemessageevent.ports' in that specification.
ExtendableMessageEvent.source - Web APIs
Web › API › ExtendableMessageEvent › source
ar port; self.addeventlistener('push', function(e) { var obj = e.data.json(); if(obj.action === 'subscribe' || obj.action === 'unsubscribe') { port.postmessage(obj); } else if(obj.action === 'init' || obj.action === 'chatmsg') { port.postmessage(obj); } }); self.onmessage = function(e) { console.log(e.source); port = e.ports[0]; } specifications specification status comment service workersthe definition of 'extendablemessageevent.source' in that specification.
ExtendableMessageEvent - Web APIs
Web › API › ExtendableMessageEvent
tration.active.postmessage("hi service worker"); }); } the service worker can receive the message by listening to the message event: // in the service worker addeventlistener('message', event => { // event is an extendablemessageevent object console.log(`the client sent me a message: ${event.data}`); event.source.postmessage("hi client"); }); specifications specification status comment service workersthe definition of 'extendablemessageevent' in that specification.
FeaturePolicy.allowedFeatures() - Web APIs
Web › API › FeaturePolicy › allowedFeatures
// first, get the feature policy object const featurepolicy = document.featurepolicy // then query feature for specific const allowed = featurepolicy.allowedfeatures() for (const directive of allowed){ console.log(directive) } specifications specification status comment feature policythe definition of 'allowsfeature' in that specification.
FeaturePolicy.allowsFeature() - Web APIs
Web › API › FeaturePolicy › allowsFeature
// first, get the feature policy object const featurepolicy = document.featurepolicy // then query feature for specific const allowed = featurepolicy.allowsfeature("camera") if (allowed){ console.log("fp allows camera.") } else { console.log("fp does not allows camera.") } specifications specification status comment feature policythe definition of 'allowsfeature' in that specification.
FeaturePolicy.features() - Web APIs
Web › API › FeaturePolicy › features
// get the feature policy object const featurepolicy = document.featurepolicy // retreive the list of all supported feature policy directives const supporteddirectives = featurepolicy.features() // print out each directive into the console for (const directive of supporteddirectives){ console.log(directive) } specification specification status comment feature policythe definition of 'features' in that specification.
FeaturePolicy.getAllowlistForFeature() - Web APIs
Web › API › FeaturePolicy › getAllowlistForFeature
// first, get the feature policy object const featurepolicy = document.featurepolicy // then query feature for specific const allowlist = featurepolicy.getallowlistforfeature("camera") for (const origin of allowlist){ console.log(origin) } specification specification status comment feature policythe definition of 'getallowlistforfeature' in that specification.
FeaturePolicy - Web APIs
Web › API › FeaturePolicy
specification specification status comment feature policy editor's draft initial definition.
FederatedCredential - Web APIs
Web › API › FederatedCredential › FederatedCredential
specifications specification status comment credential management level 1 working draft initial definition.
FederatedCredential.protocol - Web APIs
Web › API › FederatedCredential › protocol
examples // tbd specifications specification status comments credential management level 1the definition of 'protocol' in that specification.
FederatedCredential.provider - Web APIs
Web › API › FederatedCredential › provider
example // tbd specifications specification status comments credential management level 1 working draft initial definition.
FederatedCredential - Web APIs
Web › API › FederatedCredential
}); specifications specification status comment credential management level 1 working draft initial definition.
FetchEvent() - Web APIs
Web › API › FetchEvent › FetchEvent
specifications specification status comment service workersthe definition of 'fetchevent() constructor' in that specification.
FetchEvent.preloadResponse - Web APIs
Web › API › FetchEvent › PreloadResponse
return fetch(event.request); }()); }); specifications specification status comment service workersthe definition of 'preloadresponse' in that specification.
FetchEvent.clientId - Web APIs
Web › API › FetchEvent › clientId
example self.addeventlistener('fetch', function(event) { console.log(event.clientid); ​}); specifications specification status comment service workersthe definition of 'clientid' in that specification.
FetchEvent.navigationPreload - Web APIs
Web › API › FetchEvent › navigationPreload
return fetch(event.request); }()); }); specifications specification status comment service workersthe definition of 'navigationpreload' in that specification.
FetchEvent.replacesClientId - Web APIs
Web › API › FetchEvent › replacesClientId
example self.addeventlistener('fetch', function(event) { console.log(event.replacesclientid); }); specifications specification status comment service workersthe definition of 'replacesclientid' in that specification.
FetchEvent.request - Web APIs
Web › API › FetchEvent › request
about to fetch from network...'); return fetch(event.request).then(function(response) { console.log('response from network is:', response); return response; }).catch(function(error) { console.error('fetching failed:', error); throw error; }); }) ); }); specifications specification status comment service workersthe definition of 'request' in that specification.
FetchEvent.respondWith() - Web APIs
Web › API › FetchEvent › respondWith
specifications specification status comment service workersthe definition of 'respondwith()' in that specification.
FetchEvent.resultingClientId - Web APIs
Web › API › FetchEvent › resultingClientId
example self.addeventlistener('fetch', function(event) { console.log(event.resultingclientid); }); specifications specification status comment service workersthe definition of 'resultingclientid' in that specification.
FetchEvent - Web APIs
Web › API › FetchEvent
return fetch(event.request); }()); }); specifications specification status comment service workersthe definition of 'fetchevent()' in that specification.
File.File() - Web APIs
Web › API › File › File
example var file = new file(["foo"], "foo.txt", { type: "text/plain", }); specifications specification status comment file api working draft initial definition ...
File.lastModified - Web APIs
Web › API › File › lastModified
specifications specification status comment file apithe definition of 'lastmodified' in that specification.
File.name - Web APIs
Web › API › File › name
example <input type="file" multiple onchange="processselectedfiles(this)"> function processselectedfiles(fileinput) { var files = fileinput.files; for (var i = 0; i < files.length; i++) { alert("filename " + files[i].name); } } try the results out below: specifications specification status comment file apithe definition of 'name' in that specification.
File.type - Web APIs
Web › API › File › type
specifications specification status comment file apithe definition of 'type' in that specification.
File.webkitRelativePath - Web APIs
Web › API › File › webkitRelativePath
ument.getelementbyid("filepicker").addeventlistener("change", function(event) { let output = document.getelementbyid("listing"); let files = event.target.files; for (let i=0; i<files.length; i++) { let item = document.createelement("li"); item.innerhtml = files[i].webkitrelativepath; output.appendchild(item); }; }, false); result specifications specification status comment file and directory entries apithe definition of 'webkitrelativepath' in that specification.
File - Web APIs
Web › API › File
specifications specification status comment file apithe definition of 'the file interface' in that specification.
FileList - Web APIs
Web › API › FileList
leinput.files; // cache files.length var fl = files.length; var i = 0; while ( i < fl) { // localize file var in the loop var file = files[i]; alert(file.name); i++; } } // set the input element onchange to call pullfiles document.queryselector("#myfiles").onchange=pullfiles; //a.t </script> </html> specifications specification status comment file apithe definition of 'filelist' in that specification.
FileReader() - Web APIs
Web › API › FileReader › FileReader
example the following code snippet shows creation of a filereader object using the filereader() constructor and subsequent usage of the object: function printfile(file) { var reader = new filereader(); reader.onload = function(evt) { console.log(evt.target.result); }; reader.readastext(file); } specifications specification status comment file api working draft initial definition ...
FileReader.abort() - Web APIs
Web › API › FileReader › abort
specifications specification status comment file apithe definition of 'abort()' in that specification.
FileReader: abort event - Web APIs
Web › API › FileReader › abort event
ent); reader.addeventlistener('abort', handleevent); } function handleselected(e) { eventlog.textcontent = ''; const selectedfile = fileinput.files[0]; if (selectedfile) { addlisteners(reader); reader.readasdataurl(selectedfile); } reader.abort(); } fileinput.addeventlistener('change', handleselected); result specifications specification status file api working draft ...
FileReader.error - Web APIs
Web › API › FileReader › error
specifications specification status comment file apithe definition of 'filereader: error' in that specification.
FileReader: error event - Web APIs
Web › API › FileReader › error event
er('error', () => { console.error(`error occurred reading file: ${selectedfile.name}`); }); reader.addeventlistener('load', () => { console.error(`file: ${selectedfile.name} read successfully`); }); reader.readasdataurl(selectedfile); } } fileinput.addeventlistener('change', handleselected); specifications specification status file api working draft ...
FileReader: load event - Web APIs
Web › API › FileReader › load event
er('error', handleevent); reader.addeventlistener('abort', handleevent); } function handleselected(e) { eventlog.textcontent = ''; const selectedfile = fileinput.files[0]; if (selectedfile) { addlisteners(reader); reader.readasdataurl(selectedfile); } } fileinput.addeventlistener('change', handleselected); result specifications specification status file api working draft ...
FileReader: loadend event - Web APIs
Web › API › FileReader › loadend event
er('error', handleevent); reader.addeventlistener('abort', handleevent); } function handleselected(e) { eventlog.textcontent = ''; const selectedfile = fileinput.files[0]; if (selectedfile) { addlisteners(reader); reader.readasdataurl(selectedfile); } } fileinput.addeventlistener('change', handleselected); result specifications specification status file api working draft ...
FileReader: loadstart event - Web APIs
Web › API › FileReader › loadstart event
er('error', handleevent); reader.addeventlistener('abort', handleevent); } function handleselected(e) { eventlog.textcontent = ''; const selectedfile = fileinput.files[0]; if (selectedfile) { addlisteners(reader); reader.readasdataurl(selectedfile); } } fileinput.addeventlistener('change', handleselected); result specifications specification status file api working draft ...
FileReader: progress event - Web APIs
Web › API › FileReader › progress event
er('error', handleevent); reader.addeventlistener('abort', handleevent); } function handleselected(e) { eventlog.textcontent = ''; const selectedfile = fileinput.files[0]; if (selectedfile) { addlisteners(reader); reader.readasdataurl(selectedfile); } } fileinput.addeventlistener('change', handleselected); result specifications specification status file api working draft ...
FileReader.readAsArrayBuffer() - Web APIs
Web › API › FileReader › readAsArrayBuffer
specifications specification status comment file apithe definition of 'filereader.readasarraybuffer' in that specification.
FileReader.readAsBinaryString() - Web APIs
Web › API › FileReader › readAsBinaryString
; canvas.height = height; var ctx = canvas.getcontext('2d'); ctx.strokestyle = '#090'; ctx.beginpath(); ctx.arc(width/2, height/2, width/2 - width/10, 0, math.pi*2); ctx.stroke(); canvas.toblob(function (blob) { var reader = new filereader(); reader.onload = function () { console.log(reader.result); } reader.readasbinarystring(blob); }); specifications specification status comment file apithe definition of 'readasbinarystring' in that specification.
FileReader.readAsDataURL() - Web APIs
Web › API › FileReader › readAsDataURL
specifications specification status comment file apithe definition of 'readasdataurl()' in that specification.
FileReader.readAsText() - Web APIs
Web › API › FileReader › readAsText
specifications specification status comment file apithe definition of 'readastext()' in that specification.
FileReader.readyState - Web APIs
Web › API › FileReader › readyState
specifications specification status comment file apithe definition of 'readystate' in that specification.
FileReader.result - Web APIs
Web › API › FileReader › result
var fileinput = document.queryselector('input[type="file"]'); function read(callback) { var file = fileinput.files.item(0); var reader = new filereader(); reader.onload = function() { callback(reader.result); } reader.readastext(file); } specifications specification status comment file apithe definition of 'result' in that specification.
FileReader - Web APIs
Web › API › FileReader
specifications specification status comment file apithe definition of 'filereader' in that specification.
FileReaderSync.readAsArrayBuffer() - Web APIs
Web › API › FileReaderSync › readAsArrayBuffer
specifications specification status comment file apithe definition of 'readasarraybuffersync' in that specification.
FileReaderSync.readAsBinaryString() - Web APIs
Web › API › FileReaderSync › readAsBinaryString
specifications specification status comment file apithe definition of 'readasbinarystringsync' in that specification.
FileReaderSync.readAsDataURL() - Web APIs
Web › API › FileReaderSync › readAsDataURL
specifications specification status comment file apithe definition of 'readasdataurl' in that specification.
FileReaderSync.readAsText() - Web APIs
Web › API › FileReaderSync › readAsText
specifications specification status comment file apithe definition of 'readastext' in that specification.
FileReaderSync - Web APIs
Web › API › FileReaderSync
specifications specification status comment file apithe definition of 'filereadersync' in that specification.
FileRequest.lockedFile - Web APIs
Web › API › FileRequest › lockedFile
specifications specification status comment filesystem api editor's draft draft proposal.
FileRequest.onprogress - Web APIs
Web › API › FileRequest › onprogress
example // assuming 'request' which is a filerequest object request.onprogress = function (status) { var progress = document.queryselector('progress'); progress.value = status.loaded; progress.max = status.total; } specification not part of any current specification.
FileRequest - Web APIs
Web › API › FileRequest
specifications specification status comment filesystem api editor's draft draft proposal.
FileSystem.name - Web APIs
Web › API › FileSystem › name
example // tbd specifications specification status comment file and directory entries apithe definition of 'name' in that specification.
FileSystem.root - Web APIs
Web › API › FileSystem › root
example // tbd specifications specification status comment file and directory entries apithe definition of 'root' in that specification.
FileSystem - Web APIs
Web › API › FileSystem
specifications specification status comment file and directory entries apithe definition of 'filesystem' in that specification.
FileSystemDirectoryEntry.createReader() - Web APIs
Web › API › FileSystemDirectoryEntry › createReader
specifications specification status comment file and directory entries apithe definition of 'createreader()' in that specification.
FileSystemDirectoryEntry.getDirectory() - Web APIs
Web › API › FileSystemDirectoryEntry › getDirectory
specifications specification status comment file and directory entries apithe definition of 'getdirectory()' in that specification.
FileSystemDirectoryEntry.getFile() - Web APIs
Web › API › FileSystemDirectoryEntry › getFile
specifications specification status comment file and directory entries apithe definition of 'getfile()' in that specification.
FileSystemDirectoryEntry - Web APIs
Web › API › FileSystemDirectoryEntry
specifications specification status comment file and directory entries apithe definition of 'filesystemdirectoryentry' in that specification.
FileSystemDirectoryReader.readEntries() - Web APIs
Web › API › FileSystemDirectoryReader › readEntries
specifications specification status comment file and directory entries api draft draft of proposed api this api has no official w3c or whatwg specification.
FileSystemDirectoryReader - Web APIs
Web › API › FileSystemDirectoryReader
specifications specification status comment file and directory entries api draft draft of proposed api this api has no official w3c or whatwg specification.
FileSystemEntry.filesystem - Web APIs
Web › API › FileSystemEntry › filesystem
let rootdirentry = fileentry.filesystem.root; specifications specification status comment file and directory entries apithe definition of 'filesystem' in that specification.
FileSystemEntry.fullPath - Web APIs
Web › API › FileSystemEntry › fullPath
specifications specification status comment file and directory entries apithe definition of 'fullpath' in that specification.
FileSystemEntry.getParent() - Web APIs
Web › API › FileSystemEntry › getParent
specifications specification status comment file and directory entries apithe definition of 'getparent()' in that specification.
FileSystemEntry.isDirectory - Web APIs
Web › API › FileSystemEntry › isDirectory
if (entry.isdirectory) { processsubdirectory(entry); } else if (entry.isfile) { processfile(entry); } else { displayerrormessage("unsupported file system entry specified."); } specifications specification status comment file and directory entries apithe definition of 'isdirectory' in that specification.
FileSystemEntry.isFile - Web APIs
Web › API › FileSystemEntry › isFile
if (entry.isdirectory) { processsubdirectory(entry); } else if (entry.isfile) { processfile(entry); } else { displayerrormessage("unsupported file system entry specified."); } specifications specification status comment file and directory entries apithe definition of 'isfile' in that specification.
FileSystemEntry.name - Web APIs
Web › API › FileSystemEntry › name
function isfilewithextension(entry, extension) { return (entry.isfile && entry.name.endswith("." + extension)); } specifications specification status comment file and directory entries apithe definition of 'name' in that specification.
FileSystemEntry - Web APIs
Web › API › FileSystemEntry
specifications specification status comment file and directory entries api draft draft of proposed api this api has no official w3c or whatwg specification.
FileSystemFileEntry.file() - Web APIs
Web › API › FileSystemFileEntry › file
specifications specification status comment file and directory entries apithe definition of 'file()' in that specification.
FileSystemFileEntry - Web APIs
Web › API › FileSystemFileEntry
var bb = new blobbuilder(); bb.append('meow'); filewriter.write(bb.getblob('text/plain')); }, errorhandler); }, errorhandler); } window.requestfilesystem(window.temporary, 1024*1024, oninitfs, errorhandler); specifications specification status comment file and directory entries apithe definition of 'filesystemfileentry' in that specification.
FileSystemFlags.create - Web APIs
Web › API › FileSystemFlags › create
specifications specification status comment file and directory entries apithe definition of 'filesystemflags' in that specification.
FileSystemFlags.exclusive - Web APIs
Web › API › FileSystemFlags › exclusive
specifications specification status comment file and directory entries apithe definition of 'filesystemflags' in that specification.
FileSystemFlags - Web APIs
Web › API › FileSystemFlags
specifications specification status comment file and directory entries apithe definition of 'filesystemflags' in that specification.
FileHandle API - Web APIs
Web › API › File Handle API
specification status comment filesystem api editor's draft draft proposal ...
Introduction to the File and Directory Entries API - Web APIs
Web › API › File and Directory Entries API › Introduction
specifications specification status comment file and directory entries api draft draft of proposed api this api has no official w3c or whatwg specification.
File and Directory Entries API - Web APIs
Web › API › File and Directory Entries API
metadata specifications specification status comment file and directory entries api draft draft of proposed api this api has no official w3c or whatwg specification.
FocusEvent() - Web APIs
Web › API › FocusEvent › FocusEvent
specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'focusevent()' in that specification.
FocusEvent.relatedTarget - Web APIs
Web › API › FocusEvent › relatedTarget
syntax secondtarget = focusevent.relatedtarget specifications specification status comment ui eventsthe definition of 'focusevent.relatedtarget' in that specification.
FocusEvent - Web APIs
Web › API › FocusEvent
specifications specification status comment ui eventsthe definition of 'focusevent' in that specification.
FontFace.FontFace() - Web APIs
Web › API › FontFace › FontFace
riant: variant featuresettings: feature settings example async function loadfonts() { const font = new fontface('myfont', 'url(myfont.woff)'); // wait for font to be loaded await font.load(); // add font to document document.fonts.add(font); // enable font with css class document.body.classlist.add('fonts-loaded'); } specifications specification status comment css font loading module level 3the definition of 'fontface constructor' in that specification.
FontFace.display - Web APIs
Web › API › FontFace › display
specifications specification status comment css font loading module level 3the definition of 'display' in that specification.
FontFace.family - Web APIs
Web › API › FontFace › family
example var fontface = new fontface('roboto', 'url(https://fonts.example.com/roboto.woff2)'); console.log(fontface.family); // 'roboto' fontface.family = 'newroboto'; console.log(fontface.family); // 'newroboto' specifications specification status comment css font loading module level 3the definition of 'family' in that specification.
FontFace.featureSettings - Web APIs
Web › API › FontFace › featureSettings
specifications specification status comment css font loading module level 3the definition of 'featuresettings' in that specification.
FontFace.load - Web APIs
Web › API › FontFace › load
specifications specification status comment css font loading module level 3the definition of 'load' in that specification.
FontFace.loaded - Web APIs
Web › API › FontFace › loaded
specifications specification status comment css font loading module level 3the definition of 'loaded' in that specification.
FontFace.stretch - Web APIs
Web › API › FontFace › stretch
specifications specification status comment css font loading module level 3the definition of 'stretch' in that specification.
FontFace.style - Web APIs
Web › API › FontFace › style
specifications specification status comment css font loading module level 3the definition of 'style' in that specification.
FontFace.unicodeRange - Web APIs
Web › API › FontFace › unicodeRange
specifications specification status comment css font loading module level 3the definition of 'unicoderange' in that specification.
FontFace.variant - Web APIs
Web › API › FontFace › variant
specifications specification status comment css font loading module level 3the definition of 'variant' in that specification.
FontFace.weight - Web APIs
Web › API › FontFace › weight
specifications specification status comment css font loading module level 3the definition of 'weight' in that specification.
FontFaceSet.check() - Web APIs
Web › API › FontFaceSet › check
specifications specification status comment css font loading module level 3the definition of 'check' in that specification.
FontFaceSet.load() - Web APIs
Web › API › FontFaceSet › load
document.fonts.load("12px myfont", "ß").then(…); specifications specification status comment css font loading module level 3the definition of 'load' in that specification.
FontFaceSet.ready - Web APIs
Web › API › FontFaceSet › ready
specifications specification status comment css font loading module level 3the definition of 'fontfaceset' in that specification.
FontFaceSetLoadEvent.FontFaceSetLoadEvent() - Web APIs
Web › API › FontFaceSetLoadEvent › FontFaceSetLoadEvent
specifications specification status comment css font loading module level 3the definition of 'fontfacesetloadevent()' in that specification.
FontFaceSetLoadEvent.fontfaces - Web APIs
Web › API › FontFaceSetLoadEvent › fontfaces
specifications specification status comment css font loading module level 3the definition of 'fontfaces' in that specification.
FontFaceSetLoadEvent - Web APIs
Web › API › FontFaceSetLoadEvent
specifications specification status comment css font loading module level 3the definition of 'fontfacesetloadevent' in that specification.
FormData() - Web APIs
Web › API › FormData › FormData
let myform = document.getelementbyid('myform'); let formdata = new formdata(myform); specifications specification status comment xmlhttprequestthe definition of 'formdata()' in that specification.
Using FormData Objects - Web APIs
Web › API › FormData › Using FormData Objects
end it using code like the following: var form = document.forms.nameditem("fileinfo"); form.addeventlistener('submit', function(ev) { var ooutput = document.queryselector("div"), odata = new formdata(form); odata.append("customfield", "this is some extra data"); var oreq = new xmlhttprequest(); oreq.open("post", "stash.php", true); oreq.onload = function(oevent) { if (oreq.status == 200) { ooutput.innerhtml = "uploaded!"; } else { ooutput.innerhtml = "error " + oreq.status + " occurred when trying to upload your file.<br \/>"; } }; oreq.send(odata); ev.preventdefault(); }, false); note: if you pass in a reference to the form, the request method specified in the form will be used over the method specified in the open() call.
FormData.append() - Web APIs
Web › API › FormData › append
if the sent value is different than string or blob it will be automatically converted to string: formdata.append('name', true); formdata.append('name', 74); formdata.append('name', 'john'); formdata.getall('name'); // ["true", "74", "john"] specifications specification status comment xmlhttprequestthe definition of 'append()' in that specification.
FormData.delete() - Web APIs
Web › API › FormData › delete
example the following line creates an empty formdata object and prepopulates it with key/value pairs from a form: var formdata = new formdata(myform); you can delete keys and their values using delete(): formdata.delete('username'); specifications specification status comment xmlhttprequestthe definition of 'delete()' in that specification.
FormData.entries() - Web APIs
Web › API › FormData › entries
example // create a test formdata object var formdata = new formdata(); formdata.append('key1', 'value1'); formdata.append('key2', 'value2'); // display the key/value pairs for(var pair of formdata.entries()) { console.log(pair[0]+ ', '+ pair[1]); } the result is: key1, value1 key2, value2 specifications specification status comment xmlhttprequestthe definition of 'entries() (as iterator<>)' in that specification.
FormData.get() - Web APIs
Web › API › FormData › get
example the following line creates an empty formdata object: var formdata = new formdata(); if we add two username values using formdata.append: formdata.append('username', 'chris'); formdata.append('username', 'bob'); the following get() function will only return the first username value appended: formdata.get('username'); // returns "chris" specifications specification status comment xmlhttprequestthe definition of 'get()' in that specification.
FormData.getAll() - Web APIs
Web › API › FormData › getAll
mple the following line creates an empty formdata object: var formdata = new formdata(); if we add two username values using formdata.append: formdata.append('username', 'chris'); formdata.append('username', 'bob'); the following getall() function will return both username values in an array: formdata.getall('username'); // returns ["chris", "bob"] specifications specification status comment xmlhttprequestthe definition of 'getall()' in that specification.
FormData.has() - Web APIs
Web › API › FormData › has
pty formdata object: var formdata = new formdata(); the following snippet shows the results of testing for the existence of username in the formdata object, before and after appending a username value to it with formdata.append: formdata.has('username'); // returns false formdata.append('username', 'chris'); formdata.has('username'); // returns true specifications specification status comment xmlhttprequestthe definition of 'has()' in that specification.
FormData.keys() - Web APIs
Web › API › FormData › keys
example // create a test formdata object var formdata = new formdata(); formdata.append('key1', 'value1'); formdata.append('key2', 'value2'); // display the keys for (var key of formdata.keys()) { console.log(key); } the result is: key1 key2 specifications specification status comment xmlhttprequestthe definition of 'keys() (as iterator<>)' in that specification.
FormData.set() - Web APIs
Web › API › FormData › set
ar formdata = new formdata(); // currently empty you can set key/value pairs on this using formdata.set: formdata.set('username', 'chris'); formdata.set('userpic', myfileinput.files[0], 'chris.jpg'); if the sent value is different than string or blob it will be automatically converted to string: formdata.set('name', 72); formdata.get('name'); // "72" specifications specification status comment xmlhttprequestthe definition of 'set()' in that specification.
FormData.values() - Web APIs
Web › API › FormData › values
example // create a test formdata object var formdata = new formdata(); formdata.append('key1', 'value1'); formdata.append('key2', 'value2'); // display the values for (var value of formdata.values()) { console.log(value); } the result is: value1 value2 specifications specification status comment xmlhttprequestthe definition of 'values() (as iterator<>)' in that specification.
FormData - Web APIs
Web › API › FormData
specifications specification status comment xmlhttprequestthe definition of 'formdata' in that specification.
FormDataEvent() - Web APIs
Web › API › FormDataEvent › FormDataEvent
examples let fd = new formdata(); fd.append('test', 'test'); let fdev = new formdataevent('formdata', { formdata: fd }); for (let value of fdev.formdata.values()) { console.log(value); } specifications specification status comment html living standardthe definition of 'formdataevent' in that specification.
FormDataEvent.formData - Web APIs
Web › API › FormDataEvent › formData
data formelem.addeventlistener('formdata', (e) => { console.log('formdata fired'); // get the form data from the event object let data = e.formdata; for (var value of data.values()) { console.log(value); } // submit the data via xhr var request = new xmlhttprequest(); request.open("post", "/formhandler"); request.send(data); }); specifications specification status comment html living standardthe definition of 'formdata' in that specification.
FormDataEvent - Web APIs
Web › API › FormDataEvent
data formelem.addeventlistener('formdata', (e) => { console.log('formdata fired'); // get the form data from the event object let data = e.formdata; for (var value of data.values()) { console.log(value); } // submit the data via xhr var request = new xmlhttprequest(); request.open("post", "/formhandler"); request.send(data); }); specifications specification status comment html living standardthe definition of 'formdataevent' in that specification.
FullscreenOptions.navigationUI - Web APIs
Web › API › FullscreenOptions › navigationUI
specifications specification status comment fullscreen apithe definition of 'fullscreenoptions' in that specification.
Guide to the Fullscreen API - Web APIs
Web › API › Fullscreen API › Guide
ullscreenchange document.onfullscreenerror onwebkitfullscreenerror onmozfullscreenerror onmsfullscreenerror document.exitfullscreen() webkitexitfullscreen() mozcancelfullscreen() msexitfullscreen() element.requestfullscreen() webkitrequestfullscreen() mozrequestfullscreen() msrequestfullscreen() specifications specification status comment fullscreen api living standard initial version.
Fullscreen API - Web APIs
Web › API › Fullscreen API
specifications specification status fullscreen api living standard browser compatibility document.fullscreen the compatibility table on this page is generated from structured data.
GainNode() - Web APIs
Web › API › GainNode › GainNode
specifications specification status comment web audio apithe definition of 'gainnode()' in that specification.
GainNode.gain - Web APIs
Web › API › GainNode › gain
gainnode.gain.setvalueattime(0, audioctx.currenttime); mute.id = "activated"; mute.innerhtml = "unmute"; } else { gainnode.gain.setvalueattime(1, audioctx.currenttime); mute.id = ""; mute.innerhtml = "mute"; } } specifications specification status comment web audio apithe definition of 'gain' in that specification.
GainNode - Web APIs
Web › API › GainNode
gainnode.gain.setvalueattime(0, audioctx.currenttime); mute.id = "activated"; mute.innerhtml = "unmute"; } else { gainnode.gain.setvalueattime(1, audioctx.currenttime); mute.id = ""; mute.innerhtml = "mute"; } } specifications specification status comment web audio apithe definition of 'gainnode' in that specification.
Gamepad.axes - Web APIs
Web › API › Gamepad › axes
specifications specification status comment gamepadthe definition of 'gamepad.axes' in that specification.
Gamepad.buttons - Web APIs
Web › API › Gamepad › buttons
specifications specification status comment gamepadthe definition of 'gamepad.buttons' in that specification.
Gamepad.connected - Web APIs
Web › API › Gamepad › connected
specifications specification status comment gamepadthe definition of 'gamepad.connected' in that specification.
Gamepad.hand - Web APIs
Web › API › Gamepad › hand
examples tbc specifications specification status comment gamepad extensionsthe definition of 'hand' in that specification.
Gamepad.hapticActuators - Web APIs
Web › API › Gamepad › hapticActuators
examples tbc specifications specification status comment gamepad extensionsthe definition of 'hapticactuators' in that specification.
Gamepad.id - Web APIs
Web › API › Gamepad › id
specifications specification status comment gamepadthe definition of 'gamepad.id' in that specification.
Gamepad.index - Web APIs
Web › API › Gamepad › index
specifications specification status comment gamepadthe definition of 'gamepad.index' in that specification.
Gamepad.mapping - Web APIs
Web › API › Gamepad › mapping
specifications specification status comment gamepadthe definition of 'gamepad.mapping' in that specification.
Gamepad.timestamp - Web APIs
Web › API › Gamepad › timestamp
specifications specification status comment gamepadthe definition of 'gamepad.timestamp' in that specification.
Gamepad - Web APIs
Web › API › Gamepad
%d buttons, %d axes.", e.gamepad.index, e.gamepad.id, e.gamepad.buttons.length, e.gamepad.axes.length); }); specifications specification status comment gamepadthe definition of 'gamepad' in that specification.
GamepadButton.pressed - Web APIs
Web › API › GamepadButton › pressed
specifications specification status comment gamepadthe definition of 'gamepadbutton.pressed' in that specification.
GamepadButton.value - Web APIs
Web › API › GamepadButton › value
specifications specification status comment gamepadthe definition of 'gamepadbutton.value' in that specification.
GamepadButton - Web APIs
Web › API › GamepadButton
else if(gp.buttons[1].value > 0 || gp.buttons[1].pressed == true) { a++; } else if(gp.buttons[2].value > 0 || gp.buttons[2].pressed == true) { b++; } else if(gp.buttons[3].value > 0 || gp.buttons[3].pressed == true) { a--; } } ball.style.left = a*2 + "px"; ball.style.top = b*2 + "px"; var start = raf(gameloop); }; specifications specification status comment gamepadthe definition of 'gamepadbutton' in that specification.
GamepadEvent() - Web APIs
Web › API › GamepadEvent › GamepadEvent
specifications specification status comment gamepadthe definition of 'gamepadevent_' in that specification.
GamepadEvent.gamepad - Web APIs
Web › API › GamepadEvent › gamepad
specifications specification status comment gamepadthe definition of 'gamepadevent.gamepad' in that specification.
GamepadEvent - Web APIs
Web › API › GamepadEvent
window.addeventlistener("gamepaddisconnected", function(e) { console.log("gamepad disconnected from index %d: %s", e.gamepad.index, e.gamepad.id); }); specifications specification status comment gamepadthe definition of 'gamepadevent' in that specification.
GamepadHapticActuator.pulse() - Web APIs
Web › API › GamepadHapticActuator › pulse
examples tbc specifications specification status comment gamepad extensionsthe definition of 'pulse()' in that specification.
GamepadHapticActuator.type - Web APIs
Web › API › GamepadHapticActuator › type
examples tbc specifications specification status comment gamepad extensionsthe definition of 'gamepadhapticactuatortype' in that specification.
GamepadHapticActuator - Web APIs
Web › API › GamepadHapticActuator
specifications specification status comment gamepad extensionsthe definition of 'gamepadhapticactuator' in that specification.
Gamepad API - Web APIs
Web › API › Gamepad API
tutorials and guides using the gamepad api implementing controls using the gamepad api specifications specification status comment gamepad extensions editor's draft defines the experimental gamepad extensions.
Geolocation.clearWatch() - Web APIs
Web › API › Geolocation › clearWatch
tion, you reach the target'); navigator.geolocation.clearwatch(id); } }; function error(err) { console.warn('error(' + err.code + '): ' + err.message); }; target = { latitude : 0, longitude: 0, } options = { enablehighaccuracy: false, timeout: 5000, maximumage: 0 }; id = navigator.geolocation.watchposition(success, error, options); specifications specification status comment geolocation api recommendation initial specification.
Geolocation.getCurrentPosition() - Web APIs
Web › API › Geolocation › getCurrentPosition
d = pos.coords; console.log('your current position is:'); console.log(`latitude : ${crd.latitude}`); console.log(`longitude: ${crd.longitude}`); console.log(`more or less ${crd.accuracy} meters.`); } function error(err) { console.warn(`error(${err.code}): ${err.message}`); } navigator.geolocation.getcurrentposition(success, error, options); specifications specification status comment geolocation api recommendation initial specification.
Geolocation.watchPosition() - Web APIs
Web › API › Geolocation › watchPosition
ions, you reached the target'); navigator.geolocation.clearwatch(id); } } function error(err) { console.warn('error(' + err.code + '): ' + err.message); } target = { latitude : 0, longitude: 0 }; options = { enablehighaccuracy: false, timeout: 5000, maximumage: 0 }; id = navigator.geolocation.watchposition(success, error, options); specifications specification status comment geolocation apithe definition of 'watchposition()' in that specification.
Geolocation - Web APIs
Web › API › Geolocation
specifications specification status comment geolocation api recommendation initial specification.
GeolocationCoordinates.accuracy - Web APIs
Web › API › GeolocationCoordinates › accuracy
specifications specification status comment geolocation apithe definition of 'coordinates.accuracy' in that specification.
GeolocationCoordinates.altitude - Web APIs
Web › API › GeolocationCoordinates › altitude
specifications specification status comment geolocation apithe definition of 'coordinates.altitude' in that specification.
GeolocationCoordinates.altitudeAccuracy - Web APIs
Web › API › GeolocationCoordinates › altitudeAccuracy
specifications specification status comment geolocation apithe definition of 'geolocationcoordinates.altitudeaccuracy' in that specification.
GeolocationCoordinates.heading - Web APIs
Web › API › GeolocationCoordinates › heading
specifications specification status comment geolocation apithe definition of 'geolocationcoordinates.heading' in that specification.
GeolocationCoordinates.latitude - Web APIs
Web › API › GeolocationCoordinates › latitude
specifications specification status comment geolocation apithe definition of 'geolocationcoordinates.latitude' in that specification.
GeolocationCoordinates.longitude - Web APIs
Web › API › GeolocationCoordinates › longitude
</p> <button id="get-location"> get my location </button> result take this example for a test drive here: specifications specification status comment geolocation apithe definition of 'coordinates.longitude' in that specification.
GeolocationCoordinates.speed - Web APIs
Web › API › GeolocationCoordinates › speed
specifications specification status comment geolocation apithe definition of 'geolocationcoordinates.speed' in that specification.
GeolocationCoordinates - Web APIs
Web › API › GeolocationCoordinates
specifications specification status comment geolocation apithe definition of 'geolocationcoordinates' in that specification.
GeolocationPosition.coords - Web APIs
Web › API › GeolocationPosition › coords
specifications specification status comment geolocation apithe definition of 'geolocationposition.coords' in that specification.
GeolocationPosition.timestamp - Web APIs
Web › API › GeolocationPosition › timestamp
specifications specification status comment geolocation apithe definition of 'geolocationposition.timestamp' in that specification.
GeolocationPosition - Web APIs
Web › API › GeolocationPosition
specifications specification status comment geolocation apithe definition of 'geolocationposition' in that specification.
GeolocationPositionError.code - Web APIs
Web › API › GeolocationPositionError › code
specifications specification status comment geolocation apithe definition of 'positionerror.code' in that specification.
GeolocationPositionError.message - Web APIs
Web › API › GeolocationPositionError › message
specifications specification status comment geolocation apithe definition of 'geolocationpositionerror.message' in that specification.
GeolocationPositionError - Web APIs
Web › API › GeolocationPositionError
specifications specification status comment geolocation apithe definition of 'geolocationpositionerror' in that specification.
GeometryUtils - Web APIs
Web › API › GeometryUtils
geometryutils.convertquadfromnode() fixme: needs a description geometryutils.convertrectfromnode() fixme: needs a description geometryutils.convertpointfromnode() fixme: needs a description specifications specification status comment css object model (cssom) view modulethe definition of 'geometryutils' in that specification.
GlobalEventHandlers.onloadstart - Web APIs
Web › API › GlobalEventHandlers › GlobalEventHandlers.onloadstart
specification specification status comment html living standardthe definition of 'loadstart' in that specification.
GlobalEventHandlers.onabort - Web APIs
Web › API › GlobalEventHandlers › onabort
example window.onabort = function() { alert('load aborted.'); } specification specification status comment html living standardthe definition of 'onabort' in that specification.
GlobalEventHandlers.onanimationcancel - Web APIs
Web › API › GlobalEventHandlers › onanimationcancel
specification specification status comment css animationsthe definition of 'onanimationcancel' in that specification.
GlobalEventHandlers.onanimationend - Web APIs
Web › API › GlobalEventHandlers › onanimationend
result assembled together, you get this: specification specification status comment css animationsthe definition of 'onanimationend' in that specification.
GlobalEventHandlers.onanimationiteration - Web APIs
Web › API › GlobalEventHandlers › onanimationiteration
specification specification status comment css animationsthe definition of 'onanimationiteration' in that specification.
GlobalEventHandlers.onanimationstart - Web APIs
Web › API › GlobalEventHandlers › onanimationstart
result assembled together, you get this: specification specification status comment css animationsthe definition of 'onanimationstart' in that specification.
GlobalEventHandlers.onauxclick - Web APIs
Web › API › GlobalEventHandlers › onauxclick
specifications specification status comment ui eventsthe definition of 'onauxclick' in that specification.
GlobalEventHandlers.onblur - Web APIs
Web › API › GlobalEventHandlers › onblur
specifications specification status comment html living standardthe definition of 'onblur' in that specification.
GlobalEventHandlers.oncancel - Web APIs
Web › API › GlobalEventHandlers › oncancel
specifications specification status comment html living standardthe definition of 'oncancel' in that specification.
GlobalEventHandlers.oncanplay - Web APIs
Web › API › GlobalEventHandlers › oncanplay
specification specification status comment html living standardthe definition of 'oncanplay' in that specification.
GlobalEventHandlers.oncanplaythrough - Web APIs
Web › API › GlobalEventHandlers › oncanplaythrough
specification specification status comment html living standardthe definition of 'oncanplaythrough' in that specification.
GlobalEventHandlers.onchange - Web APIs
Web › API › GlobalEventHandlers › onchange
eholder="type something here, then click outside of the field." size="50"> <p id="log"></p> javascript let input = document.queryselector('input'); let log = document.getelementbyid('log'); input.onchange = handlechange; function handlechange(e) { log.textcontent = `the field's value is ${e.target.value.length} character(s) long.`; } result specification specification status comment html living standardthe definition of 'onchange' in that specification.
GlobalEventHandlers.onclick - Web APIs
Web › API › GlobalEventHandlers › onclick
html <p>click anywhere in this example.</p> <p id="log"></p> javascript let log = document.getelementbyid('log'); document.onclick = inputchange; function inputchange(e) { log.textcontent = `position: (${e.clientx}, ${e.clienty})`; } result specification specification status comment html living standardthe definition of 'onclick' in that specification.
GlobalEventHandlers.onclose - Web APIs
Web › API › GlobalEventHandlers › onclose
specifications specification status comment html living standardthe definition of 'onclose' in that specification.
GlobalEventHandlers.oncontextmenu - Web APIs
Web › API › GlobalEventHandlers › oncontextmenu
} javascript function pause(e) { body.classlist.add('paused'); note.removeattribute('hidden'); } function play(e) { body.classlist.remove('paused'); note.setattribute('hidden', ''); } const body = document.queryselector('body'); const note = document.queryselector('.note'); window.oncontextmenu = pause; window.onpointerdown = play; result specifications specification status comment html living standardthe definition of 'oncontextmenu' in that specification.
GlobalEventHandlers.oncuechange - Web APIs
Web › API › GlobalEventHandlers › oncuechange
specification specification status comment html living standardthe definition of 'oncuechange' in that specification.
GlobalEventHandlers.ondblclick - Web APIs
Web › API › GlobalEventHandlers › ondblclick
html <p>double click anywhere in this example.</p> <p id="log"></p> javascript let log = document.getelementbyid('log'); document.ondblclick = logdoubleclick; function logdoubleclick(e) { log.textcontent = `position: (${e.clientx}, ${e.clienty})`; } result specifications specification status comment html living standardthe definition of 'ondblclick' in that specification.
GlobalEventHandlers.ondrag - Web APIs
Web › API › GlobalEventHandlers › ondrag
ss="source"> --> <p id="source" ondrag="drag_handler(event);" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'ondrag' in that specification.
GlobalEventHandlers.ondragend - Web APIs
Web › API › GlobalEventHandlers › ondragend
nd</code>, <code>ondragexit</code></h1> <div> <p id="source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'ondragend' in that specification.
GlobalEventHandlers.ondragenter - Web APIs
Web › API › GlobalEventHandlers › ondragenter
nd</code>, <code>ondragexit</code></h1> <div> <p id="source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'ondragenter' in that specification.
GlobalEventHandlers.ondragexit - Web APIs
Web › API › GlobalEventHandlers › ondragexit
d</code>, <code>ondragexit</code></h1> <div> <p id="source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'ondragexit' in that specification.
GlobalEventHandlers.ondragleave - Web APIs
Web › API › GlobalEventHandlers › ondragleave
d</code>, <code>ondragexit</code></h1> <div> <p id="source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'ondragleave' in that specification.
GlobalEventHandlers.ondragover - Web APIs
Web › API › GlobalEventHandlers › ondragover
ode></h1> <div> <p id="source" ondrag="drag_handler(event);" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'ondragover' in that specification.
GlobalEventHandlers.ondragstart - Web APIs
Web › API › GlobalEventHandlers › ondragstart
ode></h1> <div> <p id="source" ondrag="drag_handler(event);" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'ondragstart' in that specification.
GlobalEventHandlers.ondrop - Web APIs
Web › API › GlobalEventHandlers › ondrop
class="source"> <p id="source" ondrag="drag_handler(event);" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop_handler(event);" ondragover="dragover_handler(event);">drop zone</div> </body> </html> specifications specification status comment html living standardthe definition of 'ondrop' in that specification.
GlobalEventHandlers.ondurationchange - Web APIs
Web › API › GlobalEventHandlers › ondurationchange
specification specification status comment html living standardthe definition of 'ondurationchange' in that specification.
GlobalEventHandlers.onemptied - Web APIs
Web › API › GlobalEventHandlers › onemptied
specification specification status comment html living standardthe definition of 'onemptied' in that specification.
GlobalEventHandlers.onended - Web APIs
Web › API › GlobalEventHandlers › onended
specification specification status comment html living standardthe definition of 'onended' in that specification.
GlobalEventHandlers.onerror - Web APIs
Web › API › GlobalEventHandlers › onerror
specifications specification status comment html living standardthe definition of 'onerror' in that specification.
GlobalEventHandlers.onfocus - Web APIs
Web › API › GlobalEventHandlers › onfocus
specifications specification status comment html living standardthe definition of 'onfocus' in that specification.
GlobalEventHandlers.onformdata - Web APIs
Web › API › GlobalEventHandlers › onformdata
ndler to retrieve data formelem.onformdata = (e) => { console.log('formdata fired'); // get the form data from the event object let data = e.formdata; for (var value of data.values()) { console.log(value); } // submit the data via xhr var request = new xmlhttprequest(); request.open("post", "/formhandler"); request.send(data); }; specifications specification status comment html living standardthe definition of 'onformdata' in that specification.
GlobalEventHandlers.ongotpointercapture - Web APIs
Web › API › GlobalEventHandlers › ongotpointercapture
example function overhandler(event) { // determine the target event's gotpointercapture handler let gotcapturehandler = event.target.ongotpointercapture; } function init() { let el = document.getelementbyid('target'); el.ongotpointercapture = overhandler; } specifications specification status comment pointer events – level 2the definition of 'ongotpointercapture' in that specification.
GlobalEventHandlers.oninput - Web APIs
Web › API › GlobalEventHandlers › oninput
type="text" placeholder="type something here to see its length." size="50"> <p id="log"></p> javascript let input = document.queryselector('input'); let log = document.getelementbyid('log'); input.oninput = handleinput; function handleinput(e) { log.textcontent = `the field's value is ${e.target.value.length} character(s) long.`; } result specifications specification status comment html living standardthe definition of 'oninput' in that specification.
GlobalEventHandlers.oninvalid - Web APIs
Web › API › GlobalEventHandlers › oninvalid
); const thanks = document.getelementbyid('thanks'); city.oninvalid = invalid; form.onsubmit = submit; function invalid(event) { error.removeattribute('hidden'); } function submit(event) { form.setattribute('hidden', ''); thanks.removeattribute('hidden'); // for this example, don't actually submit the form event.preventdefault(); } result specification specification status comment html living standardthe definition of 'oninvalid' in that specification.
GlobalEventHandlers.onkeydown - Web APIs
Web › API › GlobalEventHandlers › onkeydown
html <input> <p id="log"></p> javascript const input = document.queryselector('input'); const log = document.getelementbyid('log'); input.onkeydown = logkey; function logkey(e) { log.textcontent += ` ${e.code}`; } result specifications specification status comment html living standardthe definition of 'onkeydown' in that specification.
GlobalEventHandlers.onkeypress - Web APIs
Web › API › GlobalEventHandlers › onkeypress
specifications specification status comment html living standardthe definition of 'onkeypress' in that specification.
GlobalEventHandlers.onkeyup - Web APIs
Web › API › GlobalEventHandlers › onkeyup
html <input> <p id="log"></p> javascript const input = document.queryselector('input'); const log = document.getelementbyid('log'); input.onkeyup = logkey; function logkey(e) { log.textcontent += ` ${e.code}`; } result specifications specification status comment html living standardthe definition of 'onkeyup' in that specification.
GlobalEventHandlers.onload - Web APIs
Web › API › GlobalEventHandlers › onload
specifications specification status comment html living standardthe definition of 'onload' in that specification.
GlobalEventHandlers.onloadeddata - Web APIs
Web › API › GlobalEventHandlers › onloadeddata
specification specification status comment html living standardthe definition of 'onloadeddata' in that specification.
GlobalEventHandlers.onloadedmetadata - Web APIs
Web › API › GlobalEventHandlers › onloadedmetadata
specification specification status comment html living standardthe definition of 'onloadedmetadata' in that specification.
GlobalEventHandlers.onloadstart - Web APIs
Web › API › GlobalEventHandlers › onloadstart
="myimage.jpg"> javascript content // 'loadstart' fires first, then 'load', then 'loadend' image.addeventlistener('load', function(e) { console.log('image loaded'); }); image.addeventlistener('loadstart', function(e) { console.log('image load started'); }); image.addeventlistener('loadend', function(e) { console.log('image load finished'); }); specifications specification status comment html living standardthe definition of 'onloadstart' in that specification.
GlobalEventHandlers.onlostpointercapture - Web APIs
Web › API › GlobalEventHandlers › onlostpointercapture
example function overhandler(event) { // determine the target event's lostpointercapture handler let lostcapturehandler = event.target.onlostpointercapture; } function init() { let el = document.getelementbyid('target'); el.onlostpointercapture = overhandler; } specifications specification status comment pointer events – level 2the definition of 'onlostpointercapture' in that specification.
GlobalEventHandlers.onmousedown - Web APIs
Web › API › GlobalEventHandlers › onmousedown
ft = event.clientx - 50 + 'px'; view.style.top = event.clienty - 50 + 'px'; } function hideview(event) { view.setattribute('hidden', ''); } const container = document.queryselector('.container'); const view = document.queryselector('.view'); container.onmousedown = showview; container.onmousemove = moveview; document.onmouseup = hideview; result specification specification status comment html living standardthe definition of 'onmousedown' in that specification.
GlobalEventHandlers.onmouseenter - Web APIs
Web › API › GlobalEventHandlers › onmouseenter
specification specification status comment html living standardthe definition of 'onmouseenter' in that specification.
GlobalEventHandlers.onmouseleave - Web APIs
Web › API › GlobalEventHandlers › onmouseleave
specification specification status comment html living standardthe definition of 'onmouseleave' in that specification.
GlobalEventHandlers.onmousemove - Web APIs
Web › API › GlobalEventHandlers › onmousemove
specifications specification status comment html living standardthe definition of 'onmousemove' in that specification.
GlobalEventHandlers.onmouseout - Web APIs
Web › API › GlobalEventHandlers › onmouseout
html <p>test your mouse on me!</p> javascript const p = document.queryselector('p'); p.onmouseover = logmouseover; p.onmouseout = logmouseout; function logmouseover() { p.innerhtml = 'mouse over detected'; } function logmouseout() { p.innerhtml = 'mouse out detected'; } result specification specification status comment html living standardthe definition of 'onmouseout' in that specification.
GlobalEventHandlers.onmouseover - Web APIs
Web › API › GlobalEventHandlers › onmouseover
html <p>test your mouse on me!</p> javascript const p = document.queryselector('p'); p.onmouseover = logmouseover; p.onmouseout = logmouseout; function logmouseover() { p.innerhtml = 'mouse over detected'; } function logmouseout() { p.innerhtml = 'mouse out detected'; } result specifications specification status comment html living standardthe definition of 'onmouseover' in that specification.
GlobalEventHandlers.onmouseup - Web APIs
Web › API › GlobalEventHandlers › onmouseup
depressed { transform: translate(-50%, -50%); } javascript function depress() { toast.classlist.add('depressed'); } function release() { toast.classlist.remove('depressed'); } const toaster = document.queryselector('.toaster'); const toast = document.queryselector('.toast'); toaster.onmousedown = depress; document.onmouseup = release; result specification specification status comment html living standardthe definition of 'onmouseup' in that specification.
GlobalEventHandlers.onpause - Web APIs
Web › API › GlobalEventHandlers › onpause
specification specification status comment html living standardthe definition of 'onpause' in that specification.
GlobalEventHandlers.onplay - Web APIs
Web › API › GlobalEventHandlers › onplay
</video> <p>video courtesy of <a href="http://www.bigbuckbunny.org/" target="_blank">big buck bunny</a>.</p> <script> function alertplay() { alert("the video has started to play."); } </script> specification specification status comment html living standardthe definition of 'onplay' in that specification.
GlobalEventHandlers.onplaying - Web APIs
Web › API › GlobalEventHandlers › onplaying
specification specification status comment html living standardthe definition of 'onplaying' in that specification.
GlobalEventHandlers.onpointercancel - Web APIs
Web › API › GlobalEventHandlers › onpointercancel
</div> </body> </html> specifications specification status comment pointer events – level 2the definition of 'onpointercancel' in that specification.
GlobalEventHandlers.onpointerdown - Web APIs
Web › API › GlobalEventHandlers › onpointerdown
specifications specification status comment pointer events – level 2the definition of 'onpointerdown' in that specification.
GlobalEventHandlers.onpointerenter - Web APIs
Web › API › GlobalEventHandlers › onpointerenter
</div> </body> </html> specifications specification status comment pointer events – level 2the definition of 'onpointerenter' in that specification.
GlobalEventHandlers.onpointerleave - Web APIs
Web › API › GlobalEventHandlers › onpointerleave
specifications specification status comment pointer events – level 2the definition of 'onpointerleave' in that specification.
GlobalEventHandlers.onpointermove - Web APIs
Web › API › GlobalEventHandlers › onpointermove
</div> </body> </html> specifications specification status comment pointer events – level 2the definition of 'onpointermove' in that specification.
GlobalEventHandlers.onpointerout - Web APIs
Web › API › GlobalEventHandlers › onpointerout
</div> </body> </html> specifications specification status comment pointer events – level 2the definition of 'onpointerout' in that specification.
GlobalEventHandlers.onpointerover - Web APIs
Web › API › GlobalEventHandlers › onpointerover
</div> </body> </html> specifications specification status comment pointer events – level 2the definition of 'onpointerover' in that specification.
GlobalEventHandlers.onpointerup - Web APIs
Web › API › GlobalEventHandlers › onpointerup
</div> </body> </html> specifications specification status comment pointer events – level 2the definition of 'onpointerup' in that specification.
GlobalEventHandlers.onreset - Web APIs
Web › API › GlobalEventHandlers › onreset
time stamp: ${event.timestamp}`; } const form = document.getelementbyid('form'); const log = document.getelementbyid('log'); form.onreset = logreset; result specification specification status comment html living standardthe definition of 'onreset' in that specification.
GlobalEventHandlers.onresize - Web APIs
Web › API › GlobalEventHandlers › onresize
</p> <p>window height: <span id="height"></span></p> <p>window width: <span id="width"></span></p> const heightoutput = document.queryselector('#height'); const widthoutput = document.queryselector('#width'); function resize() { heightoutput.textcontent = window.innerheight; widthoutput.textcontent = window.innerwidth; } window.onresize = resize; specification specification status comment html living standardthe definition of 'onresize' in that specification.
GlobalEventHandlers.onscroll - Web APIs
Web › API › GlobalEventHandlers › onscroll
>1 2 3 4 5 6 7 8 9</textarea> <p id="log"></p> css textarea { width: 4rem; height: 8rem; font-size: 3rem; } javascript const textarea = document.queryselector('textarea'); const log = document.getelementbyid('log'); textarea.onscroll = logscroll; function logscroll(e) { log.textcontent = `scroll position: ${e.target.scrolltop}`; } result specifications specification status comment html living standardthe definition of 'onscroll' in that specification.
GlobalEventHandlers.onselect - Web APIs
Web › API › GlobalEventHandlers › onselect
="log"></p> javascript function logselection(event) { const log = document.getelementbyid('log'); const selection = event.target.value.substring(event.target.selectionstart, event.target.selectionend); log.textcontent = `you selected: ${selection}`; } const textarea = document.queryselector('textarea'); textarea.onselect = logselection; result specification specification status comment html living standardthe definition of 'onselect' in that specification.
GlobalEventHandlers.onselectionchange - Web APIs
Web › API › GlobalEventHandlers › onselectionchange
specifications specification status comment selection apithe definition of 'globaleventhandlers.onselectionchange' in that specification.
GlobalEventHandlers.onselectstart - Web APIs
Web › API › GlobalEventHandlers › onselectstart
specifications specification status comment selection apithe definition of 'globaleventhandlers.onselectstart' in that specification.
GlobalEventHandlers.onsubmit - Web APIs
Web › API › GlobalEventHandlers › onsubmit
; const thanks = document.getelementbyid('thanks'); city.oninvalid = invalid; form.onsubmit = submit; function invalid(event) { error.removeattribute('hidden'); } function submit(event) { form.setattribute('hidden', ''); thanks.removeattribute('hidden'); // for this example, don't actually submit the form event.preventdefault(); } result specifications specification status comment html living standardthe definition of 'onsubmit' in that specification.
GlobalEventHandlers.ontouchcancel - Web APIs
Web › API › GlobalEventHandlers › ontouchcancel
</div> </body> </html> specifications specification status comment touch events – level 2 draft non-stable version.
GlobalEventHandlers.ontouchend - Web APIs
Web › API › GlobalEventHandlers › ontouchend
</div> </body> </html> specifications specification status comment touch events – level 2 draft non-stable version.
GlobalEventHandlers.ontouchmove - Web APIs
Web › API › GlobalEventHandlers › ontouchmove
</div> </body> </html> specifications specification status comment touch events – level 2 draft non-stable version.
GlobalEventHandlers.ontouchstart - Web APIs
Web › API › GlobalEventHandlers › ontouchstart
</div> </body> </html> specifications specification status comment touch events – level 2 draft non-stable version.
GlobalEventHandlers.ontransitioncancel - Web APIs
Web › API › GlobalEventHandlers › ontransitioncancel
specification specification status comment css transitionsthe definition of 'ontransitioncancel' in that specification.
GlobalEventHandlers.ontransitionend - Web APIs
Web › API › GlobalEventHandlers › ontransitionend
specification specification status comment css transitionsthe definition of 'ontransitionend' in that specification.
GlobalEventHandlers.onwheel - Web APIs
Web › API › GlobalEventHandlers › onwheel
.deltay < 0) { // zoom in scale *= event.deltay * -2; } else { // zoom out scale /= event.deltay * 2; } // restrict scale scale = math.min(math.max(.125, scale), 4); // apply scale transform el.style.transform = `scale(${scale})`; } let scale = 1; const el = document.queryselector('div'); document.onwheel = zoom; result specification specification status comment html living standardthe definition of 'onwheel' in that specification.
GlobalEventHandlers - Web APIs
Web › API › GlobalEventHandlers
specifications specification status comment selection apithe definition of 'extension to globaleventhandlers' in that specification.
Gyroscope.Gyroscope() - Web APIs
Web › API › Gyroscope › Gyroscope
specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Gyroscope.x - Web APIs
Web › API › Gyroscope › x
let gyroscope = new gyroscope({frequency: 60}); gyroscope.addeventlistener('reading', e => { console.log("angular velocity along the x-axis " + gyroscope.x); console.log("angular velocity along the y-axis " + gyroscope.y); console.log("angular velocity along the z-axis " + gyroscope.z); }); gyroscope.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Gyroscope.y - Web APIs
Web › API › Gyroscope › y
let gyroscope = new gyroscope({frequency: 60}); gyroscope.addeventlistener('reading', e => { console.log("angular velocety along the x-axis " + gyroscope.x); console.log("angular velocety along the y-axis " + gyroscope.y); console.log("angular velocety along the z-axis " + gyroscope.z); }); gyroscope.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Gyroscope.z - Web APIs
Web › API › Gyroscope › z
let gyroscope = new gyroscope({frequency: 60}); gyroscope.addeventlistener('reading', e => { console.log("angular velocety along the x-axis " + gyroscope.x); console.log("angular velocety along the y-axis " + gyroscope.y); console.log("angular velocety along the z-axis " + gyroscope.z); }); gyroscope.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Gyroscope - Web APIs
Web › API › Gyroscope
let gyroscope = new gyroscope({frequency: 60}); gyroscope.addeventlistener('reading', e => { console.log("angular velocity along the x-axis " + gyroscope.x); console.log("angular velocity along the y-axis " + gyroscope.y); console.log("angular velocity along the z-axis " + gyroscope.z); }); gyroscope.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
HTMLAnchorElement.download - Web APIs
Web › API › HTMLAnchorElement › download
syntax var dnload = anchorelt.download; anchorelt.download = dnload; specifications specification status comment html living standardthe definition of 'download' in that specification.
HTMLAnchorElement.referrerPolicy - Web APIs
Web › API › HTMLAnchorElement › referrerPolicy
specifications specification status comment referrer policythe definition of 'referrerpolicy attribute' in that specification.
HTMLAnchorElement.rel - Web APIs
Web › API › HTMLAnchorElement › rel
syntax var relstr = anchorelt.rel; anchorelt.rel = relstr; example var anchors = document.getelementsbytagname("a"); var length = anchors.length; for (var i = 0; i < length; i++) { alert("rel: " + anchors[i].rel); } specifications specification status comment html living standardthe definition of 'rel' in that specification.
HTMLAnchorElement.relList - Web APIs
Web › API › HTMLAnchorElement › relList
.rellist; example var anchors = document.getelementsbytagname("a"); var length = anchors.length; for (var i = 0; i < length; i++) { var list = anchors[i].rellist; var listlength = list.length; console.log("new anchor node found with", listlength, "link types in rellist."); for (var j = 0; j < listlength; j++) { console.log(list[j]); } } specifications specification status comment html living standardthe definition of 'rellist' in that specification.
HTMLAnchorElement - Web APIs
Web › API › HTMLAnchorElement
specifications specification status comment html living standardthe definition of 'htmlanchorelement' in that specification.
HTMLAreaElement.referrerPolicy - Web APIs
Web › API › HTMLAreaElement › referrerPolicy
specifications specification status comment referrer policythe definition of 'referrerpolicy attribute' in that specification.
HTMLAreaElement.rel - Web APIs
Web › API › HTMLAreaElement › rel
syntax var relstr = areaelt.rel; areaelt.rel = relstr; example var areas = document.getelementsbytagname("area"); var length = areas.length; for (var i = 0; i < length; i++) { alert("rel: " + areas[i].rel); } specifications specification status comment html living standardthe definition of 'rel' in that specification.
HTMLAreaElement.relList - Web APIs
Web › API › HTMLAreaElement › relList
syntax var relstr = areaelt.rellist; example var areas = document.getelementsbytagname("area"); var length = areas.length; for (var i = 0; i < length; i++) { var list = areas[i].rellist; var listlength = list.length; console.log("new area found."); for (var j = 0; j < listlength; j++) { console.log(list[j]); } } specifications specification status comment html living standardthe definition of 'rellist' in that specification.
HTMLAreaElement - Web APIs
Web › API › HTMLAreaElement
specifications specification status comment html living standardthe definition of 'htmlareaelement' in that specification.
Audio() - Web APIs
Web › API › HTMLAudioElement › Audio
specifications specification status comment html living standardthe definition of 'audio()' in that specification.
HTMLAudioElement - Web APIs
Web › API › HTMLAudioElement
specifications specification status comment html living standardthe definition of 'htmlaudioelement' in that specification.
HTMLBRElement - Web APIs
Web › API › HTMLBRElement
specifications specification status comment html living standardthe definition of 'htmlbrelement' in that specification.
HTMLBaseElement - Web APIs
Web › API › HTMLBaseElement
specifications specification status comment html living standardthe definition of 'htmlbaseelement' in that specification.
HTMLBaseFontElement - Web APIs
Web › API › HTMLBaseFontElement
specifications specification status comment document object model (dom) level 2 html specificationthe definition of 'htmlbasefontelement' in that specification.
HTMLBodyElement - Web APIs
Web › API › HTMLBodyElement
specifications specification status comment html living standardthe definition of 'htmlbodyelement' in that specification.
HTMLButtonElement.labels - Web APIs
Web › API › HTMLButtonElement › labels
test">label 1</label> <button id="test">button</button> <label id="label2" for="test">label 2</label> javascript window.addeventlistener("domcontentloaded", function() { const button = document.getelementbyid("test"); for(var i = 0; i < button.labels.length; i++) { console.log(button.labels[i].textcontent); // "label 1" and "label 2" } }); specifications specification status comment html living standardthe definition of 'labels' in that specification.
HTMLButtonElement - Web APIs
Web › API › HTMLButtonElement
specifications specification status comment html living standardthe definition of 'htmlbuttonelement' in that specification.
HTMLCanvasElement.captureStream() - Web APIs
Web › API › HTMLCanvasElement › captureStream
send it to another computer using an rtcpeerconnection // pc is an rtcpeerconnection created elsewhere pc.addstream(stream); specifications specification status comment media capture from dom elementsthe definition of 'htmlcanvaselement.capturestream()' in that specification.
HTMLCanvasElement.getContext() - Web APIs
Web › API › HTMLCanvasElement › getContext
specifications specification status comment html living standardthe definition of 'htmlcanvaselement.getcontext' in that specification.
HTMLCanvasElement.height - Web APIs
Web › API › HTMLCanvasElement › height
syntax var pxl = canvas.height; canvas.height = pxl; examples given this <canvas> element: <canvas id="canvas" width="300" height="300"></canvas> you can get the height of the canvas with the following code: var canvas = document.getelementbyid('canvas'); console.log(canvas.height); // 300 specifications specification status comment html living standardthe definition of 'htmlcanvaselement.height' in that specification.
HTMLCanvasElement.toBlob() - Web APIs
Web › API › HTMLCanvasElement › toBlob
epath + '.tmp'}); promise.then( function() { console.log('successfully wrote file'); }, function() { console.log('failure writing file') } ); }; r.readasarraybuffer(b); } } canvas.toblob(blobcallback('passthisstring'), 'image/vnd.microsoft.icon', '-moz-parse-options:format=bmp;bpp=32'); specifications specification status comment html living standardthe definition of 'htmlcanvaselement.toblob' in that specification.
HTMLCanvasElement.toDataURL() - Web APIs
Web › API › HTMLCanvasElement › toDataURL
ixel + 2]) / 3; } octx.putimagedata(oimgdata, 0, 0); ograyimg = new image(); ograyimg.src = ocanvas.todataurl(); ograyimg.onmouseover = showcolorimg; ocolorimg.onmouseout = showgrayimg; octx.clearrect(0, 0, nwidth, nheight); ocolorimg.style.display = "none"; ocolorimg.parentnode.insertbefore(ograyimg, ocolorimg); } } specifications specification status comment html living standardthe definition of 'htmlcanvaselement.todataurl' in that specification.
HTMLCanvasElement.transferControlToOffscreen() - Web APIs
Web › API › HTMLCanvasElement › transferControlToOffscreen
// push frames back to the original htmlcanvaselement gl.commit(); specifications specification status comment html living standardthe definition of 'htmlcanvaselement.transfercontroltooffscreen()' in that specification.
HTMLCanvasElement: webglcontextlost event - Web APIs
Web › API › HTMLCanvasElement › webglcontextlost event
specifications specification status comment webgl 1.0the definition of 'webglcontextlost' in that specification.
HTMLCanvasElement: webglcontextrestored event - Web APIs
Web › API › HTMLCanvasElement › webglcontextrestored event
specifications specification status comment webgl 1.0the definition of 'webglcontextrestored' in that specification.
HTMLCanvasElement.width - Web APIs
Web › API › HTMLCanvasElement › width
syntax var pxl = canvas.width; canvas.width = pxl; examples given this <canvas> element: <canvas id="canvas" width="300" height="300"></canvas> you can get the width of the canvas with the following code: var canvas = document.getelementbyid('canvas'); console.log(canvas.width); // 300 specifications specification status comment html living standardthe definition of 'htmlcanvaselement.width' in that specification.
HTMLCanvasElement - Web APIs
Web › API › HTMLCanvasElement
specifications specification status comment html living standardthe definition of 'htmlcanvaselement' in that specification.
HTMLCollection - Web APIs
Web › API › HTMLCollection
ent and its id is myform: var elem1, elem2; // document.forms is an htmlcollection elem1 = document.forms[0]; elem2 = document.forms.item(0); alert(elem1 === elem2); // shows: "true" elem1 = document.forms.myform; elem2 = document.forms.nameditem("myform"); alert(elem1 === elem2); // shows: "true" elem1 = document.forms["named.item.with.periods"]; specifications specification status comment domthe definition of 'htmlcollection' in that specification.
HTMLDListElement - Web APIs
Web › API › HTMLDListElement
specifications specification status comment html living standardthe definition of 'htmldlistelement' in that specification.
HTMLDataElement.value - Web APIs
Web › API › HTMLDataElement › value
specifications specification status comment html living standardthe definition of 'htmldataelement.value' in that specification.
HTMLDataElement - Web APIs
Web › API › HTMLDataElement
specifications specification status comment html living standardthe definition of 'htmldataelement' in that specification.
HTMLDataListElement - Web APIs
Web › API › HTMLDataListElement
specifications specification status comment html living standardthe definition of 'htmldatalistelement' in that specification.
HTMLDetailsElement: toggle event - Web APIs
Web › API › HTMLDetailsElement › toggle event
lex-shrink: 0; padding-left: 3em; } #summaries { flex-grow: 1; } javascript function logitem(e) { const item = document.queryselector(`[data-id=${e.target.id}]`); item.toggleattribute('hidden'); } const chapters = document.queryselectorall('details'); chapters.foreach((chapter) => { chapter.addeventlistener('toggle', logitem); }); result specifications specification status comment html living standardthe definition of 'toggle event' in that specification.
HTMLDetailsElement - Web APIs
Web › API › HTMLDetailsElement
specifications specification status comment html living standardthe definition of 'htmldetailselement' in that specification.
HTMLDialogElement: cancel event - Web APIs
Web › API › HTMLDialogElement › cancel event
r('click', () => { if (typeof dialog.showmodal === 'function') { dialog.showmodal(); result.textcontent = ''; } else { result.textcontent = 'the dialog api is not supported by this browser'; } }); const closebutton = document.queryselector('.close'); closebutton.addeventlistener('click', () => { dialog.close(); }); result specifications specification status html living standardthe definition of 'cancel' in that specification.
HTMLDialogElement.close() - Web APIs
Web › API › HTMLDialogElement › close
specifications specification status comment html living standardthe definition of 'close()' in that specification.
HTMLDialogElement: close event - Web APIs
Web › API › HTMLDialogElement › close event
r('click', () => { if (typeof dialog.showmodal === 'function') { dialog.showmodal(); result.textcontent = ''; } else { result.textcontent = 'the dialog api is not supported by this browser'; } }); const closebutton = document.queryselector('.close'); closebutton.addeventlistener('click', () => { dialog.close(); }); result specifications specification status html living standardthe definition of 'close' in that specification.
HTMLDialogElement.open - Web APIs
Web › API › HTMLDialogElement › open
specifications specification status comment html living standardthe definition of 'open' in that specification.
HTMLDialogElement.returnValue - Web APIs
Web › API › HTMLDialogElement › returnValue
specifications specification status comment html living standardthe definition of 'returnvalue' in that specification.
HTMLDialogElement.show() - Web APIs
Web › API › HTMLDialogElement › show
on opens a modal dialog updatebutton.addeventlistener('click', function() { dialog.showmodal(); opencheck(dialog); }); // form cancel button closes the dialog box cancelbutton.addeventlistener('click', function() { dialog.close('animalnotchosen'); opencheck(dialog); }); })(); </script> specifications specification status comment html living standardthe definition of 'show()' in that specification.
HTMLDialogElement.showModal() - Web APIs
Web › API › HTMLDialogElement › showModal
specifications specification status comment html living standardthe definition of 'showmodal()' in that specification.
HTMLDialogElement - Web APIs
Web › API › HTMLDialogElement
specifications specification status comment html living standardthe definition of 'htmldialogelement' in that specification.
HTMLDivElement - Web APIs
Web › API › HTMLDivElement
specifications specification status comment html living standardthe definition of 'htmldivelement' in that specification.
accessKeyLabel - Web APIs
Web › API › HTMLElement › accessKeyLabel
); if (node.accesskeylabel) { node.title += ' [' + node.accesskeylabel + ']'; } else { node.title += ' [' + node.accesskey + ']'; } node.onclick = function () { var p = document.createelement('p'); p.textcontent = 'clicked!'; node.parentnode.appendchild(p); }; html <button accesskey="h" title="caption" id="btn1">hover me</button> result specifications specification status comment html living standardthe definition of 'htmlelement.accesskeylabel' in that specification.
HTMLElement: animationcancel event - Web APIs
Web › API › HTMLElement › animationcancel event
pplyanimation.addeventlistener('click', () => { animation.classlist.toggle('active'); animationeventlog.textcontent = ''; iterationcount = 0; let active = animation.classlist.contains('active'); if (active) { applyanimation.textcontent = "cancel animation"; } else { applyanimation.textcontent = "activate animation"; } }); result specifications specification status comment css animations working draft initial definition ...
HTMLElement: animationend event - Web APIs
Web › API › HTMLElement › animationend event
pplyanimation.addeventlistener('click', () => { animation.classlist.toggle('active'); animationeventlog.textcontent = ''; iterationcount = 0; let active = animation.classlist.contains('active'); if (active) { applyanimation.textcontent = "cancel animation"; } else { applyanimation.textcontent = "activate animation"; } }); result specifications specification status comment css animations working draft initial definition ...
HTMLElement: animationiteration event - Web APIs
Web › API › HTMLElement › animationiteration event
pplyanimation.addeventlistener('click', () => { animation.classlist.toggle('active'); animationeventlog.textcontent = ''; iterationcount = 0; let active = animation.classlist.contains('active'); if (active) { applyanimation.textcontent = "cancel animation"; } else { applyanimation.textcontent = "activate animation"; } }); result specifications specification status comment css animations working draft initial definition ...
HTMLElement: animationstart event - Web APIs
Web › API › HTMLElement › animationstart event
pplyanimation.addeventlistener('click', () => { animation.classlist.toggle('active'); animationeventlog.textcontent = ''; iterationcount = 0; let active = animation.classlist.contains('active'); if (active) { applyanimation.textcontent = "cancel animation"; } else { applyanimation.textcontent = "activate animation"; } }); result specifications specification status comment css animations working draft initial definition ...
HTMLElement: beforeinput event - Web APIs
Web › API › HTMLElement › beforeinput event
html <input placeholder="enter some text" name="name"/> <p id="values"></p> javascript const input = document.queryselector('input'); const log = document.getelementbyid('values'); input.addeventlistener('beforeinput', updatevalue); function updatevalue(e) { log.textcontent = e.target.value; } result specifications specification status ui eventsthe definition of 'beforeinput event' in that specification.
HTMLElement: change event - Web APIs
Web › API › HTMLElement › change event
html <input placeholder="enter some text" name="name"/> <p id="log"></p> javascript const input = document.queryselector('input'); const log = document.getelementbyid('log'); input.addeventlistener('change', updatevalue); function updatevalue(e) { log.textcontent = e.target.value; } result specifications specification status html living standardthe definition of 'change' in that specification.
HTMLElement.click() - Web APIs
Web › API › HTMLElement › click
syntax element.click() example simulate a mouse-click when moving the mouse pointer over a checkbox: html <form> <input type="checkbox" id="mycheck" onmouseover="myfunction()" onclick="alert('click event occured')"> </form> javascript // on mouse-over, execute myfunction function myfunction() { document.getelementbyid("mycheck").click(); } specification specification status comment html living standard living standard document object model (dom) level 2 html specification obsolete initial definition.
HTMLElement.dir - Web APIs
Web › API › HTMLElement › dir
example var parg = document.getelementbyid("para1"); parg.dir = "rtl"; // change the text direction on a paragraph identified as "para1" specifications specification status comment html living standardthe definition of 'dir' in that specification.
HTMLElement: gotpointercapture event - Web APIs
Web › API › HTMLElement › gotpointercapture event
wn', (event) => { para.setpointercapture(event.pointerid); }); the same example, using the ongotpointercapture event handler property: const para = document.queryselector('p'); para.ongotpointercapture = () => { console.log('i\'ve been captured!') }; para.addeventlistener('pointerdown', (event) => { para.setpointercapture(event.pointerid); }); specifications specification status pointer events obsolete ...
HTMLElement.hidden - Web APIs
Web › API › HTMLElement › hidden
.panel { font: 16px "open sans", helvetica, arial, sans-serif; border: 1px solid #22d; padding: 12px; width: 500px; text-align: center; } .button { font: 22px "open sans", helvetica, arial, sans-serif; padding: 5px 36px; } h1 { margin-top: 0; font-size: 175%; } result specifications specification status comment html living standardthe definition of 'htmlelement.hidden' in that specification.
HTMLElement.innerText - Web APIs
Web › API › HTMLElement › innerText
rtextoutput" rows="6" cols="30" readonly>...</textarea> javascript const source = document.getelementbyid("source"); const textcontentoutput = document.getelementbyid("textcontentoutput"); const innertextoutput = document.getelementbyid("innertextoutput"); textcontentoutput.value = source.textcontent; innertextoutput.value = source.innertext; result specification specification status comment html living standardthe definition of 'innertext' in that specification.
HTMLElement: input event - Web APIs
Web › API › HTMLElement › input event
html <input placeholder="enter some text" name="name"/> <p id="values"></p> javascript const input = document.queryselector('input'); const log = document.getelementbyid('values'); input.addeventlistener('input', updatevalue); function updatevalue(e) { log.textcontent = e.target.value; } result specifications specification status html living standardthe definition of 'input event' in that specification.
HTMLElement.isContentEditable - Web APIs
Web › API › HTMLElement › isContentEditable
</p> javascript document.getelementbyid('infotext1').innerhtml += document.getelementbyid('mytext1').iscontenteditable; document.getelementbyid('infotext2').innerhtml += document.getelementbyid('mytext2').iscontenteditable; result specifications specification status comment html living standardthe definition of 'htmlelement.contenteditable' in that specification.
HTMLElement.lang - Web APIs
Web › API › HTMLElement › lang
example // this snippet compares the base language and // redirects to another url based on language if (document.documentelement.lang === "en") { window.location.href = "some_document.html.en"; } else if (document.documentelement.lang === "ru") { window.location.href = "some_document.html.ru"; } specification specification status comment document object model (dom) level 2 html specificationthe definition of 'lang' in that specification.
HTMLElement: lostpointercapture event - Web APIs
Web › API › HTMLElement › lostpointercapture event
vent) => { para.setpointercapture(event.pointerid); }); the same example, but using the onlostpointercapture event handler property: const para = document.queryselector('p'); para.onlostpointercapture = () => { console.log('i\'ve been released!') }; para.addeventlistener('pointerdown', (event) => { para.setpointercapture(event.pointerid); }); specifications specification status pointer events obsolete ...
HTMLElement.offsetHeight - Web APIs
Web › API › HTMLElement › offsetHeight
specification specification status comment css object model (cssom) view modulethe definition of 'offsetheight' in that specification.
HTMLElement.offsetLeft - Web APIs
Web › API › HTMLElement › offsetLeft
t"> var box = document.getelementbyid("box"); var longspan = document.getelementbyid("longspan"); box.style.left = longspan.offsetleft + document.body.scrollleft + "px"; box.style.top = longspan.offsettop + document.body.scrolltop + "px"; box.style.width = longspan.offsetwidth + "px"; box.style.height = longspan.offsetheight + "px"; </script> specification specification status comment css object model (cssom) view modulethe definition of 'offsetleft' in that specification.
HTMLElement.offsetParent - Web APIs
Web › API › HTMLElement › offsetParent
specification specification status comment css object model (cssom) view modulethe definition of 'offsetparent' in that specification.
HTMLElement.offsetTop - Web APIs
Web › API › HTMLElement › offsetTop
example var d = document.getelementbyid("div1"); var toppos = d.offsettop; if (toppos > 10) { // object is offset more // than 10 pixels from its parent } specification specification status comment css object model (cssom) view modulethe definition of 'offsettop' in that specification.
HTMLElement.offsetWidth - Web APIs
Web › API › HTMLElement › offsetWidth
example specification specification status comment css object model (cssom) view modulethe definition of 'offsetwidth' in that specification.
HTMLElement: pointercancel event - Web APIs
Web › API › HTMLElement › pointercancel event
examples using addeventlistener(): const para = document.queryselector('p'); para.addeventlistener('pointercancel', (event) => { console.log('pointer event cancelled'); }); using the onpointercancel event handler property: const para = document.queryselector('p'); para.onpointercancel = (event) => { console.log('pointer event cancelled'); }; specifications specification status pointer events obsolete ...
HTMLElement: pointerdown event - Web APIs
Web › API › HTMLElement › pointerdown event
pointerdown examples using addeventlistener(): const para = document.queryselector('p'); para.addeventlistener('pointerdown', (event) => { console.log('pointer down event'); }); using the onpointerdown event handler property: const para = document.queryselector('p'); para.onpointerdown = (event) => { console.log('pointer down event'); }; specifications specification status pointer events obsolete ...
HTMLElement: pointerenter event - Web APIs
Web › API › HTMLElement › pointerenter event
examples using addeventlistener(): const para = document.queryselector('p'); para.addeventlistener('pointerenter', (event) => { console.log('pointer entered element'); }); using the onpointerenter event handler property: const para = document.queryselector('p'); para.onpointerenter = (event) => { console.log('pointer entered element'); }; specifications specification status pointer events obsolete ...
HTMLElement: pointerleave event - Web APIs
Web › API › HTMLElement › pointerleave event
eave examples using addeventlistener(): const para = document.queryselector('p'); para.addeventlistener('pointerleave', (event) => { console.log('pointer left element'); }); using the onpointerleave event handler property: const para = document.queryselector('p'); para.onpointerleave = (event) => { console.log('pointer left element'); }; specifications specification status pointer events obsolete ...
HTMLElement: pointermove event - Web APIs
Web › API › HTMLElement › pointermove event
dler for pointermove events using addeventlistener(): const para = document.queryselector('p'); para.addeventlistener('pointermove', (event) => { console.log('pointer moved'); }); you can also use the onpointermove event handler property: const para = document.queryselector('p'); para.onpointermove = (event) => { console.log('pointer moved'); }; specifications specification status pointer events obsolete ...
HTMLElement: pointerout event - Web APIs
Web › API › HTMLElement › pointerout event
onpointerout examples using addeventlistener(): const para = document.queryselector('p'); para.addeventlistener('pointerout', (event) => { console.log('pointer moved out'); }); using the onpointerout event handler property: const para = document.queryselector('p'); para.onpointerout = (event) => { console.log('pointer moved out'); }; specifications specification status pointer events obsolete ...
HTMLElement: pointerover event - Web APIs
Web › API › HTMLElement › pointerover event
onpointerover examples using addeventlistener(): const para = document.queryselector('p'); para.addeventlistener('pointerover', (event) => { console.log('pointer moved in'); }); using the onpointerover event handler property: const para = document.queryselector('p'); para.onpointerover = (event) => { console.log('pointer moved in'); }; specifications specification status pointer events obsolete ...
HTMLElement: pointerup event - Web APIs
Web › API › HTMLElement › pointerup event
t handler property onpointerup examples using addeventlistener(): const para = document.queryselector('p'); para.addeventlistener('pointerup', (event) => { console.log('pointer up'); }); using the onpointerup event handler property: const para = document.queryselector('p'); para.onpointerup = (event) => { console.log('pointer up'); }; specifications specification status pointer events obsolete ...
HTMLElement.title - Web APIs
Web › API › HTMLElement › title
syntax var str = element.title; element.title = str; example const link = document.createelement('a'); link.innertext = 'grapes'; link.href = 'https://en.wikipedia.org/wiki/grape'; link.title = 'wikipedia page on grapes'; specifications specification status comment html living standardthe definition of 'title' in that specification.
HTMLElement: transitioncancel event - Web APIs
Web › API › HTMLElement › transitioncancel event
specifications specification status comment css transitionsthe definition of 'transitioncancel' in that specification.
HTMLElement: transitionend event - Web APIs
Web › API › HTMLElement › transitionend event
specifications specification status comment css transitionsthe definition of 'transitionend' in that specification.
HTMLElement: transitionrun event - Web APIs
Web › API › HTMLElement › transitionrun event
specifications specification status comment css transitionsthe definition of 'transitionrun' in that specification.
HTMLElement: transitionstart event - Web APIs
Web › API › HTMLElement › transitionstart event
specifications specification status comment css transitionsthe definition of 'transitionstart' in that specification.
HTMLElement - Web APIs
Web › API › HTMLElement
specifications specification status comment css object model (cssom) view modulethe definition of 'htmlelement' in that specification.
HTMLEmbedElement - Web APIs
Web › API › HTMLEmbedElement
specifications specification status comment html living standardthe definition of 'htmlembedelement' in that specification.
HTMLFieldSetElement - Web APIs
Web › API › HTMLFieldSetElement
specifications specification status comment html living standardthe definition of 'htmlfieldsetelement' in that specification.
HTMLFormControlsCollection.namedItem() - Web APIs
Web › API › HTMLFormControlsCollection › namedItem
example html <form> <input id="my-form-control" type="textarea"> </form> javascript // returns the htmlinputelement representing #my-form-control elem1 = document.forms[0]['my-form-control']; specifications specification status comment html living standardthe definition of 'htmlformcontrolscollection.nameditem()' in that specification.
HTMLFormControlsCollection - Web APIs
Web › API › HTMLFormControlsCollection
specifications specification status comment html living standardthe definition of 'htmlformcontrolscollection' in that specification.
HTMLFormElement.acceptCharset - Web APIs
Web › API › HTMLFormElement › acceptCharset
syntax var string = form.acceptcharset; form.acceptcharset = string; example inputs = document.forms['myform'].acceptcharset; specifications specification status comment html living standardthe definition of 'htmlformelement: acceptcharset' in that specification.
HTMLFormElement.action - Web APIs
Web › API › HTMLFormElement › action
syntax var string = form.action; form.action = string; example form.action = '/cgi-bin/publish'; specifications specification status comment html living standardthe definition of 'htmlformelement: action' in that specification.
HTMLFormElement.elements - Web APIs
Web › API › HTMLFormElement › elements
dename === "input" && inputs[i].type === "text") { // update text input inputs[i].value.tolocaleuppercase(); } } disabling form controls var inputs = document.getelementbyid("my-form").elements; // iterate over the form controls for (i = 0; i < inputs.length; i++) { // disable all form controls inputs[i].setattribute("disabled", ""); } specifications specification status comment html living standardthe definition of 'htmlformelement.elements' in that specification.
HTMLFormElement.enctype - Web APIs
Web › API › HTMLFormElement › enctype
syntax var string = form.enctype; form.enctype = string; example form.enctype = 'application/x-www-form-urlencoded'; specifications specification status comment html living standardthe definition of 'htmlformelement: enctype' in that specification.
HTMLFormElement: formdata event - Web APIs
Web › API › HTMLFormElement › formdata event
would look like this: formelem.onformdata = (e) => { console.log('formdata fired'); // get the form data from the event object let data = e.formdata; for (var value of data.values()) { console.log(value); } // submit the data via xhr var request = new xmlhttprequest(); request.open("post", "/formhandler"); request.send(data); }; specifications specification status comment html living standardthe definition of 'formdata' in that specification.
HTMLFormElement.length - Web APIs
Web › API › HTMLFormElement › length
example if (document.getelementbyid('form1').length > 1) { // more than one form control here } specifications specification status comment html living standardthe definition of 'htmlformelement: length' in that specification.
HTMLFormElement.method - Web APIs
Web › API › HTMLFormElement › method
syntax var string = form.method; form.method = string; example document.forms['myform'].method = 'post'; const formelement = document.createelement("form"); // create a form document.body.appendchild(formelement); console.log(formelement.method); // 'get' specifications specification status comment html living standardthe definition of 'htmlformelement: method' in that specification.
HTMLFormElement.name - Web APIs
Web › API › HTMLFormElement › name
syntax var string = form.name; form.name = string; example var form1name = document.getelementbyid('form1').name; if (form1name != document.form.form1) { // browser doesn't support this form of reference } specifications specification status comment html living standardthe definition of 'htmlformelement: name' in that specification.
HTMLFormElement.reportValidity() - Web APIs
Web › API › HTMLFormElement › reportValidity
syntax htmlformelement.reportvalidity() return value boolean example document.forms['myform'].addeventlistener('submit', function() { document.forms['myform'].reportvalidity(); }, false); specifications specification status comment html living standardthe definition of 'htmlformelement.reportvalidity()' in that specification.
HTMLFormElement.requestSubmit() - Web APIs
Web › API › HTMLFormElement › requestSubmit
let myform = document.queryselector("form"); let submitbutton = myform.queryselector("#main-submit"); if (myform.requestsubmit) { if (submitbutton) { myform.requestsubmit(submitbutton); } else { myform.requestsubmit(); } } else { myform.submit(); } specifications specification status comment html living standardthe definition of 'requestsubmit()' in that specification.
HTMLFormElement.reset() - Web APIs
Web › API › HTMLFormElement › reset
syntax htmlformelement.reset() example document.getelementbyid('myform').reset(); specifications specification status comment html living standardthe definition of 'htmlformelement: reset' in that specification.
HTMLFormElement: reset event - Web APIs
Web › API › HTMLFormElement › reset event
time stamp: ${event.timestamp}`; } const form = document.getelementbyid('form'); const log = document.getelementbyid('log'); form.addeventlistener('reset', logreset); result specifications specification status comment html living standardthe definition of 'reset' in that specification.
HTMLFormElement.submit() - Web APIs
Web › API › HTMLFormElement › submit
syntax htmlformelement.submit() example document.forms["myform"].submit(); specifications specification status comment html living standardthe definition of 'htmlformelement: submit' in that specification.
HTMLFormElement: submit event - Web APIs
Web › API › HTMLFormElement › submit event
time stamp: ${event.timestamp}`; event.preventdefault(); } const form = document.getelementbyid('form'); const log = document.getelementbyid('log'); form.addeventlistener('submit', logsubmit); result specifications specification status comment html living standardthe definition of 'submit' in that specification.
HTMLFormElement.target - Web APIs
Web › API › HTMLFormElement › target
syntax string = htmlformelement.target htmlformelement.target = string example myform.target = document.frames[1].name; specifications specification status comment html living standardthe definition of 'htmlformelement: target' in that specification.
HTMLFormElement - Web APIs
Web › API › HTMLFormElement
specifications specification status comment html living standardthe definition of 'htmlformelement' in that specification.
HTMLFrameSetElement - Web APIs
Web › API › HTMLFrameSetElement
specifications specification status comment html living standardthe definition of 'htmlframesetelement' in that specification.
HTMLHRElement - Web APIs
Web › API › HTMLHRElement
specifications specification status comment html living standardthe definition of 'htmlhrelement' in that specification.
HTMLHeadElement - Web APIs
Web › API › HTMLHeadElement
specifications specification status comment html living standardthe definition of 'htmlheadelement' in that specification.
HTMLHeadingElement - Web APIs
Web › API › HTMLHeadingElement
specifications specification status comment html living standardthe definition of 'htmlheadingelement' in that specification.
HTMLHtmlElement - Web APIs
Web › API › HTMLHtmlElement
specifications specification status comment html living standardthe definition of 'htmlhtmlelement' in that specification.
HTMLHyperlinkElementUtils.hash - Web APIs
Web › API › HTMLHyperlinkElementUtils › hash
syntax string = object.hash; object.hash = string; examples <a id="myanchor" href="/docs/htmlhyperlinkelementutils.href#examples">examples</a> <script> var anchor = document.getelementbyid("myanchor"); console.log(anchor.hash); // returns '#examples' </script> specifications specification status comment html living standardthe definition of 'htmlhyperlinkelementutils.hash' in that specification.
HTMLHyperlinkElementUtils.host - Web APIs
Web › API › HTMLHyperlinkElementUtils › host
host == "developer.mozilla.org" anchor.href = "https://developer.mozilla.org:443/htmlhyperlinkelementutils.host" anchor.host == "developer.mozilla.org" // the port number is not included because 443 is the scheme's default port anchor.href = "https://developer.mozilla.org:4097/htmlhyperlinkelementutils.host" anchor.host == "developer.mozilla.org:4097" specifications specification status comment html living standardthe definition of 'htmlhyperlinkelementutils.host' in that specification.
HTMLHyperlinkElementUtils.hostname - Web APIs
Web › API › HTMLHyperlinkElementUtils › hostname
syntax string = object.hostname; object.hostname = string; examples // let's an <a id="myanchor" href="https://developer.mozilla.org/docs/htmlhyperlinkelementutils.hostname"> element be in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.hostname; // returns:'developer.mozilla.org' specifications specification status comment html living standardthe definition of 'htmlhyperlinkelementutils.hostname' in that specification.
HTMLHyperlinkElementUtils.href - Web APIs
Web › API › HTMLHyperlinkElementUtils › href
syntax string = object.href; object.href = string; examples // lets imagine an <a id="myanchor" href="https://developer.mozilla.org/htmlhyperlinkelementutils/href"> element is in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.href; // returns: 'https://developer.mozilla.org/htmlhyperlinkelementutils/href' specifications specification status comment html living standardthe definition of 'htmlhyperlinkelementutils.href' in that specification.
HTMLHyperlinkElementUtils.origin - Web APIs
Web › API › HTMLHyperlinkElementUtils › origin
syntax string = object.origin; examples // on this page, returns the origin var result = window.location.origin; // returns:'https://developer.mozilla.org' specifications specification status comment html living standardthe definition of 'htmlhyperlinkelementutils.origin' in that specification.
HTMLHyperlinkElementUtils.password - Web APIs
Web › API › HTMLHyperlinkElementUtils › password
syntax string = object.password; object.password = string; examples // let's <a id="myanchor" href="https://anonymous:flabada@developer.mozilla.org/docs/htmlhyperlinkelementutils.username"> be in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.password; // returns:'flabada' specifications specification status comment html living standardthe definition of 'htmlhyperlinkelementutils.password' in that specification.
HTMLHyperlinkElementUtils.pathname - Web APIs
Web › API › HTMLHyperlinkElementUtils › pathname
syntax string = object.pathname; object.pathname = string; examples // let's an <a id="myanchor" href="https://developer.mozilla.org/docs/htmlhyperlinkelementutils.pathname"> element be in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.pathname; // returns:'/docs/htmlhyperlinkelementutils.pathname' specifications specification status comment html living standardthe definition of 'htmlhyperlinkelementutils.pathname' in that specification.
HTMLHyperlinkElementUtils.port - Web APIs
Web › API › HTMLHyperlinkElementUtils › port
syntax string = object.port; object.port = string; examples // let's an <a id="myanchor" href="https://developer.mozilla.org:443/docs/htmlhyperlinkelementutils.port"> element be in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.port; // returns:'443' specifications specification status comment html living standardthe definition of 'htmlhyperlinkelementutils.port' in that specification.
HTMLHyperlinkElementUtils.protocol - Web APIs
Web › API › HTMLHyperlinkElementUtils › protocol
syntax string = object.protocol; object.protocol = string; examples // let's an <a id="myanchor" href="https://developer.mozilla.org/htmlhyperlinkelementutils.protocol"> element be in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.protocol; // returns:'https:' specifications specification status comment html living standardthe definition of 'htmlhyperlinkelementutils.protocol' in that specification.
HTMLHyperlinkElementUtils.search - Web APIs
Web › API › HTMLHyperlinkElementUtils › search
an <a id="myanchor" href="https://developer.mozilla.org/docs/htmlhyperlinkelementutils.search?q=123"> element be in the document var anchor = document.getelementbyid("myanchor"); var querystring = anchor.search; // returns:'?q=123' // further parsing: let params = new urlsearchparams(querystring); let q = parseint(params.get("q")); // is the number 123 specifications specification status comment html living standardthe definition of 'htmlhyperlinkelementutils.search' in that specification.
HTMLHyperlinkElementUtils.toString() - Web APIs
Web › API › HTMLHyperlinkElementUtils › toString
syntax string = object.tostring(); examples // let's imagine an <a id="myanchor" href="https://developer.mozilla.org/docs/htmlhyperlinkelementutils/tostring"> element is in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.tostring(); // returns: 'https://developer.mozilla.org/docs/htmlhyperlinkelementutils/tostring' specifications specification status comment html living standard living standard ...
HTMLHyperlinkElementUtils.username - Web APIs
Web › API › HTMLHyperlinkElementUtils › username
syntax string = object.username; object.username = string; examples // let's <a id="myanchor" href="https://anonymous:flabada@developer.mozilla.org/docs/htmlhyperlinkelementutils.username"> be in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.username; // returns:'anonymous' specifications specification status comment html living standardthe definition of 'htmlhyperlinkelementutils.username' in that specification.
HTMLHyperlinkElementUtils - Web APIs
Web › API › HTMLHyperlinkElementUtils
specifications specification status comment html living standardthe definition of 'htmlhyperlinkelementutils' in that specification.
HTMLIFrameElement.allowPaymentRequest - Web APIs
Web › API › HTMLIFrameElement › allowPaymentRequest
specifications specification status comment payment request apithe definition of 'allowpaymentrequest' in that specification.
contentDocument - Web APIs
Web › API › HTMLIFrameElement › contentDocument
specifications specification status comment html living standardthe definition of 'htmliframeelement: contentdocument' in that specification.
HTMLIFrameElement.contentWindow - Web APIs
Web › API › HTMLIFrameElement › contentWindow
specifications specification status comment html living standardthe definition of 'htmliframeelement: contentwindow' in that specification.
HTMLIFrameElement.csp - Web APIs
Web › API › HTMLIFrameElement › csp
specifications specification status comment content security policy: embedded enforcementthe definition of 'csp' in that specification.
HTMLIFrameElement.featurePolicy - Web APIs
Web › API › HTMLIFrameElement › featurePolicy
specification specification status comment feature policy editor's draft initial definition.
HTMLIFrameElement.referrerPolicy - Web APIs
Web › API › HTMLIFrameElement › referrerPolicy
examples var iframe = document.createelement("iframe"); iframe.src = "/"; iframe.referrerpolicy = "unsafe-url"; var body = document.getelementsbytagname("body")[0]; body.appendchild(iframe); // fetch the image using the complete url as the referrer specifications specification status comment referrer policythe definition of 'referrerpolicy attribute' in that specification.
HTMLIFrameElement.src - Web APIs
Web › API › HTMLIFrameElement › src
syntax refstr = iframeelt.src; iframeelt.src= refstr; example var iframe = document.createelement("iframe"); iframe.src = "/"; var body = document.getelementsbytagname("body")[0]; body.appendchild(iframe); // fetch the image using the complete url as the referrer specifications specification status comment html living standardthe definition of 'htmliframeelement: src' in that specification.
srcdoc - Web APIs
Web › API › HTMLIFrameElement › srcdoc
examples var iframe = document.createelement("iframe"); iframe.srcdoc = `<!doctype html><p>hello world!</p>`; document.body.appendchild(iframe); specifications specification status comment html living standardthe definition of 'htmliframeelement: srcdoc' in that specification.
HTMLIFrameElement - Web APIs
Web › API › HTMLIFrameElement
specifications specification status comment html living standardthe definition of 'htmliframeelement' in that specification.
Image() - Web APIs
Web › API › HTMLImageElement › Image
examples var myimage = new image(100, 200); myimage.src = 'picture.jpg'; document.body.appendchild(myimage); this would be the equivalent of defining the following html tag inside the <body>: <img width="100" height="200" src="picture.jpg"> specifications specification status comment html living standardthe definition of 'image()' in that specification.
HTMLImageElement.align - Web APIs
Web › API › HTMLImageElement › align
specifications specification status comment html living standardthe definition of 'htmlimageelement.align' in that specification.
HTMLImageElement.border - Web APIs
Web › API › HTMLImageElement › border
have the following html: <img src="image.png" border="2"> the following will provide the same appearance using css instead of this obsolete property: <img src="image.png" style="border: 2px;"> you can further provide additional information to change the color and other features of the border: <img src="image.png" style="border: dashed 2px #333388;"> specifications specification status comment html living standardthe definition of 'htmlimageelement.border' in that specification.
HTMLImageElement.complete - Web APIs
Web › API › HTMLImageElement › complete
*/ function fixredeyecommand() { if (lightboxelem.style.display === "block" && lightboximgelem.complete) { fixredeye(lightboximgelem); } else { /* can't start doing this until the image is fully loaded */ } } specifications specification status comment html living standardthe definition of 'htmlimageelement.complete' in that specification.
HTMLImageElement.crossOrigin - Web APIs
Web › API › HTMLImageElement › crossOrigin
thanks for reading me.</p> </div> css body { font: 1.125rem/1.5, helvetica, sans-serif; } .container { display: flow-root; width: 37.5em; border: 1px solid #d2d2d2; } img { float: left; padding-right: 1.5em; } output { background: rgba(100, 100, 100, 0.1); font-family: courier, monospace; width: 95%; } result specifications specification status comment html living standardthe definition of 'htmlimageelement.crossorigin' in that specification.
HTMLImageElement.currentSrc - Web APIs
Web › API › HTMLImageElement › currentSrc
clock-demo-400px.png 400w" sizes="(max-width: 400px) 50%, 90%"> javascript var clockimage = document.queryselector("img"); let p = document.createelement("p"); if (!clockimage.currentsrc.endswith("200px.png")) { p.innertext = "using the 200px image."; } else { p.innertext = "using the 400px image!"; } document.body.appendchild(p); result specifications specification status comment html living standardthe definition of 'htmlimageelement.currentsrc' in that specification.
HTMLImageElement.decode() - Web APIs
Web › API › HTMLImageElement › decode
}) specifications specification status comment html living standardthe definition of 'decode()' in that specification.
HTMLImageElement.decoding - Web APIs
Web › API › HTMLImageElement › decoding
examples var img = new image(); img.decoding = 'sync'; img.src = 'img/logo.png'; specifications specification status comment html living standardthe definition of 'decoding' in that specification.
HTMLImageElement.height - Web APIs
Web › API › HTMLImageElement › height
specifications specification status comment html living standardthe definition of 'htmlimageelement.height' in that specification.
HTMLImageElement.hspace - Web APIs
Web › API › HTMLImageElement › hspace
specifications specification status comment html living standardthe definition of 'htmlimageelement.hspace' in that specification.
HTMLImageElement.isMap - Web APIs
Web › API › HTMLImageElement › isMap
specifications specification status comment html living standardthe definition of 'htmlimageelement.ismap' in that specification.
HTMLImageElement.loading - Web APIs
Web › API › HTMLImageElement › loading
olist(url) { const list = document.queryselector("div.photo-list"); let newitem = document.createelement("div"); newitem.classname = "photo-item"; let newimg = document.createelement("img"); newimg.loading = "lazy"; newimg.width = 320; newimg.height = 240; newimg.src = url; newitem.appendchild(newimg); list.appendchild(newitem); } specifications specification status comment html living standardthe definition of 'htmlimageelement.loading' in that specification.
HTMLImageElement.longDesc - Web APIs
Web › API › HTMLImageElement › longDesc
specifications specification status comment html 4.01 specificationthe definition of 'htmlimageelement.longdesc' in that specification.
HTMLImageElement.name - Web APIs
Web › API › HTMLImageElement › name
specifications specification status comment html living standardthe definition of 'htmlimageelement.name' in that specification.
HTMLImageElement.naturalHeight - Web APIs
Web › API › HTMLImageElement › naturalHeight
result specifications specification status comment html living standardthe definition of 'htmlimageelement.naturalheight' in that specification.
HTMLImageElement.naturalWidth - Web APIs
Web › API › HTMLImageElement › naturalWidth
result specifications specification status comment html living standardthe definition of 'htmlimageelement.naturalwidth' in that specification.
HTMLImageElement.referrerPolicy - Web APIs
Web › API › HTMLImageElement › referrerPolicy
examples var img = new image(); img.src = 'img/logo.png'; img.referrerpolicy = 'origin'; var div = document.getelementbyid('divaround'); div.appendchild(img); // fetch the image using the origin as the referrer specifications specification status comment referrer policythe definition of 'referrerpolicy attribute' in that specification.
HTMLImageElement.sizes - Web APIs
Web › API › HTMLImageElement › sizes
specifications specification status comment html living standardthe definition of 'htmlimageelement.sizes' in that specification.
HTMLImageElement.src - Web APIs
Web › API › HTMLImageElement › src
html result specifications specification status comment html living standardthe definition of 'htmlimageelement.src' in that specification.
HTMLImageElement.srcset - Web APIs
Web › API › HTMLImageElement › srcset
specifications specification status comment html living standardthe definition of 'htmlimageelement.srcset' in that specification.
HTMLImageElement.useMap - Web APIs
Web › API › HTMLImageElement › useMap
specifications specification status comment html living standardthe definition of 'htmlimageelement.usemap' in that specification.
HTMLImageElement.vspace - Web APIs
Web › API › HTMLImageElement › vspace
specifications specification status comment html living standardthe definition of 'htmlimageelement.vspace' in that specification.
HTMLImageElement.width - Web APIs
Web › API › HTMLImageElement › width
specifications specification status comment html living standardthe definition of 'htmlimageelement.width' in that specification.
HTMLImageElement.x - Web APIs
Web › API › HTMLImageElement › x
css the css defining the appearance of the table: .group1 { background-color: #d7d9f2; } table { border-collapse: collapse; border: 2px solid rgb(100, 100, 100); font-family: sans-serif; } td, th { border: 1px solid rgb(100, 100, 100); padding: 10px 14px; } td > img { max-width: 4em; } result the resulting table looks like this: specifications specification status comment css object model (cssom) view modulethe definition of 'htmlimageelement.x' in that specification.
HTMLImageElement.y - Web APIs
Web › API › HTMLImageElement › y
css the css defining the appearance of the table: .group1 { background-color: #d7d9f2; } table { border-collapse: collapse; border: 2px solid rgb(100, 100, 100); font-family: sans-serif; } td, th { border: 1px solid rgb(100, 100, 100); padding: 10px 14px; } td > img { max-width: 4em; } result the resulting table looks like this: specifications specification status comment css object model (cssom) view modulethe definition of 'htmlimageelement.y' in that specification.
HTMLImageElement - Web APIs
Web › API › HTMLImageElement
example var img1 = new image(); // image constructor img1.src = 'image1.png'; img1.alt = 'alt'; document.body.appendchild(img1); var img2 = document.createelement('img'); // use dom htmlimageelement img2.src = 'image2.jpg'; img2.alt = 'alt text'; document.body.appendchild(img2); // using first image in the document alert(document.images[0].src); specifications specification status comment css object model (cssom) view modulethe definition of 'extensions to htmlimageelement' in that specification.
HTMLInputElement: invalid event - Web APIs
Web › API › HTMLInputElement › invalid event
t type="number" min="1" max="10" required></label></li> <li><input type="submit" value="submit"></li> </ul> </form><p id="log"></p> javascript const input = document.queryselector('input') const log = document.getelementbyid('log') input.addeventlistener('invalid', logvalue) function logvalue(e) { log.textcontent += e.target.value } result specifications specification status comment html living standardthe definition of 'invalid event' in that specification.
HTMLInputElement.labels - Web APIs
Web › API › HTMLInputElement › labels
id="label1" for="test">label 1</label> <input id="test"/> <label id="label2" for="test">label 2</label> javascript window.addeventlistener("domcontentloaded", function() { const input = document.getelementbyid("test"); for(var i = 0; i < input.labels.length; i++) { console.log(input.labels[i].textcontent); // "label 1" and "label 2" } }); specifications specification status comment html living standardthe definition of 'labels' in that specification.
HTMLInputElement.select() - Web APIs
Web › API › HTMLInputElement › select
in browsers where it is not supported, it is possible to replace it with a call to htmlinputelement.setselectionrange() with parameters 0 and the input's value length: <input onclick="this.select();" value="sample text" /> <!-- equivalent to --> <input onclick="this.setselectionrange(0, this.value.length);" value="sample text" /> specifications specification status comment html living standardthe definition of 'select' in that specification.
HTMLInputElement.setRangeText() - Web APIs
Web › API › HTMLInputElement › setRangeText
html <input type="text" id="text-box" size="30" value="this text has not been updated."> <button onclick="selecttext()">update text</button> javascript function selecttext() { const input = document.getelementbyid('text-box'); input.focus(); input.setrangetext('already', 14, 17, 'select'); } result specifications specification status comment html living standardthe definition of 'htmlinputelement.setselectionrange()' in that specification.
HTMLInputElement.setSelectionRange() - Web APIs
Web › API › HTMLInputElement › setSelectionRange
html <input type="text" id="text-box" size="20" value="mozilla"> <button onclick="selecttext()">select text</button> javascript function selecttext() { const input = document.getelementbyid('text-box'); input.focus(); input.setselectionrange(2, 5); } result specifications specification status comment html living standardthe definition of 'htmlinputelement.setselectionrange()' in that specification.
HTMLInputElement.stepDown() - Web APIs
Web › API › HTMLInputElement › stepDown
specifications specification status comment html living standardthe definition of 'stepdown()' in that specification.
HTMLInputElement.stepUp() - Web APIs
Web › API › HTMLInputElement › stepUp
specifications specification status comment html living standardthe definition of 'stepup()' in that specification.
HTMLInputElement.webkitEntries - Web APIs
Web › API › HTMLInputElement › webkitEntries
specifications specification status comment file and directory entries apithe definition of 'webkitentries' in that specification.
HTMLInputElement.webkitdirectory - Web APIs
Web › API › HTMLInputElement › webkitdirectory
ument.getelementbyid("filepicker").addeventlistener("change", function(event) { let output = document.getelementbyid("listing"); let files = event.target.files; for (let i=0; i<files.length; i++) { let item = document.createelement("li"); item.innerhtml = files[i].webkitrelativepath; output.appendchild(item); }; }, false); result specifications specification status comment file and directory entries apithe definition of 'webkitdirectory' in that specification.
HTMLInputElement - Web APIs
Web › API › HTMLInputElement
specifications specification status comment html living standardthe definition of 'htmlinputelement' in that specification.
HTMLIsIndexElement - Web APIs
Web › API › HTMLIsIndexElement
specifications specification status comment html5the definition of 'htmlisindexelement' in that specification.
HTMLKeygenElement - Web APIs
Web › API › HTMLKeygenElement
see bug 101019 for details and status.
HTMLLIElement - Web APIs
Web › API › HTMLLIElement
specifications specification status comment html living standardthe definition of 'htmllielement' in that specification.
HTMLLabelElement.control - Web APIs
Web › API › HTMLLabelElement › control
specifications specification status comment html living standardthe definition of 'control' in that specification.
HTMLLabelElement.form - Web APIs
Web › API › HTMLLabelElement › form
specifications specification status comment html living standardthe definition of 'form' in that specification.
HTMLLabelElement.htmlFor - Web APIs
Web › API › HTMLLabelElement › htmlFor
specifications specification status comment html living standardthe definition of 'htmlfor' in that specification.
HTMLLabelElement - Web APIs
Web › API › HTMLLabelElement
specifications specification status comment html living standardthe definition of 'htmllabelelement' in that specification.
HTMLLegendElement - Web APIs
Web › API › HTMLLegendElement
specifications specification status comment html living standardthe definition of 'htmllegendelement' in that specification.
HTMLLinkElement.as - Web APIs
Web › API › HTMLLinkElement › as
specifications specification status comment preloadthe definition of 'as' in that specification.
HTMLLinkElement.referrerPolicy - Web APIs
Web › API › HTMLLinkElement › referrerPolicy
syntax domstring htmllinkelement.referrerpolicy example var links = document.getelementsbytagname("link"); links[0].referrerpolicy; // "no-referrer" specifications specification status comment referrer policythe definition of 'referrerpolicy attribute' in that specification.
HTMLLinkElement.rel - Web APIs
Web › API › HTMLLinkElement › rel
syntax var relstr = linkelt.rel; linkelt.rel = relstr; example var links = document.getelementsbytagname('link'); var length = links.length; for (var i = 0; i < length; i++) { alert(links[i]); } specifications specification status comment html living standardthe definition of 'rel' in that specification.
HTMLLinkElement.relList - Web APIs
Web › API › HTMLLinkElement › relList
syntax var relstr = linkelt.rellist; example var links = document.getelementsbytagname("link"); var length = links.length; for (var i = 0; i < length; i++) { var list = links[i].rellist; var listlength = list.length; console.log("new link found."); for (var j = 0; j < listlength; j++) { console.log(list[j]); } } specifications specification status comment html living standardthe definition of 'rellist' in that specification.
HTMLLinkElement - Web APIs
Web › API › HTMLLinkElement
specifications specification status comment preload candidate recommendation defines <link rel="preload">, and the as property.
HTMLMapElement - Web APIs
Web › API › HTMLMapElement
specifications specification status comment html living standardthe definition of 'htmlmapelement' in that specification.
HTMLMarqueeElement - Web APIs
Web › API › HTMLMarqueeElement
examples <marquee>this text will scroll from right to left</marquee> <marquee direction="up">this text will scroll from bottom to top</marquee> <marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid"> <marquee behavior="alternate"> this text will bounce </marquee> </marquee> specifications specification status comment html living standardthe definition of 'htmlmarqueeelement' in that specification.
HTMLMediaElement: abort event - Web APIs
Web › API › HTMLMediaElement › abort event
examples const video = document.queryselector('video'); const videosrc = 'https://path/to/video.webm'; video.addeventlistener('abort', () => { console.log(`abort loading: ${videosrc}`); }); const source = document.createelement('source'); source.setattribute('src', videosrc); source.setattribute('type', 'video/webm'); video.appendchild(source); specifications specification status html living standard living standard html5 recommendation ...
HTMLMediaElement.audioTracks - Web APIs
Web › API › HTMLMediaElement › audioTracks
var video = document.getelementbyid("video"); for (var i = 0; i < video.audiotracks.length; i += 1) { video.audiotracks[i].enabled = false; } specifications specification status comment html living standardthe definition of 'htmlmediaelement.audiotracks' in that specification.
HTMLMediaElement.autoplay - Web APIs
Web › API › HTMLMediaElement › autoplay
<video id="video" controls> <source src="https://player.vimeo.com/external/250688977.sd.mp4?s=d14b1f1a971dde13c79d6e436b88a6a928dfe26b&profile_id=165"> </video> *** disable autoplay (recommended) *** false is the default value document.queryselector('#video').autoplay = false; specifications specification status comment html living standardthe definition of 'htmlmediaelement.autoplay' in that specification.
HTMLMediaElement.buffered - Web APIs
Web › API › HTMLMediaElement › buffered
example var obj = document.createelement('video'); console.log(obj.buffered); // timeranges { length: 0 } specifications specification status comment html living standardthe definition of 'htmlmediaelement.buffered' in that specification.
HTMLMediaElement.canPlayType() - Web APIs
Web › API › HTMLMediaElement › canPlayType
example var obj = document.createelement('video'); console.log(obj.canplaytype('video/mp4')); // "maybe" specifications specification status comment html living standardthe definition of 'canplaytype' in that specification.
HTMLMediaElement: canplay event - Web APIs
Web › API › HTMLMediaElement › canplay event
o = document.queryselector('video'); video.addeventlistener('canplay', (event) => { console.log('video can start, but not sure it will play through.'); }); using the oncanplay event handler property: const video = document.queryselector('video'); video.oncanplay = (event) => { console.log('video can start, but not sure it will play through.'); }; specifications specification status html living standardthe definition of 'canplay media event' in that specification.
HTMLMediaElement: canplaythrough event - Web APIs
Web › API › HTMLMediaElement › canplaythrough event
g('i think i can play through the entire ' + ' video without ever having to stop to buffer.'); }); using the oncanplaythrough event handler property: const video = document.queryselector('video'); video.oncanplaythrough = (event) => { console.log('i think i can play thru the entire ' + ' video without ever having to stop to buffer.'); }; specifications specification status html living standardthe definition of 'canplaythrough media event' in that specification.
HTMLMediaElement.captureStream() - Web APIs
Web › API › HTMLMediaElement › captureStream
specifications specification status comment media capture from dom elementsthe definition of 'capturestream()' in that specification.
HTMLMediaElement.controller - Web APIs
Web › API › HTMLMediaElement › controller
specifications specification status comment html5the definition of 'htmlmediaelement.controller' in that specification.
HTMLMediaElement.controls - Web APIs
Web › API › HTMLMediaElement › controls
example var obj = document.createelement('video'); obj.controls = true; specifications specification status comment html living standardthe definition of 'htmlmediaelement.controls' in that specification.
HTMLMediaElement.controlsList - Web APIs
Web › API › HTMLMediaElement › controlsList
specifications specification status comment controls list api: solution outline browser compatibility the compatibility table on this page is generated from structured data.
HTMLMediaElement.crossOrigin - Web APIs
Web › API › HTMLMediaElement › crossOrigin
specifications specification status comment html living standardthe definition of 'htmlmediaelement.crossorigin' in that specification.
HTMLMediaElement.currentSrc - Web APIs
Web › API › HTMLMediaElement › currentSrc
example var obj = document.createelement('video'); console.log(obj.currentsrc); // "" specifications specification status comment html living standardthe definition of 'htmlmediaelement.currentsrc' in that specification.
HTMLMediaElement.currentTime - Web APIs
Web › API › HTMLMediaElement › currentTime
specifications specification status comment html living standardthe definition of 'htmlmediaelement.currenttime' in that specification.
HTMLMediaElement.defaultMuted - Web APIs
Web › API › HTMLMediaElement › defaultMuted
example var videoele = document.createelement('video'); videoele.defaultmuted = true; console.log(videoele.outerhtml); // <video muted=""></video> specifications specification status comment html living standardthe definition of 'htmlmediaelement.defaultmuted' in that specification.
HTMLMediaElement.defaultPlaybackRate - Web APIs
Web › API › HTMLMediaElement › defaultPlaybackRate
example var obj = document.createelement('video'); console.log(obj.defaultplaybackrate); // 1 specifications specification status comment html living standardthe definition of 'htmlmediaelement.defaultplaybackrate' in that specification.
HTMLMediaElement.disableRemotePlayback - Web APIs
Web › API › HTMLMediaElement › disableRemotePlayback
(false means "not disabled", which means "enabled") example var obj = document.createelement('audio'); obj.disableremoteplayback = true; specifications specification status comment remote playback apithe definition of 'disableremoteplayback' in that specification.
HTMLMediaElement.duration - Web APIs
Web › API › HTMLMediaElement › duration
examples var obj = document.createelement('video'); console.log(obj.duration); // nan specifications specification status comment html living standardthe definition of 'htmlmediaelement.duration' in that specification.
HTMLMediaElement: durationchange event - Web APIs
Web › API › HTMLMediaElement › durationchange event
eo'); video.addeventlistener('durationchange', (event) => { console.log('not sure why, but the duration of the video has changed.'); }); using the ondurationchange event handler property: const video = document.queryselector('video'); video.ondurationchange = (event) => { console.log('not sure why, but the duration of the video has changed.'); }; specifications specification status html living standardthe definition of 'durationchange media event' in that specification.
HTMLMediaElement: emptied event - Web APIs
Web › API › HTMLMediaElement › emptied event
did you call load()?'); }; specifications specification status html living standardthe definition of 'emptied media event' in that specification.
HTMLMediaElement.ended - Web APIs
Web › API › HTMLMediaElement › ended
example var obj = document.createelement('video'); console.log(obj.ended); // false specifications specification status comment html living standardthe definition of 'htmlmediaelement.ended' in that specification.
HTMLMediaElement: ended event - Web APIs
Web › API › HTMLMediaElement › ended event
nt) => { console.log('video stopped either because 1) it was over, ' + 'or 2) no further data is available.'); }); using the onended event handler property: const video = document.queryselector('video'); video.onended = (event) => { console.log('video stopped either because 1) it was over, ' + 'or 2) no further data is available.'); }; specifications specification status html living standardthe definition of 'ended media event' in that specification.
HTMLMediaElement.error - Web APIs
Web › API › HTMLMediaElement › error
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.
HTMLMediaElement: error event - Web APIs
Web › API › HTMLMediaElement › error event
bubbles no cancelable no interface event event handler property onerror examples const video = document.queryselector('video'); const videosrc = 'https://path/to/video.webm'; video.addeventlistener('error', () => { console.error(`error loading: ${videosrc}`); }); video.setattribute('src', videosrc); specifications specification status html living standard living standard html5 recommendation ...
HTMLMediaElement.fastSeek() - Web APIs
Web › API › HTMLMediaElement › fastSeek
let myvideo = document.getelementbyid("myvideoelement"); myvideo.fastseek(20); specifications specification status comment html living standardthe definition of 'fastseek()' in that specification.
HTMLMediaElement: loadeddata event - Web APIs
Web › API › HTMLMediaElement › loadeddata event
the readystate just increased to ' + 'have_current_data or greater for the first time.'); }; specifications specification status html living standardthe definition of 'loadeddata media event' in that specification.
HTMLMediaElement: loadedmetadata event - Web APIs
Web › API › HTMLMediaElement › loadedmetadata event
'); }; specifications specification status html living standardthe definition of 'loadedmetadata media event' in that specification.
HTMLMediaElement: loadstart event - Web APIs
Web › API › HTMLMediaElement › loadstart event
cument.location.reload(); } else { loadvideo.textcontent = "reset example"; source = document.createelement('source'); source.setattribute('src', 'https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm'); source.setattribute('type', 'video/webm'); video.appendchild(source); } }); result specifications specification status html living standardthe definition of 'loadstart media event' in that specification.
HTMLMediaElement.loop - Web APIs
Web › API › HTMLMediaElement › loop
example var obj = document.createelement('video'); obj.loop = true; // true specifications specification status comment html living standardthe definition of 'htmlmediaelement.loop' in that specification.
HTMLMediaElement.mediaGroup - Web APIs
Web › API › HTMLMediaElement › mediaGroup
specifications specification status comment html5the definition of 'htmlmediaelement.mediagroup' in that specification.
HTMLMediaElement.muted - Web APIs
Web › API › HTMLMediaElement › muted
example var obj = document.createelement('video'); console.log(obj.muted); // false specifications specification status comment html living standardthe definition of 'htmlmediaelement.muted' in that specification.
HTMLMediaElement.networkState - Web APIs
Web › API › HTMLMediaElement › networkState
} }); specifications specification status comment html living standardthe definition of 'htmlmediaelement.networkstate' in that specification.
HTMLMediaElement.onencrypted - Web APIs
Web › API › HTMLMediaElement › onencrypted
} specifications specification status comment encrypted media extensionsthe definition of 'onencrypted' in that specification.
HTMLMediaElement.onerror - Web APIs
Web › API › HTMLMediaElement › onerror
specifications specification status comment html living standardthe definition of 'onerror' in that specification.
HTMLMediaElement.onwaitingforkey - Web APIs
Web › API › HTMLMediaElement › onwaitingforkey
} specifications specification status comment encrypted media extensionsthe definition of 'onwaitingforkey' in that specification.
HTMLMediaElement.pause() - Web APIs
Web › API › HTMLMediaElement › pause
specifications specification status comment html living standardthe definition of 'pause()' in that specification.
HTMLMediaElement: pause event - Web APIs
Web › API › HTMLMediaElement › pause event
either the ' + 'pause() method was called or the autoplay attribute was toggled.'); }; specifications specification status html living standardthe definition of 'pause media event' in that specification.
HTMLMediaElement.paused - Web APIs
Web › API › HTMLMediaElement › paused
example var obj = document.createelement('video'); console.log(obj.paused); // true specifications specification status comment html living standardthe definition of 'htmlmediaelement.paused' in that specification.
HTMLMediaElement.play() - Web APIs
Web › API › HTMLMediaElement › play
specifications specification status comment html living standardthe definition of 'play()' in that specification.
HTMLMediaElement: play event - Web APIs
Web › API › HTMLMediaElement › play event
either the ' + 'play() method was called or the autoplay attribute was toggled.'); }; specifications specification status html living standardthe definition of 'play media event' in that specification.
HTMLMediaElement.playbackRate - Web APIs
Web › API › HTMLMediaElement › playbackRate
(default: 1.0) example var obj = document.createelement('video'); console.log(obj.playbackrate); // expected output: 1 specifications specification status comment html living standardthe definition of 'htmlmediaelement.playbackrate' in that specification.
HTMLMediaElement: playing event - Web APIs
Web › API › HTMLMediaElement › playing event
using addeventlistener(): const video = document.queryselector('video'); video.addeventlistener('playing', (event) => { console.log('video is no longer paused'); }); using the onplaying event handler property: const video = document.queryselector('video'); video.onplaying = (event) => { console.log('video is no longer paused.'); }; specifications specification status html living standardthe definition of 'playing media event' in that specification.
HTMLMediaElement: progress event - Web APIs
Web › API › HTMLMediaElement › progress event
cument.location.reload(); } else { loadvideo.textcontent = "reset example"; source = document.createelement('source'); source.setattribute('src', 'https://interactive-examples.mdn.mozilla.net/media/examples/flower.webm'); source.setattribute('type', 'video/webm'); video.appendchild(source); } }); result specifications specification status html living standardthe definition of 'progress media event' in that specification.
HTMLMediaElement: ratechange event - Web APIs
Web › API › HTMLMediaElement › ratechange event
using addeventlistener(): const video = document.queryselector('video'); video.addeventlistener('ratechange', (event) => { console.log('the playback rate changed.'); }); using the onratechange event handler property: const video = document.queryselector('video'); video.onratechange = (event) => { console.log('the playback rate changed.'); }; specifications specification status html living standardthe definition of 'ratechange media event' in that specification.
HTMLMediaElement.readyState - Web APIs
Web › API › HTMLMediaElement › readyState
<audio id="example" preload="auto"> <source src="sound.ogg" type="audio/ogg" /> </audio> var obj = document.getelementbyid('example'); obj.addeventlistener('loadeddata', function() { if(obj.readystate >= 2) { obj.play(); } }); specifications specification status comment html living standardthe definition of 'htmlmediaelement.readystate' in that specification.
HTMLMediaElement.seekable - Web APIs
Web › API › HTMLMediaElement › seekable
examples var video = document.queryselector("video"); var timerangesobject = video.seekable; var timeranges = []; //go through the object and output an array for (let count = 0; count < timerangesobject.length; count ++) { timeranges.push([timerangesobject.start(count), timerangesobject.end(count)]); } specifications specification status comment html living standardthe definition of 'htmlmediaelement' in that specification.
HTMLMediaElement: seeked event - Web APIs
Web › API › HTMLMediaElement › seeked event
= document.queryselector('video'); video.addeventlistener('seeked', (event) => { console.log('video found the playback position it was looking for.'); }); using the onseeked event handler property: const video = document.queryselector('video'); video.onseeked = (event) => { console.log('video found the playback position it was looking for.'); }; specifications specification status html living standardthe definition of 'seeked media event' in that specification.
HTMLMediaElement: seeking event - Web APIs
Web › API › HTMLMediaElement › seeking event
using addeventlistener(): const video = document.queryselector('video'); video.addeventlistener('seeking', (event) => { console.log('video is seeking a new position.'); }); using the onseeking event handler property: const video = document.queryselector('video'); video.onseeking = (event) => { console.log('video is seeking a new position.'); }; specifications specification status html living standardthe definition of 'seeking media event' in that specification.
HTMLMediaElement.setMediaKeys() - Web APIs
Web › API › HTMLMediaElement › setMediaKeys
specifications specification status comment encrypted media extensionsthe definition of 'setmediakeys()' in that specification.
HTMLMediaElement.setSinkId() - Web APIs
Web › API › HTMLMediaElement › setSinkId
no permission to use the requested device examples const devices = await navigator.mediadevices.enumeratedevices(); const audiodevices = devices.filter(device => device.kind === 'audiooutput'); const audio = document.createelement('audio'); await audio.setsinkid(audiodevices[0].deviceid); console.log('audio is being played on ' + audio.sinkid); specifications specification status comment audio output devices apithe definition of 'sinkid' in that specification.
HTMLMediaElement.sinkId - Web APIs
Web › API › HTMLMediaElement › sinkId
syntax var sinkid = htmlmediaelement.sinkid specifications specification status comment audio output devices apithe definition of 'sinkid' in that specification.
HTMLMediaElement.src - Web APIs
Web › API › HTMLMediaElement › src
example var obj = document.createelement('video'); console.log(obj.src); // "" specifications specification status comment html living standardthe definition of 'htmlmediaelement.src' in that specification.
HTMLMediaElement.srcObject - Web APIs
Web › API › HTMLMediaElement › srcObject
older browsers may not have srcobject if ('srcobject' in video) { try { video.srcobject = mediasource; } catch (err) { if (err.name != "typeerror") { throw err; } // even if they do, they may only support mediastream video.src = url.createobjecturl(mediasource); } } else { video.src = url.createobjecturl(mediasource); } specifications specification status comment html living standardthe definition of 'srcobject' in that specification.
HTMLMediaElement: stalled event - Web APIs
Web › API › HTMLMediaElement › stalled event
sing addeventlistener(): const video = document.queryselector('video'); video.addeventlistener('stalled', (event) => { console.log('failed to fetch data, but trying.'); }); using the onstalled event handler property: const video = document.queryselector('video'); video.onstalled = (event) => { console.log('failed to fetch data, but trying.'); }; specifications specification status html living standardthe definition of 'stalled media event' in that specification.
HTMLMediaElement: suspend event - Web APIs
Web › API › HTMLMediaElement › suspend event
using addeventlistener(): const video = document.queryselector('video'); video.addeventlistener('suspend', (event) => { console.log('data loading has been suspended.'); }); using the onsuspend event handler property: const video = document.queryselector('video'); video.onsuspend = (event) => { console.log('data loading has been suspended.'); }; specifications specification status html living standardthe definition of 'suspend media event' in that specification.
HTMLMedia​Element​.textTracks - Web APIs
Web › API › HTMLMediaElement › textTracks
specifications specification status comment html living standardthe definition of 'htmlmediaelement.texttracks' in that specification.
HTMLMediaElement: timeupdate event - Web APIs
Web › API › HTMLMediaElement › timeupdate event
again.'); }; specifications specification status html living standardthe definition of 'timeupdate media event' in that specification.
HTMLMediaElement.videoTracks - Web APIs
Web › API › HTMLMediaElement › videoTracks
specifications specification status comment html living standardthe definition of 'htmlmediaelement.videotracks' in that specification.
HTMLMediaElement.volume - Web APIs
Web › API › HTMLMediaElement › volume
example var obj = document.createelement('audio'); console.log(obj.volume); // 1 obj.volume = 0.75; specifications specification status comment html living standardthe definition of 'htmlmediaelement.volume' in that specification.
HTMLMediaElement: volumechange event - Web APIs
Web › API › HTMLMediaElement › volumechange event
using addeventlistener(): const video = document.queryselector('video'); video.addeventlistener('volumechange', (event) => { console.log('the volume changed.'); }); using the onvolumechange event handler property: const video = document.queryselector('video'); video.onvolumechange = (event) => { console.log('the volume changed.'); }; specifications specification status html living standardthe definition of 'volumechange media event' in that specification.
HTMLMediaElement: waiting event - Web APIs
Web › API › HTMLMediaElement › waiting event
using addeventlistener(): const video = document.queryselector('video'); video.addeventlistener('waiting', (event) => { console.log('video is waiting for more data.'); }); using the onwaiting event handler property: const video = document.queryselector('video'); video.onwaiting = (event) => { console.log('video is waiting for more data.'); }; specifications specification status html living standardthe definition of 'waiting media event' in that specification.
HTMLMediaElement - Web APIs
Web › API › HTMLMediaElement
waiting fired when playback has stopped because of a temporary lack of data specifications specification status comment encrypted media extensionsthe definition of 'encrypted media extensions' in that specification.
HTMLMenuElement - Web APIs
Web › API › HTMLMenuElement
monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlmenuelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} propertiesthis interface has no properties, but inherits properties from: htmlelementmethodsthis interface has no methods, but inherits methods from: htmlelement specifications specification status comment html living standardthe definition of 'htmlmenuelement' in that specification.
HTMLMenuItemElement - Web APIs
Web › API › HTMLMenuItemElement
co,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlmenuitemelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} propertiesthis interface has no properties, but inherits properties from: htmlelementmethodsthis interface has no methods, but inherits methods from: htmlelement specifications specification status comment html 5.1the definition of 'htmlmenuitemelement' in that specification.
HTMLMetaElement - Web APIs
Web › API › HTMLMetaElement
specifications specification status comment html living standardthe definition of 'htmlmetaelement' in that specification.
HTMLMeterElement.labels - Web APIs
Web › API › HTMLMeterElement › labels
> <meter id="test" min="0" max="100" value="70">70</meter> <label id="label2" for="test">label 2</label> javascript window.addeventlistener("domcontentloaded", function() { const meter = document.getelementbyid("test"); for(var i = 0; i < meter.labels.length; i++) { console.log(meter.labels[i].textcontent); // "label 1" and "label 2" } }); specifications specification status comment html living standardthe definition of 'labels' in that specification.
HTMLMeterElement - Web APIs
Web › API › HTMLMeterElement
specifications specification status comment html living standardthe definition of 'htmlmeterelement' in that specification.
HTMLModElement - Web APIs
Web › API › HTMLModElement
specifications specification status comment html living standardthe definition of 'htmlanchorelement' in that specification.
HTMLOListElement - Web APIs
Web › API › HTMLOListElement
specifications specification status comment html living standardthe definition of 'htmlolistelement' in that specification.
HTMLObjectElement.checkValidity - Web APIs
Web › API › HTMLObjectElement › checkValidity
specifications specification status comment html living standardthe definition of 'checkvalidity' in that specification.
HTMLObjectElement.contentDocument - Web APIs
Web › API › HTMLObjectElement › contentDocument
specifications specification status comment html living standardthe definition of 'contentdocument' in that specification.
HTMLObjectElement.contentWindow - Web APIs
Web › API › HTMLObjectElement › contentWindow
specifications specification status comment html living standardthe definition of 'contentwindow' in that specification.
HTMLObjectElement.data - Web APIs
Web › API › HTMLObjectElement › data
specifications specification status comment html living standardthe definition of 'data' in that specification.
HTMLObjectElement.form - Web APIs
Web › API › HTMLObjectElement › form
specifications specification status comment html living standardthe definition of 'form' in that specification.
HTMLObjectElement.height - Web APIs
Web › API › HTMLObjectElement › height
specifications specification status comment html living standardthe definition of 'height' in that specification.
HTMLObjectElement.name - Web APIs
Web › API › HTMLObjectElement › name
specifications specification status comment html living standardthe definition of 'name' in that specification.
HTMLObjectElement.setCustomValidity - Web APIs
Web › API › HTMLObjectElement › setCustomValidity
specifications specification status comment html living standardthe definition of 'setcustomvalidity' in that specification.
HTMLObjectElement.type - Web APIs
Web › API › HTMLObjectElement › type
specifications specification status comment html living standardthe definition of 'type' in that specification.
HTMLObjectElement.typeMustMatch - Web APIs
Web › API › HTMLObjectElement › typeMustMatch
syntax var mustmatch = obj.typemustmatch; obj.typemustmatch = mustmatch; example html <object id="obj" data="move.swf" type="application/x-shockwave-flash" typemustmatch></object> javascript let obj = document.getelementbyid('obj'); console.log(obj.typemustmatch); specifications specification status comment html5the definition of 'htmlobjectelement' in that specification.
HTMLObjectElement.useMap - Web APIs
Web › API › HTMLObjectElement › useMap
specifications specification status comment html living standardthe definition of 'usemap' in that specification.
HTMLObjectElement.validationMessage - Web APIs
Web › API › HTMLObjectElement › validationMessage
specifications specification status comment html living standardthe definition of 'validationmessage' in that specification.
HTMLObjectElement.validity - Web APIs
Web › API › HTMLObjectElement › validity
specifications specification status comment html living standardthe definition of 'validity' in that specification.
HTMLObjectElement.width - Web APIs
Web › API › HTMLObjectElement › width
specifications specification status comment html living standardthe definition of 'width' in that specification.
HTMLObjectElement.willValidate - Web APIs
Web › API › HTMLObjectElement › willValidate
specifications specification status comment html living standardthe definition of 'willvalidate' in that specification.
HTMLObjectElement - Web APIs
Web › API › HTMLObjectElement
specifications specification status comment html living standardthe definition of 'htmlobjectelement' in that specification.
HTMLOptGroupElement - Web APIs
Web › API › HTMLOptGroupElement
specifications specification status comment html living standardthe definition of 'htmloptgroupelement' in that specification.
Option() - Web APIs
Web › API › HTMLOptionElement › Option
elected" attribute } if (element == 'two') { s[s.options.length] = new option(element, s.options.length, false, true); // just will be selected in "view" } }); /* result <select id="s"> <option value="0">zero</option> <option value="1" selected="">one</option> <option value="2">two</option> // user will see this as 'selected' </select> */ specification specification status comment html5 the definition of 'option' in that specification.
HTMLOptionElement - Web APIs
Web › API › HTMLOptionElement
specifications specification status comment html living standardthe definition of 'htmloptionelement' in that specification.
HTMLOptionsCollection - Web APIs
Web › API › HTMLOptionsCollection
specifications specification status comment html living standardthe definition of 'htmloptionscollection' in that specification.
HTMLElement.blur() - Web APIs
Web › API › HTMLOrForeignElement › blur
id="mytext" value="sample text"> <br><br> <button type="button" onclick="focusinput()">click me to gain focus</button> <button type="button" onclick="blurinput()">click me to lose focus</button> javascript function focusinput() { document.getelementbyid('mytext').focus(); } function blurinput() { document.getelementbyid('mytext').blur(); } result specification specification status comment html living standardthe definition of 'blur' in that specification.
HTMLOrForeignElement.dataset - Web APIs
Web › API › HTMLOrForeignElement › dataset
// el.dataset.dateofbirth === '' // set the data attribute el.dataset.dateofbirth = '1960-10-03'; // result: el.dataset.dateofbirth === 1960-10-03 delete el.dataset.dateofbirth; // result: el.dataset.dateofbirth === undefined // 'somedataattr' in el.dataset === false el.dataset.somedataattr = 'mydata'; // result: 'somedataattr' in el.dataset === true specifications specification status comment html living standardthe definition of 'htmlelement.dataset' in that specification.
HTMLElement.focus() - Web APIs
Web › API › HTMLOrForeignElement › focus
"button" onclick="focusscrollmethod()">click me to focus on the button!</button> <button type="button" onclick="focusnoscrollmethod()">click me to focus on the button without scrolling!</button> <div id="container" style="height: 1000px; width: 1000px;"> <button type="button" id="mybutton" style="margin-top: 500px;">click me!</button> </div> result specification specification status comment html living standardthe definition of 'focus' in that specification.
HTMLOrForeignElement.tabIndex - Web APIs
Web › API › HTMLOrForeignElement › tabIndex
syntax element.tabindex = index; var index = element.tabindex; value index is an integer example const b1 = document.getelementbyid('button1'); b1.tabindex = 1; specifications specification status comment html living standardthe definition of 'tabindex' in that specification.
HTMLOrForeignElement - Web APIs
Web › API › HTMLOrForeignElement
specifications specification status comment html living standardthe definition of 'htmlorforeignelement' in that specification.
HTMLOutputElement.labels - Web APIs
Web › API › HTMLOutputElement › labels
test">label 1</label> <output id="test">output</output> <label id="label2" for="test">label 2</label> javascript window.addeventlistener("domcontentloaded", function() { const output = document.getelementbyid("test"); for(var i = 0; i < output.labels.length; i++) { console.log(output.labels[i].textcontent); // "label 1" and "label 2" } }); specifications specification status comment html living standardthe definition of 'labels' in that specification.
HTMLOutputElement - Web APIs
Web › API › HTMLOutputElement
specifications specification status comment html living standardthe definition of 'htmloutputelement' in that specification.
HTMLParagraphElement - Web APIs
Web › API › HTMLParagraphElement
specifications specification status comment html living standardthe definition of 'htmlparagraphelement' in that specification.
HTMLParamElement - Web APIs
Web › API › HTMLParamElement
specifications specification status comment html living standardthe definition of 'htmlparamelement' in that specification.
HTMLPictureElement - Web APIs
Web › API › HTMLPictureElement
specifications specification status comment html living standardthe definition of 'htmlpictureelement' in that specification.
HTMLPreElement - Web APIs
Web › API › HTMLPreElement
specifications specification status comment html living standardthe definition of 'htmlpreelement' in that specification.
HTMLProgressElement.labels - Web APIs
Web › API › HTMLProgressElement › labels
ess id="test" value="70" max="100">70%</progress> <label id="label2" for="test">label 2</label> javascript window.addeventlistener("domcontentloaded", function() { const progress = document.getelementbyid("test"); for(var i = 0; i < progress.labels.length; i++) { console.log(progress.labels[i].textcontent); // "label 1" and "label 2" } }); specifications specification status comment html living standardthe definition of 'labels' in that specification.
HTMLProgressElement - Web APIs
Web › API › HTMLProgressElement
specifications specification status comment html living standardthe definition of 'htmlprogresselement' in that specification.
HTMLQuoteElement - Web APIs
Web › API › HTMLQuoteElement
specifications specification status comment html living standardthe definition of 'htmlquoteelement' in that specification.
HTMLScriptElement.referrerPolicy - Web APIs
Web › API › HTMLScriptElement › referrerPolicy
examples var scriptelem = document.createelement("script"); scriptelem.src = "/"; scriptelem.referrerpolicy = "unsafe-url"; document.body.appendchild(script); specifications specification status comment referrer policythe definition of 'referrerpolicy attribute' in that specification.
HTMLScriptElement - Web APIs
Web › API › HTMLScriptElement
ent.createelement("script"); newscript.onerror = loaderror; if (onloadfunction) { newscript.onload = onloadfunction; } document.head.appendchild(newscript); newscript.src = url; } sample usage: affixscripttohead("myscript1.js"); affixscripttohead("myscript2.js", function () { alert("the script \"myscript2.js\" has been correctly loaded."); }); specifications specification status comment html living standardthe definition of 'htmlscriptelement' in that specification.
HTMLSelectElement.add() - Web APIs
Web › API › HTMLSelectElement › add
ect object: <select id="existinglist"> <option value="1">option: value 1</option> <option value="2">option: value 2</option> </select> and changes it to: <select id="existinglist"> <option value="1">option: value 1</option> <option value="3">option: value 3</option> <option value="2">option: value 2</option> </select> */ specifications specification status comment html living standardthe definition of 'htmlselectelement.add()' in that specification.
HTMLSelectElement.autofocus - Web APIs
Web › API › HTMLSelectElement › autofocus
nt.autofocus; // get the value of autofocus aselectelement.autofocus = abool; // set the value of autofocus example html <select id="myselect" autofocus> <option>option 1</option> <option>option 2</option> </select> javascript // check if the autofocus attribute on the <select> var hasautofocus = document.getelementbyid('myselect').autofocus; specifications specification status comment html living standardthe definition of 'autofocus' in that specification.
HTMLSelectElement.checkValidity() - Web APIs
Web › API › HTMLSelectElement › checkValidity
syntax var result = selectelt.checkvalidity(); specifications specification status comment html living standardthe definition of 'htmlselectelement.checkvalidity()' in that specification.
HTMLSelectElement.disabled - Web APIs
Web › API › HTMLSelectElement › disabled
option> </select> javascript var allowdrinkscheckbox = document.getelementbyid("allow-drinks"); var drinkselect = document.getelementbyid("drink-select"); allowdrinkscheckbox.addeventlistener("change", function(event) { if (event.target.checked) { drinkselect.disabled = false; } else { drinkselect.disabled = true; } }, false); result specifications specification status comment html living standardthe definition of 'disabled' in that specification.
HTMLSelectElement.form - Web APIs
Web › API › HTMLSelectElement › form
the below code gives all select elements in a particular form a css class of "selectclass": <script type="text/javascript"> var form_element = document.getelementbyid('subscribe_form'); var vist = form_element.style; if (vist.display=='' || vist.display=='none') { vist.display = 'block'; } else { vist.display = 'none'; } </script> specifications specification status comment html living standardthe definition of 'form' in that specification.
HTMLSelectElement.item() - Web APIs
Web › API › HTMLSelectElement › item
examples html <form> <select id="myformcontrol" type="textarea"> <option id="o1">opt 1</option> <option id="o2">opt 2</option> </select> </form> javascript // returns the htmloptionelement representing #o2 elem1 = document.forms[0]['myformcontrol'][1]; specifications specification status comment html living standardthe definition of 'htmlselectelement.item()' in that specification.
HTMLSelectElement.labels - Web APIs
Web › API › HTMLSelectElement › labels
option> <option value="2">option 2</option> </select> <label id="label2" for="test">label 2</label> javascript window.addeventlistener("domcontentloaded", function() { const select = document.getelementbyid("test"); for(var i = 0; i < select.labels.length; i++) { console.log(select.labels[i].textcontent); // "label 1" and "label 2" } }); specifications specification status comment html living standardthe definition of 'labels' in that specification.
HTMLSelectElement.namedItem() - Web APIs
Web › API › HTMLSelectElement › namedItem
example html <form> <select id="myformcontrol"> <option id="o1">opt 1</option> <option id="o2">opt 2</option> </select> </form> javascript elem1 = document.forms[0]['myformcontrol']['o1']; // returns the htmloptionelement representing #o1 specifications specification status comment html living standardthe definition of 'htmlselectelement.nameditem()' in that specification.
HTMLSelectElement.options - Web APIs
Web › API › HTMLSelectElement › options
select id="test"> <option value="1">option 1</option> <option value="2">option 2</option> </select> javascript window.addeventlistener("domcontentloaded", function() { const select = document.getelementbyid("test"); for(var i = 0; i < select.options.length; i++) { console.log(select.options[i].label); // "option 1" and "option 2" } }); specifications specification status comment html living standardthe definition of 'options' in that specification.
HTMLSelectElement.remove() - Web APIs
Web › API › HTMLSelectElement › remove
name="existinglist"> <option value="1">option: value 1</option> <option value="2">option: value 2</option> <option value="3">option: value 3</option> </select> and changes it to: <select id="existinglist" name="existinglist"> <option value="1">option: value 1</option> <option value="3">option: value 3</option> </select> */ specifications specification status comment html living standardthe definition of 'htmlselectelement.remove()' in that specification.
HTMLSelectElement.selectedIndex - Web APIs
Web › API › HTMLSelectElement › selectedIndex
on> <option>option e</option> </select> javascript var selectelem = document.getelementbyid('select') var pelem = document.getelementbyid('p') // when a new <option> is selected selectelem.addeventlistener('change', function() { var index = selectelem.selectedindex; // add that data to the <p> pelem.innerhtml = 'selectedindex: ' + index; }) specifications specification status comment html living standardthe definition of 'htmlselectelement' in that specification.
HTMLSelectElement.selectedOptions - Web APIs
Web › API › HTMLSelectElement › selectedOptions
result the resulting content looks like this in action: specifications specification status comment html living standardthe definition of 'htmlselectelement.selectedoptions' in that specification.
HTMLSelectElement.setCustomValidity() - Web APIs
Web › API › HTMLSelectElement › setCustomValidity
specifications specification status comment html living standardthe definition of 'htmlselectelement.setcustomvalidity()' in that specification.
HTMLSelectElement.type - Web APIs
Web › API › HTMLSelectElement › type
example switch (select.type) { case 'select-multiple': // multiple values may be selected break; case 'select-one': // only one value may be selected break; default: // non-standard value (or this isn't a select element) } specifications specification status comment html living standardthe definition of 'htmlselectelement' in that specification.
HTMLSelectElement - Web APIs
Web › API › HTMLSelectElement
specifications specification status comment html living standardthe definition of 'htmlselectelement' in that specification.
HTMLSlotElement.assignedElements() - Web APIs
Web › API › HTMLSlotElement › assignedElements
examples let slots = this.shadowroot.queryselector('slot'); let elements = slots.assignedelements({flatten: true}); specifications specification status comment html living standardthe definition of 'assignedelements()' in that specification.
HTMLSlotElement.assignedNodes() - Web APIs
Web › API › HTMLSlotElement › assignedNodes
specifications specification status comment html living standardthe definition of 'assignednodes' in that specification.
HTMLSlotElement.name - Web APIs
Web › API › HTMLSlotElement › name
specifications specification status comment html living standardthe definition of 'name' in that specification.
HTMLSlotElement: slotchange event - Web APIs
Web › API › HTMLSlotElement › slotchange event
specifications specification status comment domthe definition of '"mutation observers" and slotchange event' in that specification.
HTMLSlotElement - Web APIs
Web › API › HTMLSlotElement
specifications specification status comment html living standardthe definition of 'htmlslotelement' in that specification.
HTMLSourceElement - Web APIs
Web › API › HTMLSourceElement
specifications specification status comment html living standardthe definition of 'htmlsourceelement' in that specification.
HTMLSpanElement - Web APIs
Web › API › HTMLSpanElement
specifications specification status comment html living standardthe definition of 'htmlspanelement' in that specification.
HTMLStyleElement.media - Web APIs
Web › API › HTMLStyleElement › media
css" media="screen" /> <style id="inlinestyle" rel="stylesheet" type="text/css" media="screen, print"> p { color: blue; } </style> </head> <body> <script> alert('linkedstyle: ' + document.getelementbyid('linkedstyle').media); // 'screen' alert('inlinestyle: ' + document.getelementbyid('inlinestyle').media); // 'screen, print' </script> </body> </html> specifications specification status comment html living standardthe definition of 'htmlstyleelement' in that specification.
HTMLStyleElement - Web APIs
Web › API › HTMLStyleElement
specifications specification status comment html living standardthe definition of 'htmlstyleelement' in that specification.
HTMLTableCaptionElement - Web APIs
Web › API › HTMLTableCaptionElement
specifications specification status comment html living standardthe definition of 'htmltablecaptionelement' in that specification.
HTMLTableCellElement - Web APIs
Web › API › HTMLTableCellElement
specifications specification status comment html living standardthe definition of 'htmltablecellelement' in that specification.
HTMLTableColElement - Web APIs
Web › API › HTMLTableColElement
specifications specification status comment html living standardthe definition of 'htmltablecolelement' in that specification.
HTMLTableElement.caption - Web APIs
Web › API › HTMLTableElement › caption
syntax var string = tableelement.caption; example if (table.caption) { // do something with the caption } specifications specification status comment html living standardthe definition of 'htmltableelement.caption' in that specification.
HTMLTableElement.createCaption() - Web APIs
Web › API › HTMLTableElement › createCaption
html <table> <tr><td>cell 1.1</td><td>cell 1.2</td><td>cell 1.3</td></tr> <tr><td>cell 2.1</td><td>cell 2.2</td><td>cell 2.3</td></tr> </table> javascript let table = document.queryselector('table'); let caption = table.createcaption(); caption.textcontent = 'this caption was created by javascript!'; result specifications specification status comment html living standardthe definition of 'htmltableelement: createcaption' in that specification.
HTMLTableElement.createTFoot() - Web APIs
Web › API › HTMLTableElement › createTFoot
syntax htmltablesectionelement = table.createtfoot(); return value htmltablesectionelement example let myfoot = mytable.createtfoot(); // now this should be true: myfoot == mytable.tfoot specifications specification status comment html living standardthe definition of 'htmltableelement: createtfoot' in that specification.
HTMLTableElement.createTHead() - Web APIs
Web › API › HTMLTableElement › createTHead
syntax htmltablesectionelement = table.createthead(); return value htmltablesectionelement example let myhead = mytable.createthead(); // now this should be true: myhead == mytable.thead specifications specification status comment html living standardthe definition of 'htmltableelement: createthead' in that specification.
HTMLTableElement.deleteCaption() - Web APIs
Web › API › HTMLTableElement › deleteCaption
html <table> <caption>this caption will be deleted!</caption> <tr><td>cell 1.1</td><td>cell 1.2</td></tr> <tr><td>cell 2.1</td><td>cell 2.2</td></tr> </table> javascript let table = document.queryselector('table'); table.deletecaption(); result specifications specification status comment html living standardthe definition of 'htmltableelement: deletecaption' in that specification.
HTMLTableElement.deleteRow() - Web APIs
Web › API › HTMLTableElement › deleteRow
html <table> <tr><td>cell 1.1</td><td>cell 1.2</td><td>cell 1.3</td></tr> <tr><td>cell 2.1</td><td>cell 2.2</td><td>cell 2.3</td></tr> <tr><td>cell 3.1</td><td>cell 3.2</td><td>cell 3.3</td></tr> </table> javascript let table = document.queryselector('table'); // delete second row table.deleterow(1); result specifications specification status comment html living standardthe definition of 'htmltableelement: deleterow' in that specification.
HTMLTableElement.deleteTFoot() - Web APIs
Web › API › HTMLTableElement › deleteTFoot
html <table> <thead><th>name</th><th>score</th></thead> <tr><td>bob</td><td>541</td></tr> <tr><td>jim</td><td>225</td></tr> <tfoot><th>average</th><td>383</td></tfoot> </table> javascript let table = document.queryselector('table'); table.deletetfoot(); result specifications specification status comment html living standardthe definition of 'htmltableelement: deletetfoot' in that specification.
HTMLTableElement.deleteTHead() - Web APIs
Web › API › HTMLTableElement › deleteTHead
html <table> <thead><th>name</th><th>occupation</th></thead> <tr><td>bob</td><td>plumber</td></tr> <tr><td>jim</td><td>roofer</td></tr> </table> javascript let table = document.queryselector('table'); table.deletethead(); result specifications specification status comment html living standardthe definition of 'htmltableelement: deletethead' in that specification.
HTMLTableElement.insertRow() - Web APIs
Web › API › HTMLTableElement › insertRow
// insert a row at the end of the table let newrow = tableref.insertrow(-1); // insert a cell in the row at index 0 let newcell = newrow.insertcell(0); // append a text node to the cell let newtext = document.createtextnode('new bottom row'); newcell.appendchild(newtext); } // call addrow() with the table's id addrow('my-table'); result specifications specification status comment html living standardthe definition of 'htmltableelement.insertrow()' in that specification.
HTMLTableElement.rows - Web APIs
Web › API › HTMLTableElement › rows
specifications specification status comment html living standardthe definition of 'htmltableelement: rows' in that specification.
HTMLTableElement.tBodies - Web APIs
Web › API › HTMLTableElement › tBodies
mytable.tbodies.length; specifications specification status comment html living standardthe definition of 'htmltableelement: tbodies' in that specification.
HTMLTableElement.tFoot - Web APIs
Web › API › HTMLTableElement › tFoot
} specifications specification status comment html living standardthe definition of 'htmltableelement.tfoot' in that specification.
HTMLTableElement.tHead - Web APIs
Web › API › HTMLTableElement › tHead
} specifications specification status comment html living standardthe definition of 'htmltableelement.thead' in that specification.
HTMLTableElement - Web APIs
Web › API › HTMLTableElement
specifications specification status comment html living standardthe definition of 'htmltableelement' in that specification.
HTMLTableRowElement.insertCell() - Web APIs
Web › API › HTMLTableRowElement › insertCell
// insert a row at the end of the table let newrow = tableref.insertrow(-1); // insert a cell in the row at index 0 let newcell = newrow.insertcell(0); // append a text node to the cell let newtext = document.createtextnode('new bottom row'); newcell.appendchild(newtext); } // call addrow() with the table's id addrow('my-table'); result specifications specification status comment html living standardthe definition of 'htmltablerowelement.insertcell()' in that specification.
HTMLTableRowElement - Web APIs
Web › API › HTMLTableRowElement
specifications specification status comment html living standardthe definition of 'htmltablerowelement' in that specification.
HTMLTableSectionElement - Web APIs
Web › API › HTMLTableSectionElement
specifications specification status comment html living standardthe definition of 'htmltablesectionelement' in that specification.
HTMLTemplateElement.content - Web APIs
Web › API › HTMLTemplateElement › content
syntax var documentfragment = templateelement.content example var templateelement = document.queryselector("#foo"); var documentfragment = templateelement.content.clonenode(true); specifications specification status comment html living standardthe definition of 'htmltemplateelement interface' in that specification.
HTMLTemplateElement - Web APIs
Web › API › HTMLTemplateElement
specifications specification status comment html living standardthe definition of 'htmltemplateelement interface' in that specification.
HTMLTextAreaElement.labels - Web APIs
Web › API › HTMLTextAreaElement › labels
</label> <textarea id="test">some text</textarea> <label id="label2" for="test">label 2</label> javascript window.addeventlistener("domcontentloaded", function() { const textarea = document.getelementbyid("test"); for(var i = 0; i < textarea.labels.length; i++) { console.log(textarea.labels[i].textcontent); // "label 1" and "label 2" } }); specifications specification status comment html living standardthe definition of 'labels' in that specification.
HTMLTextAreaElement - Web APIs
Web › API › HTMLTextAreaElement
keepcols); } in the html we just need to hook our function to the `onkeypress` event and specify that our textarea does not accept pasting: <form> <p>textarea with fixed number of characters per line:<br /> <textarea cols="50" rows="10" onkeypress="return checkrows(this, event);" onpaste="return false;"></textarea> </p> </form> specifications specification status comment html living standardthe definition of 'htmltextareaelement' in that specification.
HTMLTimeElement.dateTime - Web APIs
Web › API › HTMLTimeElement › dateTime
12m13.3s p12dt7h12m13.45s p12dt7h12m13.455s pt7h12m13s pt7h12m13.2s pt7h12m13.56s pt7h12m13.999s 7d 5h 24m 13s syntax datetimestring = timeelt.datetime; timeelt.datetime = datetimestring example // assumes there is <time id="t"> element in the html var t = document.getelementbyid("t"); t.datetime = "6w 5h 34m 5s"; specifications specification status comment html living standardthe definition of 'htmltimeelement' in that specification.
HTMLTimeElement - Web APIs
Web › API › HTMLTimeElement
specifications specification status comment html living standardthe definition of 'htmltimeelement' in that specification.
HTMLTitleElement - Web APIs
Web › API › HTMLTitleElement
specifications specification status comment html living standardthe definition of 'htmltitleelement' in that specification.
HTMLTrackElement: cuechange event - Web APIs
Web › API › HTMLTrackElement › cuechange event
lem = document.getelementbyid("texttrack"); texttrackelem.addeventlistener("cuechange", (event) => { let cues = event.target.track.activecues; }); in addition, you can use the oncuechange event handler: let texttrackelem = document.getelementbyid("texttrack"); texttrackelem.oncuechange = (event) => { let cues = event.target.track.activecues; }); specifications specification status html living standardthe definition of 'cuechange' in that specification.
HTMLTrackElement.src - Web APIs
Web › API › HTMLTrackElement › src
example // coming soon specifications specification status comment html living standardthe definition of 'htmltrackelement.src' in that specification.
HTMLTrackElement - Web APIs
Web › API › HTMLTrackElement
specifications specification status comment html living standardthe definition of 'htmltrackelement' in that specification.
HTMLUListElement - Web APIs
Web › API › HTMLUListElement
specifications specification status comment html living standardthe definition of 'htmlulistelement' in that specification.
HTMLUnknownElement - Web APIs
Web › API › HTMLUnknownElement
specifications specification status comment html living standardthe definition of 'htmlunknownelement' in that specification.
HTMLVideoElement.getVideoPlaybackQuality() - Web APIs
Web › API › HTMLVideoElement › getVideoPlaybackQuality
this value includes any dropped or corrupted frames, so it's not the same as "total number of frames played." var videoelem = document.getelementbyid("my_vid"); var counterelem = document.getelementbyid("counter"); var quality = videoelem.getvideoplaybackquality(); counterelem.innertext = quality.totalvideoframes; specifications specification status comment media playback qualitythe definition of 'htmlvideoelement.getvideoplaybackquality()' in that specification.
HTMLVideoElement.videoHeight - Web APIs
Web › API › HTMLVideoElement › videoHeight
specifications specification status comment html living standardthe definition of 'htmlvideoelement.videoheight' in that specification.
HTMLVideoElement.videoWidth - Web APIs
Web › API › HTMLVideoElement › videoWidth
specifications specification status comment html living standardthe definition of 'htmlvideoelement.videowidth' in that specification.
HTMLVideoElement - Web APIs
Web › API › HTMLVideoElement
specifications specification status comment html living standardthe definition of 'htmlvideoelement' in that specification.
The HTML DOM API - Web APIs
Web › API › HTML DOM API
items marked with "*" are required.</p> <form action="" method="get"> <p> <label for="username" required>your name:</label> <input type="text" id="username"> (*) </p> <p> <label for="email">email:</label> <input type="email" id="useremail"> </p> <input type="submit" value="send" id="sendbutton"> </form> result specifications specification status comment html living standard living standard whatwg html specification html5 recommendation no change from document object model (dom) level 2 html specification document object model (dom) level 2 html specification obsolete no change from document object model (dom) level 1 specification.
HTML Drag and Drop API - Web APIs
Web › API › HTML Drag and Drop API
ving elements with the datatransfer interface copying and moving elements with the datatransferlistitem interface dragging and dropping files (firefox only): http://jsfiddle.net/9c2ef/ dragging and dropping files (all browsers): https://jsbin.com/hiqasek/ a parking project using the drag and drop api: https://park.glitch.me/ (you can edit here) specifications specification status comment html living standard living standard see also drag operations dragging and dropping multiple items recommended drag types html5 living standard: drag and drop drag and drop interoperability data from caniuse ...
HashChangeEvent.newURL - Web APIs
Web › API › HashChangeEvent › newURL
example window.addeventlistener('hashchange', function(event) { console.log('hash changed to ' + event.newurl); }); specifications specification status comment html living standardthe definition of 'hashchangeevent: newurl' in that specification.
HashChangeEvent.oldURL - Web APIs
Web › API › HashChangeEvent › oldURL
example window.addeventlistener('hashchange', function(event) { console.log('hash changed from ' + event.oldurl); }); specifications specification status comment html living standardthe definition of 'hashchangeevent: oldurl' in that specification.
HashChangeEvent - Web APIs
Web › API › HashChangeEvent
if ( newhash != oldhash && typeof window.onhashchange === "function" ) { // execute the handler window.onhashchange({ type: "hashchange", oldurl: oldurl, newurl: newurl }); oldurl = newurl; oldhash = newhash; } }, 100); })(window); specifications specification status comment html living standardthe definition of 'hashchangeevent' in that specification.
Headers() - Web APIs
Web › API › Headers › Headers
'utf-8', 'x-my-custom-header' : 'zeke are cool' }; var myheaders = new headers(httpheaders); you can now create another headers object, passing it the first headers object as its init object: var secondheadersobj = new headers(myheaders); secondheadersobj.get('content-type'); // would return 'image/jpeg' — it inherits it from the first headers object specifications specification status comment fetchthe definition of 'headers()' in that specification.
Headers.append() - Web APIs
Web › API › Headers › append
specifications specification status comment fetchthe definition of 'append()' in that specification.
Headers.delete() - Web APIs
Web › API › Headers › delete
s simple: var myheaders = new headers(); // currently empty you could add a header to this using headers.append: myheaders.append('content-type', 'image/jpeg'); myheaders.get('content-type'); // returns 'image/jpeg' you can then delete it again: myheaders.delete('content-type'); myheaders.get('content-type'); // returns null, as it has been deleted specifications specification status comment fetchthe definition of 'delete()' in that specification.
Headers.get() - Web APIs
Web › API › Headers › get
specifications specification status comment fetchthe definition of 'get()' in that specification.
Headers.has() - Web APIs
Web › API › Headers › has
example creating an empty headers object is simple: var myheaders = new headers(); // currently empty you could add a header to this using headers.append, then test for the existence of it using has(): myheaders.append('content-type', 'image/jpeg'); myheaders.has('content-type'); // returns true myheaders.has('accept-encoding'); // returns false specifications specification status comment fetchthe definition of 'has()' in that specification.
Headers.set() - Web APIs
Web › API › Headers › set
specifications specification status comment fetchthe definition of 'set()' in that specification.
Headers - Web APIs
Web › API › Headers
-type') // should return 'text/xml' the same can be achieved by passing an array of arrays or an object literal to the constructor: var myheaders = new headers({ 'content-type': 'text/xml' }); // or, using an array of arrays: myheaders = new headers([ ['content-type', 'text/xml'] ]); myheaders.get('content-type') // should return 'text/xml' specifications specification status comment fetchthe definition of 'headers' in that specification.
History.back() - Web APIs
Web › API › History › back
html <button id="go-back">go back!</button> javascript document.getelementbyid('go-back').addeventlistener('click', () => { history.back(); }); specifications specification status comment html living standardthe definition of 'history.back()' in that specification.
History.forward() - Web APIs
Web › API › History › forward
html <button id='go-forward'>go forward!</button> javascript document.getelementbyid('go-forward').addeventlistener('click', e => { window.history.forward(); }) specifications specification status comment html living standardthe definition of 'history' in that specification.
History.go() - Web APIs
Web › API › History › go
examples to move back one page (the equivalent of calling back()): history.go(-1) to move forward a page, just like calling forward(): history.go(1) to move forward two pages: history.go(2); to move backwards by two pages: history.go(-2); and, finally either of the following statements will reload the current page: history.go(); history.go(0); specifications specification status comment html living standardthe definition of 'history.go()' in that specification.
History.length - Web APIs
Web › API › History › length
syntax const length = history.length specifications specification status comment html living standardthe definition of 'history.length' in that specification.
History.pushState() - Web APIs
Web › API › History › pushState
javascript const state = { 'page_id': 1, 'user_id': 5 } const title = '' const url = 'hello-world.html' history.pushstate(state, title, url) specifications specification status comment html living standardthe definition of 'history.pushstate()' in that specification.
History.replaceState() - Web APIs
Web › API › History › replaceState
specifications specification status comment html living standardthe definition of 'history.replacestate()' in that specification.
History.scrollRestoration - Web APIs
Web › API › History › scrollRestoration
const scrollrestoration = history.scrollrestoration if (scrollrestoration === 'manual') { console.log('the location on the page is not restored, user will need to scroll manually.'); } prevent automatic page location restoration if (history.scrollrestoration) { history.scrollrestoration = 'manual'; } specifications specification status comment html living standardthe definition of 'scroll restoration mode' in that specification.
History.state - Web APIs
Web › API › History › state
console.log(`history.state after pushstate: ${history.state}`); specificationse specification status comment html living standardthe definition of 'history.state' in that specification.
History - Web APIs
Web › API › History
specifications specification status comment html living standardthe definition of 'history' in that specification.
History API - Web APIs
Web › API › History API
age: 2}, "title 2", "?page=2") history.replacestate({page: 3}, "title 3", "?page=3") history.back() // alerts "location: http://example.com/example.html?page=1, state: {"page":1}" history.back() // alerts "location: http://example.com/example.html, state: null" history.go(2) // alerts "location: http://example.com/example.html?page=3, state: {"page":3}" specifications specification status comment html living standardthe definition of 'history' in that specification.
HkdfParams - Web APIs
Web › API › HkdfParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.hkdfparams' in that specification.
HmacImportParams - Web APIs
Web › API › HmacImportParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.hmacimportparams' in that specification.
HmacKeyGenParams - Web APIs
Web › API › HmacKeyGenParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.hmackeygenparams' in that specification.
IDBCursor.advance() - Web APIs
Web › API › IDBCursor › advance
ion(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.albumtitle + '</strong>, ' + cursor.value.year; list.appendchild(listitem); cursor.advance(2); } else { console.log('every other entry displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'advance()' in that specification.
IDBCursor.continue() - Web APIs
Web › API › IDBCursor › continue
ncursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = cursor.value.albumtitle + ', ' + cursor.value.year; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'continue()' in that specification.
IDBCursor.continuePrimaryKey() - Web APIs
Web › API › IDBCursor › continuePrimaryKey
); if (lastprimarykey > cursor.primarykey) { cursor.continueprimarykey("javascript", lastprimarykey); return; } // update lastiteratedarticleid setlastiteratedarticleid(cursor.primarykey); // preload 5 articles into the unread list; unreadlist.push(cursor.value); if (++count < 5) { cursor.continue(); } }; specifications specification status comment indexed database api draftthe definition of 'continueprimarykey()' in that specification.
IDBCursor.delete() - Web APIs
Web › API › IDBCursor › delete
even power windows is better.'); }; } else { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.albumtitle + '</strong>, ' + cursor.value.year; list.appendchild(listitem); } cursor.continue(); } else { console.log('entries displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'delete()' in that specification.
IDBCursor.direction - Web APIs
Web › API › IDBCursor › direction
if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.albumtitle + '</strong>, ' + cursor.value.year; list.appendchild(listitem); console.log(cursor.direction); cursor.continue(); } else { console.log('entries displayed backwards.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'direction' in that specification.
IDBCursor.key - Web APIs
Web › API › IDBCursor › key
event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = cursor.value.albumtitle + ', ' + cursor.value.year; list.appendchild(listitem); console.log(cursor.key); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'key' in that specification.
IDBCursor.primaryKey - Web APIs
Web › API › IDBCursor › primaryKey
{ var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = cursor.value.albumtitle + ', ' + cursor.value.year; list.appendchild(listitem); console.log(cursor.primarykey); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'primarykey' in that specification.
IDBCursor.request - Web APIs
Web › API › IDBCursor › request
ult; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.albumtitle + '</strong>, ' + cursor.value.year; list.appendchild(listitem); console.log(cursor.request); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api draftthe definition of 'request' in that specification.
IDBCursor.source - Web APIs
Web › API › IDBCursor › source
nt) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = cursor.value.albumtitle + ', ' + cursor.value.year; list.appendchild(listitem); console.log(cursor.source); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'source' in that specification.
IDBCursor.update() - Web APIs
Web › API › IDBCursor › update
ion() { console.log('a better album year?'); }; }; const listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.albumtitle + '</strong>, ' + cursor.value.year; list.appendchild(listitem); cursor.continue(); } else { console.log('entries displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'update()' in that specification.
IDBCursor - Web APIs
Web › API › IDBCursor
encursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = cursor.value.albumtitle + ', ' + cursor.value.year; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; } specifications specification status comment indexed database api 2.0the definition of 'cursor' in that specification.
IDBCursorWithValue.value - Web APIs
Web › API › IDBCursorWithValue › value
ent) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = cursor.value.albumtitle + ', ' + cursor.value.year; list.appendchild(listitem); console.log(cursor.value); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'source' in that specification.
IDBCursorWithValue - Web APIs
Web › API › IDBCursorWithValue
ncursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = cursor.value.albumtitle + ', ' + cursor.value.year; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specifications specification status comment indexed database api 2.0the definition of 'idbcursorwithvalue' in that specification.
IDBDatabase.close() - Web APIs
Web › API › IDBDatabase › close
db.close(); }; specification specification status comment indexed database api 2.0the definition of 'close()' in that specification.
IDBDatabase.createObjectStore() - Web APIs
Web › API › IDBDatabase › createObjectStore
"minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); objectstore.createindex("notified", "notified", { unique: false }); note.innerhtml += "<li>object store created.</li>"; }; specification specification status comment indexed database api 2.0the definition of 'createobjectstore()' in that specification.
IDBDatabase.deleteObjectStore() - Web APIs
Web › API › IDBDatabase › deleteObjectStore
}; specification specification status comment indexed database api 2.0the definition of 'deleteobjectstore()' in that specification.
IDBDatabase.name - Web APIs
Web › API › IDBDatabase › name
this is used a lot below db = dbopenrequest.result; // this line will log the name of the database, which should be "todolist" console.log(db.name); }; specifications specification status comment indexed database api 2.0the definition of 'name' in that specification.
IDBDatabase.objectStoreNames - Web APIs
Web › API › IDBDatabase › objectStoreNames
this is used a lot below db = dbopenrequest.result; // this line will log the version of the connected database, which should be // an object that looks like { ['my-store-name'] } console.log(db.objectstorenames); }; specifications specification status comment indexed database api 2.0the definition of 'objectstorenames' in that specification.
IDBDatabase.onabort - Web APIs
Web › API › IDBDatabase › onabort
"minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); objectstore.createindex("notified", "notified", { unique: false }); note.innerhtml += '<li>object store created.</li>'; }; specifications specification status comment indexed database api 2.0the definition of 'onabort' in that specification.
IDBDatabase.onclose - Web APIs
Web › API › IDBDatabase › onclose
example db.onclose = function(event) { myappshowalert('the database "' + db.name + '" has unexpectedly closed.'); }; specifications specification status comment indexed database api draftthe definition of 'onclose' in that specification.
IDBDatabase.onerror - Web APIs
Web › API › IDBDatabase › onerror
"minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); objectstore.createindex("notified", "notified", { unique: false }); note.innerhtml += '<li>object store created.</li>'; }; specifications specification status comment indexed database api 2.0the definition of 'onerror' in that specification.
IDBDatabase.onversionchange - Web APIs
Web › API › IDBDatabase › onversionchange
false }); note.innerhtml += '<li>object store created.</li>'; db.onversionchange = function(event) { note.innerhtml += '<li>a database change has occurred; you should refresh this browser window, or close it down and use the other open version of this application, wherever it exists.</li>'; }; }; specifications specification status comment indexed database api 2.0the definition of 'onversionchange' in that specification.
IDBDatabase.transaction() - Web APIs
Web › API › IDBDatabase › transaction
specification specification status comment indexed database api 2.0the definition of 'transaction()' in that specification.
IDBDatabase.version - Web APIs
Web › API › IDBDatabase › version
this is used a lot below db = dbopenrequest.result; // this line will log the version of the connected database, which should be "4" console.log(db.version); }; specifications specification status comment indexed database api 2.0the definition of 'version' in that specification.
IDBDatabase - Web APIs
Web › API › IDBDatabase
var objectstore = db.transaction('todolist', 'readwrite').objectstore('todolist'); specifications specification status comment indexed database api 2.0the definition of 'idbdatabase' in that specification.
IDBFactory.cmp() - Web APIs
Web › API › IDBFactory › cmp
example var a = 1; var b = 2; var result = window.indexeddb.cmp(a, b); console.log( "comparison results: " + result ); specifications specification status comment indexed database api 2.0the definition of 'cmp()' in that specification.
databases - Web APIs
Web › API › IDBFactory › databases
example const promise = indexeddb.databases() promise.then(databases => { console.log(databases) }) specifications specification status comment indexed database api draftthe definition of 'databases()' in that specification.
IDBFactory.deleteDatabase() - Web APIs
Web › API › IDBFactory › deleteDatabase
example var dbdeleterequest = window.indexeddb.deletedatabase("todolist"); dbdeleterequest.onerror = function(event) { console.log("error deleting database."); }; dbdeleterequest.onsuccess = function(event) { console.log("database deleted successfully"); console.log(event.result); // should be undefined }; specifications specification status comment indexed database api draftthe definition of 'deletedatabase()' in that specification.
IDBFactory.open() - Web APIs
Web › API › IDBFactory › open
db = dbopenrequest.result; }; specifications specification status comment indexed database api 2.0the definition of 'open()' in that specification.
IDBFactory - Web APIs
Web › API › IDBFactory
db = dbopenrequest.result; }; specifications specification status comment indexed database api 2.0the definition of 'idbfactory' in that specification.
IDBIndex.count() - Web APIs
Web › API › IDBIndex › count
pany + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'count()' in that specification.
IDBIndex.get() - Web APIs
Web › API › IDBIndex › get
pany + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'get()' in that specification.
IDBIndex.getAll() - Web APIs
Web › API › IDBIndex › getAll
example var myindex = objectstore.index('index'); var getallrequest = myindex.getall(); getallrequest.onsuccess = function() { console.log(getallrequest.result); } specification specification status comment indexed database api draftthe definition of 'getall()' in that specification.
IDBIndex.getAllKeys() - Web APIs
Web › API › IDBIndex › getAllKeys
example var myindex = objectstore.index('index'); var getallkeysrequest = myindex.getallkeys(); getallkeysrequest.onsuccess = function() { console.log(getallkeysrequest.result); } specification specification status comment indexed database api draftthe definition of 'getall()' in that specification.
IDBIndex.getKey() - Web APIs
Web › API › IDBIndex › getKey
ompany + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'getkey()' in that specification.
IDBIndex.keyPath - Web APIs
Web › API › IDBIndex › keyPath
e.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'keypath' in that specification.
IDBIndex.name - Web APIs
Web › API › IDBIndex › name
e.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'name' in that specification.
IDBIndex.objectStore - Web APIs
Web › API › IDBIndex › objectStore
e.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'objectstore' in that specification.
IDBIndex.openCursor() - Web APIs
Web › API › IDBIndex › openCursor
ompany + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'opencursor()' in that specification.
IDBIndex.openKeyCursor() - Web APIs
Web › API › IDBIndex › openKeyCursor
nt.target.result; if(cursor) { var tablerow = document.createelement('tr'); tablerow.innerhtml = '<td>' + cursor.key + '</td>' + '<td>' + cursor.primarykey + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('all last names displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'openkeycursor()' in that specification.
IDBIndex - Web APIs
Web › API › IDBIndex
e.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'idbindex' in that specification.
IDBKeyRange.bound() - Web APIs
Web › API › IDBKeyRange › bound
var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.fthing + '</strong>, ' + cursor.value.frating; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'bound()' in that specification.
IDBKeyRange.includes() - Web APIs
Web › API › IDBKeyRange › includes
r r = this, c; if (r.lower !== undefined) { c = indexeddb.cmp(key, r.lower); if (r.loweropen && c <= 0) return false; if (!r.loweropen && c < 0) return false; } if (r.upper !== undefined) { c = indexeddb.cmp(key, r.upper); if (r.upperopen && c >= 0) return false; if (!r.upperopen && c > 0) return false; } return true; }; specification specification status comment indexed database api draftthe definition of 'includes()' in that specification.
IDBKeyRange.lower - Web APIs
Web › API › IDBKeyRange › lower
var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.fthing + '</strong>, ' + cursor.value.frating; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'lower' in that specification.
IDBKeyRange.lowerBound() - Web APIs
Web › API › IDBKeyRange › lowerBound
var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.fthing + '</strong>, ' + cursor.value.frating; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'lowerbound()' in that specification.
IDBKeyRange.lowerOpen - Web APIs
Web › API › IDBKeyRange › lowerOpen
var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.fthing + '</strong>, ' + cursor.value.frating; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'loweropen' in that specification.
IDBKeyRange.only() - Web APIs
Web › API › IDBKeyRange › only
var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.fthing + '</strong>, ' + cursor.value.frating; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'only' in that specification.
IDBKeyRange.upper - Web APIs
Web › API › IDBKeyRange › upper
var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.fthing + '</strong>, ' + cursor.value.frating; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'upper' in that specification.
IDBKeyRange.upperBound() - Web APIs
Web › API › IDBKeyRange › upperBound
r cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.fthing + '</strong>, ' + cursor.value.frating; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'upperbound()' in that specification.
IDBKeyRange.upperOpen - Web APIs
Web › API › IDBKeyRange › upperOpen
var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.fthing + '</strong>, ' + cursor.value.frating; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'upperopen' in that specification.
IDBKeyRange - Web APIs
Web › API › IDBKeyRange
= function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + cursor.value.fthing + '</strong>, ' + cursor.value.frating; list.appendchild(listitem); cursor.continue(); } else { console.log('entries all displayed.'); } }; } specifications specification status comment indexed database api 2.0the definition of 'idbkeyrange' in that specification.
FileHandle.getFile() - Web APIs
Web › API › IDBMutableFile › getFile
specifications specification status comment filesystem api editor's draft draft proposal ...
FileHandle.name - Web APIs
Web › API › IDBMutableFile › name
specifications specification status comment filesystem api editor's draft draft proposal.
FileHandle.onabort - Web APIs
Web › API › IDBMutableFile › onabort
specifications specification status comment filesystem api editor's draft draft proposal.
FileHandle.onerror - Web APIs
Web › API › IDBMutableFile › onerror
specifications specification status comment filesystem api editor's draft draft proposal.
FileHandle.open() - Web APIs
Web › API › IDBMutableFile › open
specifications specification status comment filesystem api editor's draft draft proposal ...
FileHandle.type - Web APIs
Web › API › IDBMutableFile › type
specifications specification status comment filesystem api editor's draft draft proposal.
IDBObjectStore.add() - Web APIs
Web › API › IDBObjectStore › add
on the transaction var objectstore = transaction.objectstore("todolist"); // make a request to add our newitem object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of our request note.innerhtml += '<li>request successful.</li>'; }; }; specification specification status comment indexed database api 2.0the definition of 'add()' in that specification.
IDBObjectStore.autoIncrement - Web APIs
Web › API › IDBObjectStore › autoIncrement
transaction.objectstore("todolist"); console.log(objectstore.autoincrement); // make a request to add our newitem object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of our request note.innerhtml += '<li>request successful.</li>'; }; }; specification specification status comment indexed database api 2.0the definition of 'autoincrement' in that specification.
IDBObjectStore.clear() - Web APIs
Web › API › IDBObjectStore › clear
bject store on the transaction var objectstore = transaction.objectstore("todolist"); // make a request to clear all the data out of the object store var objectstorerequest = objectstore.clear(); objectstorerequest.onsuccess = function(event) { // report the success of our request note.innerhtml += '<li>request successful.</li>'; }; }; specification specification status comment indexed database api 2.0the definition of 'clear()' in that specification.
IDBObjectStore.count() - Web APIs
Web › API › IDBObjectStore › count
var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); var countrequest = objectstore.count(); countrequest.onsuccess = function() { console.log(countrequest.result); } specification specification status comment indexed database api 2.0the definition of 'count()' in that specification.
IDBObjectStore.createIndex() - Web APIs
Web › API › IDBObjectStore › createIndex
ours", { unique: false }); objectstore.createindex("minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); objectstore.createindex("notified", "notified", { unique: false }); }; specifications specification status comment indexed database api 2.0the definition of 'createindex()' in that specification.
IDBObjectStore.delete() - Web APIs
Web › API › IDBObjectStore › delete
ransaction var objectstore = transaction.objectstore("todolist"); // make a request to delete the specified record out of the object store var objectstorerequest = objectstore.delete("walk dog"); objectstorerequest.onsuccess = function(event) { // report the success of our request note.innerhtml += '<li>request successful.</li>'; }; }; specification specification status comment indexed database api 2.0the definition of 'delete()' in that specification.
IDBObjectStore.deleteIndex() - Web APIs
Web › API › IDBObjectStore › deleteIndex
{ unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); objectstore.createindex("notified", "notified", { unique: false }); objectstore.deleteindex("seconds"); objectstore.deleteindex("contact"); }; specifications specification status comment indexed database api 2.0the definition of 'deleteindex()' in that specification.
IDBObjectStore.get() - Web APIs
Web › API › IDBObjectStore › get
action.objectstore("todolist"); // make a request to get a record by key from the object store var objectstorerequest = objectstore.get("walk dog"); objectstorerequest.onsuccess = function(event) { // report the success of our request note.innerhtml += '<li>request successful.</li>'; var myrecord = objectstorerequest.result; }; }; specifications specification status comment indexed database api 2.0the definition of 'get()' in that specification.
IDBObjectStore.getAll() - Web APIs
Web › API › IDBObjectStore › getAll
specifications specification status comment indexed database api draftthe definition of 'getall()' in that specification.
IDBObjectStore.getAllKeys() - Web APIs
Web › API › IDBObjectStore › getAllKeys
specifications specification status comment indexed database api draftthe definition of 'getallkeys()' in that specification.
IDBObjectStore.getKey() - Web APIs
Web › API › IDBObjectStore › getKey
ction("netlogs").objectstore("netlogs"); let today = new date(); let yesterday = new date(today); yesterday.setdate(today.getdate() - 1); let request = store.getkey(idbkeyrange(yesterday, today)); request.onsuccess = (event) => { let when = event.target.result; alert("the 1st activity in last 24 hours was occurred at " + when); }; }; specifications specification status comment indexed database api draftthe definition of 'getkey()' in that specification.
IDBObjectStore.index() - Web APIs
Web › API › IDBObjectStore › index
e.company + '</td>' + '<td>' + cursor.value.email + '</td>' + '<td>' + cursor.value.phone + '</td>' + '<td>' + cursor.value.age + '</td>'; tableentry.appendchild(tablerow); cursor.continue(); } else { console.log('entries all displayed.'); } }; }; specification specification status comment indexed database api 2.0the definition of 'index()' in that specification.
IDBObjectStore.indexNames - Web APIs
Web › API › IDBObjectStore › indexNames
e = transaction.objectstore("todolist"); console.log(objectstore.indexnames); // make a request to add our newitem object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of our request note.innerhtml += '<li>request successful.</li>'; }; }; specification specification status comment indexed database api 2.0the definition of 'indexnames' in that specification.
IDBObjectStore.keyPath - Web APIs
Web › API › IDBObjectStore › keyPath
tore = transaction.objectstore("todolist"); console.log(objectstore.keypath); // make a request to add our newitem object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of our request note.innerhtml += '<li>request successful.</li>'; }; }; specification specification status comment indexed database api 2.0the definition of 'keypath' in that specification.
IDBObjectStore.name - Web APIs
Web › API › IDBObjectStore › name
ctstore = transaction.objectstore("todolist"); console.log(objectstore.name); // make a request to add our newitem object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of our request note.innerhtml += '<li>request successful.</li>'; }; }; specification specification status comment indexed database api 2.0the definition of 'name' in that specification.
IDBObjectStore.openCursor() - Web APIs
Web › API › IDBObjectStore › openCursor
transaction.objectstore("name"); var request = objectstore.opencursor(); request.onsuccess = function(event) { var cursor = event.target.result; if(cursor) { // cursor.value contains the current record being iterated through // this is where you'd do something with the result cursor.continue(); } else { // no more results } }; specification specification status comment indexed database api 2.0the definition of 'opencursor()' in that specification.
IDBObjectStore.openKeyCursor() - Web APIs
Web › API › IDBObjectStore › openKeyCursor
); request.onsuccess = function(event) { var cursor = event.target.result; if(cursor) { // cursor.key contains the key of the current record being iterated through // note that there is no cursor.value, unlike for opencursor // this is where you'd do something with the result cursor.continue(); } else { // no more results } }; specifications specification status comment indexed database api 2.0the definition of 'openkeycursor()' in that specification.
IDBObjectStore.put() - Web APIs
Web › API › IDBObjectStore › put
titlerequest = objectstore.put(data); // log the transaction that originated this request console.log("the transaction that originated this request is " + updatetitlerequest.transaction); // when this new request succeeds, run the displaydata() function again to update the display updatetitlerequest.onsuccess = () => { displaydata(); }; }; specification specification status comment indexed database api 2.0the definition of 'put()' in that specification.
IDBObjectStore.transaction - Web APIs
Web › API › IDBObjectStore › transaction
= transaction.objectstore("todolist"); console.log(objectstore.transaction); // make a request to add our newitem object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of our request note.innerhtml += '<li>request successful.</li>'; }; }; specification specification status comment indexed database api 2.0the definition of 'transaction' in that specification.
IDBObjectStore - Web APIs
Web › API › IDBObjectStore
ate items not allowed.</li>'; }; // create an object store on the transaction var objectstore = transaction.objectstore("todolist"); // make a request to add our newitem object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { note.innerhtml += '<li>request successful .</li>'; } specifications specification status comment indexed database api 2.0the definition of 'idbobjectstore' in that specification.
IDBOpenDBRequest.onblocked - Web APIs
Web › API › IDBOpenDBRequest › onblocked
}; request.onblocked = function() { console.log("your database version can't be upgraded because the app is open somewhere else."); } specifications specification status comment indexed database api 2.0the definition of 'onblocked' in that specification.
IDBOpenDBRequest.onupgradeneeded - Web APIs
Web › API › IDBOpenDBRequest › onupgradeneeded
y_publisher", "publisher"); var frequencyindex = magazines.createindex("by_frequency", "frequency"); } }; request.onerror = function(event) { note.innerhtml += '<li>error loading database.</li>'; }; request.onsuccess = function(event) { note.innerhtml += '<li>database initialised.</li>'; db = request.result; populateanddisplaydata(); }; specifications specification status comment indexed database api 2.0the definition of 'onupgradeneeded' in that specification.
IDBOpenDBRequest - Web APIs
Web › API › IDBOpenDBRequest
"hours", { unique: false }); objectstore.createindex("minutes", "minutes", { unique: false }); objectstore.createindex("day", "day", { unique: false }); objectstore.createindex("month", "month", { unique: false }); objectstore.createindex("year", "year", { unique: false }); objectstore.createindex("notified", "notified", { unique: false }); }; specifications specification status comment indexed database api 2.0the definition of 'idbopendbrequest' in that specification.
IDBRequest.error - Web APIs
Web › API › IDBRequest › error
succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; objectstoretitlerequest.onerror = function() { // if an error occurs with the request, log what it is console.log("there has been an error with retrieving your data: " + objectstoretitlerequest.error); }; specifications specification status comment indexed database api 2.0the definition of 'error' in that specification.
IDBRequest.onerror - Web APIs
Web › API › IDBRequest › onerror
}; specifications specification status comment indexed database api 2.0the definition of 'onerror' in that specification.
IDBRequest.onsuccess - Web APIs
Web › API › IDBRequest › onsuccess
alue in the object to "yes" data.notified = "yes"; // create another request that inserts the item back // into the database var updatetitlerequest = objectstore.put(data); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; specifications specification status comment indexed database api 2.0the definition of 'onsuccess' in that specification.
IDBRequest.readyState - Web APIs
Web › API › IDBRequest › readyState
database var updatetitlerequest = objectstore.put(data); // log the source of this request console.log("the readystate of this request is " + updatetitlerequest.readystate); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; specifications specification status comment indexed database api 2.0the definition of 'readystate' in that specification.
IDBRequest.result - Web APIs
Web › API › IDBRequest › result
alue in the object to "yes" data.notified = "yes"; // create another request that inserts the item // back into the database var updatetitlerequest = objectstore.put(data); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; specifications specification status comment indexed database api 2.0the definition of 'result' in that specification.
IDBRequest.source - Web APIs
Web › API › IDBRequest › source
back into the database var updatetitlerequest = objectstore.put(data); // log the source of this request console.log("the source of this request is " + updatetitlerequest.source); // when this new request succeeds, run the displaydata() // function again to update the display updatetitlerequest.onsuccess = function() { displaydata(); }; }; specifications specification status comment indexed database api 2.0the definition of 'source' in that specification.
IDBRequest.transaction - Web APIs
Web › API › IDBRequest › transaction
}; specifications specification status comment indexed database api 2.0the definition of 'transaction' in that specification.
IDBRequest - Web APIs
Web › API › IDBRequest
db = dbopenrequest.result; }; specifications specification status comment indexed database api 2.0the definition of 'idbrequest' in that specification.
IDBTransaction.objectStoreNames - Web APIs
Web › API › IDBTransaction › ObjectStoreNames
specification specification status comment indexed database api 2.0the definition of 'objectstorenames' in that specification.
IDBTransaction.abort() - Web APIs
Web › API › IDBTransaction › abort
tstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of the request (this does not mean the item // has been stored successfully in the db - for that you need transaction.onsuccess) note.innerhtml += '<li>request successful.</li>'; }; // abort the transaction we just did transaction.abort(); }; specification specification status comment indexed database api 2.0the definition of 'abort()' in that specification.
IDBTransaction.commit() - Web APIs
Web › API › IDBTransaction › commit
dd(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of the request (this does not mean the item // has been stored successfully in the db - for that you need transaction.onsuccess) note.innerhtml += '<li>request successful.</li>'; }; // force the changes to be committed to the database asap transaction.commit(); specification specification status comment indexed database api draftthe definition of 'idbtransaction.commit()' in that specification.
IDBTransaction.db - Web APIs
Web › API › IDBTransaction › db
ccess = function(event) { // report the success of the request (this does not mean the item // has been stored successfully in the db - for that you need transaction.onsuccess) note.innerhtml += '<li>request successful.</li>'; }; // return the database (idbdatabase) connection with which this transaction is associated transaction.db; }; specification specification status comment indexed database api 2.0the definition of 'db' in that specification.
IDBTransaction.error - Web APIs
Web › API › IDBTransaction › error
m object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of the request (this does not mean the item // has been stored successfully in the db - for that you need transaction.onsuccess) note.innerhtml += '<li>request successful.</li>'; }; }; specification specification status comment indexed database api 2.0the definition of 'error' in that specification.
IDBTransaction.mode - Web APIs
Web › API › IDBTransaction › mode
s = function(event) { // report the success of the request (this does not mean the item // has been stored successfully in the db - for that you need transaction.onsuccess) note.innerhtml += '<li>request successful.</li>'; }; // return the mode this transaction has been opened in (should be "readwrite" in this case) transaction.mode; }; specification specification status comment indexed database api 2.0the definition of 'mode' in that specification.
IDBTransaction.objectStore() - Web APIs
Web › API › IDBTransaction › objectStore
object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of the request (this does not mean the item // has been stored successfully in the db - for that you need transaction.onsuccess) note.innerhtml += '<li>request successful.</li>'; }; specification specification status comment indexed database api 2.0the definition of 'objectstore()' in that specification.
IDBTransaction.onabort - Web APIs
Web › API › IDBTransaction › onabort
// has been stored successfully in the db - for that you need transaction.onsuccess) note.innerhtml += '<li>request successful.</li>'; }; transaction.onabort = function() { // report when the transaction was successfully aborted console.log("transaction aborted!"); }; // abort the transaction we just did transaction.abort(); }; specification specification status comment indexed database api 2.0the definition of 'onabort' in that specification.
IDBTransaction.oncomplete - Web APIs
Web › API › IDBTransaction › oncomplete
object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of the request (this does not mean the item // has been stored successfully in the db - for that you need transaction.oncomplete) note.innerhtml += '<li>request successful.</li>'; }; }; specification specification status comment indexed database api 2.0the definition of 'oncomplete' in that specification.
IDBTransaction.onerror - Web APIs
Web › API › IDBTransaction › onerror
m object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of the request (this does not mean the item // has been stored successfully in the db - for that you need transaction.onsuccess) note.innerhtml += '<li>request successful.</li>'; }; }; specification specification status comment indexed database api 2.0the definition of 'onerror' in that specification.
IDBTransaction - Web APIs
Web › API › IDBTransaction
object to the object store var objectstorerequest = objectstore.add(newitem[0]); objectstorerequest.onsuccess = function(event) { // report the success of the request (this does not mean the item // has been stored successfully in the db - for that you need transaction.oncomplete) note.innerhtml += '<li>request successful.</li>'; }; }; specifications specification status comment indexed database api 2.0the definition of 'idbtransaction' in that specification.
IDBVersionChangeEvent.newVersion - Web APIs
Web › API › IDBVersionChangeEvent › newVersion
db = dbopenrequest.result; }; specifications specification status comment indexed database api 2.0the definition of 'newversion' in that specification.
IDBVersionChangeEvent.oldVersion - Web APIs
Web › API › IDBVersionChangeEvent › oldVersion
}; specifications specification status comment indexed database api 2.0the definition of 'oldversion' in that specification.
IDBVersionChangeEvent - Web APIs
Web › API › IDBVersionChangeEvent
db = dbopenrequest.result; }; specifications specification status comment indexed database api 2.0the definition of 'idbversionchangeevent' in that specification.
IIRFilterNode() - Web APIs
Web › API › IIRFilterNode › IIRFilterNode
examples let feedforward = [0.00020298, 0.0004059599, 0.00020298]; let feedbackward = [1.0126964558, -1.9991880801, 0.9873035442]; const audiocontext = window.audiocontext || window.webkitaudiocontext; const audioctx = new audiocontext(); const iirfilter = new iirfilternode(audioctx, { feedforward: feedforward, feedback: feedbackward }); specifications specification status comment web audio apithe definition of 'iirfilternode()' in that specification.
IIRFilterNode.getFrequencyResponse() - Web APIs
Web › API › IIRFilterNode › getFrequencyResponse
responseoutput); for(i = 0; i <= myfrequencyarray.length-1;i++){ var listitem = document.createelement('li'); listitem.innerhtml = '<strong>' + myfrequencyarray[i] + 'hz</strong>: magnitude ' + magresponseoutput[i] + ', phase ' + phaseresponseoutput[i] + ' radians.'; freqresponseoutput.appendchild(listitem); } } calcfrequencyresponse(); specifications specification status comment web audio apithe definition of 'getfrequencyresponse()' in that specification.
IIRFilterNode - Web APIs
Web › API › IIRFilterNode
specifications specification status comment web audio apithe definition of 'iirfilternode' in that specification.
IdleDeadline.didTimeout - Web APIs
Web › API › IdleDeadline › didTimeout
specifications specification status comment cooperative scheduling of background tasks proposed recommendation ...
IdleDeadline.timeRemaining() - Web APIs
Web › API › IdleDeadline › timeRemaining
specifications specification status comment cooperative scheduling of background tasks proposed recommendation ...
IdleDeadline - Web APIs
Web › API › IdleDeadline
specifications specification status comment cooperative scheduling of background tasks proposed recommendation ...
ImageBitmap.close() - Web APIs
Web › API › ImageBitmap › close
var bitmap = offscreen.transfertoimagebitmap(); // imagebitmap { width: 256, height: 256 } bitmap.close(); // imagebitmap { width: 0, height: 0 } -- disposed specifications specification status comment html living standardthe definition of 'close()' in that specification.
ImageBitmap.height - Web APIs
Web › API › ImageBitmap › height
specifications specification status comment html living standardthe definition of 'imagebitmap.height' in that specification.
ImageBitmap.width - Web APIs
Web › API › ImageBitmap › width
specifications specification status comment html living standardthe definition of 'imagebitmap.height' in that specification.
ImageBitmap - Web APIs
Web › API › ImageBitmap
specifications specification status comment html living standardthe definition of 'imagebitmap' in that specification.
ImageBitmapRenderingContext.transferFromImageBitmap() - Web APIs
Web › API › ImageBitmapRenderingContext › transferFromImageBitmap
// transfer the current frame to the visible canvas var bitmap = offscreen.transfertoimagebitmap(); htmlcanvas.transferfromimagebitmap(bitmap); specifications specification status comment html living standardthe definition of 'transferfromimagebitmap()' in that specification.
ImageBitmapRenderingContext - Web APIs
Web › API › ImageBitmapRenderingContext
specifications specification status comment html living standardthe definition of 'imagebitmaprenderingcontext' in that specification.
ImageCapture() constructor - Web APIs
Web › API › ImageCapture › ImageCapture
navigator.mediadevices.getusermedia({video: true}) .then(mediastream => { document.queryselector('video').srcobject = mediastream const track = mediastream.getvideotracks()[0]; imagecapture = new imagecapture(track); }) .catch(error => console.log(error)); specifications specification status comment mediastream image capturethe definition of 'imagecapture' in that specification.
ImageCapture.getPhotoCapabilities() - Web APIs
Web › API › ImageCapture › getPhotoCapabilities
imagecapture.track.getsettings(); input.min = photocapabilities.imagewidth.min; input.max = photocapabilities.imagewidth.max; input.step = photocapabilities.imagewidth.step; return imagecapture.getphotosettings(); }) .then(photosettings => { input.value = photosettings.imagewidth; }) .catch(error => console.log('argh!', error.name || error)); specifications specification status comment mediastream image capturethe definition of 'getphotocapabilities()' in that specification.
ImageCapture.getPhotoSettings() - Web APIs
Web › API › ImageCapture › getPhotoSettings
imagecapture.track.getsettings(); input.min = photocapabilities.imagewidth.min; input.max = photocapabilities.imagewidth.max; input.step = photocapabilities.imagewidth.step; return imagecapture.getphotosettings(); }) .then(photosettings => { input.value = photosettings.imagewidth; }) .catch(error => console.log('argh!', error.name || error)); specifications specification status comment mediastream image capturethe definition of 'getphotosettings()' in that specification.
ImageCapture.grabFrame() - Web APIs
Web › API › ImageCapture › grabFrame
e.grabframe() .then(function(imagebitmap) { console.log('grabbed frame:', imagebitmap); canvas.width = imagebitmap.width; canvas.height = imagebitmap.height; canvas.getcontext('2d').drawimage(imagebitmap, 0, 0); canvas.classlist.remove('hidden'); }) .catch(function(error) { console.log('grabframe() error: ', error); }); } specifications specification status comment mediastream image capturethe definition of 'grabframe()' in that specification.
ImageCapture.takePhoto() - Web APIs
Web › API › ImageCapture › takePhoto
ar canvas = document.queryselector('canvas'); takephotobutton.onclick = takephoto; function takephoto() { imagecapture.takephoto().then(function(blob) { console.log('took photo:', blob); img.classlist.remove('hidden'); img.src = url.createobjecturl(blob); }).catch(function(error) { console.log('takephoto() error: ', error); }); } specifications specification status comment mediastream image capturethe definition of 'takephoto()' in that specification.
ImageCapture.track - Web APIs
Web › API › ImageCapture › track
specifications specification status comment mediastream image capturethe definition of 'track' in that specification.
ImageCapture - Web APIs
Web › API › ImageCapture
, canvas.width, canvas.height); canvas.getcontext('2d').drawimage(img, 0, 0, img.width, img.height, x, y, img.width * ratio, img.height * ratio); } document.queryselector('video').addeventlistener('play', function() { document.queryselector('#grabframebutton').disabled = false; document.queryselector('#takephotobutton').disabled = false; }); specifications specification status comment mediastream image capturethe definition of 'imagecapture' in that specification.
ImageData() - Web APIs
Web › API › ImageData › ImageData
erate through every pixel for (let i = 0; i < arr.length; i += 4) { arr[i + 0] = 0; // r value arr[i + 1] = 190; // g value arr[i + 2] = 0; // b value arr[i + 3] = 255; // a value } // initialize a new imagedata object let imagedata = new imagedata(arr, 200); // draw image data to the canvas ctx.putimagedata(imagedata, 20, 20); result specification specification status comment html living standardthe definition of 'imagedata()' in that specification.
ImageData.data - Web APIs
Web › API › ImageData › data
specification specification status comment html living standardthe definition of 'imagedata.data' in that specification.
ImageData.height - Web APIs
Web › API › ImageData › height
let imagedata = new imagedata(200, 100); console.log(imagedata.height); // 100 specification specification status comment html living standardthe definition of 'imagedata.height' in that specification.
ImageData.width - Web APIs
Web › API › ImageData › width
let imagedata = new imagedata(200, 100); console.log(imagedata.width); // 200 specification specification status comment html living standardthe definition of 'imagedata.width' in that specification.
ImageData - Web APIs
Web › API › ImageData
specifications specification status comment html living standardthe definition of 'imagedata' in that specification.
Basic concepts - Web APIs
Web › API › IndexedDB API › Basic Concepts Behind IndexedDB
they also have readystate, result, and errorcode properties that tell you the status of the request.
IndexedDB API - Web APIs
Web › API › IndexedDB API
storing images and files in indexeddb specifications specification status comment indexed database api draft recommendation indexed database api 2.0 recommendation initial definition ...
InputDeviceCapabilities - Web APIs
Web › API › InputDeviceCapabilities › InputDeviceCapabilities
specifications specification status comment inputdevicecapabilities draft initial definition.
firesTouchEvents - Web APIs
Web › API › InputDeviceCapabilities › firesTouchEvents
syntax var boolean = inputdevicecapabilities.firestouchevents returns a boolean example mybutton.addeventlistener('mousedown', function(e) { if (!e.sourcecapabilities.firestouchevents) mybutton.classlist.add("pressed"); }); specifications specification status comment inputdevicecapabilitiesthe definition of 'firetouchevents' in that specification.
InputDeviceCapabilities - Web APIs
Web › API › InputDeviceCapabilities
specifications specification status comment inputdevicecapabilitiesthe definition of 'sourcecapabilities' in that specification.
InputDeviceCapabilities API - Web APIs
Web › API › InputDeviceCapabilities API
specifications specification status comment inputdevicecapabilities draft initial definition.
InputEvent.data - Web APIs
Web › API › InputEvent › data
<p>some text to copy and paste.</p> <input type="text"> <p class="result"></p> var editable = document.queryselector('input') var result = document.queryselector('.result'); editable.addeventlistener('input', (e) => { result.textcontent = "inputted text: " + e.data; }); specifications specification status comment input events level 2the definition of 'data' in that specification.
InputEvent.dataTransfer - Web APIs
Web › API › InputEvent › dataTransfer
rue">go on, try pasting some content into this editable paragraph and see what happens!</p> <p class="result"></p> var editable = document.queryselector('p[contenteditable]'); var result = document.queryselector('.result') var datatransferobj; editable.addeventlistener('input', (e) => { result.textcontent = e.datatransfer.getdata('text/html'); }); specifications specification status comment input events level 2the definition of 'datatransfer' in that specification.
InputEvent.getTargetRanges() - Web APIs
Web › API › InputEvent › getTargetRanges
specifications specification status comment input events level 2the definition of 'gettargetranges()' in that specification.
InputEvent.inputType - Web APIs
Web › API › InputEvent › inputType
specifications specification status comment ui eventsthe definition of 'inputtype' in that specification.
InputEvent.isComposing - Web APIs
Web › API › InputEvent › isComposing
syntax var bool = event.iscomposing; example var inputevent = new inputevent('syntheticinput', false); console.log(inputevent.iscomposing); // return false specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'inputevent.iscomposing' in that specification.
InputEvent - Web APIs
Web › API › InputEvent
specifications specification status comment input events level 2the definition of 'inputevent' in that specification.
InstallEvent - Web APIs
Web › API › InstallEvent
(function(cache) { return cache.addall(urlstoprefetch.map(function(urltoprefetch) { return new request(urltoprefetch, {mode: 'no-cors'}); })).then(function() { console.log('all resources have been fetched and cached.'); }); }).catch(function(error) { console.error('pre-fetching failed:', error); }) ); }); specifications specification status comment service workers working draft as of may 2015, the install event is an instance of extendableevent rather than a child of it.
IntersectionObserver.IntersectionObserver() - Web APIs
Web › API › IntersectionObserver › IntersectionObserver
let observer = new intersectionobserver(myobservercallback, {threshold: 0.1}); specifications specification status comment intersection observerthe definition of 'intersectionobserver constructor' in that specification.
IntersectionObserver.disconnect() - Web APIs
Web › API › IntersectionObserver › disconnect
specifications specification status comment intersection observerthe definition of 'intersectionobserver.disconnect()' in that specification.
IntersectionObserver.observe() - Web APIs
Web › API › IntersectionObserver › observe
examples <<<...>>> specifications specification status comment intersection observerthe definition of 'intersectionobserver.observe()' in that specification.
IntersectionObserver.root - Web APIs
Web › API › IntersectionObserver › root
observer.root.style.border = "2px solid #44aa44"; specifications specification status comment intersection observerthe definition of 'intersectionobserver' in that specification.
IntersectionObserver.rootMargin - Web APIs
Web › API › IntersectionObserver › rootMargin
specifications specification status comment intersection observerthe definition of 'intersectionobserver.rootmargin' in that specification.
IntersectionObserver.takeRecords() - Web APIs
Web › API › IntersectionObserver › takeRecords
examples <<<...>>> specifications specification status comment intersection observerthe definition of 'intersectionobserver.takerecords()' in that specification.
IntersectionObserver.thresholds - Web APIs
Web › API › IntersectionObserver › thresholds
examples <<<...>>> specifications specification status comment intersection observerthe definition of 'intersectionobserver.thresholds' in that specification.
IntersectionObserver.unobserve() - Web APIs
Web › API › IntersectionObserver › unobserve
*/ observer.unobserve(document.getelementbyid("elementtoobserve")); specifications specification status comment intersection observerthe definition of 'intersectionobserver.unobserve()' in that specification.
IntersectionObserver - Web APIs
Web › API › IntersectionObserver
if (entries[0].intersectionratio <= 0) return; loaditems(10); console.log('loaded new items'); }); // start observing intersectionobserver.observe(document.queryselector('.scrollerfooter')); specifications specification status comment intersection observerthe definition of 'intersectionobserver' in that specification.
IntersectionObserverEntry.boundingClientRect - Web APIs
Web › API › IntersectionObserverEntry › boundingClientRect
specifications specification status comment intersection observerthe definition of 'intersectionobserverentry.boundingclientrect' in that specification.
IntersectionObserverEntry.intersectionRatio - Web APIs
Web › API › IntersectionObserverEntry › intersectionRatio
specifications specification status comment intersection observerthe definition of 'intersectionobserverentry.intersectionratio' in that specification.
IntersectionObserverEntry.intersectionRect - Web APIs
Web › API › IntersectionObserverEntry › intersectionRect
function intersectioncallback(entries) { entries.foreach(function(entry) { refreshzones.push({ element: entry.target, rect: entry.intersectionrect }); }); } specifications specification status comment intersection observerthe definition of 'intersectionobserverentry.intersectionrect' in that specification.
IntersectionObserverEntry.isIntersecting - Web APIs
Web › API › IntersectionObserverEntry › isIntersecting
specifications specification status comment intersection observerthe definition of 'intersectionobserverentry.isintersecting' in that specification.
IntersectionObserverEntry.rootBounds - Web APIs
Web › API › IntersectionObserverEntry › rootBounds
specifications specification status comment intersection observerthe definition of 'intersectionobserverentry.rootbounds' in that specification.
IntersectionObserverEntry.target - Web APIs
Web › API › IntersectionObserverEntry › target
specifications specification status comment intersection observerthe definition of 'intersectionobserverentry.target' in that specification.
IntersectionObserverEntry.time - Web APIs
Web › API › IntersectionObserverEntry › time
specifications specification status comment intersection observerthe definition of 'intersectionobserverentry.time' in that specification.
IntersectionObserverEntry - Web APIs
Web › API › IntersectionObserverEntry
specifications specification status comment intersection observerthe definition of 'intersectionobserverentry' in that specification.
Timing element visibility with the Intersection Observer API - Web APIs
Web › API › Intersection Observer API › Timing element visibility
we start by fetching the time at which the ad's previous visibility status check time (adbox.dataset.lastviewstarted) into a local variable named laststarted.
InterventionReportBody - Web APIs
Web › API › InterventionReportBody
new reportingobserver(function(reports, observer) { let firstreport = reports[0]; console.log(firstreport.type); // intervention console.log(firstreport.body.id); console.log(firstreport.body.message); console.log(firstreport.body.sourcefile); console.log(firstreport.body.linenumber); console.log(firstreport.body.columnnumber); }, options); specifications specification status comment reporting apithe definition of 'interventionreportbody' in that specification.
Keyboard.getLayoutMap() - Web APIs
Web › API › Keyboard › getLayoutMap
var keyboard = navigator.keyboard; keyboard.getlayoutmap() .then(keyboardlayoutmap => { var upkey = keyboardlayoutmap.get('keyw'); window.alert('press ' + upkey + ' to move up.'); }) specifications specification status comment keyboard mapthe definition of 'getlayoutmap()' in that specification.
Keyboard.lock() - Web APIs
Web › API › Keyboard › lock
navigator.keyboard.lock(["keyw", "keya", "keys", "keyd"]); specifications specification status comment keyboard lockthe definition of 'lock()' in that specification.
Keyboard.unlock() - Web APIs
Web › API › Keyboard › unlock
return value undefined specifications specification status comment keyboard mapthe definition of 'keyboard' in that specification.
Keyboard - Web APIs
Web › API › Keyboard
} specifications specification status comment keyboard mapthe definition of 'keyboard' in that specification.
KeyboardEvent() - Web APIs
Web › API › KeyboardEvent › KeyboardEvent
specifications specification status comment ui eventsthe definition of 'keyboardevent()' in that specification.
KeyboardEvent.altKey - Web APIs
Web › API › KeyboardEvent › altKey
</p> </body> </html> specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'keyboardevent.altkey' in that specification.
KeyboardEvent.charCode - Web APIs
Web › API › KeyboardEvent › charCode
specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'keyboardevent.charcode' in that specification.
KeyboardEvent.code - Web APIs
Web › API › KeyboardEvent › code
specification specification status comment ui eventsthe definition of 'keyboardevent.code' in that specification.
KeyboardEvent.ctrlKey - Web APIs
Web › API › KeyboardEvent › ctrlKey
ype="text/javascript"> function showchar(e){ alert( "key pressed: " + e.key + "\n" + "ctrl key pressed: " + e.ctrlkey + "\n" ); } </script> </head> <body onkeypress="showchar(event);"> <p>press any character key, with or without holding down the ctrl key.<br /> you can also use the shift key together with the ctrl key.</p> </body> </html> specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'keyboardevent.ctrlkey' in that specification.
KeyboardEvent.getModifierState() - Web APIs
Web › API › KeyboardEvent › getModifierState
specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'getmodifierstate()' in that specification.
KeyboardEvent.isComposing - Web APIs
Web › API › KeyboardEvent › isComposing
syntax var bool = event.iscomposing; example var kbdevent = new keyboardevent("synthetickey", false); console.log(kbdevent.iscomposing); // return false specifications specification status comment ui eventsthe definition of 'keyboardevent.prototype.iscomposing' in that specification.
KeyboardEvent.key - Web APIs
Web › API › KeyboardEvent › key
} // cancel the default action to avoid it being handled twice event.preventdefault(); }, true); specification specification status comment ui eventsthe definition of 'keyboardevent.key' in that specification.
KeyboardEvent.keyCode - Web APIs
Web › API › KeyboardEvent › keyCode
} if (handled) { // suppress "double action" if event handled event.preventdefault(); } }, true); specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'keyboardevent.keycode' in that specification.
KeyboardEvent.location - Web APIs
Web › API › KeyboardEvent › location
syntax var location = event.location; example function keyevent(event) { console.log("location of key pressed: " + event.location); } specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'keyboardevent.location' in that specification.
KeyboardEvent.metaKey - Web APIs
Web › API › KeyboardEvent › metaKey
syntax var metakeypressed = instanceofkeyboardevent.metakey return value a boolean example function ismetakey(e) { alert("metakey = " + e.metakey); } <button onclick="ismetakey(event)">click me with the meta key</button> specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'keyboardevent.metakey' in that specification.
KeyboardEvent.repeat - Web APIs
Web › API › KeyboardEvent › repeat
syntax var repeat = event.repeat; return value boolean specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'keyboardevent.repeat' in that specification.
KeyboardEvent.shiftKey - Web APIs
Web › API › KeyboardEvent › shiftKey
\n" + "charcode: " + e.charcode + "\n" + "shift key pressed: " + e.shiftkey + "\n" + "alt key pressed: " + e.altkey + "\n" ); } </script> </head> <body onkeypress="showchar(event);"> <p>press any character key, with or without holding down the shift key.<br /> you can also use the shift key together with the alt key.</p> </body> </html> specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'keyboardevent.shiftkey' in that specification.
KeyboardEvent.which - Web APIs
Web › API › KeyboardEvent › which
+ string.fromcharcode(evt.charcode) + "\n" ); } function keydown(evt) { alert("onkeydown handler: \n" + "keycode property: " + evt.keycode + "\n" + "which property: " + evt.which + "\n" ); } </script> </head> <body onkeypress="showkeypress(event);" onkeydown="keydown(event);" > <p>please press any key.</p> </body> </html> specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'keyboardevent.which' in that specification.
KeyboardEvent - Web APIs
Web › API › KeyboardEvent
if (keyname === 'control') { alert('control key was released'); } }, false); </script> </head> <body> </body> </html> specifications specification status comment ui eventsthe definition of 'keyboardevent' in that specification.
KeyboardLayoutMap.entries - Web APIs
Web › API › KeyboardLayoutMap › entries
specifications specification status comment keyboard mapthe definition of 'entries' in that specification.
KeyboardLayoutMap.forEach() - Web APIs
Web › API › KeyboardLayoutMap › forEach
specifications specification status comment keyboard mapthe definition of 'foreach()' in that specification.
KeyboardLayoutMap.get() - Web APIs
Web › API › KeyboardLayoutMap › get
var keyboard = navigator.keyboard; keyboard.getlayoutmap() .then(keyboardlayoutmap => { var upkey = keyboardlayoutmap.get('keyw'); window.alert('press ' + upkey + ' to move up.'); } specifications specification status comment keyboard mapthe definition of 'get()' in that specification.
KeyboardLayoutMap.has() - Web APIs
Web › API › KeyboardLayoutMap › has
example specification status comment keyboard mapthe definition of 'has()' in that specification.
KeyboardLayoutMap.keys - Web APIs
Web › API › KeyboardLayoutMap › keys
specifications specification status comment keyboard mapthe definition of 'keys' in that specification.
KeyboardLayoutMap.size - Web APIs
Web › API › KeyboardLayoutMap › size
specifications specification status comment keyboard mapthe definition of 'size' in that specification.
KeyboardLayoutMap.values - Web APIs
Web › API › KeyboardLayoutMap › values
specifications specification status comment keyboard mapthe definition of 'values' in that specification.
KeyboardLayoutMap - Web APIs
Web › API › KeyboardLayoutMap
var keyboard = navigator.keyboard; keyboard.getlayoutmap() .then(keyboardlayoutmap => { var upkey = keyboardlayoutmap.get('keyw'); window.alert('press ' + upkey + ' to move up.'); }) specifications specification status comment keyboard mapthe definition of 'keyboardlayoutmap' in that specification.
Keyboard API - Web APIs
Web › API › Keyboard API
specifications specification status comment keyboard map editor's draft initial definition.
KeyframeEffect.KeyframeEffect() - Web APIs
Web › API › KeyframeEffect › KeyframeEffect
e a set of keyframes that dictate how the white rabbit should animate down the hole: var rabbitdownkeyframes = new keyframeeffect( whiterabbit, // element to animate [ { transform: 'translatey(0%)' }, // keyframe { transform: 'translatey(100%)' } // keyframe ], { duration: 3000, fill: 'forwards' } // keyframe options ); specifications specification status comment web animations level 2the definition of 'keyframeeffectoptions.iterationcomposite' in that specification.
KeyframeEffect.composite - Web APIs
Web › API › KeyframeEffect › composite
specifications specification status comment web animationsthe definition of 'keyframeeffect.composite' in that specification.
KeyframeEffect.getKeyframes() - Web APIs
Web › API › KeyframeEffect › getKeyframes
examples in the red queen race example, we can inspect alice and the redqueen's animation to see its individual keyframes like so: // return the array of keyframes redqueen_alice.effect.getkeyframes(); specifications specification status comment web animationsthe definition of 'keyframeeffect.getkeyframes()' in that specification.
KeyframeEffect.iterationComposite - Web APIs
Web › API › KeyframeEffect › iterationComposite
specifications specification status comment web animations level 2the definition of 'iterationcomposite' in that specification.
KeyframeEffect.setKeyframes() - Web APIs
Web › API › KeyframeEffect › setKeyframes
cts existingkeyframeeffect.setkeyframes( [ { color: 'blue' }, { color: 'green', left: '10px' } ] ); // passing an object with arrays for values existingkeyframeeffect.setkeyframes( { color: ['blue', 'green'], left: [ '0', '10px'] } ); // passing a single-member object existingkeyframeeffect.setkeyframes( { color: 'blue' } ); specifications specification status comment web animationsthe definition of 'keyframeeffect.setkeyframes()' in that specification.
KeyframeEffect.target - Web APIs
Web › API › KeyframeEffect › target
be animated: var whiterabbit = document.getelementbyid("rabbit"); var rabbitdownkeyframes = new keyframeeffect( whiterabbit, [ { transform: 'translatey(0%)' }, { transform: 'translatey(100%)' } ], { duration: 3000, fill: 'forwards' } ); // returns <div id=​"rabbit">​click the rabbit's ears!​</div>​ rabbitdownkeyframes.target; specifications specification status comment web animationsthe definition of 'keyframeeffect' in that specification.
KeyframeEffect - Web APIs
Web › API › KeyframeEffect
e a set of keyframes that dictate how the white rabbit should animate down the hole: var rabbitdownkeyframes = new keyframeeffect( whiterabbit, // element to animate [ { transform: 'translatey(0%)' }, // keyframe { transform: 'translatey(100%)' } // keyframe ], { duration: 3000, fill: 'forwards' } // keyframe options ); specifications specification status comment web animationsthe definition of 'keyframeeffect' in that specification.
KeyframeEffectOptions - Web APIs
Web › API › KeyframeEffectOptions
specifications specification status comment web animations level 2the definition of 'keyframeeffectoptions' in that specification.
LargestContentfulPaint - Web APIs
Web › API › LargestContentfulPaint
} specifications specification status comment largest contentful paintthe definition of 'largestcontentfulpaint' in that specification.
LayoutShift - Web APIs
Web › API › LayoutShift
} specifications specification status comment layout instability apithe definition of 'layoutshift' in that specification.
LayoutShiftAttribution - Web APIs
Web › API › LayoutShiftAttribution
specifications specification status comment layout instability apithe definition of 'layoutshiftattribution' in that specification.
LinearAccelerationSensor.LinearAccelerationSensor() - Web APIs
Web › API › LinearAccelerationSensor › LinearAccelerationSensor
specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
LinearAccelerationSensor.x - Web APIs
Web › API › LinearAccelerationSensor › x
let lasensor = new linearaccelerationsensor({frequency: 60}); lasensor.addeventlistener('reading', e => { console.log("linear acceleration along the x-axis " + lasensor.x); console.log("linear acceleration along the y-axis " + lasensor.y); console.log("linear acceleration along the z-axis " + lasensor.z); }); lasensor.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
LinearAccelerationSensor.y - Web APIs
Web › API › LinearAccelerationSensor › y
let lasensor = new linearaccelerationsensor({frequency: 60}); lasensor.addeventlistener('reading', e => { console.log("linear acceleration along the x-axis " + lasensor.x); console.log("linear acceleration along the y-axis " + lasensor.y); console.log("linear acceleration along the z-axis " + lasensor.z); }); lasensor.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
LinearAccelerationSensor.z - Web APIs
Web › API › LinearAccelerationSensor › z
let lasensor = new linearaccelerationsensor({frequency: 60}); lasensor.addeventlistener('reading', e => { console.log("linear acceleration along the x-axis " + lasensor.x); console.log("linear acceleration along the y-axis " + lasensor.y); console.log("linear acceleration along the z-axis " + lasensor.z); }); lasensor.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
LinearAccelerationSensor - Web APIs
Web › API › LinearAccelerationSensor
let lasensor = new linearaccelerationsensor({frequency: 60}); lasensor.addeventlistener('reading', e => { console.log("linear acceleration along the x-axis " + lasensor.x); console.log("linear acceleration along the y-axis " + lasensor.y); console.log("linear acceleration along the z-axis " + lasensor.z); }); lasensor.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
LinkStyle - Web APIs
Web › API › LinkStyle
specifications specification status comment css object model (cssom)the definition of 'linkstyle' in that specification.
Location: ancestorOrigins - Web APIs
Web › API › Location › ancestorOrigins
syntax const ancestors = location.ancestororigins; specifications specification status comment html living standardthe definition of 'ancestororigins ' in that specification.
Location: assign() - Web APIs
Web › API › Location › assign
example // navigate to the location.reload article window.location.assign('/docs/web/api/location/reload'); specifications specification status comment html living standardthe definition of 'location.assign()' in that specification.
Location: hash - Web APIs
Web › API › Location › hash
syntax string = object.hash; object.hash = string; examples <a id="myanchor" href="/docs/location.href#examples">examples</a> <script> var anchor = document.getelementbyid("myanchor"); console.log(anchor.hash); // returns '#examples' </script> specifications specification status comment html living standardthe definition of 'hash' in that specification.
Location: host - Web APIs
Web › API › Location › host
mozilla.org/location.host" anchor.host == "developer.mozilla.org" anchor.href = "https://developer.mozilla.org:443/location.host" anchor.host == "developer.mozilla.org" // the port number is not included because 443 is the scheme's default port anchor.href = "https://developer.mozilla.org:4097/location.host" anchor.host == "developer.mozilla.org:4097" specifications specification status comment html living standardthe definition of 'host' in that specification.
Location: hostname - Web APIs
Web › API › Location › hostname
syntax string = object.hostname; object.hostname = string; examples // let's an <a id="myanchor" href="https://developer.mozilla.org/docs/location.hostname"> element be in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.hostname; // returns:'developer.mozilla.org' specifications specification status comment html living standardthe definition of 'hostname' in that specification.
Location: href - Web APIs
Web › API › Location › href
syntax string = object.href; object.href = string; examples // lets imagine an <a id="myanchor" href="https://developer.mozilla.org/location/href"> element is in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.href; // returns: 'https://developer.mozilla.org/location/href' specifications specification status comment html living standardthe definition of 'href' in that specification.
Location: origin - Web APIs
Web › API › Location › origin
syntax string = object.origin; examples // on this page, returns the origin var result = window.location.origin; // returns:'https://developer.mozilla.org' specifications specification status comment html living standardthe definition of 'origin' in that specification.
Location: pathname - Web APIs
Web › API › Location › pathname
syntax string = object.pathname; object.pathname = string; examples // let's an <a id="myanchor" href="https://developer.mozilla.org/docs/location.pathname"> element be in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.pathname; // returns:'/docs/location.pathname' specifications specification status comment html living standardthe definition of 'pathname' in that specification.
Location: port - Web APIs
Web › API › Location › port
syntax string = object.port; object.port = string; examples // let's an <a id="myanchor" href="https://developer.mozilla.org:443/docs/location.port"> element be in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.port; // returns:'443' specifications specification status comment html living standardthe definition of 'location.port' in that specification.
Location: protocol - Web APIs
Web › API › Location › protocol
syntax string = object.protocol; object.protocol = string; examples // let's an <a id="myanchor" href="https://developer.mozilla.org/location.protocol"> element be in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.protocol; // returns:'https:' specifications specification status comment html living standardthe definition of 'protocol' in that specification.
Location: reload() - Web APIs
Web › API › Location › reload
syntax location.reload(); specifications specification status comment html living standardthe definition of 'location.reload()' in that specification.
Location: replace() - Web APIs
Web › API › Location › replace
examples // navigate to the location.reload article by replacing this page window.location.replace('/docs/web/api/location.reload'); specifications specification status comment html living standardthe definition of 'location.replace()' in that specification.
Location: search - Web APIs
Web › API › Location › search
examples // let an <a id="myanchor" href="https://developer.mozilla.org/docs/location.search?q=123"> element be in the document var anchor = document.getelementbyid("myanchor"); var querystring = anchor.search; // returns:'?q=123' // further parsing: let params = new urlsearchparams(querystring); let q = parseint(params.get("q")); // is the number 123 specifications specification status comment html living standardthe definition of 'search' in that specification.
Location: toString() - Web APIs
Web › API › Location › toString
syntax string = object.tostring(); examples // let's imagine an <a id="myanchor" href="https://developer.mozilla.org/docs/location/tostring"> element is in the document var anchor = document.getelementbyid("myanchor"); var result = anchor.tostring(); // returns: 'https://developer.mozilla.org/docs/location/tostring' specifications specification status comment html living standard living standard ...
Location - Web APIs
Web › API › Location
s: console.log(url.host); // developer.mozilla.org:8080 console.log(url.hostname); // developer.mozilla.org console.log(url.port); // 8080 console.log(url.pathname); // /search console.log(url.search); // ?q=url console.log(url.hash); // #search-results-close-container console.log(url.origin); // https://developer.mozilla.org:8080 specifications specification status comment html living standardthe definition of 'location' in that specification.
Locks.mode - Web APIs
Web › API › Lock › mode
// should show "exclusive" navigator.locks.request("my_resource", {mode: "exclusive"}, show_lock_properties); // should show "shared" navigator.locks.request("my_resource", {mode: "shared"}, show_lock_properties); function show_lock_properties(lock) { console.log(`the lock name is: ${lock.name}`); console.log(`the lock mode is: ${lock.mode}`); } specifications specification status comment web locks apithe definition of 'mode' in that specification.
Locks.name - Web APIs
Web › API › Lock › name
navigator.locks.request("net_db_sync", show_lock_properties); function show_lock_properties(lock) { console.log(`the lock name is: ${lock.name}`); console.log(`the lock mode is: ${lock.mode}`); } specifications specification status comment web locks apithe definition of 'name' in that specification.
Lock - Web APIs
Web › API › Lock
navigator.locks.request("net_db_sync", show_lock_properties); navigator.locks.request("another_lock", {mode: "shared"}, show_lock_properties); function show_lock_properties(lock) { console.log(`the lock name is: ${lock.name}`); console.log(`the lock mode is: ${lock.mode}`); } specifications specification status comment web locks apithe definition of 'lock' in that specification.
LockManager.query() - Web APIs
Web › API › LockManager › query
example const state = await navigator.locks.query(); for (const lock of state.held) { console.log(`held lock: name ${lock.name}, mode ${lock.mode}`); } for (const request of state.pending) { console.log(`requested lock: name ${request.name}, mode ${request.mode}`); } specifications specification status comment web locks apithe definition of 'query()' in that specification.
LockManager.request() - Web APIs
Web › API › LockManager › request
} } specifications specification status comment web locks apithe definition of 'request()' in that specification.
LockManager - Web APIs
Web › API › LockManager
specifications specification status comment web locks apithe definition of 'lockmanager' in that specification.
LockedFile.abort() - Web APIs
Web › API › LockedFile › abort
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.active - Web APIs
Web › API › LockedFile › active
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.append() - Web APIs
Web › API › LockedFile › append
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.fileHandle - Web APIs
Web › API › LockedFile › fileHandle
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.flush() - Web APIs
Web › API › LockedFile › flush
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.getMetadata() - Web APIs
Web › API › LockedFile › getMetaData
they have the following format: size : a number lastmodified : a date object specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.location - Web APIs
Web › API › LockedFile › location
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.onabort - Web APIs
Web › API › LockedFile › onabort
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.oncomplete - Web APIs
Web › API › LockedFile › oncomplete
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.onerror - Web APIs
Web › API › LockedFile › onerror
specifications specification status comment filesystem api editor's draft draft proposal.
LockedFile.readAsArrayBuffer() - Web APIs
Web › API › LockedFile › readAsArrayBuffer
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.readAsText() - Web APIs
Web › API › LockedFile › readAsText
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.truncate() - Web APIs
Web › API › LockedFile › truncate
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile.write() - Web APIs
Web › API › LockedFile › write
specifications specification status comment filesystem api editor's draft draft proposal ...
LockedFile - Web APIs
Web › API › LockedFile
specifications specification status comment filesystem api editor's draft draft proposal.
Long Tasks API - Web APIs
Web › API › Long Tasks API
specifications specification status comment long tasks api 1 working draft initial definition.
MIDIAccess - Web APIs
Web › API › MIDIAccess
hen(function(access) { // get lists of available midi controllers const inputs = access.inputs.values(); const outputs = access.outputs.values(); access.onstatechange = function(e) { // print information about the (dis)connected midi controller console.log(e.port.name, e.port.manufacturer, e.port.state); }; }); specifications specification status comment web midi api working draft initial definition.
MIDIConnectionEvent - Web APIs
Web › API › MIDIConnectionEvent
properties midiconnectionevent.port returns a reference to a midiport instance for a port that has been connected or disconnected." examples specifications specification status comment web midi api working draft initial definition.
MIDIInput - Web APIs
Web › API › MIDIInput
specifications specification status comment web midi api working draft initial definition.
MIDIInputMap - Web APIs
Web › API › MIDIInputMap
specifications specification status comment web midi api working draft initial definition.
MIDIMessageEvent - Web APIs
Web › API › MIDIMessageEvent
examples // printing all messages to console navigator.requestmidiaccess().then(midiaccess => { array.from(midiaccess.inputs).foreach(input => { input[1].onmidimessage = console.log; }) }); specifications specification status comment web midi apithe definition of 'midimessageevent' in that specification.
MIDIOutputMap - Web APIs
Web › API › MIDIOutputMap
specifications specification status comment web midi api working draft initial definition.
Magnetometer.Magnetometer() - Web APIs
Web › API › Magnetometer › Magnetometer
specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Magnetometer.x - Web APIs
Web › API › Magnetometer › x
let magsensor = new magnetometer({frequency: 60}); magsensor.addeventlistener('reading', e => { console.log("magnetic field along the x-axis " + magsensor.x); console.log("magnetic field along the y-axis " + magsensor.y); console.log("magnetic field along the z-axis " + magsensor.z); }); magsensor.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Magnetometer.y - Web APIs
Web › API › Magnetometer › y
let magsensor = new magnetometer({frequency: 60}); magsensor.addeventlistener('reading', e => { console.log("magnetic field along the x-axis " + magsensor.x); console.log("magnetic field along the y-axis " + magsensor.y); console.log("magnetic field along the z-axis " + magsensor.z); }); magsensor.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Magnetometer.z - Web APIs
Web › API › Magnetometer › z
let magsensor = new magnetometer({frequency: 60}); magsensor.addeventlistener('reading', e => { console.log("magnetic field along the x-axis " + magsensor.x); console.log("magnetic field along the y-axis " + magsensor.y); console.log("magnetic field along the z-axis " + magsensor.z); }); magsensor.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
Magnetometer - Web APIs
Web › API › Magnetometer
let magsensor = new magnetometer({frequency: 60}); magsensor.addeventlistener('reading', e => { console.log("magnetic field along the x-axis " + magsensor.x); console.log("magnetic field along the y-axis " + magsensor.y); console.log("magnetic field along the z-axis " + magsensor.z); }); magsensor.start(); specifications specification status comment generic sensor api candidate recommendation defines sensors in general.
MathMLElement - Web APIs
Web › API › MathMLElement
his interface has no methods, but inherits methods from: documentandelementeventhandlers, element, elementcssinlinestyle, globaleventhandlers, htmlorforeignelement examples mathml <math xmlns="http://www.w3.org/1998/math/mathml"> <msqrt> <mi>x</mi> </msqrt> </math> javascript document.queryselector('msqrt').constructor.name; // mathmlelement specifications specification status comment mathmlelement interface ...
MediaCapabilities.decodingInfo() - Web APIs
Web › API › MediaCapabilities › decodingInfo
'' : 'not ') + 'power efficient.') }); specifications specification status comment media capabilitiesthe definition of 'decodinginfo()' in that specification.
MediaCapabilities.encodingInfo() - Web APIs
Web › API › MediaCapabilities › encodingInfo
'' : 'not ') + 'power efficient.') }); specifications specification status comment media capabilitiesthe definition of 'encodinginfo()' in that specification.
MediaCapabilities - Web APIs
Web › API › MediaCapabilities
specifications specification status comment media capabilitiesthe definition of 'mediacapabilities' in that specification.
MediaCapabilitiesInfo - Web APIs
Web › API › MediaCapabilitiesInfo
}); specifications specification status comment media capabilitiesthe definition of 'mediacapabilitiesinfo' in that specification.
MediaConfiguration - Web APIs
Web › API › MediaConfiguration
} }; specifications specification status comment media capabilitiesthe definition of 'mediaconfiguration' in that specification.
MediaDecodingConfiguration - Web APIs
Web › API › MediaDecodingConfiguration
'' : 'not ') + 'supported.') }); specifications specification status comment media capabilitiesthe definition of 'mediadecodingconfiguration' in that specification.
MediaDeviceInfo.deviceId - Web APIs
Web › API › MediaDeviceInfo › deviceId
specifications specification status comment media capture and streamsthe definition of 'deviceid' in that specification.
MediaDeviceInfo.groupId - Web APIs
Web › API › MediaDeviceInfo › groupId
specifications specification status comment media capture and streamsthe definition of 'groupid' in that specification.
MediaDeviceInfo.kind - Web APIs
Web › API › MediaDeviceInfo › kind
specifications specification status comment media capture and streamsthe definition of 'kind' in that specification.
MediaDeviceInfo.label - Web APIs
Web › API › MediaDeviceInfo › label
specifications specification status comment media capture and streamsthe definition of 'label' in that specification.
MediaDeviceInfo - Web APIs
Web › API › MediaDeviceInfo
= or if one or more media streams are active, or if persistent permissions have been granted: videoinput: facetime hd camera (built-in) id=cso9c0ypaf274oucpua53cne0yhlir2yxci+sqfbzz8= audioinput: default (built-in microphone) id=rkxxbyjnabbadgqnnzqlvldmxls0yketycibg+xxnvm= audioinput: built-in microphone id=r2/xw1xupiyzunfv1lgrkoma5wtovckwfz368xcndm0= specifications specification status comment media capture and streamsthe definition of 'mediadevicesinfo' in that specification.
MediaDevices: devicechange event - Web APIs
Web › API › MediaDevices › devicechange event
event handler ondevicechange example you can use the devicechange event in an addeventlistener method: navigator.mediadevices.addeventlistener('devicechange', function(event) { updatedevicelist(); }); or use the ondevicechange event handler property: navigator.mediadevices.ondevicechange = function(event) { updatedevicelist(); } specifications specification status media capture and streamsthe definition of 'devicechange' in that specification.
MediaDevices.enumerateDevices() - Web APIs
Web › API › MediaDevices › enumerateDevices
z368xcndm0= or if one or more mediastreams are active or persistent permissions are granted: videoinput: facetime hd camera (built-in) id=cso9c0ypaf274oucpua53cne0yhlir2yxci+sqfbzz8= audioinput: default (built-in microphone) id=rkxxbyjnabbadgqnnzqlvldmxls0yketycibg+xxnvm= audioinput: built-in microphone id=r2/xw1xupiyzunfv1lgrkoma5wtovckwfz368xcndm0= specifications specification status comment media capture and streamsthe definition of 'mediadevices: enumeratedevices' in that specification.
MediaDevices.getDisplayMedia() - Web APIs
Web › API › MediaDevices › getDisplayMedia
specifications specification status comment screen capturethe definition of 'mediadevices.getdisplaymedia()' in that specification.
MediaDevices.getSupportedConstraints() - Web APIs
Web › API › MediaDevices › getSupportedConstraints
"constraintlist"); let supportedconstraints = navigator.mediadevices.getsupportedconstraints(); for (let constraint in supportedconstraints) { if (supportedconstraints.hasownproperty(constraint)) { let elem = document.createelement("li"); elem.innerhtml = "<code>" + constraint + "</code>"; constraintlist.appendchild(elem); } } result specifications specification status comment media capture and streamsthe definition of 'getsupportedconstraints()' in that specification.
MediaDevices.getUserMedia() - Web APIs
Web › API › MediaDevices › getUserMedia
"user" : "environment") } }; specifications specification status comment media capture and streamsthe definition of 'mediadevices.getusermedia()' in that specification.
MediaDevices.ondevicechange - Web APIs
Web › API › MediaDevices › ondevicechange
result specifications specification status comment media capture and streamsthe definition of 'ondevicechange' in that specification.
MediaDevices - Web APIs
Web › API › MediaDevices
o use your camera and ' + 'microphone, you need to allow the page access to your devices in ' + 'order for the demo to work.'); } errormsg('getusermedia error: ' + error.name, error); }); function errormsg(msg, error) { errorelement.innerhtml += '<p>' + msg + '</p>'; if (typeof error !== 'undefined') { console.error(error); } } specifications specification status comment media capture and streamsthe definition of 'mediadevices' in that specification.
MediaElementAudioSourceNode() - Web APIs
Web › API › MediaElementAudioSourceNode › MediaElementAudioSourceNode
example var ac = new audiocontext(); var mediaelement = document.createelement('audio'); var options = { mediaelement : mediaelement } var myaudiosource = new mediaelementaudiosourcenode(ac, options); specifications specification status comment web audio apithe definition of 'mediaelementaudiosourcenode' in that specification.
MediaElementAudioSourceNode.mediaElement - Web APIs
Web › API › MediaElementAudioSourceNode › mediaElement
examples const audioctx = new window.audiocontext(); const audioelem = document.queryselector('audio'); let options = { mediaelement: audioelem } let source = new mediaelementaudiosourcenode(audioctx, options); console.log(source.mediaelement); specifications specification status comment web audio apithe definition of 'mediaelementaudiosourcenode.mediaelement' in that specification.
MediaElementAudioSourceNode - Web APIs
Web › API › MediaElementAudioSourceNode
specification specification status comment web audio apithe definition of 'mediaelementaudiosourcenode' in that specification.
MediaEncodingConfiguration - Web APIs
Web › API › MediaEncodingConfiguration
'' : 'not ') + 'supported.') }); specifications specification status comment media capabilitiesthe definition of 'mediaencodingconfiguration' in that specification.
MediaError.code - Web APIs
Web › API › MediaError › code
the error handler simply outputs a message var obj = document.createelement('video'); obj.onerror = function() {console.log("error with media: " + obj.error.code);} obj.src="https://example.com/blahblah.mp4"; specifications specification status comment html living standardthe definition of 'mediaerror.code' in that specification.
MediaError.message - Web APIs
Web › API › MediaError › message
specifications specification status comment html living standardthe definition of 'mediaerror.message' in that specification.
MediaError - Web APIs
Web › API › MediaError
specifications specification status comment html living standardthe definition of 'mediaerror' in that specification.
MediaImage - Web APIs
Web › API › MediaImage
specifications specification status comment media session standardthe definition of 'mediaimage' in that specification.
message - Web APIs
Web › API › MediaKeyMessageEvent › message
syntax var messagetype = mediakeymessageevent.messagetype; specifications specification status comment encrypted media extensionsthe definition of 'message' in that specification.
MediaKeyMessageEvent.messageType - Web APIs
Web › API › MediaKeyMessageEvent › messageType
syntax var messagetype = mediakeymessageevent.messagetype; specifications specification status comment encrypted media extensionsthe definition of 'messagetype' in that specification.
MediaKeyMessageEvent - Web APIs
Web › API › MediaKeyMessageEvent
examples // tbd specifications specification status comment encrypted media extensionsthe definition of 'mediakeymessageevent' in that specification.
close() - Web APIs
Web › API › MediaKeySession › close
specifications specification status comment encrypted media extensionsthe definition of 'close()' in that specification.
MediaKeySession.closed - Web APIs
Web › API › MediaKeySession › closed
specifications specification status comment encrypted media extensionsthe definition of 'closed' in that specification.
expiration - Web APIs
Web › API › MediaKeySession › expiration
syntax ​var expirationtime = mediakeysessionobj.expiration; specifications specification status comment encrypted media extensionsthe definition of 'expiration' in that specification.
generateRequest() - Web APIs
Web › API › MediaKeySession › generateRequest
}); specifications specification status comment encrypted media extensionsthe definition of 'generaterequest()' in that specification.
load() - Web APIs
Web › API › MediaKeySession › load
specifications specification status comment encrypted media extensionsthe definition of 'load()' in that specification.
MediaKeySession.onmessage - Web APIs
Web › API › MediaKeySession › onmessage
} specifications specification status comment encrypted media extensionsthe definition of 'onmessage' in that specification.
remove() - Web APIs
Web › API › MediaKeySession › remove
specifications specification status comment encrypted media extensionsthe definition of 'remove()' in that specification.
sessionId - Web APIs
Web › API › MediaKeySession › sessionId
syntax ​var sessionid = mediakeysessionobj.sessionid; specifications specification status comment encrypted media extensionsthe definition of 'sessionid' in that specification.
update() - Web APIs
Web › API › MediaKeySession › update
specifications specification status comment encrypted media extensionsthe definition of 'update()' in that specification.
createMediaKeys() - Web APIs
Web › API › MediaKeySystemAccess › createMediaKeys
syntax var mediakeys = await mediakeysystemaccess.createmediakeys(); specifications specification status comment encrypted media extensionsthe definition of 'createmediakeys()' in that specification.
getConfiguration() - Web APIs
Web › API › MediaKeySystemAccess › getConfiguration
syntax var mediakeysystemconfiguration = mediakeysystemaccess.getconfiguration(); specifications specification status comment encrypted media extensionsthe definition of 'getconfiguration()' in that specification.
keySystem - Web APIs
Web › API › MediaKeySystemAccess › keySystem
syntax var keysystem = mediakeysystemaccess.keysystem; specifications specification status comment encrypted media extensionsthe definition of 'keysystem' in that specification.
MediaKeySystemAccess - Web APIs
Web › API › MediaKeySystemAccess
specifications specification status comment encrypted media extensionsthe definition of 'mediakeysystemaccess' in that specification.
audioCapabilities - Web APIs
Web › API › MediaKeySystemConfiguration › audioCapabilities
syntax var audiocapabilities[ {contenttype: 'contenttype', robustness:'robustness'}] = mediasystemconfiguration.audiocapabilities; specifications specification status comment encrypted media extensionsthe definition of 'audiocapabilities' in that specification.
distinctiveIdentifier - Web APIs
Web › API › MediaKeySystemConfiguration › distinctiveIdentifier
syntax var distinctiveidentifier = mediasystemconfiguration.distinctiveidentifier; specifications specification status comment encrypted media extensionsthe definition of 'distinctiveidentifier' in that specification.
initDataTypes - Web APIs
Web › API › MediaKeySystemConfiguration › initDataTypes
syntax var datatypes[] = mediasystemconfiguration.initdatatypes; specifications specification status comment encrypted media extensionsthe definition of 'initdatatypes' in that specification.
persistentState - Web APIs
Web › API › MediaKeySystemConfiguration › persistentState
syntax var persistentstate = mediasystemconfiguration.persistentstate; specifications specification status comment encrypted media extensionsthe definition of 'persistentstate' in that specification.
videoCapabilities - Web APIs
Web › API › MediaKeySystemConfiguration › videoCapabilities
syntax var videocapabilities[{contenttype: 'contenttype', robustness:'robustness'}] = mediasystemconfiguration.videocapabilities; specifications specification status comment encrypted media extensionsthe definition of 'videocapabilities' in that specification.
MediaKeySystemConfiguration - Web APIs
Web › API › MediaKeySystemConfiguration
specifications specification status comment encrypted media extensionsthe definition of 'mediakeysystemconfiguration' in that specification.
createSession() - Web APIs
Web › API › MediaKeys › createSession
syntax ​var mediakeysessionobject = mediakeys.createsession([mediakeysessiontype]); specifications specification status comment encrypted media extensionsthe definition of 'createsession()' in that specification.
setServerCertificate() - Web APIs
Web › API › MediaKeys › setServerCertificate
}); specifications specification status comment encrypted media extensionsthe definition of 'setservercertificate()' in that specification.
MediaKeys - Web APIs
Web › API › MediaKeys
examples //tbd specifications specification status comment encrypted media extensionsthe definition of 'mediakeys' in that specification.
MediaList.mediaText - Web APIs
Web › API › MediaList › mediaText
const stylesheets = document.stylesheets; let stylesheet = stylesheets[0]; console.log(stylesheet.media.mediatext); specifications specification status comment css object model (cssom)the definition of 'mediatext' in that specification.
MediaList - Web APIs
Web › API › MediaList
const stylesheets = document.stylesheets; let stylesheet = stylesheets[0]; console.log(stylesheet.media.mediatext); specifications specification status comment css object model (cssom)the definition of 'medialist' in that specification.
MediaMetadata.MediaMetadata() - Web APIs
Web › API › MediaMetadata › MediaMetadata
igator.mediasession.setactionhandler('pause', function() {}); navigator.mediasession.setactionhandler('seekbackward', function() {}); navigator.mediasession.setactionhandler('seekforward', function() {}); navigator.mediasession.setactionhandler('previoustrack', function() {}); navigator.mediasession.setactionhandler('nexttrack', function() {}); } specifications specification status comment media session standardthe definition of 'mediametadata()' in that specification.
MediaMetadata.album - Web APIs
Web › API › MediaMetadata › album
specifications specification status comment media session standardthe definition of 'album' in that specification.
MediaMetadata.artist - Web APIs
Web › API › MediaMetadata › artist
specifications specification status comment media session standardthe definition of 'artist' in that specification.
MediaMetadata.artwork - Web APIs
Web › API › MediaMetadata › artwork
specifications specification status comment media session standardthe definition of 'artwork' in that specification.
MediaMetadata.title - Web APIs
Web › API › MediaMetadata › title
specifications specification status comment media session standardthe definition of 'title' in that specification.
MediaMetadata - Web APIs
Web › API › MediaMetadata
specifications specification status comment media session standardthe definition of 'mediametadata' in that specification.
MediaPositionState.duration - Web APIs
Web › API › MediaPositionState › duration
let positionstate = { duration: infinity; playbackrate: 1.0; position: 0.0; }; navigator.mediasession.setpositionstate(positionstate); specifications specification status comment media session standardthe definition of 'mediapositionstate.duration' in that specification.
MediaPositionState.playbackRate - Web APIs
Web › API › MediaPositionState › playbackRate
specifications specification status comment media session standardthe definition of 'mediapositionstate.playbackrate' in that specification.
MediaPositionState.position - Web APIs
Web › API › MediaPositionState › position
let positioninterval = window.setinterval(() => { if (mymedia.isplaying) { navigator.mediasession.setpositionstate({ duration: mymedia.trackdurationinseconds, playbackrate: mymedia.playbackrate, position: mymedia.trackplaypositioninseconds }); } else { window.clearinterval(positioninterval); } }, 1000); specifications specification status comment media session standardthe definition of 'mediapositionstate.position' in that specification.
MediaPositionState - Web APIs
Web › API › MediaPositionState
specifications specification status comment media session standardthe definition of 'mediapositionstate' in that specification.
MediaQueryList.matches - Web APIs
Web › API › MediaQueryList › matches
ddmqlistener(mq, callback) { if (mq.addeventlistener) { mq.addeventlistener("change", callback); } else { mq.addlistener(callback); } } addmqlistener(window.matchmedia("(orientation:landscape)"), event => { if (event.matches) { /* now in landscape orientation */ } else { /* now in portrait orientation */ } } ); specifications specification status comment css object model (cssom) view modulethe definition of 'matches' in that specification.
MediaQueryList.media - Web APIs
Web › API › MediaQueryList › media
css .mq-value { font: 18px arial, sans-serif; font-weight: bold; color: #88f; padding: 0.4em; border: 1px solid #dde; } result specifications specification status comment css object model (cssom) view modulethe definition of 'media' in that specification.
MediaQueryList.removeListener() - Web APIs
Web › API › MediaQueryList › removeListener
e.'; document.body.style.backgroundcolor = 'red'; } else { /* the viewport is more than than 600 pixels wide */ para.textcontent = 'this is a wide screen — more than 600px wide.'; document.body.style.backgroundcolor = 'blue'; } } mql.addlistener(screentest); // later on, when it is no longer needed mql.removelistener(screentest); specifications specification status comment css object model (cssom) view modulethe definition of 'removelistener' in that specification.
MediaQueryListEvent.matches - Web APIs
Web › API › MediaQueryListEvent › matches
*/ para.textcontent = 'this is a narrow screen — less than 600px wide.'; document.body.style.backgroundcolor = 'red'; } else { /* the viewport is more than than 600 pixels wide */ para.textcontent = 'this is a wide screen — more than 600px wide.'; document.body.style.backgroundcolor = 'blue'; } } mql.addlistener(screentest); specifications specification status comment css object model (cssom) view modulethe definition of 'matches' in that specification.
MediaQueryListEvent.media - Web APIs
Web › API › MediaQueryListEvent › media
'this is a narrow screen — less than 600px wide.'; document.body.style.backgroundcolor = 'red'; } else { /* the viewport is more than than 600 pixels wide */ para.textcontent = 'this is a wide screen — more than 600px wide.'; document.body.style.backgroundcolor = 'blue'; } console.log(e.media); } mql.addlistener(screentest); specifications specification status comment css object model (cssom) view modulethe definition of 'media' in that specification.
MediaQueryListEvent - Web APIs
Web › API › MediaQueryListEvent
*/ para.textcontent = 'this is a narrow screen — less than 600px wide.'; document.body.style.backgroundcolor = 'red'; } else { /* the viewport is more than than 600 pixels wide */ para.textcontent = 'this is a wide screen — more than 600px wide.'; document.body.style.backgroundcolor = 'blue'; } } mql.addlistener(screentest); specifications specification status comment css object model (cssom) view modulethe definition of 'mediaquerylistevent' in that specification.
MediaQueryListListener - Web APIs
Web › API › MediaQueryListListener
specifications specification status comment css object model (cssom) view modulethe definition of 'mediaquerylistlistener' in that specification.
MediaRecorder() - Web APIs
Web › API › MediaRecorder › MediaRecorder
} } specifications specification status comment mediastream recording working draft initial definition ...
MediaRecorder.audioBitsPerSecond - Web APIs
Web › API › MediaRecorder › audioBitsPerSecond
specifications specification status comment mediastream recordingthe definition of 'audiobitspersecond' in that specification.
MediaRecorder: dataavailable event - Web APIs
Web › API › MediaRecorder › dataavailable event
specifications specification status mediastream recording working draft ...
MediaRecorder: error event - Web APIs
Web › API › MediaRecorder › error event
the same, but using the onerror event handler property: async function record() { const stream = await navigator.mediadevices.getusermedia({audio: true}); const recorder = new mediarecorder(stream); recorder.onerror = (event) => { console.error(`error recording stream: ${event.error.name}`) }; recorder.start(); } record(); specifications specification status mediastream recording working draft ...
MediaRecorder.isTypeSupported - Web APIs
Web › API › MediaRecorder › isTypeSupported
"maybe!" : "nope :(")); } specifications specification status comment mediastream recordingthe definition of 'istypesupported()' in that specification.
MediaRecorder.mimeType - Web APIs
Web › API › MediaRecorder › mimeType
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.mimetype' in that specification.
MediaRecorder.ondataavailable - Web APIs
Web › API › MediaRecorder › ondataavailable
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.ondataavailable' in that specification.
MediaRecorder.onerror - Web APIs
Web › API › MediaRecorder › onerror
break; default: shownotification("a problem occurred while trying " + "to record the video."); break; } }; /* this would be a good place to create a worker to handle writing the buffers to disk periodically */ recorder.start(100); /* 100ms time slices per buffer */ return recorder; } specifications specification status comment mediastream recordingthe definition of 'mediarecorder.onerror' in that specification.
MediaRecorder.onpause - Web APIs
Web › API › MediaRecorder › onpause
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.onpause' in that specification.
MediaRecorder.onresume - Web APIs
Web › API › MediaRecorder › onresume
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.onresume' in that specification.
MediaRecorder.onstart - Web APIs
Web › API › MediaRecorder › onstart
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.onstart' in that specification.
MediaRecorder.onstop - Web APIs
Web › API › MediaRecorder › onstop
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.onstop' in that specification.
MediaRecorder.pause() - Web APIs
Web › API › MediaRecorder › pause
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.pause()' in that specification.
MediaRecorder.requestData() - Web APIs
Web › API › MediaRecorder › requestData
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.requestdata()' in that specification.
MediaRecorder.resume() - Web APIs
Web › API › MediaRecorder › resume
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.resume()' in that specification.
MediaRecorder.start() - Web APIs
Web › API › MediaRecorder › start
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.start()' in that specification.
MediaRecorder.state - Web APIs
Web › API › MediaRecorder › state
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.state' in that specification.
MediaRecorder.stop() - Web APIs
Web › API › MediaRecorder › stop
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.stop()' in that specification.
MediaRecorder.stream - Web APIs
Web › API › MediaRecorder › stream
specifications specification status comment mediastream recordingthe definition of 'mediarecorder.stream' in that specification.
MediaRecorder.videoBitsPerSecond - Web APIs
Web › API › MediaRecorder › videoBitsPerSecond
example // tbd specifications specification status comment mediastream recordingthe definition of 'videobitspersecond' in that specification.
MediaRecorder - Web APIs
Web › API › MediaRecorder
specifications specification status comment mediastream recording working draft initial definition ...
MediaRecorderErrorEvent() - Web APIs
Web › API › MediaRecorderErrorEvent › MediaRecorderErrorEvent
specifications specification status comment mediastream recordingthe definition of 'mediarecordererrorevent()' in that specification.
MediaRecorderErrorEvent.error - Web APIs
Web › API › MediaRecorderErrorEvent › error
ew mediarecorder(stream); } catch(err) { /* exception while trying to create the recorder; handle that */ } recorder.ondataavailable = function(event) { bufferlist.push(event.data); }; recorder.onerror = function(event) { let error = event.error; }; recorder.start(100); /* 100ms time slices per buffer */ return recorder; } specifications specification status comment mediastream recordingthe definition of 'mediarecordererrorevent.error' in that specification.
MediaRecorderErrorEvent - Web APIs
Web › API › MediaRecorderErrorEvent
specifications specification status comment mediastream recordingthe definition of 'mediarecordererrorevent' in that specification.
MediaSession.metadata - Web APIs
Web › API › MediaSession › metadata
igator.mediasession.setactionhandler('pause', function() {}); navigator.mediasession.setactionhandler('seekbackward', function() {}); navigator.mediasession.setactionhandler('seekforward', function() {}); navigator.mediasession.setactionhandler('previoustrack', function() {}); navigator.mediasession.setactionhandler('nexttrack', function() {}); } specifications specification status comment media session standardthe definition of 'mediasession.metadata' in that specification.
MediaSession.playbackState - Web APIs
Web › API › MediaSession › playbackState
= document.queryselector("#player"); audio.src = "song.mp3"; navigator.mediasession.setactionhandler('play', play); navigator.mediasession.setactionhandler('pause', pause); function play() { audio.play(); navigator.mediasession.playbackstate = "playing"; } function pause() { audio.pause(); navigator.mediasession.playbackstate = "paused"; } specifications specification status comment media session standardthe definition of 'playbackstate' in that specification.
MediaSession.setActionHandler() - Web APIs
Web › API › MediaSession › setActionHandler
specifications specification status comment media session standardthe definition of 'media session action types' in that specification.
MediaSession.setPositionState() - Web APIs
Web › API › MediaSession › setPositionState
let positioninterval = window.setinterval(() => { if (mymedia.isplaying) { navigator.mediasession.setpositionstate({ duration: mymedia.trackdurationinseconds, playbackrate: mymedia.playbackrate, position: mymedia.trackplaypositioninseconds }); } else { window.clearinterval(positioninterval); } }, 1000); specifications specification status comment media session standardthe definition of 'mediasession.setpositionstate()' in that specification.
MediaSession - Web APIs
Web › API › MediaSession
dio = document.queryselector("#player"); audio.src = "song.mp3"; navigator.mediasession.setactionhandler('play', play); navigator.mediasession.setactionhandler('pause', pause); function play() { audio.play(); navigator.mediasession.playbackstate = "playing"; } function pause() { audio.pause(); navigator.mediasession.playbackstate = "paused"; } specifications specification status comment media session standardthe definition of 'mediasession' in that specification.
Media Session action types - Web APIs
Web › API › MediaSessionAction
specifications specification status comment media session standardthe definition of 'media session action types' in that specification.
MediaSessionActionDetails.action - Web APIs
Web › API › MediaSessionActionDetails › action
specifications specification status comment media session standardthe definition of 'mediasessionactiondetails.action' in that specification.
MediaSessionActionDetails.fastSeek - Web APIs
Web › API › MediaSessionActionDetails › fastSeek
specifications specification status comment media session standardthe definition of 'mediasessionactiondetails.fastseek' in that specification.
MediaSessionActionDetails.seekOffset - Web APIs
Web › API › MediaSessionActionDetails › seekOffset
specifications specification status comment media session standardthe definition of 'mediasessionactiondetails.seekoffset' in that specification.
MediaSessionActionDetails.seekTime - Web APIs
Web › API › MediaSessionActionDetails › seekTime
specifications specification status comment media session standardthe definition of 'mediasessionactiondetails.seektime' in that specification.
MediaSessionActionDetails - Web APIs
Web › API › MediaSessionActionDetails
specifications specification status comment media session standardthe definition of 'media session action types' in that specification.
MediaSettingsRange.max - Web APIs
Web › API › MediaSettingsRange › max
specifications specification status comment mediastream image capturethe definition of 'max' in that specification.
MediaSettingsRange.min - Web APIs
Web › API › MediaSettingsRange › min
specifications specification status comment mediastream image capturethe definition of 'min' in that specification.
MediaSettingsRange.step - Web APIs
Web › API › MediaSettingsRange › step
specifications specification status comment mediastream image capturethe definition of 'step' in that specification.
MediaSettingsRange - Web APIs
Web › API › MediaSettingsRange
imagecapture.track.getsettings(); input.min = photocapabilities.imagewidth.min; input.max = photocapabilities.imagewidth.max; input.step = photocapabilities.imagewidth.step; return imagecapture.getphotosettings(); }) .then(photosettings => { input.value = photosettings.imagewidth; }) .catch(error => console.log('argh!', error.name || error)); specifications specification status comment mediastream image capturethe definition of 'mediasettingsrange' in that specification.
MediaSource.activeSourceBuffers - Web APIs
Web › API › MediaSource › activeSourceBuffers
specifications specification status comment media source extensionsthe definition of 'activesourcebuffers' in that specification.
MediaSource.addSourceBuffer() - Web APIs
Web › API › MediaSource › addSourceBuffer
); // open var mediasource = this; var sourcebuffer = mediasource.addsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); video.play(); //console.log(mediasource.readystate); // ended }); sourcebuffer.appendbuffer(buf); }); }; specifications specification status comment media source extensionsthe definition of 'addsourcebuffer()' in that specification.
MediaSource.clearLiveSeekableRange() - Web APIs
Web › API › MediaSource › clearLiveSeekableRange
return value undefined specifications specification status comment media source extensionsthe definition of 'clearliveseekablerange()' in that specification.
MediaSource.duration - Web APIs
Web › API › MediaSource › duration
specifications specification status comment media source extensionsthe definition of 'duration' in that specification.
MediaSource.endOfStream() - Web APIs
Web › API › MediaSource › endOfStream
); // open var mediasource = this; var sourcebuffer = mediasource.addsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); video.play(); //console.log(mediasource.readystate); // ended }); sourcebuffer.appendbuffer(buf); }); }; specifications specification status comment media source extensionsthe definition of 'endofstream()' in that specification.
MediaSource.isTypeSupported() - Web APIs
Web › API › MediaSource › isTypeSupported
); // open var mediasource = this; var sourcebuffer = mediasource.addsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); video.play(); //console.log(mediasource.readystate); // ended }); sourcebuffer.appendbuffer(buf); }); }; specifications specification status comment media source extensionsthe definition of 'istypesupported()' in that specification.
MediaSource.readyState - Web APIs
Web › API › MediaSource › readyState
); // open var mediasource = this; var sourcebuffer = mediasource.addsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); video.play(); //console.log(mediasource.readystate); // ended }); sourcebuffer.appendbuffer(buf); }); }; specifications specification status comment media source extensionsthe definition of 'readystate' in that specification.
MediaSource.removeSourceBuffer() - Web APIs
Web › API › MediaSource › removeSourceBuffer
examples for (i = 0; i < 10; i++) { var sourcebuffer = mediasource.addsourcebuffer(mimecodec); } mediasource.removesourcebuffer(mediasource.sourcebuffers[0]); specifications specification status comment media source extensionsthe definition of 'removesourcebuffer()' in that specification.
MediaSource.setLiveSeekableRange() - Web APIs
Web › API › MediaSource › setLiveSeekableRange
return value undefined example // tbd specifications specification status comment media source extensionsthe definition of 'setliveseekablerange()' in that specification.
MediaSource.sourceBuffers - Web APIs
Web › API › MediaSource › sourceBuffers
specifications specification status comment media source extensionsthe definition of 'sourcebuffers' in that specification.
MediaSource - Web APIs
Web › API › MediaSource
endofstream(); video.play(); //console.log(mediasource.readystate); // ended }); sourcebuffer.appendbuffer(buf); }); }; function fetchab (url, cb) { console.log(url); var xhr = new xmlhttprequest; xhr.open('get', url); xhr.responsetype = 'arraybuffer'; xhr.onload = function () { cb(xhr.response); }; xhr.send(); }; specifications specification status comment media source extensionsthe definition of 'mediasource' in that specification.
MediaStream() - Web APIs
Web › API › MediaStream › MediaStream
specifications specification status comment media capture and streamsthe definition of 'mediastream' in that specification.
active - Web APIs
Web › API › MediaStream › active
var promise = navigator.mediadevices.getusermedia({ audio: true, video: true }); promise.then(function(stream) { var startbtn = document.queryselector('#startbtn'); startbtn.disabled = stream.active; };) specifications specification status comment media capture and streamsthe definition of 'active' in that specification.
MediaStream.addTrack() - Web APIs
Web › API › MediaStream › addTrack
return value undefined example specifications specification status comment media capture and streamsthe definition of 'addtrack()' in that specification.
MediaStream: addtrack event - Web APIs
Web › API › MediaStream › addtrack event
ck examples using addeventlistener(): let stream = new mediastream(); stream.addeventlistener('addtrack', (event) => { console.log(`new ${event.track.kind} track added`); }); using the onaddtrack event handler property: let stream = new mediastream(); stream.onaddtrack = (event) => { console.log(`new ${event.track.kind} track added`); }; specifications specification status media capture and streamsthe definition of 'addtrack' in that specification.
MediaStream.clone() - Web APIs
Web › API › MediaStream › clone
specifications specification status comment media capture and streamsthe definition of 'mediastream.clone()' in that specification.
MediaStream.getAudioTracks() - Web APIs
Web › API › MediaStream › getAudioTracks
navigator.mediadevices.getusermedia({audio: true, video: true}) .then(mediastream => { document.queryselector('video').srcobject = mediastream; // stop the audio stream after 5 seconds settimeout(() => { const tracks = mediastream.getaudiotracks() tracks[0].stop() }, 5000) }) specifications specification status comment media capture and streamsthe definition of 'getaudiotracks()' in that specification.
MediaStream.getTrackById() - Web APIs
Web › API › MediaStream › getTrackById
stream.gettrackbyid("primary-audio-track").applyconstraints({ volume: 0.5 }); stream.gettrackbyid("commentary-track").enabled = true; specifications specification status comment media capture and streamsthe definition of 'gettrackbyid()' in that specification.
MediaStream.getTracks() - Web APIs
Web › API › MediaStream › getTracks
example navigator.mediadevices.getusermedia({audio: false, video: true}) .then(mediastream => { document.queryselector('video').srcobject = mediastream; // stop the stream after 5 seconds settimeout(() => { const tracks = mediastream.gettracks() tracks[0].stop() }, 5000) }) specifications specification status comment media capture and streamsthe definition of 'gettracks()' in that specification.
MediaStream.getVideoTracks() - Web APIs
Web › API › MediaStream › getVideoTracks
var imagecapture; navigator.mediadevices.getusermedia({video: true}) .then(mediastream => { document.queryselector('video').srcobject = mediastream; const track = mediastream.getvideotracks()[0]; imagecapture = new imagecapture(track); return imagecapture.getphotocapabilities(); }) specifications specification status comment media capture and streamsthe definition of 'getvideotracks()' in that specification.
MediaStream.id - Web APIs
Web › API › MediaStream › id
syntax var id = mediastream.id; example var p = navigator.mediadevices.getusermedia({ audio: true, video: true }); p.then(function(stream) { console.log(stream.id); }) specifications specification status comment media capture and streamsthe definition of 'mediastream.id' in that specification.
MediaStream.onaddtrack - Web APIs
Web › API › MediaStream › onaddtrack
stream.onaddtrack = function(event) { let tracklist = document.getelementbyid("tracks"); let label = document.createelement("li"); label.innerhtml = event.track.kind + ": " + event.track.label; tracklist.appendchild(label); }; specifications specification status comment media capture and streamsthe definition of 'mediastream.onaddtrack' in that specification.
MediaStream.onremovetrack - Web APIs
Web › API › MediaStream › onremovetrack
stream.onremovetrack = function(event) { let tracklist = document.getelementbyid("tracks"); let label = document.createelement("li"); label.innerhtml = "removed: " + event.track.kind + ": " + event.track.label; tracklist.appendchild(label); }; specifications specification status comment media capture and streamsthe definition of 'mediastream.onremovetrack' in that specification.
MediaStream: removetrack event - Web APIs
Web › API › MediaStream › removetrack event
examples using addeventlistener(): let stream = new mediastream(); stream.addeventlistener('removetrack', (event) => { console.log(`${event.track.kind} track removed`); }); using the onremovetrack event handler property: let stream = new mediastream(); stream.onremovetrack = (event) => { console.log(`${event.track.kind} track removed`); }; specifications specification status media capture and streamsthe definition of 'removetrack' in that specification.
MediaStream - Web APIs
Web › API › MediaStream
specifications specification status comment media capture and streamsthe definition of 'mediastream' in that specification.
MediaStreamAudioDestinationNode.MediaStreamAudioDestinationNode() - Web APIs
Web › API › MediaStreamAudioDestinationNode › MediaStreamAudioDestinationNode
example var ac = new audiocontext(); var mydestination = new mediastreamaudiodestinationnode(ac); specifications specification status comment web audio apithe definition of 'mediastreamaudiodestinationnode' in that specification.
MediaStreamAudioDestinationNode.stream - Web APIs
Web › API › MediaStreamAudioDestinationNode › stream
example specifications specification status comment web audio apithe definition of 'stream' in that specification.
MediaStreamAudioDestinationNode - Web APIs
Web › API › MediaStreamAudioDestinationNode
example specification specification status comment web audio apithe definition of 'mediastreamaudiodestinationnode' in that specification.
MediaStreamAudioSourceNode() - Web APIs
Web › API › MediaStreamAudioSourceNode › MediaStreamAudioSourceNode
var options = { mediastream : stream } var source = new mediastreamaudiosourcenode(audioctx, options); source.connect(audioctx.destination); }).catch(function(err) { console.log('the following gum error occured: ' + err); }); } else { console.log('new getusermedia not supported on your browser!'); } specifications specification status comment web audio apithe definition of 'mediastreamaudiosourcenode()' in that specification.
MediaStreamAudioSourceNode.mediaStream - Web APIs
Web › API › MediaStreamAudioSourceNode › mediaStream
examples const audioctx = new window.audiocontext(); let options = { mediastream : stream } let source = new mediastreamaudiosourcenode(audioctx, options); console.log(source.mediastream); specifications specification status comment web audio apithe definition of 'mediastreamaudiosourcenode.mediastream' in that specification.
MediaStreamAudioSourceNode - Web APIs
Web › API › MediaStreamAudioSourceNode
specification specification status comment web audio apithe definition of 'mediastreamaudiosourcenode' in that specification.
MediaStreamAudioSourceOptions.mediaStream - Web APIs
Web › API › MediaStreamAudioSourceOptions › mediaStream
example specifications specification status comment web audio apithe definition of 'mediastreamaudiosourceoptions.mediastream' in that specification.
MediaStreamAudioSourceOptions - Web APIs
Web › API › MediaStreamAudioSourceOptions
specifications specification status comment web audio apithe definition of 'mediastreamaudiosourceoptions' in that specification.
MediaStreamConstraints.audio - Web APIs
Web › API › MediaStreamConstraints › audio
result specifications specification status comment media capture and streamsthe definition of 'mediastreamconstraints.audio' in that specification.
MediaStreamConstraints.video - Web APIs
Web › API › MediaStreamConstraints › video
result specifications specification status comment media capture and streamsthe definition of 'mediastreamconstraints.video' in that specification.
MediaStreamTrack.applyConstraints() - Web APIs
Web › API › MediaStreamTrack › applyConstraints
}); }); specifications specification status comment media capture and streamsthe definition of 'applyconstraints()' in that specification.
MediaStreamTrack.clone() - Web APIs
Web › API › MediaStreamTrack › clone
specifications specification status comment media capture and streamsthe definition of 'clone()' in that specification.
MediaStreamTrack.enabled - Web APIs
Web › API › MediaStreamTrack › enabled
specifications specification status comment media capture and streamsthe definition of 'enabled' in that specification.
MediaStreamTrack: ended event - Web APIs
Web › API › MediaStreamTrack › ended event
track.addeventlistener('ended', () => { let statuselem = document.getelementbyid("status-icon"); statuselem.src = "/images/stopped-icon.png"; }) you can also set up the event handler using the mediastreamtrack.onended property: track.onended = function() { let statuselem = document.getelementbyid("status-icon"); statuselem.src = "/images/stopped-icon.png"; } specifications specification status comment media ...
MediaStreamTrack.getCapabilities() - Web APIs
Web › API › MediaStreamTrack › getCapabilities
specifications specification status comment media capture and streamsthe definition of 'getcapabilities()' in that specification.
MediaStreamTrack.getConstraints() - Web APIs
Web › API › MediaStreamTrack › getConstraints
function switchcameras(track, camera) { const constraints = track.getconstraints(); constraints.facingmode = camera; track.applyconstraints(constraints); } specifications specification status comment media capture and streamsthe definition of 'getconstraints()' in that specification.
MediaStreamTrack.getSettings() - Web APIs
Web › API › MediaStreamTrack › getSettings
specifications specification status comment media capture and streamsthe definition of 'getsettings()' in that specification.
MediaStreamTrack.id - Web APIs
Web › API › MediaStreamTrack › id
syntax const id = track.id specifications specification status comment media capture and streamsthe definition of 'mediastreamtrack.id' in that specification.
MediaStreamTrack.kind - Web APIs
Web › API › MediaStreamTrack › kind
specifications specification status comment media capture and streamsthe definition of 'mediastreamtrack.kind' in that specification.
MediaStreamTrack.label - Web APIs
Web › API › MediaStreamTrack › label
syntax const label = track.label specifications specification status comment media capture and streamsthe definition of 'mediastreamtrack.label' in that specification.
MediaStreamTrack: mute event - Web APIs
Web › API › MediaStreamTrack › mute event
the following example shows this: musictrack.onmute = event => { document.getelementbyid("timeline-widget").style.backgroundcolor = "#aaa"; } musictrack.mute = event = > { document.getelementbyid("timeline-widget").style.backgroundcolor = "#fff"; } specifications specification status comment media capture and streamsthe definition of 'mute' in that specification.
MediaStreamTrack.onended - Web APIs
Web › API › MediaStreamTrack › onended
track.onended = function(event) { let statuselem = document.getelementbyid("status-icon"); statuselem.src = "/images/stopped-icon.png"; } specifications specification status comment media capture and streamsthe definition of 'mediastreamtrack.onended' in that specification.
MediaStreamTrack.onmute - Web APIs
Web › API › MediaStreamTrack › onmute
mytrack.onmute = function(evt) { playstateicon.innerhtml = "&#1f507;"; }; specifications specification status comment media capture and streamsthe definition of 'mediastreamtrack.onmute' in that specification.
MediaStreamTrack.onunmute - Web APIs
Web › API › MediaStreamTrack › onunmute
mytrack.onunmute = function(evt) { playstateicon.innerhtml = "&#x1f508;"; }; specifications specification status comment media capture and streamsthe definition of 'mediastreamtrack.onunmute' in that specification.
MediaStreamTrack.stop() - Web APIs
Web › API › MediaStreamTrack › stop
specifications specification status comment media capture and streamsthe definition of 'mediastreamtrack.stop()' in that specification.
MediaStreamTrack: unmute event - Web APIs
Web › API › MediaStreamTrack › unmute event
the following example shows this: musictrack.onmute = event => { document.getelementbyid("timeline-widget").style.backgroundcolor = "#aaa"; } musictrack.mute = event = > { document.getelementbyid("timeline-widget").style.backgroundcolor = "#fff"; } specifications specification status comment media capture and streamsthe definition of 'unmute' in that specification.
MediaStreamTrackAudioSourceNode() - Web APIs
Web › API › MediaStreamTrackAudioSourceNode › MediaStreamTrackAudioSourceNode
mediastreamtrack: stream.getaudiotracks()[0]; } let source = new mediastreamtrackaudiosourcenode(audioctx, options); source.connect(audioctx.destination); }).catch(function(err) { console.log('the following gum error occured: ' + err); }); } else { console.log('new getusermedia not supported on your browser!'); } specifications specification status comment web audio apithe definition of 'mediastreamtrackaudiosourcenode()' in that specification.
MediaStreamTrackAudioSourceNode - Web APIs
Web › API › MediaStreamTrackAudioSourceNode
specification specification status comment web audio apithe definition of 'mediastreamtrackaudiosourcenode' in that specification.
MediaStreamTrackAudioSourceOptions.mediaStreamTrack - Web APIs
Web › API › MediaStreamTrackAudioSourceOptions › mediaStreamTrack
mediastreamtrack: stream.getaudiotracks()[0]; } let source = new mediastreamtrackaudiosourcenode(audioctx, options); source.connect(audioctx.destination); }).catch(function(err) { console.log('the following gum error occured: ' + err); }); } else { console.log('new getusermedia not supported on your browser!'); } specifications specification status comment web audio apithe definition of 'mediastreamtrackaudiosourceoptions.mediastream' in that specification.
MediaStreamTrackAudioSourceOptions - Web APIs
Web › API › MediaStreamTrackAudioSourceOptions
specifications specification status comment web audio apithe definition of 'mediastreamtrackaudiosourceoptions' in that specification.
MediaStreamTrackEvent() - Web APIs
Web › API › MediaStreamTrackEvent › MediaStreamTrackEvent
specifications specification status comment media capture and streamsthe definition of 'mediastreamtrackevent()' in that specification.
MediaStreamTrackEvent - Web APIs
Web › API › MediaStreamTrackEvent
specifications specification status comment media capture and streamsthe definition of 'mediastreamtrackevent' in that specification.
MediaStream Image Capture API - Web APIs
Web › API › MediaStream Image Capture API
specifications specification status comment mediastream image capture working draft initial definition.
Using the MediaStream Recording API - Web APIs
Web › API › MediaStream Recording API › Using the MediaStream Recording API
specifications specification status comment mediastream recording working draft initial definition ...
MediaTrackConstraints.aspectRatio - Web APIs
Web › API › MediaTrackConstraints › aspectRatio
specifications specification status comment media capture and streamsthe definition of 'aspectratio' in that specification.
MediaTrackConstraints.autoGainControl - Web APIs
Web › API › MediaTrackConstraints › autoGainControl
specifications specification status comment media capture and streamsthe definition of 'autogaincontrol' in that specification.
MediaTrackConstraints.channelCount - Web APIs
Web › API › MediaTrackConstraints › channelCount
specifications specification status comment media capture and streamsthe definition of 'channelcount' in that specification.
MediaTrackConstraints.cursor - Web APIs
Web › API › MediaTrackConstraints › cursor
let displaymediaoptions = { cursor: { exact: "none" } }; specifications specification status comment screen capturethe definition of 'mediatrackconstraints.cursor' in that specification.
MediaTrackConstraints.deviceId - Web APIs
Web › API › MediaTrackConstraints › deviceId
specifications specification status comment media capture and streamsthe definition of 'deviceid' in that specification.
MediaTrackConstraints.displaySurface - Web APIs
Web › API › MediaTrackConstraints › displaySurface
tbd specifications specification status comment screen capturethe definition of 'mediatrackconstraints.displaysurface' in that specification.
MediaTrackConstraints.echoCancellation - Web APIs
Web › API › MediaTrackConstraints › echoCancellation
specifications specification status comment media capture and streamsthe definition of 'echocancellation' in that specification.
MediaTrackConstraints.facingMode - Web APIs
Web › API › MediaTrackConstraints › facingMode
specifications specification status comment media capture and streamsthe definition of 'facingmode' in that specification.
MediaTrackConstraints.frameRate - Web APIs
Web › API › MediaTrackConstraints › frameRate
specifications specification status comment media capture and streamsthe definition of 'framerate' in that specification.
MediaTrackConstraints.groupId - Web APIs
Web › API › MediaTrackConstraints › groupId
specifications specification status comment media capture and streamsthe definition of 'groupid' in that specification.
MediaTrackConstraints.height - Web APIs
Web › API › MediaTrackConstraints › height
specifications specification status comment media capture and streamsthe definition of 'height' in that specification.
MediaTrackConstraints.latency - Web APIs
Web › API › MediaTrackConstraints › latency
specifications specification status comment media capture and streamsthe definition of 'latency' in that specification.
MediaTrackConstraints.logicalSurface - Web APIs
Web › API › MediaTrackConstraints › logicalSurface
specifications specification status comment screen capturethe definition of 'mediatrackconstraints.logicalsurface' in that specification.
MediaTrackConstraints.noiseSuppression - Web APIs
Web › API › MediaTrackConstraints › noiseSuppression
specifications specification status comment media capture and streamsthe definition of 'noisesuppression' in that specification.
MediaTrackConstraints.sampleRate - Web APIs
Web › API › MediaTrackConstraints › sampleRate
specifications specification status comment media capture and streamsthe definition of 'samplerate' in that specification.
MediaTrackConstraints.sampleSize - Web APIs
Web › API › MediaTrackConstraints › sampleSize
specifications specification status comment media capture and streamsthe definition of 'samplesize' in that specification.
MediaTrackConstraints.width - Web APIs
Web › API › MediaTrackConstraints › width
specifications specification status comment media capture and streamsthe definition of 'width' in that specification.
MediaTrackConstraints - Web APIs
Web › API › MediaTrackConstraints
specifications specification status comment media capture and streams candidate recommendation initial definition.
MediaTrackSettings.aspectRatio - Web APIs
Web › API › MediaTrackSettings › aspectRatio
specifications specification status comment media capture and streamsthe definition of 'aspectratio' in that specification.
MediaTrackSettings.autoGainControl - Web APIs
Web › API › MediaTrackSettings › autoGainControl
specifications specification status comment media capture and streamsthe definition of 'autogaincontrol' in that specification.
MediaTrackSettings.channelCount - Web APIs
Web › API › MediaTrackSettings › channelCount
specifications specification status comment media capture and streamsthe definition of 'channelcount' in that specification.
MediaTrackSettings.cursor - Web APIs
Web › API › MediaTrackSettings › cursor
specifications specification status comment screen capturethe definition of 'mediatracksettings.cursor' in that specification.
MediaTrackSettings.deviceId - Web APIs
Web › API › MediaTrackSettings › deviceId
specifications specification status comment media capture and streamsthe definition of 'deviceid' in that specification.
MediaTrackSettings.displaySurface - Web APIs
Web › API › MediaTrackSettings › displaySurface
specifications specification status comment screen capturethe definition of 'mediatracksettings.displaysurface' in that specification.
MediaTrackSettings.echoCancellation - Web APIs
Web › API › MediaTrackSettings › echoCancellation
specifications specification status comment media capture and streamsthe definition of 'echocancellation' in that specification.
MediaTrackSettings.facingMode - Web APIs
Web › API › MediaTrackSettings › facingMode
specifications specification status comment media capture and streamsthe definition of 'facingmode' in that specification.
MediaTrackSettings.frameRate - Web APIs
Web › API › MediaTrackSettings › frameRate
specifications specification status comment media capture and streamsthe definition of 'framerate' in that specification.
MediaTrackSettings.groupId - Web APIs
Web › API › MediaTrackSettings › groupId
specifications specification status comment media capture and streamsthe definition of 'groupid' in that specification.
MediaTrackSettings.height - Web APIs
Web › API › MediaTrackSettings › height
specifications specification status comment media capture and streamsthe definition of 'height' in that specification.
MediaTrackSettings.latency - Web APIs
Web › API › MediaTrackSettings › latency
specifications specification status comment media capture and streamsthe definition of 'latency' in that specification.
MediaTrackSettings.logicalSurface - Web APIs
Web › API › MediaTrackSettings › logicalSurface
specifications specification status comment screen capturethe definition of 'mediatracksettings.logicalsurface' in that specification.
MediaTrackSettings.noiseSuppression - Web APIs
Web › API › MediaTrackSettings › noiseSuppression
specifications specification status comment media capture and streamsthe definition of 'noisesuppression' in that specification.
MediaTrackSettings.sampleRate - Web APIs
Web › API › MediaTrackSettings › sampleRate
specifications specification status comment media capture and streamsthe definition of 'samplerate' in that specification.
MediaTrackSettings.sampleSize - Web APIs
Web › API › MediaTrackSettings › sampleSize
specifications specification status comment media capture and streamsthe definition of 'samplesize' in that specification.
MediaTrackSettings.width - Web APIs
Web › API › MediaTrackSettings › width
specifications specification status comment media capture and streamsthe definition of 'width' in that specification.
MediaTrackSettings - Web APIs
Web › API › MediaTrackSettings
specifications specification status comment screen capturethe definition of 'mediatracksettings' in that specification.
MediaTrackSupportedConstraints.aspectRatio - Web APIs
Web › API › MediaTrackSupportedConstraints › aspectRatio
example html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().aspectratio) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'aspectratio' in that specification.
MediaTrackSupportedConstraints.autoGainControl - Web APIs
Web › API › MediaTrackSupportedConstraints › autoGainControl
html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().autogaincontrol) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'autogaincontrol' in that specification.
MediaTrackSupportedConstraints.channelCount - Web APIs
Web › API › MediaTrackSupportedConstraints › channelCount
example html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().channelcount) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'channelcount' in that specification.
MediaTrackSupportedConstraints.cursor - Web APIs
Web › API › MediaTrackSupportedConstraints › cursor
ints(); let displaymediaoptions = { video: { displaysurface: "browser" }, audio: false; }; if (supportedconstraints.cursor) { displaymediaoptions.video.cursor = "always"; } try { videoelem.srcobject = await navigator.mediadevices.getdisplaymedia(displaymediaoptions); } catch(err) { /* handle the error */ } } specifications specification status comment screen capturethe definition of 'mediatracksupportedconstraints.cursor' in that specification.
MediaTrackSupportedConstraints.deviceId - Web APIs
Web › API › MediaTrackSupportedConstraints › deviceId
example html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().deviceid) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'deviceid' in that specification.
MediaTrackSupportedConstraints.displaySurface - Web APIs
Web › API › MediaTrackSupportedConstraints › displaySurface
upportedconstraints(); let displaymediaoptions = { video: { }, audio: false; }; if (supportedconstraints.displaysurface) { displaymediaoptions.video.displaysurface = "monitor"; } try { videoelem.srcobject = await navigator.mediadevices.getdisplaymedia(displaymediaoptions); } catch(err) { /* handle the error */ } } specifications specification status comment screen capturethe definition of 'mediatracksupportedconstraints.displaysurface' in that specification.
MediaTrackSupportedConstraints.echoCancellation - Web APIs
Web › API › MediaTrackSupportedConstraints › echoCancellation
example html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().echocancellation) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'echocancellation' in that specification.
MediaTrackSupportedConstraints.facingMode - Web APIs
Web › API › MediaTrackSupportedConstraints › facingMode
example html <div id="result"> </div> css #result { font: 14px "arial", sans-serif; } javascript let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().facingmode) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'facingmode' in that specification.
MediaTrackSupportedConstraints.frameRate - Web APIs
Web › API › MediaTrackSupportedConstraints › frameRate
specifications specification status comment media capture and streamsthe definition of 'framerate' in that specification.
MediaTrackSupportedConstraints.groupId - Web APIs
Web › API › MediaTrackSupportedConstraints › groupId
example html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().groupid) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'groupid' in that specification.
MediaTrackSupportedConstraints.height - Web APIs
Web › API › MediaTrackSupportedConstraints › height
example html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().height) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'height' in that specification.
MediaTrackSupportedConstraints.latency - Web APIs
Web › API › MediaTrackSupportedConstraints › latency
example html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().latency) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'latency' in that specification.
MediaTrackSupportedConstraints.logicalSurface - Web APIs
Web › API › MediaTrackSupportedConstraints › logicalSurface
upportedconstraints(); let displaymediaoptions = { video: { }, audio: false; }; if (supportedconstraints.logicalsurface) { displaymediaoptions.video.logicalsurface = "monitor"; } try { videoelem.srcobject = await navigator.mediadevices.getdisplaymedia(displaymediaoptions); } catch(err) { /* handle the error */ } } specifications specification status comment screen capturethe definition of 'mediatracksupportedconstraints.logicalsurface' in that specification.
MediaTrackSupportedConstraints.noiseSuppression - Web APIs
Web › API › MediaTrackSupportedConstraints › noiseSuppression
html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().noisesuppression) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'noisesuppression' in that specification.
MediaTrackSupportedConstraints.sampleRate - Web APIs
Web › API › MediaTrackSupportedConstraints › sampleRate
example html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().samplerate) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'samplerate' in that specification.
MediaTrackSupportedConstraints.sampleSize - Web APIs
Web › API › MediaTrackSupportedConstraints › sampleSize
example html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().samplesize) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'samplesize' in that specification.
MediaTrackSupportedConstraints.width - Web APIs
Web › API › MediaTrackSupportedConstraints › width
example html content <div id="result"> </div> css content #result { font: 14px "arial", sans-serif; } javascript content let result = document.getelementbyid("result"); if (navigator.mediadevices.getsupportedconstraints().width) { result.innerhtml = "supported!"; } else { result.innerhtml = "not supported!"; } result specifications specification status comment media capture and streamsthe definition of 'width' in that specification.
Media Capabilities API - Web APIs
Web › API › Media Capabilities API
specifications specification status comment media capabilities draft initial definition ...
Media Session API - Web APIs
Web › API › Media Session API
*/ }) .catch(error => { console.log(error) }); }); specifications specification status comment media session standard draft initial definition.
Media Source API - Web APIs
Web › API › Media Source Extensions API
specifications specification status comment media source extensions recommendation initial definition.
Capabilities, constraints, and settings - Web APIs
Web › API › Media Streams API › Constraints
specifications specification status comment media capture and streamsthe definition of 'constrainable pattern' in that specification.
MerchantValidationEvent() - Web APIs
Web › API › MerchantValidationEvent › MerchantValidationEvent
specifications specification status comment payment request apithe definition of 'merchantvalidationevent()' in that specification.
MerchantValidationEvent.complete() - Web APIs
Web › API › MerchantValidationEvent › complete
specifications specification status comment payment request apithe definition of 'merchantvalidationevent.complete()' in that specification.
MerchantValidationEvent.methodName - Web APIs
Web › API › MerchantValidationEvent › methodName
specifications specification status comment payment request apithe definition of 'merchantvalidationevent.methodname' in that specification.
MerchantValidationEvent.validationURL - Web APIs
Web › API › MerchantValidationEvent › validationURL
specifications specification status comment payment request apithe definition of 'merchantvalidationevent.validationurl' in that specification.
MerchantValidationEvent - Web APIs
Web › API › MerchantValidationEvent
specifications specification status comment payment request apithe definition of 'merchantvalidationevent' in that specification.
MessageChannel() - Web APIs
Web › API › MessageChannel › MessageChannel
specifications specification status comment html living standardthe definition of 'messagechannel()' in that specification.
MessageChannel.port1 - Web APIs
Web › API › MessageChannel › port1
yselector('p'); var ifr = document.queryselector('iframe'); var otherwindow = ifr.contentwindow; ifr.addeventlistener("load", iframeloaded, false); function iframeloaded() { otherwindow.postmessage('hello from the main page!', '*', [channel.port2]); } channel.port1.onmessage = handlemessage; function handlemessage(e) { para.innerhtml = e.data; } specifications specification status comment html living standardthe definition of 'port1' in that specification.
MessageChannel.port2 - Web APIs
Web › API › MessageChannel › port2
specifications specification status comment html living standardthe definition of 'port2' in that specification.
MessageChannel - Web APIs
Web › API › MessageChannel
specifications specification status comment html living standardthe definition of 'message channels' in that specification.
MessageEvent.MessageEvent() - Web APIs
Web › API › MessageEvent › MessageEvent
example var mymessage = new messageevent('worker', { data : 'hello' }); specifications specification status comment html living standardthe definition of 'messageevent()' in that specification.
MessageEvent.data - Web APIs
Web › API › MessageEvent › data
example myworker.onmessage = function(e) { result.textcontent = e.data; console.log('message received from worker'); }; specifications specification status comment html living standardthe definition of 'messageevent: data' in that specification.
MessageEvent.lastEventId - Web APIs
Web › API › MessageEvent › lastEventId
example myworker.onmessage = function(e) { result.textcontent = e.data; console.log('message received from worker'); console.log(e.lasteventid); }; specifications specification status comment html living standardthe definition of 'messageevent: lasteventid' in that specification.
MessageEvent.origin - Web APIs
Web › API › MessageEvent › origin
example myworker.onmessage = function(e) { result.textcontent = e.data; console.log('message received from worker'); console.log(e.origin); }; specifications specification status comment html living standardthe definition of 'messageevent: origin' in that specification.
MessageEvent.ports - Web APIs
Web › API › MessageEvent › ports
} specifications specification status comment html living standardthe definition of 'ports' in that specification.
MessageEvent.source - Web APIs
Web › API › MessageEvent › source
example myworker.onmessage = function(e) { result.textcontent = e.data; console.log('message received from worker'); console.log(e.source); }; specifications specification status comment html living standardthe definition of ' messageevent: source' in that specification.
MessageEvent - Web APIs
Web › API › MessageEvent
} specifications specification status comment html living standardthe definition of 'messageevent' in that specification.
MessagePort.close() - Web APIs
Web › API › MessagePort › close
channel.port1.addeventlistener('message', handlemessage, false); function handlemessage(e) { para.innerhtml = e.data; textinput.value = ''; } channel.port1.start(); you could stop messages being sent at any time using channel.port1.close(); specifications specification status comment html living standardthe definition of 'close()' in that specification.
MessagePort: message event - Web APIs
Web › API › MessagePort › message event
this is only needed when using the addeventlistener() method: if the receiver uses onmessage instead, start() is called implicitly: window.addeventlistener('message', (event) => { const myport = event.ports[0]; myport.onmessage = (event) => { received.textcontent = event.data; }; }); specifications specification status html living standard living standard ...
MessagePort: messageerror event - Web APIs
Web › API › MessagePort › messageerror event
addeventlistener() method: if the receiver uses onmessage instead, start() is called implicitly: window.addeventlistener('message', (event) => { const myport = event.ports[0]; myport.onmessage = (event) => { received.textcontent = event.data; }; myport.onmessageerror = (event) => { console.error(event.data); }; }); specifications specification status html living standard living standard ...
MessagePort.onmessage - Web APIs
Web › API › MessagePort › onmessage
specifications specification status comment html living standardthe definition of 'onmessage' in that specification.
MessagePort.onmessageerror - Web APIs
Web › API › MessagePort › onmessageerror
}; specifications specification status comment html living standardthe definition of 'onmessageerror' in that specification.
MessagePort.postMessage() - Web APIs
Web › API › MessagePort › postMessage
specifications specification status comment html living standardthe definition of 'postmessage()' in that specification.
MessagePort.start() - Web APIs
Web › API › MessagePort › start
her option would be to do this using eventtarget.addeventlistener, however, when this method is used, you need to explicitly call start() to begin the flow of messages to this document: channel.port1.addeventlistener('message', handlemessage, false); function handlemessage(e) { para.innerhtml = e.data; textinput.value = ''; } channel.port1.start(); specifications specification status comment html living standardthe definition of 'start()' in that specification.
MessagePort - Web APIs
Web › API › MessagePort
specifications specification status comment html living standardthe definition of 'message ports' in that specification.
Metadata - Web APIs
Web › API › Metadata
specifications specification status comment file and directory entries api draft draft of proposed api this api has no official w3c or whatwg specification.
Microsoft API extensions - Web APIs
Web › API › Microsoft Extensions
.msframestep() htmlvideoelement.mshorizontalmirror htmlvideoelement.msinsertvideoeffect() htmlvideoelement.msislayoutoptimalforplayback htmlvideoelement.msisstereo3d htmlvideoelement.mszoom htmlaudioelement.msaudiocategory htmlaudioelement.msaudiodevicetype htmlmediaelement.mscleareffects() htmlmediaelement.msinsertaudioeffect() mediaerror.msextendedcode msgraphicstrust msgraphicstruststatus msisboxed msplaytodisabled msplaytopreferredsourceuri msplaytoprimary msplaytosource msrealtime mssetmediaprotectionmanager mssetvideorectangle msstereo3dpackingmode msstereo3drendermode onmsvideoformatchanged onmsvideoframestepcompleted onmsvideooptimallayoutchanged msfirstpaint pinned sites apis mssitemodeevent mssitemodejumplistitemremoved msthumbnailclick other apis ...
MimeType - Web APIs
Web › API › MimeType
specifications specification status comment html living standardthe definition of 'mimetype' in that specification.
MimeTypeArray - Web APIs
Web › API › MimeTypeArray
} specifications specification status comment html living standardthe definition of 'mimetypearray' in that specification.
MouseEvent() - Web APIs
Web › API › MouseEvent › MouseEvent
specifications specification status comment css object model (cssom) view modulethe definition of 'mouseevent' in that specification.
MouseEvent.altKey - Web APIs
Web › API › MouseEvent › altKey
html <p>click anywhere to test the <code>altkey</code> property.</p> <p id="log"></p> javascript let log = document.queryselector('#log'); document.addeventlistener('click', logkey); function logkey(e) { log.textcontent = `the alt key is pressed: ${e.altkey}`; } result specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'mouseevent.altkey' in that specification.
MouseEvent.button - Web APIs
Web › API › MouseEvent › button
itch (e.button) { case 0: log.textcontent = 'left button clicked.'; break; case 1: log.textcontent = 'middle button clicked.'; break; case 2: log.textcontent = 'right button clicked.'; break; default: log.textcontent = `unknown button code: ${e.button}`; } } } result specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'mouseevent.button' in that specification.
MouseEvent.buttons - Web APIs
Web › API › MouseEvent › buttons
et log = new text('?'); function logbuttons(e) { log.data = `${e.buttons} (${e.type})`; // log.nodevalue= `${e.buttons} (${e.type})`; } document.addeventlistener('mouseup', logbuttons); document.addeventlistener('mousedown', logbuttons); // document.addeventlistener('mousemove', logbuttons); document.queryselector('#log').appendchild(log) result specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'mouseevent.buttons' in that specification.
MouseEvent.clientX - Web APIs
Web › API › MouseEvent › clientX
html <p>move your mouse to see its position.</p> <p id="screen-log"></p> javascript let screenlog = document.queryselector('#screen-log'); document.addeventlistener('mousemove', logkey); function logkey(e) { screenlog.innertext = ` screen x/y: ${e.screenx}, ${e.screeny} client x/y: ${e.clientx}, ${e.clienty}`; } result specifications specification status comment css object model (cssom) view modulethe definition of 'clientx' in that specification.
MouseEvent.clientY - Web APIs
Web › API › MouseEvent › clientY
html <p>move your mouse to see its position.</p> <p id="screen-log"></p> javascript let screenlog = document.queryselector('#screen-log'); document.addeventlistener('mousemove', logkey); function logkey(e) { screenlog.innertext = ` screen x/y: ${e.screenx}, ${e.screeny} client x/y: ${e.clientx}, ${e.clienty}`; } result specifications specification status comment css object model (cssom) view modulethe definition of 'clienty' in that specification.
MouseEvent.ctrlKey - Web APIs
Web › API › MouseEvent › ctrlKey
html <p>click anywhere to test the <code>ctrlkey</code> property.</p> <p id="log"></p> javascript let log = document.queryselector('#log'); document.addeventlistener('click', logkey); function logkey(e) { log.textcontent = `the ctrl key is pressed: ${e.ctrlkey}`; } result specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'mouseevent.ctrlkey' in that specification.
MouseEvent.getModifierState() - Web APIs
Web › API › MouseEvent › getModifierState
specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'getmodifierstate()' in that specification.
MouseEvent.initMouseEvent() - Web APIs
Web › API › MouseEvent › initMouseEvent
r dt = e.target,stag = dt.tagname.tolowercase(); document.getelementbyid("out").innerhtml = stag; }; var simulateclick = function(){ var evt = document.createevent("mouseevents"); evt.initmouseevent("click", true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null); document.body.dispatchevent(evt); } simulateclick(); result specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'mouseevent.initmouseevent()' in that specification.
MouseEvent.metaKey - Web APIs
Web › API › MouseEvent › metaKey
html <p>click anywhere to test the <code>metakey</code> property.</p> <p id="log"></p> javascript let log = document.queryselector('#log'); document.addeventlistener('click', logkey); function logkey(e) { log.textcontent = `the meta key is pressed: ${e.metakey}`; } result specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'mouseevent.metakey' in that specification.
MouseEvent.movementX - Web APIs
Web › API › MouseEvent › movementX
html <p id="log">move your mouse around.</p> javascript function logmovement(event) { log.insertadjacenthtml('afterbegin', `movement: ${event.movementx}, ${event.movementy}<br>`); while (log.childnodes.length > 128) log.lastchild.remove() } const log = document.getelementbyid('log'); document.addeventlistener('mousemove', logmovement); result specifications specification status comment pointer lockthe definition of 'mouseevent.movementx' in that specification.
MouseEvent.movementY - Web APIs
Web › API › MouseEvent › movementY
html <p id="log">move your mouse around.</p> javascript function logmovement(event) { log.innertext = `movement: ${event.movementx}, ${event.movementy}\n${log.innertext}`; } const log = document.getelementbyid('log'); document.addeventlistener('mousemove', logmovement); result specifications specification status comment pointer lockthe definition of 'mouseevent.movementy' in that specification.
MouseEvent.offsetX - Web APIs
Web › API › MouseEvent › offsetX
specifications specification status comment css object model (cssom) view modulethe definition of 'mouseevent' in that specification.
MouseEvent.offsetY - Web APIs
Web › API › MouseEvent › offsetY
specifications specification status comment css object model (cssom) view modulethe definition of 'mouseevent' in that specification.
MouseEvent.pageX - Web APIs
Web › API › MouseEvent › pageX
.box { width: 400px; height: 250px; border: 2px solid darkblue; background-color: blue; color: white; font: 16px "zilla", "open sans", "helvetica", "arial", sans-serif; } result try this out here: specifications specification status comment css object model (cssom) view modulethe definition of 'pagex' in that specification.
MouseEvent.pageY - Web APIs
Web › API › MouseEvent › pageY
examples var pagey = event.pagey; specifications specification status comment css object model (cssom) view modulethe definition of 'pagey' in that specification.
MouseEvent.relatedTarget - Web APIs
Web › API › MouseEvent › relatedTarget
event.relatedtarget.id : "unknown"; log.innertext = `\ninto ${event.target.id} from ${related} ${mouseoutlog.innertext}`; } result specifications specification status comment ui eventsthe definition of 'mouseevent.relatedtarget' in that specification.
MouseEvent.screenX - Web APIs
Web › API › MouseEvent › screenX
en you trap events on the window, document, or other roomy elements, you can get the coordinates of that event (e.g., a click) and route it properly, as the following example demonstrates: function checkclickmap(e) { if (e.screenx < 50) doredbutton(); if (50 <= e.screenx && e.screenx < 100) doyellowbutton(); if (e.screenx >= 100) doredbutton(); } specifications specification status comment css object model (cssom) view modulethe definition of 'screenx' in that specification.
MouseEvent.screenY - Web APIs
Web › API › MouseEvent › screenY
html <p>move your mouse to see its position.</p> <p id="screen-log"></p> javascript let screenlog = document.queryselector('#screen-log'); document.addeventlistener('mousemove', logkey); function logkey(e) { screenlog.innertext = ` screen x/y: ${e.screenx}, ${e.screeny} client x/y: ${e.clientx}, ${e.clienty}`; } result specifications specification status comment css object model (cssom) view modulethe definition of 'screeny' in that specification.
MouseEvent.shiftKey - Web APIs
Web › API › MouseEvent › shiftKey
html <p>click anywhere to test the <code>shiftkey</code> property.</p> <p id="log"></p> javascript let log = document.queryselector('#log'); document.addeventlistener('click', logkey); function logkey(e) { log.textcontent = `the shift key is pressed: ${e.shiftkey}`; } result specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'mouseevent.shiftkey' in that specification.
MouseEvent.x - Web APIs
Web › API › MouseEvent › x
specifications specification status comment css object model (cssom) view modulethe definition of 'mouseevent.x' in that specification.
MouseEvent.y - Web APIs
Web › API › MouseEvent › y
specifications specification status comment css object model (cssom) view modulethe definition of 'mouseevent.y' in that specification.
MouseEvent - Web APIs
Web › API › MouseEvent
cument.getelementbyid("checkbox"); //element to click on var canceled = !cb.dispatchevent(evt); if(canceled) { // a handler called preventdefault alert("canceled"); } else { // none of the handlers called preventdefault alert("not canceled"); } } document.getelementbyid("button").addeventlistener('click', simulateclick); result specifications specification status comment css object model (cssom) view modulethe definition of 'mouseevent' in that specification.
MutationObserver.MutationObserver() - Web APIs
Web › API › MutationObserver › MutationObserver
specifications specification status comment domthe definition of 'mutationobserver()' in that specification.
MutationObserver.disconnect() - Web APIs
Web › API › MutationObserver › disconnect
*/ observer.disconnect(); specifications specification status comment domthe definition of 'mutationobserver.disconnect()' in that specification.
MutationObserver.observe() - Web APIs
Web › API › MutationObserver › observe
ed `observer`, // passing it a callback function const observer = new mutationobserver(function() { console.log('callback that runs when observer is triggered'); }); // call `observe()` on that mutationobserver instance, // passing it the element to observe, and the options object observer.observe(elementtoobserve, {subtree: true, childlist: true}); specifications specification status comment domthe definition of 'mutationobserver.observe()' in that specification.
MutationObserver.takeRecords() - Web APIs
Web › API › MutationObserver › takeRecords
specifications specification status comment domthe definition of 'mutationobserver.takerecords()' in that specification.
MutationObserver - Web APIs
Web › API › MutationObserver
e.log('the ' + mutation.attributename + ' attribute was modified.'); } } }; // create an observer instance linked to the callback function const observer = new mutationobserver(callback); // start observing the target node for configured mutations observer.observe(targetnode, config); // later, you can stop observing observer.disconnect(); specifications specification status comment domthe definition of 'mutationobserver' in that specification.
MutationObserverInit.characterData - Web APIs
Web › API › MutationObserverInit › characterData
example specifications specification status comment domthe definition of 'mutationobserverinit.characterdata' in that specification.
MutationObserverInit.characterDataOldValue - Web APIs
Web › API › MutationObserverInit › characterDataOldValue
example specifications specification status comment domthe definition of 'mutationobserverinit.characterdataoldvalue' in that specification.
MutationObserverInit.childList - Web APIs
Web › API › MutationObserverInit › childList
example specifications specification status comment domthe definition of 'mutationobserverinit.childlist' in that specification.
MutationObserverInit.subtree - Web APIs
Web › API › MutationObserverInit › subtree
to monitor the entire subtree for attribute changes, simply set subtree to true: var options = { attributes: true, subtree: true }; example specifications specification status comment domthe definition of 'mutationobserverinit.subtree' in that specification.
MutationObserverInit - Web APIs
Web › API › MutationObserverInit
specifications specification status comment domthe definition of 'mutationobserverinit' in that specification.
MutationRecord - Web APIs
Web › API › MutationRecord
note that for this to work as expected, attributeoldvalue or characterdataoldvalue must be set to true in the corresponding mutationobserverinit parameter of the mutationobserver observe method specifications specification status comment domthe definition of 'mutationrecord' in that specification.
NDEFMessage.records - Web APIs
Web › API › NDEFMessage › records
specifications specification status comment web nfc, dnefmessage.records draft initial definition.
NDEFMessage - Web APIs
Web › API › NDEFMessage
specifications specification status comment web nfc, ndefmessage draft initial definition.
NDEFReader() - Web APIs
Web › API › NDEFReader › NDEFReader
specifications specification status comment web nfc, ndefreader draft initial definition.
NDEFReader.onerror - Web APIs
Web › API › NDEFReader › onerror
specifications specification status comment web nfc, ndefreader.onerror draft initial definition.
NDEFReader.onreading - Web APIs
Web › API › NDEFReader › onreading
specifications specification status comment web nfc, ndefreader.onreadig draft initial definition.
NDEFReader.scan() - Web APIs
Web › API › NDEFReader › scan
specifications specification status comment web nfc, scan() draft initial definition.
NDEFReader - Web APIs
Web › API › NDEFReader
specifications specification status comment web nfc, ndefreader draft initial definition.
NDEFReadingEvent - Web APIs
Web › API › NDEFReadingEvent
specifications specification status comment web nfc, ndefreadingevent draft initial definition.
NDEFRecord() - Web APIs
Web › API › NDEFRecord › NDEFRecord
specifications specification status comment web nfc, ndefrecord draft initial definition.
NDEFRecord.data - Web APIs
Web › API › NDEFRecord › data
specifications specification status comment web nfc, ndefrecord.data draft initial definition.
NDEFRecord.encoding - Web APIs
Web › API › NDEFRecord › encoding
specifications specification status comment web nfc, ndefrecord.encoding draft initial definition.
NDEFRecord.id - Web APIs
Web › API › NDEFRecord › id
specifications specification status comment web nfc, ndefrecord draft initial definition.
NDEFRecord.lang - Web APIs
Web › API › NDEFRecord › lang
specifications specification status comment web nfc, ndefrecord.lang draft initial definition.
NDEFRecord.mediaType - Web APIs
Web › API › NDEFRecord › mediaType
specifications specification status comment web nfc, ndefrecord.mediatype draft initial definition.
NDEFRecord.recordType - Web APIs
Web › API › NDEFRecord › recordType
specifications specification status comment web nfc, ndefrecord.recordtype draft initial definition.
NDEFRecord.toRecords() - Web APIs
Web › API › NDEFRecord › toRecords
specifications specification status comment web nfc, ndefrecord.torecords() draft initial definition.
NDEFRecord - Web APIs
Web › API › NDEFRecord
specifications specification status comment web nfc, ndefrecord draft initial definition.
NDEFWriter() - Web APIs
Web › API › NDEFWriter › NDEFWriter
specifications specification status comment web nfc, ndefwriter draft initial definition.
NDEFWriter.write() - Web APIs
Web › API › NDEFWriter › write
specifications specification status comment web nfc, write() draft initial definition.
NDEFWriter - Web APIs
Web › API › NDEFWriter
specifications specification status comment web nfc, ndefreader draft initial definition.
NameList - Web APIs
Web › API › NameList
specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'namelist' in that specification.
NamedNodeMap - Web APIs
Web › API › NamedNodeMap
specifications specification status comment domthe definition of 'namednodemap' in that specification.
NavigationPreloadManager - Web APIs
Web › API › NavigationPreloadManager
return fetch(event.request); }()); }); specifications specification status comment service workersthe definition of 'navigationpreloadmanager' in that specification.
Navigation Timing API - Web APIs
Web › API › Navigation timing API
specifications specification status comment navigation timing level 2 working draft adds performancenavigationtiming navigation timing recommendation initial definition.
Navigator.battery - Web APIs
Web › API › Navigator › battery
this interface was introduced in early drafts of the battery status api and but has been replaced with promise-based navigator.getbattery().
Navigator.canShare() - Web APIs
Web › API › Navigator › canShare
} specifications specification status comment web share api - level 2the definition of 'canshare' in that specification.
Navigator.clipboard - Web APIs
Web › API › Navigator › clipboard
specifications specification status comment clipboard api and eventsthe definition of 'navigator.clipboard' in that specification.
Navigator.connection - Web APIs
Web › API › Navigator › connection
specifications specification status comment network information apithe definition of 'navigator.connection' in that specification.
Navigator.cookieEnabled - Web APIs
Web › API › Navigator › cookieEnabled
} specifications specification status comment html living standardthe definition of 'navigator.cookieenabled' in that specification.
Navigator.credentials - Web APIs
Web › API › Navigator › credentials
}; specifications specification status comment credential management level 1 working draft initial definition.
Navigator.deviceMemory - Web APIs
Web › API › Navigator › deviceMemory
example const memory = navigator.devicememory console.log (`this device has at least ${memory}gib of ram.`) specifications specification status comment device memory 1the definition of 'devicememory' in that specification.
Navigator.doNotTrack - Web APIs
Web › API › Navigator › doNotTrack
example console.log(navigator.donottrack); // prints "1" if dnt is enabled; "0" if the user opted-in for tracking; otherwise this is "unspecified" specifications specification status comment tracking preference expression (dnt)the definition of 'navigator.donottrack' in that specification.
Navigator.geolocation - Web APIs
Web › API › Navigator › geolocation
syntax geo = navigator.geolocation specifications specification status comment geolocation apithe definition of 'navigator.geolocation' in that specification.
Navigator.getGamepads() - Web APIs
Web › API › Navigator › getGamepads
%d buttons, %d axes.", gp.index, gp.id, gp.buttons.length, gp.axes.length ); }); specifications specification status comment gamepadthe definition of 'the gamepad api specification' in that specification.
Navigator.keyboard - Web APIs
Web › API › Navigator › keyboard
specifications specification status comment keyboard mapthe definition of 'keyboard' in that specification.
Navigator.locks - Web APIs
Web › API › Navigator › locks
specifications specification status comment web locks apithe definition of 'locks' in that specification.
Navigator.maxTouchPoints - Web APIs
Web › API › Navigator › maxTouchPoints
syntax touchpoints = navigator.maxtouchpoints; example if (navigator.maxtouchpoints > 1) { // browser supports multi-touch } specifications specification status comment pointer events – level 2the definition of 'maxtouchpoints' in that specification.
Navigator.mediaCapabilities - Web APIs
Web › API › Navigator › mediaCapabilities
'' : 'not ') + 'power efficient.') }); specifications specification status comment media capabilities draft initial definition ...
Navigator.mediaDevices - Web APIs
Web › API › Navigator › mediaDevices
specifications specification status comment media capture and streamsthe definition of 'navigatorusermedia.mediadevices' in that specification.
Navigator.oscpu - Web APIs
Web › API › Navigator › oscpu
specifications specification status comment html living standardthe definition of 'navigatorid: oscpu' in that specification.
Navigator.productSub - Web APIs
Web › API › Navigator › productSub
specifications specification status comment html living standardthe definition of 'navigatorid: productsub' in that specification.
Navigator.registerContentHandler() - Web APIs
Web › API › Navigator › registerContentHandler
specifications specification status comment html 5.2the definition of 'registercontenthandler()' in that specification.
Navigator.registerProtocolHandler() - Web APIs
Web › API › Navigator › registerProtocolHandler
see the screenshot below for an example on google.co.uk: specifications specification status comment html living standardthe definition of 'registerprotocolhandler()' in that specification.
Navigator.requestMediaKeySystemAccess() - Web APIs
Web › API › Navigator › requestMediaKeySystemAccess
specifications specification status comment encrypted media extensionsthe definition of 'requestmediakeysystemaccess()' in that specification.
Navigator.sendBeacon() - Web APIs
Web › API › Navigator › sendBeacon
specifications specification status comment beaconthe definition of 'sendbeacon()' in that specification.
Navigator.serviceWorker - Web APIs
Web › API › Navigator › serviceWorker
} specifications specification status comment service workersthe definition of 'navigator.serviceworker' in that specification.
Navigator.share() - Web APIs
Web › API › Navigator › share
if (navigator.canshare && navigator.canshare({ files: filesarray })) { navigator.share({ files: filesarray, title: 'pictures', text: 'our pictures.', }) .then(() => console.log('share was successful.')) .catch((error) => console.log('sharing failed', error)); } else { console.log(`your system doesn't support sharing files.`); } specifications specification status comment web share apithe definition of 'share()' in that specification.
Navigator.vendor - Web APIs
Web › API › Navigator › vendor
specifications specification status comment html living standardthe definition of 'navigatorid: vendor' in that specification.
Navigator.vendorSub - Web APIs
Web › API › Navigator › vendorSub
syntax vensub = window.navigator.vendorsub value the empty string specifications specification status comment html living standardthe definition of 'navigatorid: vendorsub' in that specification.
Navigator.vibrate() - Web APIs
Web › API › Navigator › vibrate
specifications specification status comment vibration api recommendation linked to spec is the latest editor's draft; w3c version is a rec.
Navigator.wakeLock - Web APIs
Web › API › Navigator › wakeLock
syntax const wakelock = navigator.wakelock; specifications specification status comment screen wake lock api editor's draft initial definition ...
Navigator.xr - Web APIs
Web › API › Navigator › xr
*/ } else { /* webxr isn't available */ } specifications specification status comment webxr device apithe definition of 'navigator.xr' in that specification.
navigator.hardwareConcurrency - Web APIs
Web › API › NavigatorConcurrentHardware › hardwareConcurrency
let workerlist = []; for (let i = 0; i < window.navigator.hardwareconcurrency; i++) { let newworker = { worker: new worker('cpuworker.js'), inuse: false }; workerlist.push(newworker); } specification specification status comment html living standardthe definition of 'navigator.hardwareconcurrency' in that specification.
NavigatorConcurrentHardware - Web APIs
Web › API › NavigatorConcurrentHardware
specifications specification status comment html living standardthe definition of 'navigatorconcurrenthardware' in that specification.
NavigatorID.appCodeName - Web APIs
Web › API › NavigatorID › appCodeName
specifications specification status comment html living standardthe definition of 'navigatorid.appcodename' in that specification.
NavigatorID.appName - Web APIs
Web › API › NavigatorID › appName
specifications specification status comment html living standardthe definition of 'navigatorid.appname' in that specification.
NavigatorID.appVersion - Web APIs
Web › API › NavigatorID › appVersion
specifications specification status comment html living standardthe definition of 'navigatorid.appversion' in that specification.
NavigatorID.platform - Web APIs
Web › API › NavigatorID › platform
specifications specification status comment html living standardthe definition of 'navigatorid.platform' in that specification.
NavigatorID.product - Web APIs
Web › API › NavigatorID › product
specifications specification status comment html living standardthe definition of 'navigatorid.product' in that specification.
NavigatorID.taintEnabled() - Web APIs
Web › API › NavigatorID › taintEnabled
syntax result = window.navigator.taintenabled() specifications specification status comment html living standardthe definition of 'navigatorid.taintenabled' in that specification.
NavigatorID.userAgent - Web APIs
Web › API › NavigatorID › userAgent
with the following general structure: useragent = appcodename/appversion number (platform; security; os-or-cpu; localization; rv: revision-version-number) product/productsub application-name application-name-version example alert(window.navigator.useragent) // alerts "mozilla/5.0 (windows; u; win98; en-us; rv:0.9.2) gecko/20010725 netscape6/6.1" specifications specification status comment html living standardthe definition of 'navigatorid.useragent' in that specification.
NavigatorID - Web APIs
Web › API › NavigatorID
specifications specification status comment html living standardthe definition of 'navigatorid' in that specification.
NavigatorLanguage.language - Web APIs
Web › API › NavigatorLanguage › language
example if (/^en\b/.test(navigator.language)) { dolangselect(window.navigator.language); } specifications specification status comment html living standardthe definition of 'navigatorlanguage: language' in that specification.
NavigatorLanguage.languages - Web APIs
Web › API › NavigatorLanguage › languages
syntax preferredlanguages = globalobj.navigator.languages examples navigator.language //"en-us" navigator.languages //["en-us", "zh-cn", "ja-jp"] specifications specification status comment html living standardthe definition of 'navigatorlanguage: languages' in that specification.
NavigatorLanguage - Web APIs
Web › API › NavigatorLanguage
specifications specification status comment html living standardthe definition of 'navigatorlanguage' in that specification.
NavigatorPlugins.javaEnabled() - Web APIs
Web › API › NavigatorPlugins › javaEnabled
specifications specification status comment html living standardthe definition of 'navigatorplugins.javaenabled' in that specification.
NavigatorPlugins.mimeTypes - Web APIs
Web › API › NavigatorPlugins › mimeTypes
example function isjavapresent() { return 'application/x-java-applet' in navigator.mimetypes; } function getjavaplugindescription() { var mimetype = navigator.mimetypes['application/x-java-applet']; if (mimetype === undefined) { // no java plugin present return undefined; } return mimetype.enabledplugin.description; } specifications specification status comment html living standardthe definition of 'navigatorplugins.mimetypes' in that specification.
NavigatorPlugins.plugins - Web APIs
Web › API › NavigatorPlugins › plugins
specifications specification status comment html living standardthe definition of 'navigatorplugins.plugins' in that specification.
NavigatorPlugins - Web APIs
Web › API › NavigatorPlugins
specifications specification status comment html living standardthe definition of 'navigatorplugins' in that specification.
NavigatorStorage.storage - Web APIs
Web › API › NavigatorStorage › storage
specifications specification status comment storagethe definition of 'navigator.storage' in that specification.
NavigatorStorage - Web APIs
Web › API › NavigatorStorage
specifications specification status comment storage living standard initial definition.
NetworkInformation.downlink - Web APIs
Web › API › NetworkInformation › downlink
specifications specification status comment network information apithe definition of 'downlink' in that specification.
NetworkInformation.downlinkMax - Web APIs
Web › API › NetworkInformation › downlinkMax
ntype = navigator.connection.effectivetype; if ('downlinkmax' in navigator.connection) { downlinkmax = navigator.connection.downlinkmax; } } console.log('current connection type: ' + connectiontype + ' (downlink max: ' + downlinkmax + ')'); } logconnectiontype(); navigator.connection.addeventlistener('change', logconnectiontype); specifications specification status comment network information apithe definition of 'downlinkmax' in that specification.
NetworkInformation.effectiveType - Web APIs
Web › API › NetworkInformation › effectiveType
specifications specification status comment network information apithe definition of 'effectivetype' in that specification.
NetworkInformation.onchange - Web APIs
Web › API › NetworkInformation › onchange
} // register for event changes: navigator.connection.onchange = changehandler; // another way: navigator.connection.addeventlistener('change', changehandler); specifications specification status comment network information apithe definition of 'onchange' in that specification.
NetworkInformation.rtt - Web APIs
Web › API › NetworkInformation › rtt
specifications specification status comment network information apithe definition of 'rtt' in that specification.
NetworkInformation.type - Web APIs
Web › API › NetworkInformation › type
syntax var type = netinfo.type return value an enumerated value that is one of the following values: "bluetooth" "cellular" "ethernet" "none" "wifi" "wimax" "other" "unknown" specifications specification status comment network information apithe definition of 'type' in that specification.
NetworkInformation - Web APIs
Web › API › NetworkInformation
specifications specification status comment network information apithe definition of 'networkinformation' in that specification.
Node.appendChild() - Web APIs
Web › API › Node › appendChild
example // create a new paragraph element, and append it to the end of the document body let p = document.createelement("p"); document.body.appendchild(p); specifications specification status comment domthe definition of 'node.appendchild()' in that specification.
Node.baseURI - Web APIs
Web › API › Node › baseURI
specifications specification status comment domthe definition of 'node: baseuri' in that specification.
Node.childNodes - Web APIs
Web › API › Node › childNodes
specifications specification status comment domthe definition of 'node.childnodes' in that specification.
Node.cloneNode() - Web APIs
Web › API › Node › cloneNode
specifications specification status comment domthe definition of 'node.clonenode()' in that specification.
Node.compareDocumentPosition() - Web APIs
Web › API › Node › compareDocumentPosition
specifications specification status comment domthe definition of 'node.comparedocumentposition()' in that specification.
Node.contains() - Web APIs
Web › API › Node › contains
false : document.body.contains(node); } specifications specification status comment domthe definition of 'node.contains()' in that specification.
Node.firstChild - Web APIs
Web › API › Node › firstChild
specifications specification status comment domthe definition of 'node.firstchild' in that specification.
Node.getRootNode() - Web APIs
Web › API › Node › getRootNode
ent</div>'; var shadowchild = shadowroot.queryselector('.js-shadowchild'); // the default value of composed is false console.log(shadowchild.getrootnode() === shadowroot); // true console.log(shadowchild.getrootnode({composed:false}) === shadowroot); // true console.log(shadowchild.getrootnode({composed:true}).nodename); // #document </script> specifications specification status comment domthe definition of 'getrootnode()' in that specification.
Node.getUserData() - Web APIs
Web › API › Node › getUserData
example var d = document.setuserdata('key', 15, null); console.log(document.getuserdata('key')); // 15 specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'node.getuserdata()' in that specification.
Node.hasChildNodes() - Web APIs
Web › API › Node › hasChildNodes
ototype) { prototype.haschildnodes = prototype.haschildnodes || function() { return !!this.firstchild; } })(node.prototype); there are various ways to determine whether the node has a child node: node.haschildnodes() node.firstchild != null (or just node.firstchild) node.childnodes && node.childnodes.length (or node.childnodes.length > 0) specifications specification status comment domthe definition of 'node: haschildnodes' in that specification.
Node.insertBefore() - Web APIs
Web › API › Node › insertBefore
specifications specification status comment domthe definition of 'node.insertbefore' in that specification.
Node.isConnected - Web APIs
Web › API › Node › isConnected
*/ if (!('isconnected' in node.prototype)) { object.defineproperty(node.prototype, 'isconnected', { get() { return ( !this.ownerdocument || !( this.ownerdocument.comparedocumentposition(this) & this.document_position_disconnected ) ); }, }); } specifications specification status comment domthe definition of 'isconnected' in that specification.
Node.isDefaultNamespace() - Web APIs
Web › API › Node › isDefaultNamespace
example var xulns = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; var el = document.getelementsbytagnamens(xulns, 'textbox')[0]; alert(el.isdefaultnamespace(xulns)); // true specifications specification status comment domthe definition of 'node: isdefaultnamespace' in that specification.
Node.isEqualNode() - Web APIs
Web › API › Node › isEqualNode
entbyid("output"); let divlist = document.getelementsbytagname("div"); output.innerhtml += "div 0 equals div 0: " + divlist[0].isequalnode(divlist[0]) + "<br/>"; output.innerhtml += "div 0 equals div 1: " + divlist[0].isequalnode(divlist[1]) + "<br/>"; output.innerhtml += "div 0 equals div 2: " + divlist[0].isequalnode(divlist[2]) + "<br/>"; results specifications specification status comment domthe definition of 'node.isequalnode' in that specification.
Node.isSameNode() - Web APIs
Web › API › Node › isSameNode
ntbyid("output"); let divlist = document.getelementsbytagname("div"); output.innerhtml += "div 0 same as div 0: " + divlist[0].issamenode(divlist[0]) + "<br/>"; output.innerhtml += "div 0 same as div 1: " + divlist[0].issamenode(divlist[1]) + "<br/>"; output.innerhtml += "div 0 same as div 2: " + divlist[0].issamenode(divlist[2]) + "<br/>"; results specifications specification status comment domthe definition of 'node: issamenode' in that specification.
Node.isSupported() - Web APIs
Web › API › Node › isSupported
var main = document.getelementbyid('doc'); var output = main.issupported('html', '2.0'); </script> specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'node.issupported()' in that specification.
Node.lastChild - Web APIs
Web › API › Node › lastChild
syntax var childnode = node.lastchild; example var tr = document.getelementbyid("row1"); var corner_td = tr.lastchild; specifications specification status comment domthe definition of 'node.lastchild' in that specification.
Node.localName - Web APIs
Web › API › Node › localName
specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'node.localname' in that specification.
Node.lookupNamespaceURI() - Web APIs
Web › API › Node › lookupNamespaceURI
specifications specification status comment domthe definition of 'node: lookupnamespaceuri' in that specification.
Node.namespaceURI - Web APIs
Web › API › Node › namespaceURI
specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'node.namespaceuri' in that specification.
Node.nextSibling - Web APIs
Web › API › Node › nextSibling
specifications specification status comment domthe definition of 'node.nextsibling' in that specification.
Node.nodeName - Web APIs
Web › API › Node › nodeName
specifications specification status comment domthe definition of 'nodename' in that specification.
Node.nodeType - Web APIs
Web › API › Node › nodeType
var node = document.documentelement.firstchild; if (node.nodetype !== node.comment_node) { console.warn("you should comment your code!"); } specifications specification status comment domthe definition of 'node.nodetype' in that specification.
Node.nodeValue - Web APIs
Web › API › Node › nodeValue
specifications specification status comment domthe definition of 'node: nodevalue' in that specification.
Node.normalize() - Web APIs
Web › API › Node › normalize
etextnode("part 1 ") ); wrapper.appendchild( document.createtextnode("part 2 ") ); // at this point, wrapper.childnodes.length === 2 // wrapper.childnodes[0].textcontent === "part 1 " // wrapper.childnodes[1].textcontent === "part 2 " wrapper.normalize(); // now, wrapper.childnodes.length === 1 // wrapper.childnodes[0].textcontent === "part 1 part 2 " specifications specification status comment domthe definition of 'node: normalize' in that specification.
Node.ownerDocument - Web APIs
Web › API › Node › ownerDocument
example // given a node "p", get the top-level html // child of the document object var d = p.ownerdocument; var html = d.documentelement; specifications specification status comment domthe definition of 'node: ownerdocument' in that specification.
Node.parentElement - Web APIs
Web › API › Node › parentElement
example if (node.parentelement) { node.parentelement.style.color = "red"; } specifications specification status comment domthe definition of 'parentelement' in that specification.
Node.parentNode - Web APIs
Web › API › Node › parentNode
specifications specification status comment domthe definition of 'node: parentnode' in that specification.
Node.prefix - Web APIs
Web › API › Node › prefix
specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'node.prefix' in that specification.
Node.previousSibling - Web APIs
Web › API › Node › previousSibling
specifications specification status comment domthe definition of 'node.previoussibling' in that specification.
Node.removeChild() - Web APIs
Web › API › Node › removeChild
code--> <div id="top"> <div id="nested"></div> </div> <script type="text/javascript"> let top = document.getelementbyid("top"); let nested = document.getelementbyid("nested"); // this first call correctly removes the node let garbage = top.removechild(nested); // throws uncaught notfounderror garbage = top.removechild(nested); </script> specifications specification status comment domthe definition of 'node: removechild' in that specification.
Node.replaceChild() - Web APIs
Web › API › Node › replaceChild
t sp1.appendchild(sp1_content); // build a reference to the existing node to be replaced var sp2 = document.getelementbyid("childspan"); var parentdiv = sp2.parentnode; // replace existing node sp2 with the new span element sp1 parentdiv.replacechild(sp1, sp2); // result: // <div> // <span id="newspan">new replacement span element.</span> // </div> specifications specification status comment domthe definition of 'node: replacechild' in that specification.
Node.setUserData() - Web APIs
Web › API › Node › setUserData
y', 15, {handle:function (o, k, d, s, ds) {console.log(o+'::'+k+'::'+d+'::'+s+'::'+ds)}}); // 2::key::15::[object element]::[object element] console.log(d.documentelement.getuserdata('key')); // 15 var e = document.importnode(d.documentelement, true); // causes handler to be called console.log(e.getuserdata('key')); // null since user data is not copied specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'node.setuserdata()' in that specification.
Node.textContent - Web APIs
Web › API › Node › textContent
or set the element's text content: document.getelementbyid('diva').textcontent = 'this text is different!'; // the html for diva is now: // <div id="diva">this text is different!</div> specifications specification status comment domthe definition of 'node.textcontent' in that specification.
Node - Web APIs
Web › API › Node
= node } else { matches.push(node) } } }) return matches } for example, to find text nodes that contain typos: const typos = ["teh", "adn", "btu", "adress", "youre", "msitakes"] const pattern = new regexp("\\b(" + typos.join("|") + ")\\b", "gi") const mistakes = grep(document.body, pattern) console.log(mistakes) specifications specification status comment domthe definition of 'node' in that specification.
NodeFilter.acceptNode() - Web APIs
Web › API › NodeFilter › acceptNode
/^\s*$/.test(node.data) ) { return nodefilter.filter_accept; } } }, false ); // show the content of every non-empty text node that is a child of root var node; while ((node = iterator.nextnode())) { alert(node.data); } specifications specification status comment domthe definition of 'nodefilter.acceptnode()' in that specification.
NodeFilter - Web APIs
Web › API › NodeFilter
/^\s*$/.test(node.data) ) { return nodefilter.filter_accept } } }, false ); // show the content of every non-empty text node that is a child of root let node; while ((node = nodeiterator.nextnode())) { alert(node.data) } specifications specification status comment domthe definition of 'nodefilter' in that specification.
NodeIterator.detach() - Web APIs
Web › API › NodeIterator › detach
syntax nodeiterator.detach(); example var nodeiterator = document.createnodeiterator( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); nodeiterator.detach(); // detaches the iterator nodeiterator.nextnode(); // throws an invalid_state_err exception specifications specification status comment domthe definition of 'nodeiterator.detach' in that specification.
NodeIterator.expandEntityReferences - Web APIs
Web › API › NodeIterator › expandEntityReferences
syntax expand = nodeiterator.expandentityreferences; example var nodeiterator = document.createnodeiterator( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); expand = nodeiterator.expandentityreferences; specifications specification status comment document object model (dom) level 2 traversal and range specificationthe definition of 'nodeiterator.expandentityreferences' in that specification.
NodeIterator.filter - Web APIs
Web › API › NodeIterator › filter
syntax nodefilter = nodeiterator.filter; example const nodeiterator = document.createnodeiterator( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); nodefilter = nodeiterator.filter; specifications specification status comment domthe definition of 'nodeiterator.filter' in that specification.
NodeIterator.nextNode() - Web APIs
Web › API › NodeIterator › nextNode
syntax node = nodeiterator.nextnode(); example var nodeiterator = document.createnodeiterator( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false // this optional argument is not used any more ); currentnode = nodeiterator.nextnode(); // returns the next node specifications specification status comment domthe definition of 'nodeiterator.nextnode' in that specification.
NodeIterator.pointerBeforeReferenceNode - Web APIs
Web › API › NodeIterator › pointerBeforeReferenceNode
syntax flag = nodeiterator.pointerbeforereferencenode; example var nodeiterator = document.createnodeiterator( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); flag = nodeiterator.pointerbeforereferencenode; specifications specification status comment domthe definition of 'nodeiterator.pointerbeforereferencenode' in that specification.
NodeIterator.previousNode() - Web APIs
Web › API › NodeIterator › previousNode
terator( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false // this optional argument is not used any more ); currentnode = nodeiterator.nextnode(); // returns the next node previousnode = nodeiterator.previousnode(); // same result, since we backtracked to the previous node specifications specification status comment domthe definition of 'nodeiterator.previousnode' in that specification.
NodeIterator.referenceNode - Web APIs
Web › API › NodeIterator › referenceNode
syntax node = nodeiterator.referencenode; example var nodeiterator = document.createnodeiterator( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); node = nodeiterator.referencenode; specifications specification status comment domthe definition of 'nodeiterator.referencenode' in that specification.
NodeIterator.root - Web APIs
Web › API › NodeIterator › root
syntax root = nodeiterator.root; example var nodeiterator = document.createnodeiterator( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); root = nodeiterator.root; // document.body in this case specifications specification status comment domthe definition of 'nodeiterator.root' in that specification.
NodeIterator.whatToShow - Web APIs
Web › API › NodeIterator › whatToShow
ody, nodefilter.show_element + nodefilter.show_comment + nodefilter.show_text, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); if( (nodeiterator.whattoshow == nodefilter.show_all) || (nodeiterator.whattoshow % (nodefilter.show_comment*2)) >= nodefilter.show_comment) { // nodeiterator will show comments } specifications specification status comment domthe definition of 'nodeiterator.whattoshow' in that specification.
NodeIterator - Web APIs
Web › API › NodeIterator
specifications specification status comment domthe definition of 'nodeiterator' in that specification.
NodeList.prototype.forEach() - Web APIs
Web › API › NodeList › forEach
specifications specification status comment web idlthe definition of 'foreach' in that specification.
NodeList.item() - Web APIs
Web › API › NodeList › item
alternate syntax javascript also offers an array-like bracketed syntax for obtaining an item from a nodelist by index: nodeitem = nodelist[index] example var tables = document.getelementsbytagname("table"); var firsttable = tables.item(1); // or simply tables[1] - returns the second table in the dom specifications specification status comment domthe definition of 'nodelist: item' in that specification.
NodeList.length - Web APIs
Web › API › NodeList › length
// all the paragraphs in the document var items = document.getelementsbytagname("p"); // for each item in the list, // append the entire element as a string of html var gross = ""; for (var i = 0; i < items.length; i++) { gross += items[i].innerhtml; } // gross is now all the html for the paragraphs specifications specification status comment domthe definition of 'nodelist: length' in that specification.
NodeList - Web APIs
Web › API › NodeList
there is also an internet explorer-compatible way to use array.prototype.foreach for iteration: const list = document.queryselectorall('input[type=checkbox]'); array.prototype.foreach.call(list, function (checkbox) { checkbox.checked = true; }); specifications specification status comment domthe definition of 'nodelist' in that specification.
NonDocumentTypeChildNode.nextElementSibling - Web APIs
Web › API › NonDocumentTypeChildNode › nextElementSibling
'nextelementsibling', { configurable: true, enumerable: true, get: function () { var el = this; while (el = el.nextsibling) { if (el.nodetype === 1) { return el; } } return null; }, set: undefined }); }); })([element.prototype, characterdata.prototype]); specifications specification status comment domthe definition of 'childnodenextelementsibling' in that specification.
NonDocumentTypeChildNode.previousElementSibling - Web APIs
Web › API › NonDocumentTypeChildNode › previousElementSibling
ouselementsibling', { configurable: true, enumerable: true, get: function () { let el = this; while (el = el.previoussibling) { if (el.nodetype === 1) { return el; } } return null; }, set: undefined }); }); })([element.prototype, characterdata.prototype]); specifications specification status comment domthe definition of 'nondocumenttypechildnode.previouselementsibling' in that specification.
NonDocumentTypeChildNode - Web APIs
Web › API › NonDocumentTypeChildNode
specifications specification status comment domthe definition of 'nondocumenttypechildnode' in that specification.
Notation - Web APIs
Web › API › Notation
specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'notation' in that specification.
Notification.Notification() - Web APIs
Web › API › Notification › Notification
function spawnnotification(thebody,theicon,thetitle) { var options = { body: thebody, icon: theicon } var n = new notification(thetitle,options); } specifications specification status comment notifications apithe definition of 'notification() constructor' in that specification.
Notification.actions - Web APIs
Web › API › Notification › actions
specifications specification status comment notifications apithe definition of 'actions' in that specification.
Notification.badge - Web APIs
Web › API › Notification › badge
specifications specification status comment notifications apithe definition of 'badge' in that specification.
Notification.body - Web APIs
Web › API › Notification › body
examples function spawnnotification(thebody, theicon, thetitle) { var options = { body: thebody, icon: theicon } var n = new notification(thetitle, options); console.log(n.body); } specifications specification status comment notifications apithe definition of 'body' in that specification.
Notification.close() - Web APIs
Web › API › Notification › close
n.close(); } }); } specifications specification status comment notifications api living standard living standard ...
Notification.data - Web APIs
Web › API › Notification › data
var options = { body: 'do you like my body?', data: 'i like peas.' } var n = new notification('test notification',options); console.log(n.data) // should return 'i like peas.' specifications specification status comment notifications apithe definition of 'data' in that specification.
Notification.dir - Web APIs
Web › API › Notification › dir
var options = { body: 'do you like my body?', dir: 'rtl' } var n = new notification('test notification',options); console.log(n.dir) // should return 'rtl' specifications specification status comment notifications apithe definition of 'dir' in that specification.
Notification.icon - Web APIs
Web › API › Notification › icon
var notification = new notification('to do list', { body: text, icon: img }); specifications specification status comment notifications apithe definition of 'icon' in that specification.
Notification.image - Web APIs
Web › API › Notification › image
specifications specification status comment notifications apithe definition of 'image' in that specification.
Notification.lang - Web APIs
Web › API › Notification › lang
var options = { body: 'do you like my body?', lang: 'en-us' } var n = new notification('test notification',options); console.log(n.lang) // should return 'en-us' specifications specification status comment notifications apithe definition of 'lang' in that specification.
Notification.maxActions - Web APIs
Web › API › Notification › maxActions
const maxactions = notification.maxactions; console.log('this device can display at most ' + maxactions + ' actions on each notification.'); specifications specification status comment notifications api living standard living standard ...
Notification.onclick - Web APIs
Web › API › Notification › onclick
ples in the following example, we use an onclick handler to open a webpage in a new tab (specified by the inclusion of the '_blank' parameter) once a notification is clicked: notification.onclick = function(event) { event.preventdefault(); // prevent the browser from focusing the notification's tab window.open('http://www.mozilla.org', '_blank'); } specifications specification status comment notifications apithe definition of 'onclick' in that specification.
Notification.onerror - Web APIs
Web › API › Notification › onerror
}; specifications specification status comment notifications apithe definition of 'onerror' in that specification.
Notification.permission - Web APIs
Web › API › Notification › permission
} specifications specification status comment notifications apithe definition of 'permission' in that specification.
Notification.renotify - Web APIs
Web › API › Notification › renotify
var options = { body: 'do you like my body?', renotify: true } var n = new notification('test notification',options); console.log(n.renotify) // should log true specifications specification status comment notifications apithe definition of 'renotify' in that specification.
Notification.requestPermission() - Web APIs
Web › API › Notification › requestPermission
specifications specification status comment notifications api living standard living standard ...
Notification.requireInteraction - Web APIs
Web › API › Notification › requireInteraction
specifications specification status comment notifications apithe definition of 'requireinteraction' in that specification.
Notification.silent - Web APIs
Web › API › Notification › silent
var options = { body: 'do you like my body?', silent: true } var n = new notification('test notification', options); console.log(n.silent) // should log true specifications specification status comment notifications apithe definition of 'silent' in that specification.
Notification.tag - Web APIs
Web › API › Notification › tag
specifications specification status comment notifications apithe definition of 'tag' in that specification.
Notification.timestamp - Web APIs
Web › API › Notification › timestamp
var dts = math.floor(date.now()); var options = { body: 'do you like my body?', timestamp: dts } var n = new notification('test notification',options); console.log(n.timestamp) // should log original timestamp specifications specification status comment notifications apithe definition of 'timestamp' in that specification.
Notification.title - Web APIs
Web › API › Notification › title
examples function spawnnotification(thebody,theicon,thetitle) { var options = { body: thebody, icon: theicon } var n = new notification(thetitle,options); console.log(n.title) } specifications specification status comment notifications apithe definition of 'title' in that specification.
Notification.vibrate - Web APIs
Web › API › Notification › vibrate
var options = { body: 'do you like my body?', vibrate: [200, 100, 200] } var n = new notification('test notification',options); console.log(n.vibrate) // should log [200,100,200] specifications specification status comment notifications apithe definition of 'vibrate' in that specification.
Notification - Web APIs
Web › API › Notification
specifications specification status comment notifications api living standard living standard ...
NotificationAction - Web APIs
Web › API › NotificationAction
{ action: 'archive', title: 'archive' } ] }); self.addeventlistener('notificationclick', function(event) { event.notification.close(); if (event.action === 'archive') { // archive action was clicked archiveemail(); } else { // main body of notification was clicked clients.openwindow('/inbox'); } }, false); specifications specification status comment notifications api living standard living standard ...
NotificationEvent.NotificationEvent() - Web APIs
Web › API › NotificationEvent › NotificationEvent
example var n = new notification('hello'); var init = { notification: n }; var mynotificationevent = new notificationevent(type, init); specifications specification status comment notifications apithe definition of 'notificationevent() constructor' in that specification.
NotificationEvent.action - Web APIs
Web › API › NotificationEvent › action
example self.registration.shownotification("new articles available", { actions: [{action: "get", title: "get now."}] }); self.addeventlistener('notificationclick', function(event) { event.notification.close(); if (event.action === 'get') { synchronizereader(); } else { clients.openwindow("/reader"); } }, false); specifications specification status comment notifications apithe definition of 'action' in that specification.
NotificationEvent.notification - Web APIs
Web › API › NotificationEvent › notification
/ focuses if it is event.waituntil(clients.matchall({ type: "window" }).then(function(clientlist) { for (var i = 0; i < clientlist.length; i++) { var client = clientlist[i]; if (client.url == '/' && 'focus' in client) return client.focus(); } if (clients.openwindow) return clients.openwindow('/'); })); }); specifications specification status comment notifications apithe definition of 'notification' in that specification.
NotificationEvent - Web APIs
Web › API › NotificationEvent
/ focuses if it is event.waituntil(clients.matchall({ type: "window" }).then(function(clientlist) { for (var i = 0; i < clientlist.length; i++) { var client = clientlist[i]; if (client.url == '/' && 'focus' in client) return client.focus(); } if (clients.openwindow) return clients.openwindow('/'); })); }); specifications specification status comment notifications apithe definition of 'notificationevent' in that specification.
Notifications API - Web APIs
Web › API › Notifications API
specifications specification status comment notifications api living standard living standard ...
OES_element_index_uint - Web APIs
Web › API › OES element index uint
examples var ext = gl.getextension('oes_element_index_uint'); gl.drawelements(gl.points, 8, gl.unsigned_int, 0); specifications specification status comment oes_element_index_uintthe definition of 'oes_element_index_uint' in that specification.
OES_fbo_render_mipmap - Web APIs
Web › API › OES fbo render mipmap
specifications specification status oes_fbo_render_mipmap draft ...
OES_standard_derivatives - Web APIs
Web › API › OES standard derivatives
es: <script type="x-shader/x-fragment"> #extension gl_ext_shader_texture_lod : enable #extension gl_oes_standard_derivatives : enable uniform sampler2d mytexture; varying vec2 texcoord; void main(){ gl_fragcolor = texture2dgradext(mytexture, mod(texcoord, vec2(0.1, 0.5)), dfdx(texcoord), dfdy(texcoord)); } </script> specifications specification status comment oes_standard_derivativesthe definition of 'oes_standard_derivatives' in that specification.
OES_texture_float - Web APIs
Web › API › OES texture float
examples var ext = gl.getextension('oes_texture_float'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.teximage2d(gl.texture_2d, 0, gl.rgba, gl.rgba, gl.float, image); specifications specification status comment oes_texture_floatthe definition of 'oes_texture_float' in that specification.
OES_texture_float_linear - Web APIs
Web › API › OES texture float linear
examples gl.getextension('oes_texture_float'); gl.getextension('oes_texture_float_linear'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.texparameterf(gl.texture_2d, gl.texture_mag_filter, gl.linear); gl.teximage2d(gl.texture_2d, 0, gl.rgba, gl.rgba, gl.float, image); specifications specification status comment oes_texture_float_linearthe definition of 'oes_texture_float_linear' in that specification.
OES_texture_half_float - Web APIs
Web › API › OES texture half float
examples var ext = gl.getextension('oes_texture_half_float'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.teximage2d(gl.texture_2d, 0, gl.rgba, gl.rgba, ext.half_float_oes, image); specifications specification status comment oes_texture_half_floatthe definition of 'oes_texture_half_float' in that specification.
OES_texture_half_float_linear - Web APIs
Web › API › OES texture half float linear
examples var halffloat = gl.getextension('oes_texture_half_float'); gl.getextension('oes_texture_half_float_linear'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.texparameterf(gl.texture_2d, gl.texture_mag_filter, gl.linear); gl.teximage2d(gl.texture_2d, 0, gl.rgba, gl.rgba, halffloat.half_float_oes, image); specifications specification status comment oes_texture_half_float_linearthe definition of 'oes_texture_half_float_linear' in that specification.
OES_vertex_array_object.bindVertexArrayOES() - Web APIs
Web › API › OES vertex array object › bindVertexArrayOES
specifications specification status comment oes_vertex_array_objectthe definition of 'oes_vertex_array_object' in that specification.
OES_vertex_array_object.createVertexArrayOES() - Web APIs
Web › API › OES vertex array object › createVertexArrayOES
specifications specification status comment oes_vertex_array_objectthe definition of 'oes_vertex_array_object' in that specification.
OES_vertex_array_object.deleteVertexArrayOES() - Web APIs
Web › API › OES vertex array object › deleteVertexArrayOES
ext.deletevertexarrayoes(vao); specifications specification status comment oes_vertex_array_objectthe definition of 'oes_vertex_array_object' in that specification.
OES_vertex_array_object.isVertexArrayOES() - Web APIs
Web › API › OES vertex array object › isVertexArrayOES
ext.isvertexarrayoes(vao); specifications specification status comment oes_vertex_array_objectthe definition of 'oes_vertex_array_object' in that specification.
OES_vertex_array_object - Web APIs
Web › API › OES vertex array object
specifications specification status comment oes_vertex_array_objectthe definition of 'oes_vertex_array_object' in that specification.
OVR_multiview2.framebufferTextureMultiviewOVR() - Web APIs
Web › API › OVR multiview2 › framebufferTextureMultiviewOVR
examples ext.framebuffertexturemultiviewovr(gl.draw_framebuffer, gl.color_attachment0, colortex, 0, 0, 2); specifications specification status ovr_multiview2 community approved ...
OfflineAudioCompletionEvent.OfflineAudioCompletionEvent() - Web APIs
Web › API › OfflineAudioCompletionEvent › OfflineAudioCompletionEvent
specifications specification status comment web audio apithe definition of 'offlineaudiocompletionevent()' in that specification.
OfflineAudioCompletionEvent.renderedBuffer - Web APIs
Web › API › OfflineAudioCompletionEvent › renderedBuffer
specifications specification status comment web audio apithe definition of 'renderedbuffer' in that specification.
OfflineAudioCompletionEvent - Web APIs
Web › API › OfflineAudioCompletionEvent
specifications specification status comment web audio apithe definition of 'offlineaudiocompletionevent' in that specification.
OfflineAudioContext.OfflineAudioContext() - Web APIs
Web › API › OfflineAudioContext › OfflineAudioContext
for a full working example, see our offline-audio-context-promise github repo (see the source code too.) specifications specification status comment web audio apithe definition of 'offlineaudiocontext()' in that specification.
OfflineAudioContext: complete event - Web APIs
Web › API › OfflineAudioContext › complete event
; playbtn.disabled = false; }) you can also set up the event handler using the offlineaudiocontext.oncomplete property: let offlineaudioctx = new offlineaudiocontext(); offlineaudioctx.oncomplete = function() { console.log('offline audio processing now complete'); showmodaldialog('song processed and ready to play'); playbtn.disabled = false; } specifications specification status comment web audio apithe definition of 'offlineaudiocompletionevent' in that specification.
OfflineAudioContext.length - Web APIs
Web › API › OfflineAudioContext › length
specifications specification status comment web audio apithe definition of 'length' in that specification.
OfflineAudioContext.oncomplete - Web APIs
Web › API › OfflineAudioContext › oncomplete
offlineaudioctx.oncomplete = function() { console.log('offline audio processing now complete'); showmodaldialog('song processed and ready to play'); playbtn.disabled = false; } specifications specification status comment web audio apithe definition of 'oncomplete' in that specification.
OfflineAudioContext.resume() - Web APIs
Web › API › OfflineAudioContext › resume
specifications specification status comment web audio apithe definition of 'resume()' in that specification.
OfflineAudioContext.startRendering() - Web APIs
Web › API › OfflineAudioContext › startRendering
play.onclick = function() { song.start(); } }).catch(function(err) { console.log('rendering failed: ' + err); // note: the promise should reject when startrendering is called a second time on an offlineaudiocontext }); }); } request.send(); } // run getdata to start the process off getdata(); specifications specification status comment web audio apithe definition of 'startrendering()' in that specification.
OfflineAudioContext.suspend() - Web APIs
Web › API › OfflineAudioContext › suspend
invalidstateerror if the quantized frame number is one of the following: a negative number is less than or equal to the current time is greater than or equal to the total render duration is scheduled by another suspend for the same time specifications specification status comment web audio apithe definition of 'suspend()' in that specification.
OfflineAudioContext - Web APIs
Web › API › OfflineAudioContext
play.onclick = function() { song.start(); } }).catch(function(err) { console.log('rendering failed: ' + err); // note: the promise should reject when startrendering is called a second time on an offlineaudiocontext }); }); } request.send(); } // run getdata to start the process off getdata(); specifications specification status comment web audio apithe definition of 'offlineaudiocontext' in that specification.
OffscreenCanvas() - Web APIs
Web › API › OffscreenCanvas › OffscreenCanvas
let offscreen = new offscreencanvas(256, 256); let gl = offscreen.getcontext('webgl'); specifications specification status comment html living standardthe definition of 'offscreencanvas()' in that specification.
OffscreenCanvas.convertToBlob() - Web APIs
Web › API › OffscreenCanvas › convertToBlob
offscreen.converttoblob().then(function(blob) { console.log(blob); }); // blob { size: 334, type: "image/png" } specifications specification status comment html living standardthe definition of 'offscreencanvas: converttoblob' in that specification.
OffscreenCanvas.getContext() - Web APIs
Web › API › OffscreenCanvas › getContext
examples var offscreen = new offscreencanvas(256, 256); var gl = offscreen.getcontext("webgl"); gl; // webglrenderingcontext gl.canvas; // offscreencanvas specifications specification status comment html living standardthe definition of 'offscreencanvas.getcontext()' in that specification.
OffscreenCanvas.height - Web APIs
Web › API › OffscreenCanvas › height
syntax var pxl = offscreen.height; offscreen.height = pxl; examples creating a new offscreen canvas and returning or setting the height of the offscreen canvas: var offscreen = new offscreencanvas(256, 256); offscreen.height; // 256 offscreen.height = 512; specifications specification status comment html living standardthe definition of 'offscreencanvas.height' in that specification.
OffscreenCanvas.transferToImageBitmap() - Web APIs
Web › API › OffscreenCanvas › transferToImageBitmap
offscreen.transfertoimagebitmap(); // imagebitmap { width: 256, height: 256 } specifications specification status comment html living standardthe definition of 'offscreencanvas.transfertoimagebitmap()' in that specification.
OffscreenCanvas.width - Web APIs
Web › API › OffscreenCanvas › width
syntax var pxl = offscreen.width; offscreen.width = pxl; examples creating a new offscreen canvas and returning or setting the width of the offscreen canvas: var offscreen = new offscreencanvas(256, 256); offscreen.width; // 256 offscreen.width = 512; specifications specification status comment html living standardthe definition of 'offscreencanvas.width' in that specification.
OffscreenCanvas - Web APIs
Web › API › OffscreenCanvas
requestanimationframe(render); } requestanimationframe(render); }; specifications specification status comment html living standardthe definition of 'offscreencanvas' in that specification.
OrientationSensor.populateMatrix() - Web APIs
Web › API › OrientationSensor › populateMatrix
parameters targetmatrix tbd return value undefined example // tbd specifications specification status comment orientation sensorthe definition of 'populatematrix' in that specification.
OrientationSensor.quaternion - Web APIs
Web › API › OrientationSensor › quaternion
example // tbd specifications specification status comment orientation sensorthe definition of 'quaternion' in that specification.
OrientationSensor - Web APIs
Web › API › OrientationSensor
} else { console.log("no permissions to use absoluteorientationsensor."); } }); specifications specification status comment orientation sensorthe definition of 'orientationsensor' in that specification.
OscillatorNode.OscillatorNode() - Web APIs
Web › API › OscillatorNode › OscillatorNode
specifications specification status comment web audio apithe definition of 'oscillatornode()' in that specification.
OscillatorNode.detune - Web APIs
Web › API › OscillatorNode › detune
var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.setvalueattime(440, audioctx.currenttime); // value in hertz oscillator.detune.setvalueattime(100, audioctx.currenttime); // value in cents oscillator.start(); specifications specification status comment web audio apithe definition of 'detune' in that specification.
OscillatorNode.frequency - Web APIs
Web › API › OscillatorNode › frequency
// create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.setvalueattime(440, audioctx.currenttime); // value in hertz oscillator.start(); specifications specification status comment web audio apithe definition of 'frequency' in that specification.
OscillatorNode.onended - Web APIs
Web › API › OscillatorNode › onended
specifications specification status comment web audio apithe definition of 'onended' in that specification.
OscillatorNode.setPeriodicWave() - Web APIs
Web › API › OscillatorNode › setPeriodicWave
specifications specification status comment web audio apithe definition of 'setperiodicwave' in that specification.
OscillatorNode.start() - Web APIs
Web › API › OscillatorNode › start
// create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.setvalueattime(3000, audioctx.currenttime); // value in hertz oscillator.start(); specifications specification status comment web audio apithe definition of 'start' in that specification.
OscillatorNode.stop() - Web APIs
Web › API › OscillatorNode › stop
// create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.connect(audioctx.destination); oscillator.start(); oscillator.stop(audioctx.currenttime + 2); // stop 2 seconds after the current time specifications specification status comment web audio apithe definition of 'stop' in that specification.
OscillatorNode.type - Web APIs
Web › API › OscillatorNode › type
// create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.setvalueattime(440, audioctx.currenttime); // value in hertz oscillator.start(); specifications specification status comment web audio apithe definition of 'type' in that specification.
OscillatorNode - Web APIs
Web › API › OscillatorNode
// create web audio api context var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); // create oscillator node var oscillator = audioctx.createoscillator(); oscillator.type = 'square'; oscillator.frequency.setvalueattime(440, audioctx.currenttime); // value in hertz oscillator.connect(audioctx.destination); oscillator.start(); specifications specification status comment web audio apithe definition of 'oscillatornode' in that specification.
OverconstrainedError.OverconstrainedError() - Web APIs
Web › API › OverconstrainedError › OverconstrainedError
specifications specification status comment media capture and streamsthe definition of 'overconstrainederror' in that specification.
OverconstrainedError.constraint - Web APIs
Web › API › OverconstrainedError › constraint
syntax var constraint = overconstrainederror.constraint; value a string specifications specification status comment media capture and streamsthe definition of 'constraint' in that specification.
OverconstrainedError.message - Web APIs
Web › API › OverconstrainedError › message
specifications specification status comment media capture and streamsthe definition of 'message' in that specification.
OverconstrainedError.name - Web APIs
Web › API › OverconstrainedError › name
specifications specification status comment media capture and streamsthe definition of 'name' in that specification.
OverconstrainedError - Web APIs
Web › API › OverconstrainedError
specifications specification status comment media capture and streamsthe definition of 'overconstrainederror' in that specification.
PageTransitionEvent.persisted - Web APIs
Web › API › PageTransitionEvent › persisted
specifications specification status comment html living standardthe definition of 'pagetransitionevent: persisted' in that specification.
PageTransitionEvent - Web APIs
Web › API › PageTransitionEvent
example html <!doctype html> <html> <body> </body> </html> javascript window.addeventlistener('pageshow', myfunction); function myfunction(event) { if (event.persisted) { alert("the page was cached by the browser"); } else { alert("the page was not cached by the browser"); } } specifications specification status comment html living standardthe definition of 'pagetransitionevent' in that specification.
Page Visibility API - Web APIs
Web › API › Page Visibility API
//startsimulation and pausesimulation defined elsewhere function handlevisibilitychange() { if (document.hidden) { pausesimulation(); } else { startsimulation(); } } document.addeventlistener("visibilitychange", handlevisibilitychange, false); specifications specification status comment page visibility (second edition) recommendation initial definition.
Paint​Worklet​.device​Pixel​Ratio - Web APIs
Web › API › PaintWorklet › Paint​Worklet​.device​Pixel​Ratio
specifications specification status comment css painting api level 1the definition of 'paintworklet.devicepixelratio' in that specification.
PaintWorklet.devicePixelRatio - Web APIs
Web › API › PaintWorklet › devicePixelRatio
specifications specification status comment css painting api level 1the definition of 'paintworklet.devicepixelratio' in that specification.
PaintWorklet.devicePixelRatio - Web APIs
Web › API › PaintWorklet › devicePizelRatio
specifications specification status comment css painting api level 1the definition of 'paintworklet.devicepixelratio' in that specification.
PaintWorklet.registerPaint - Web APIs
Web › API › PaintWorklet › registerPaint
li { background-image: paint(checkerboard); } specifications specification status comment css painting api level 1the definition of 'paintworklet.registerpaint' in that specification.
PaintWorklet - Web APIs
Web › API › PaintWorklet
@supports (background: paint(id)) { background-image: paint(checkerboard); } specifications specification status comment css painting api level 1the definition of 'paintworkletglobalscope' in that specification.
PannerNode.PannerNode() - Web APIs
Web › API › PannerNode › PannerNode
example var ctx = new audiocontext(); var options = { positionx : 1, maxdistance: 5000 } var mypanner = new pannernode(ctx, options); specifications specification status comment web audio apithe definition of 'pannernode()' in that specification.
PannerNode.coneInnerAngle - Web APIs
Web › API › PannerNode › coneInnerAngle
osc.connect(panner) .connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'coneinnerangle' in that specification.
PannerNode.coneOuterAngle - Web APIs
Web › API › PannerNode › coneOuterAngle
osc.connect(panner) .connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'coneouterangle' in that specification.
PannerNode.coneOuterGain - Web APIs
Web › API › PannerNode › coneOuterGain
osc.connect(panner) .connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'coneoutergain' in that specification.
PannerNode.distanceModel - Web APIs
Web › API › PannerNode › distanceModel
specifications specification status comment web audio apithe definition of 'distancemodel' in that specification.
PannerNode.maxDistance - Web APIs
Web › API › PannerNode › maxDistance
specifications specification status comment web audio apithe definition of 'maxdistance' in that specification.
PannerNode.orientationX - Web APIs
Web › API › PannerNode › orientationX
osc.connect(panner) .connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'orientationx' in that specification.
PannerNode.orientationY - Web APIs
Web › API › PannerNode › orientationY
osc.connect(panner) .connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'orientationy' in that specification.
PannerNode.orientationZ - Web APIs
Web › API › PannerNode › orientationZ
osc.connect(panner) .connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'orientationz' in that specification.
PannerNode.panningModel - Web APIs
Web › API › PannerNode › panningModel
specifications specification status comment web audio apithe definition of 'panningmodel' in that specification.
PannerNode.positionX - Web APIs
Web › API › PannerNode › positionX
audiocontext(); const osc = new oscillatornode(context); const panner = new pannernode(context); panner.positionx.setvalueattime(-1, context.currenttime + 1); panner.positionx.setvalueattime(1, context.currenttime + 2); panner.positionx.setvalueattime(0, context.currenttime + 3); osc.connect(panner) .connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'positionx' in that specification.
PannerNode.positionY - Web APIs
Web › API › PannerNode › positionY
new oscillatornode(context); const panner = new pannernode(context); panner.panningmodel = 'hrtf'; panner.positiony.setvalueattime(1, context.currenttime + 1); panner.positiony.setvalueattime(-1, context.currenttime + 2); panner.positiony.setvalueattime(0, context.currenttime + 3); osc.connect(panner) .connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'positiony' in that specification.
PannerNode.positionZ - Web APIs
Web › API › PannerNode › positionZ
new oscillatornode(context); const panner = new pannernode(context); panner.panningmodel = 'hrtf'; panner.positionz.setvalueattime(1, context.currenttime + 1); panner.positionz.setvalueattime(-1, context.currenttime + 2); panner.positionz.setvalueattime(0, context.currenttime + 3); osc.connect(panner) .connect(context.destination); osc.start(0); specifications specification status comment web audio apithe definition of 'positionz' in that specification.
PannerNode.refDistance - Web APIs
Web › API › PannerNode › refDistance
currenttime); // this tone should decay slower and later than the previous one scheduletesttone(4, context.currenttime + note_length); // this tone should decay only slightly, and only start decaying fairly late scheduletesttone(7, context.currenttime + note_length * 2); after running this code, the resulting waveforms should look something like this: specifications specification status comment web audio apithe definition of 'refdistance' in that specification.
PannerNode.rolloffFactor - Web APIs
Web › API › PannerNode › rolloffFactor
fairly quickly scheduletesttone(1, context.currenttime); // this tone should decay slower than the previous one scheduletesttone(0.5, context.currenttime + note_length); // this tone should decay only slightly scheduletesttone(0.1, context.currenttime + note_length * 2); after running this code, the resulting waveforms should look something like this: specifications specification status comment web audio apithe definition of 'rollofffactor' in that specification.
PannerNode.setOrientation() - Web APIs
Web › API › PannerNode › setOrientation
specifications specification status comment web audio apithe definition of 'setorientation()' in that specification.
PannerNode.setPosition() - Web APIs
Web › API › PannerNode › setPosition
specifications specification status comment web audio apithe definition of 'setposition()' in that specification.
PannerNode - Web APIs
Web › API › PannerNode
specifications specification status comment web audio apithe definition of 'pannernode' in that specification.
ParentNode.append() - Web APIs
Web › API › ParentNode › append
argitem : document.createtextnode(string(argitem))); }); this.appendchild(docfrag); } }); }); })([element.prototype, document.prototype, documentfragment.prototype]); specification specification status comment domthe definition of 'parentnode.append()' in that specification.
ParentNode.childElementCount - Web APIs
Web › API › ParentNode › childElementCount
ype.childelementcount == null) { object.defineproperty(constructor.prototype, 'childelementcount', { get: function() { var i = 0, count = 0, node, nodes = this.childnodes; while (node = nodes[i++]) { if (node.nodetype === 1) count++; } return count; } }); } })(window.node || window.element); specification specification status comment domthe definition of 'parentnode.childelementcount' in that specification.
ParentNode.children - Web APIs
Web › API › ParentNode › children
object.defineproperty(constructor.prototype, 'children', { get: function() { let i = 0, node, nodes = this.childnodes, children = []; while (node = nodes[i++]) { if (node.nodetype === 1) { children.push(node); } } return children; } }); } })(window.node || window.element); specification specification status comment domthe definition of 'parentnode.children' in that specification.
ParentNode.firstElementChild - Web APIs
Web › API › ParentNode › firstElementChild
', { get: function() { var node, nodes = this.childnodes, i = 0; while (node = nodes[i++]) { if (node.nodetype === 1) { return node; } } return null; } }); } })(window.node || window.element); specification specification status comment domthe definition of 'parentnode.firstelementchild' in that specification.
ParentNode.lastElementChild - Web APIs
Web › API › ParentNode › lastElementChild
{ object.defineproperty(constructor.prototype, 'lastelementchild', { get: function() { var node, nodes = this.childnodes, i = nodes.length - 1; while(node = nodes[i--]) { if(node.nodetype === 1) { return node; } } return null; } }); } })(window.node || window.element); specification specification status comment domthe definition of 'parentnode.lastelementchild' in that specification.
ParentNode.prepend() - Web APIs
Web › API › ParentNode › prepend
argitem : document.createtextnode(string(argitem))); }); this.insertbefore(docfrag, this.firstchild); } }); }); })([element.prototype, document.prototype, documentfragment.prototype]); specification specification status comment domthe definition of 'parentnode.prepend()' in that specification.
ParentNode.querySelector() - Web APIs
Web › API › ParentNode › querySelector
specifications specification status comment domthe definition of 'parentnode.queryselector()' in that specification.
ParentNode.querySelectorAll() - Web APIs
Web › API › ParentNode › querySelectorAll
the :scope pseudo-class restores the expected behavior, only matching selectors on descendants of the base element: var select = document.queryselector('.select'); var inner = select.queryselectorall(':scope .outer .inner'); inner.length; // 0 specifications specification status comment domthe definition of 'parentnode.queryselectorall()' in that specification.
ParentNode.replaceChildren() - Web APIs
Web › API › ParentNode › replaceChildren
edtransferoptions, ...existingyesoptions); }); nobtn.addeventlistener('click', () => { const selectedtransferoptions = document.queryselectorall('#yes option:checked'); const existingnooptions = document.queryselectorall('#no option'); noselect.replacechildren(...selectedtransferoptions, ...existingnooptions); }); the end result looks like this: specification specification status comment domthe definition of 'parentnode.replacechildren()' in that specification.
ParentNode - Web APIs
Web › API › ParentNode
specification specification status comment domthe definition of 'parentnode' in that specification.
PasswordCredential - Web APIs
Web › API › PasswordCredential › PasswordCredential
}); specifications specification status comment credential management level 1 working draft initial definition.
PasswordCredential.additionalData - Web APIs
Web › API › PasswordCredential › additionalData
edentials.get(options).then(function(creds) { if (creds.type == 'password') { var form = new formdata(); var csrf_token = document.queryselector('csrf_token').value; form.append('csrf_token', csrf_token); creds.additionaldata = form; fetch('https://www.example.com', { method: 'post', credentials: creds }); }; }); specifications specification status comment credential management level 1 working draft initial definition.
PasswordCredential.iconURL - Web APIs
Web › API › PasswordCredential › iconURL
specifications specification status comment credential management level 1the definition of 'iconurl' in that specification.
PasswordCredential.idName - Web APIs
Web › API › PasswordCredential › idName
example // tbd specifications specification status comment credential management level 1 working draft initial definition.
PasswordCredential.name - Web APIs
Web › API › PasswordCredential › name
specifications specification status comment credential management level 1the definition of 'name' in that specification.
PasswordCredential.password - Web APIs
Web › API › PasswordCredential › password
specifications specification status comment credential management level 1the definition of 'password' in that specification.
PasswordCredential.passwordName - Web APIs
Web › API › PasswordCredential › passwordName
example // tbd specifications specification status comment credential management level 1 working draft initial definition.
PasswordCredential - Web APIs
Web › API › PasswordCredential
}); specifications specification status comment credential management level 1 working draft initial definition.
Path2D() - Web APIs
Web › API › Path2D › Path2D
<canvas id="canvas"></canvas> const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); let p = new path2d('m10 10 h 80 v 80 h -80 z'); ctx.fill(p); specification specification status comment html living standardthe definition of 'path2d()' in that specification.
Path2D.addPath() - Web APIs
Web › API › Path2D › addPath
new path2d(); p2.rect(0, 0, 100, 75); // create transformation matrix that moves 200 points to the right let m = document.createelementns('http://www.w3.org/2000/svg', 'svg').createsvgmatrix(); m.a = 1; m.b = 0; m.c = 0; m.d = 1; m.e = 200; m.f = 0; // add second path to the first path p1.addpath(p2, m); // draw the first path ctx.fill(p1); result specifications specification status comment html living standardthe definition of 'path2d.addpath()' in that specification.
Path2D - Web APIs
Web › API › Path2D
specifications specification status comment html living standardthe definition of 'path2d' in that specification.
PayerErrors.email - Web APIs
Web › API › PayerErrors › email
// } specifications specification status comment payment request apithe definition of 'payererrors.email' in that specification.
PayerErrors.name - Web APIs
Web › API › PayerErrors › name
// } specifications specification status comment payment request apithe definition of 'payererrors.name' in that specification.
PayerErrors.phone - Web APIs
Web › API › PayerErrors › phone
// } specifications specification status comment payment request apithe definition of 'payererrors.phone' in that specification.
PayerErrors - Web APIs
Web › API › PayerErrors
example specifications specification status comment payment request apithe definition of 'payererrors' in that specification.
PaymentAddress.addressLine - Web APIs
Web › API › PaymentAddress › addressLine
ue 0 metal box factory 1 suite 441, 4th floor 2 30 great guildford street these, combined with additional values for other properties of the paymentaddress, would represent the full address, which is: mozilla metal box factory suite 441, 4th floor 30 great guildford street london se1 0hs united kingdom specifications specification status comment payment request apithe definition of 'paymentaddress.addressline' in that specification.
PaymentAddress.city - Web APIs
Web › API › PaymentAddress › city
specifications specification status comment payment request apithe definition of 'paymentaddress.city' in that specification.
PaymentAddress.country - Web APIs
Web › API › PaymentAddress › country
specifications specification status comment payment request apithe definition of 'paymentaddress.country' in that specification.
PaymentAddress.dependentLocality - Web APIs
Web › API › PaymentAddress › dependentLocality
specifications specification status comment payment request apithe definition of 'paymentaddress.dependentlocality' in that specification.
PaymentAddress.organization - Web APIs
Web › API › PaymentAddress › organization
specifications specification status comment payment request apithe definition of 'paymentaddress.organization' in that specification.
PaymentAddress.phone - Web APIs
Web › API › PaymentAddress › phone
specifications specification status comment payment request apithe definition of 'paymentaddress.phone' in that specification.
PaymentAddress.postalCode - Web APIs
Web › API › PaymentAddress › postalCode
specifications specification status comment payment request apithe definition of 'paymentaddress.postalcode' in that specification.
PaymentAddress.recipient - Web APIs
Web › API › PaymentAddress › recipient
specifications specification status comment payment request apithe definition of 'paymentaddress.recipient' in that specification.
PaymentAddress.region - Web APIs
Web › API › PaymentAddress › region
specifications specification status comment payment request apithe definition of 'paymentaddress.region' in that specification.
PaymentAddress.sortingCode - Web APIs
Web › API › PaymentAddress › sortingCode
specifications specification status comment payment request apithe definition of 'paymentaddress.sortingcode' in that specification.
PaymentAddress.toJSON() - Web APIs
Web › API › PaymentAddress › toJSON
specifications specification status comment web idlthe definition of 'tojson()' in that specification.
PaymentAddress - Web APIs
Web › API › PaymentAddress
billing address is a paymentaddress object } } specifications specification status comment payment request apithe definition of 'paymentaddress' in that specification.
PaymentCurrencyAmount.currency - Web APIs
Web › API › PaymentCurrencyAmount › currency
let itemprice = { currency: "usd", value: "42.95" }; specifications specification status comment payment request apithe definition of 'paymentcurrencyamount.currency' in that specification.
PaymentCurrencyAmount.currencySystem - Web APIs
Web › API › PaymentCurrencyAmount › currencySystem
specifications specification status comment payment request apithe definition of 'paymentcurrencyamount' in that specification.
PaymentCurrencyAmount.value - Web APIs
Web › API › PaymentCurrencyAmount › value
specifications specification status comment payment request apithe definition of 'paymentcurrencyamount.value' in that specification.
PaymentCurrencyAmount - Web APIs
Web › API › PaymentCurrencyAmount
specifications specification status comment payment request apithe definition of 'paymentcurrencyamount' in that specification.
PaymentDetailsBase - Web APIs
Web › API › PaymentDetailsBase
specifications specification status comment payment request apithe definition of 'paymentdetailsbase' in that specification.
PaymentDetailsUpdate.error - Web APIs
Web › API › PaymentDetailsUpdate › error
specifications specification status comment payment request apithe definition of 'paymentdetailsupdate.error' in that specification.
PaymentDetailsUpdate.shippingAddressErrors - Web APIs
Web › API › PaymentDetailsUpdate › shippingAddressErrors
specifications specification status comment payment request apithe definition of 'paymentdetailsupdate.shippingaddresserrors' in that specification.
PaymentDetailsUpdate - Web APIs
Web › API › PaymentDetailsUpdate
specifications specification status comment payment request apithe definition of 'paymentdetailsupdate' in that specification.
PaymentItem - Web APIs
Web › API › PaymentItem
specifications specification status comment payment request apithe definition of 'paymentitem' in that specification.
PaymentMethodChangeEvent - Web APIs
Web › API › PaymentMethodChangeEvent › PaymentMethodChangeEvent
specifications specification status comment payment request apithe definition of 'paymentmethodchangeevent()' in that specification.
PaymentMethodChangeEvent.methodDetails - Web APIs
Web › API › PaymentMethodChangeEvent › methodDetails
specifications specification status comment payment request apithe definition of 'paymentmethodchangeevent.methoddetails' in that specification.
PaymentMethodChangeEvent.methodName - Web APIs
Web › API › PaymentMethodChangeEvent › methodName
ev.updatewith(newstuff); }; const response = await request.show(); specifications specification status comment payment request apithe definition of 'paymentmethodchangeevent.methodname' in that specification.
PaymentMethodChangeEvent - Web APIs
Web › API › PaymentMethodChangeEvent
specifications specification status comment payment request apithe definition of 'paymentmethodchangeevent' in that specification.
PaymentRequest.PaymentRequest() - Web APIs
Web › API › PaymentRequest › PaymentRequest
} specifications specification status comment payment request apithe definition of 'paymentrequest() constructor' in that specification.
PaymentRequest.abort() - Web APIs
Web › API › PaymentRequest › abort
ts, details, options); var paymenttimeout = window.settimeout(() => { window.cleartimeout(paymenttimeout); request.abort().then(() => { print('payment timed out after 20 minutes.'); }).catch(() => { print('unable to abort, because the user is currently in the process ' + 'of paying.'); }); }, 20 * 60 * 1000); /* 20 minutes */ specifications specification status comment payment request apithe definition of 'abort()' in that specification.
PaymentRequest.canMakePayment() - Web APIs
Web › API › PaymentRequest › canMakePayment
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
Web › API › PaymentRequest › id
specifications specification status comment payment request apithe definition of 'id' in that specification.
PaymentRequest: merchantvalidation event - Web APIs
Web › API › PaymentRequest › merchantvalidation event
related events payerdetailchange, paymentmethodchange, shippingaddresschange, and shippingoptionchange specifications specification status comment payment request apithe definition of 'merchantvalidation' in that specification.
PaymentRequest.onmerchantvalidation - Web APIs
Web › API › PaymentRequest › onmerchantvalidation
specifications specification status comment payment request apithe definition of 'onmerchantvalidation' in that specification.
PaymentRequest.onpaymentmethodchange - Web APIs
Web › API › PaymentRequest › onpaymentmethodchange
ev.updatewith(newstuff); }; const response = await request.show(); specifications specification status comment payment request apithe definition of 'onpaymentmethodchange' in that specification.
PaymentRequest.onshippingaddresschange - Web APIs
Web › API › PaymentRequest › onshippingaddresschange
}).catch(function(err) { console.error("uh oh, something bad happened", err.message); }); specifications specification status comment payment request apithe definition of 'onshippingaddresschange' in that specification.
PaymentRequest.onshippingoptionchange - Web APIs
Web › API › PaymentRequest › onshippingoptionchange
onsole.log(details.error); } // hardcode for simplicity if (details.displayitems.length === 2) { details.displayitems[2] = shippingoption; } else { details.displayitems.push(shippingoption); } details.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
Web › API › PaymentRequest › paymentmethodchange event
related events merchantvalidation, shippingaddresschange, shippingoptionchange, and payerdetailchange specifications specification status comment payment request apithe definition of 'paymentmethodchange' in that specification.
PaymentRequest.shippingAddress - Web APIs
Web › API › PaymentRequest › shippingAddress
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.
PaymentRequest.shippingOption - Web APIs
Web › API › PaymentRequest › shippingOption
we can't ship to your address.` }; } } specifications specification status comment payment request apithe definition of 'shippingoption' in that specification.
PaymentRequest.shippingType - Web APIs
Web › API › PaymentRequest › shippingType
specifications specification status comment payment request apithe definition of 'shippingtype' in that specification.
PaymentRequest: shippingaddresschange event - Web APIs
Web › API › PaymentRequest › shippingaddresschange event
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.
PaymentRequest: shippingoptionchange event - Web APIs
Web › API › PaymentRequest › shippingoptionchange event
also create an event handler for shippingoptionchange using its corresponding event handler property, onshippingoptionchange: paymentrequest.onshippingoptionchange = event => { const value = calculatenewtotal(paymentrequest.shippingoption); const total = { currency: "eur", label: "total due", value, }; event.updatewith({ total }); }; specifications specification status comment payment request apithe definition of 'shippingoptionchange' in that specification.
PaymentRequest.show() - Web APIs
Web › API › PaymentRequest › show
} document.getelementbyid("buybutton").onclick = requestpayment; specifications specification status comment payment request apithe definition of 'show(optional detailspromise)' in that specification.
PaymentRequest - Web APIs
Web › API › PaymentRequest
specifications specification status comment payment request apithe definition of 'paymentrequest' in that specification.
PaymentRequestEvent.instrumentKey - Web APIs
Web › API › PaymentRequestEvent › instrumentKey
specifications specification status comment payment handler apithe definition of 'instrumentkey' in that specification.
PaymentRequestEvent.methodData - Web APIs
Web › API › PaymentRequestEvent › methodData
specifications specification status comment payment handler apithe definition of 'methoddata' in that specification.
PaymentRequestEvent.modifiers - Web APIs
Web › API › PaymentRequestEvent › modifiers
specifications specification status comment payment handler apithe definition of 'modifiers' in that specification.
PaymentRequestEvent.openWindow() - Web APIs
Web › API › PaymentRequestEvent › openWindow
specifications specification status comment payment handler apithe definition of 'openwindow' in that specification.
paymentRequestId - Web APIs
Web › API › PaymentRequestEvent › paymentRequestId
specifications specification status comment payment handler apithe definition of 'paymentrequestid' in that specification.
PaymentRequestEvent.paymentRequestOrigin - Web APIs
Web › API › PaymentRequestEvent › paymentRequestOrigin
specifications specification status comment payment handler apithe definition of 'paymentrequestorigin' in that specification.
PaymentRequestEvent.respondWith() - Web APIs
Web › API › PaymentRequestEvent › respondWith
specifications specification status comment payment handler apithe definition of 'respondwith' in that specification.
PaymentRequestEvent.topOrigin - Web APIs
Web › API › PaymentRequestEvent › topOrigin
syntax var ausvstring = paymentrequestevent.toporigin value a usvstring specifications specification status comment payment handler apithe definition of 'toporigin' in that specification.
PaymentRequestEvent.total - Web APIs
Web › API › PaymentRequestEvent › total
specifications specification status comment payment handler apithe definition of 'total' in that specification.
PaymentRequestEvent - Web APIs
Web › API › PaymentRequestEvent
specifications specification status comment payment handler apithe definition of 'paymentrequestevent' in that specification.
PaymentRequestUpdateEvent.PaymentRequestUpdateEvent() - Web APIs
Web › API › PaymentRequestUpdateEvent › PaymentRequestUpdateEvent
specifications specification status comment payment request apithe definition of 'paymentrequestupdateevent()' in that specification.
PaymentRequestUpdateEvent.updateWith() - Web APIs
Web › API › PaymentRequestUpdateEvent › updateWith
specifications specification status comment payment request apithe definition of 'paymentrequestupdateevent.updatewith()' in that specification.
PaymentRequestUpdateEvent - Web APIs
Web › API › PaymentRequestUpdateEvent
specifications specification status comment payment request apithe definition of 'paymentrequestupdateevent' in that specification.
PaymentResponse.details - Web APIs
Web › API › PaymentResponse › details
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.
PaymentResponse.methodName - Web APIs
Web › API › PaymentResponse › methodName
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.
PaymentResponse.onpayerdetailchange - Web APIs
Web › API › PaymentResponse › onpayerdetailchange
rtynames(errors).length) { await response.retry(errors); } else { // we have a good payment; send the data to the server await fetch("/pay-for-things/", { method: "post", body: response.json() }); response.complete("success"); } }; await response.retry({ payer: { email: "invalid domain.", phone: "invalid number.", }, }); specifications specification status comment payment request apithe definition of 'onpayerdetailchange' in that specification.
PaymentResponse.payerEmail - Web APIs
Web › API › PaymentResponse › payerEmail
syntax var payeremail = paymentresponse.payeremail; specifications specification status comment payment request api candidate recommendation initial definition.
PaymentRequest.payerName - Web APIs
Web › API › PaymentResponse › payerName
specifications specification status comment payment request apithe definition of 'payername' in that specification.
PayerResponse.payerPhone - Web APIs
Web › API › PaymentResponse › payerPhone
syntax var payerphone = paymentresponse.payerphone; specifications specification status comment payment request api candidate recommendation initial definition.
PaymentResponse: payerdetailchange event - Web APIs
Web › API › PaymentResponse › payerdetailchange event
} specifications specification status comment payment request apithe definition of 'payerdetailchange event' in that specification.
PaymentResponse.requestId - Web APIs
Web › API › PaymentResponse › requestId
specifications specification status comment payment request apithe definition of 'requestid' in that specification.
PaymentResponse.retry() - Web APIs
Web › API › PaymentResponse › retry
event.removeeventlistener(event, listener); resolve(); } }); }); } dopaymentrequest(); specifications specification status comment payment request apithe definition of 'retry()' in that specification.
PaymentResponse.shippingAddress - Web APIs
Web › API › PaymentResponse › shippingAddress
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 api candidate recommendation initial definition.
PaymentResponse.shippingOption - Web APIs
Web › API › PaymentResponse › shippingOption
; 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.splice(2, 1, selectedshippingoption); resolve(details); } specifications specification status comment payment request api candidate recommendation initial definition.
PaymentResponse - Web APIs
Web › API › PaymentResponse
specifications specification status comment payment request apithe definition of 'paymentresponse' in that specification.
PaymentValidationErrors - Web APIs
Web › API › PaymentValidationErrors
example specifications specification status comment payment request api candidate recommendation initial definition.
Payment processing concepts - Web APIs
Web › API › Payment Request API › Concepts
specifications specification status comment payment request api candidate recommendation initial definition.
Using the Payment Request API - Web APIs
Web › API › Payment Request API › Using the Payment Request API
at time of writing, that specification includes a canmakepayment event that a payment handler could make use of to return authorization status.
Payment Request API - Web APIs
Web › API › Payment Request API
specifications specification status comment payment request api candidate recommendation initial definition.
Pbkdf2Params - Web APIs
Web › API › Pbkdf2Params
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.pbkdf2params' in that specification.
performance.clearMarks() - Web APIs
Web › API › Performance › clearMarks
performance.clearmarks(); logmarkcount() // "found this many entries: 0" specifications specification status comment user timing level 2the definition of 'clearmarks()' in that specification.
performance.clearMeasures() - Web APIs
Web › API › Performance › clearMeasures
performance.clearmeasures(); logmeasurecount() // "found this many entries: 0" specifications specification status comment user timing level 2the definition of 'clearmeasures()' in that specification.
performance.clearResourceTimings() - Web APIs
Web › API › Performance › clearResourceTimings
performance data buffer not cleared!"); } specifications specification status comment resource timing level 1the definition of 'clearresourcetimings()' in that specification.
performance.getEntries() - Web APIs
Web › API › Performance › getEntries
= " + p[i].duration); } // use getentriesbyname() to get all "mark" entries named "begin" p = performance.getentriesbyname("begin", "mark"); for (let i=0; i < p.length; i++) { console.log ("mark and begin entry[" + i + "]: name = " + p[i].name + "; starttime = " + p[i].starttime + "; duration = " + p[i].duration); } } specifications specification status comment performance timeline level 2the definition of 'getentries()' in that specification.
performance.getEntriesByName() - Web APIs
Web › API › Performance › getEntriesByName
duration = " + p[i].duration); } // use getentriesbyname() to get all "mark" entries named "begin" p = performance.getentriesbyname("begin", "mark"); for (var i=0; i < p.length; i++) { log ("mark and begin entry[" + i + "]: name = " + p[i].name + "; starttime = " + p[i].starttime + "; duration = " + p[i].duration); } } specifications specification status comment performance timeline level 2the definition of 'getentriesbyname()' in that specification.
performance.getEntriesByType() - Web APIs
Web › API › Performance › getEntriesByType
duration = " + p[i].duration); } // use getentriesbyname() to get all "mark" entries named "begin" p = performance.getentriesbyname("begin", "mark"); for (var i=0; i < p.length; i++) { log ("mark and begin entry[" + i + "]: name = " + p[i].name + "; starttime = " + p[i].starttime + "; duration = " + p[i].duration); } } specifications specification status comment performance timeline level 2the definition of 'getentriesbytype()' in that specification.
performance.mark() - Web APIs
Web › API › Performance › mark
performance.clearmarks(); specifications specification status comment user timing level 2the definition of 'mark()' in that specification.
performance.measure() - Web APIs
Web › API › Performance › measure
performance.clearmarks(); performance.clearmeasures(); }, 1000); }, 1000); specifications specification status comment user timing level 2the definition of 'measure()' in that specification.
Performance.navigation - Web APIs
Web › API › Performance › navigation
syntax navobject = performance.navigation; specifications specification status comment navigation timingthe definition of 'performance.navigation' in that specification.
performance.now() - Web APIs
Web › API › Performance › now
specifications specification status comment high resolution time level 2the definition of 'performance.now()' in that specification.
Performance.onresourcetimingbufferfull - Web APIs
Web › API › Performance › onresourcetimingbufferfull
function buffer_full(event) { console.log("warning: resource timing buffer is full!"); performance.setresourcetimingbuffersize(200); } function init() { // set a callback if the resource buffer becomes filled performance.onresourcetimingbufferfull = buffer_full; } <body onload="init()"> specifications specification status comment resource timing level 1the definition of 'onresourcetimingbufferfull' in that specification.
Performance: resourcetimingbufferfull event - Web APIs
Web › API › Performance › resourcetimingbufferfull event
rmance.setresourcetimingbuffersize(200); } function init() { // set a callback if the resource buffer becomes filled performance.onresourcetimingbufferfull = buffer_full; } <body onload="init()"> note that you could also set up the handler using the addeventlistener() function: performance.addeventlistener('resourcetimingbufferfull', buffer_full); specifications specification status comment resource timing level 1the definition of 'onresourcetimingbufferfull' in that specification.
performance.setResourceTimingBufferSize() - Web APIs
Web › API › Performance › setResourceTimingBufferSize
performance.setresourcetimingbuffersize() = not supported"); } } specifications specification status comment resource timing level 1the definition of 'setresourcetimingbuffersize()' in that specification.
Performance.timeOrigin - Web APIs
Web › API › Performance › timeOrigin
specifications specification status high resolution time level 2the definition of 'timeorigin' in that specification.
Performance.timing - Web APIs
Web › API › Performance › timing
syntax timinginfo = performance.timing; specifications specification status comment navigation timing level 2 working draft initial definition.
performance.toJSON() - Web APIs
Web › API › Performance › toJSON
example var js; js = window.performance.tojson(); console.log("json = " + json.stringify(js)); specifications specification status comment high resolution time level 2the definition of 'tojson() serializer' in that specification.
Performance - Web APIs
Web › API › Performance
specifications specification status comment high resolution time level 2the definition of 'performance' in that specification.
PerformanceEntry.duration - Web APIs
Web › API › PerformanceEntry › duration
rties[i] + " = not supported"); } for (var i=0; i < methods.length; i++) { // check each method var supported = typeof obj[methods[i]] == "function"; if (supported) { var js = obj[methods[i]](); log("..." + methods[i] + "() = " + json.stringify(js)); } else { log("..." + methods[i] + " = not supported"); } } } specifications specification status comment performance timeline level 2the definition of 'duration' in that specification.
PerformanceEntry.entryType - Web APIs
Web › API › PerformanceEntry › entryType
entry named "begin" via the mark() method performance.mark("begin"); // check the entrytype of all the "begin" entries var entriesnamedbegin = performance.getentriesbyname("begin"); for (var i=0; i < entriesnamedbegin.length; i++) { var typeofentry = entriesnamedbegin[i].entrytype; console.log("entry is type: " + typeofentry); } } specifications specification status comment performance timeline level 2the definition of 'entrytype' in that specification.
PerformanceEntry.name - Web APIs
Web › API › PerformanceEntry › name
rties[i] + " = not supported"); } for (var i=0; i < methods.length; i++) { // check each method var supported = typeof obj[methods[i]] == "function"; if (supported) { var js = obj[methods[i]](); log("..." + methods[i] + "() = " + json.stringify(js)); } else { log("..." + methods[i] + " = not supported"); } } } specifications specification status comment performance timeline level 2the definition of 'name' in that specification.
PerformanceEntry.startTime - Web APIs
Web › API › PerformanceEntry › startTime
rties[i] + " = not supported"); } for (var i=0; i < methods.length; i++) { // check each method var supported = typeof obj[methods[i]] == "function"; if (supported) { var js = obj[methods[i]](); log("..." + methods[i] + "() = " + json.stringify(js)); } else { log("..." + methods[i] + " = not supported"); } } } specifications specification status comment performance timeline level 2the definition of 'starttime' in that specification.
PerformanceEntry.toJSON() - Web APIs
Web › API › PerformanceEntry › toJSON
rties[i] + " = not supported"); } for (var i=0; i < methods.length; i++) { // check each method var supported = typeof obj[methods[i]] == "function"; if (supported) { var js = obj[methods[i]](); log("..." + methods[i] + "() = " + json.stringify(js)); } else { log("..." + methods[i] + " = not supported"); } } } specifications specification status comment performance timeline level 2the definition of 'tojson' in that specification.
PerformanceEntry - Web APIs
Web › API › PerformanceEntry
" + properties[i] + " is not supported"); } } } specifications specification status comment resource timing level 3 editor's draft resource timing level 2 working draft resource timing level 1 candidate recommendation adds the performanceresourcetiming interface and the resource value for entrytype.
PerformanceEventTiming - Web APIs
Web › API › PerformanceEventTiming
} specifications specification status comment unknownthe definition of '[[member]]' in that specification.
PerformanceFrameTiming - Web APIs
Web › API › PerformanceFrameTiming
specifications specification status comment frame timingthe definition of 'performanceframetiming' in that specification.
PerformanceLongTaskTiming.attribution - Web APIs
Web › API › PerformanceLongTaskTiming › attribution
specifications specification status comment long tasks api 1the definition of 'attribution' in that specification.
PerformanceLongTaskTiming - Web APIs
Web › API › PerformanceLongTaskTiming
specifications specification status comment long tasks api 1the definition of 'performancelongtasktiming' in that specification.
PerformanceMark - Web APIs
Web › API › PerformanceMark
specifications specification status comment user timing level 2the definition of 'performancemark' in that specification.
PerformanceMeasure - Web APIs
Web › API › PerformanceMeasure
specifications specification status comment user timing level 2the definition of 'performancemeasure' in that specification.
PerformanceNavigation.redirectCount - Web APIs
Web › API › PerformanceNavigation › redirectCount
syntax amount = performancenavigation.redirectcount; specifications specification status comment navigation timingthe definition of 'performancenavigation.redirectcount' in that specification.
PerformanceNavigation.type - Web APIs
Web › API › PerformanceNavigation › type
syntax type = performancenavigation.type; specifications specification status comment navigation timingthe definition of 'performancenavigation.type' in that specification.
PerformanceNavigation - Web APIs
Web › API › PerformanceNavigation
specifications specification status comment navigation timingthe definition of 'performancenavigation' in that specification.
PerformanceNavigationTiming.domComplete - Web APIs
Web › API › PerformanceNavigationTiming › domComplete
"dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } specifications specification status comment navigation timing level 2the definition of 'domcomplete' in that specification.
PerformanceNavigationTiming.domContentLoadedEventEnd - Web APIs
Web › API › PerformanceNavigationTiming › domContentLoadedEventEnd
m interactive = " + p.dominteractive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } specifications specification status comment navigation timing level 2the definition of 'domcontentloadedeventend' in that specification.
PerformanceNavigationTiming.domContentLoadedEventStart - Web APIs
Web › API › PerformanceNavigationTiming › domContentLoadedEventStart
"dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } specifications specification status comment navigation timing level 2the definition of 'domcontentloadedeventstart' in that specification.
PerformanceNavigationTiming.domInteractive - Web APIs
Web › API › PerformanceNavigationTiming › domInteractive
m interactive = " + p.dominteractive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } specifications specification status comment navigation timing level 2the definition of 'dominteractive' in that specification.
PerformanceNavigationTiming.loadEventEnd - Web APIs
Web › API › PerformanceNavigationTiming › loadEventEnd
m interactive = " + p.dominteractive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } specifications specification status comment navigation timing level 2the definition of 'loadeventend' in that specification.
PerformanceNavigationTiming.loadEventStart - Web APIs
Web › API › PerformanceNavigationTiming › loadEventStart
"dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } specifications specification status comment navigation timing level 2the definition of 'loadeventstart' in that specification.
PerformanceNavigationTiming.redirectCount - Web APIs
Web › API › PerformanceNavigationTiming › redirectCount
"dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } specifications specification status comment navigation timing level 2the definition of 'redirectcount' in that specification.
PerformanceNavigationTiming.toJSON() - Web APIs
Web › API › PerformanceNavigationTiming › toJSON
example // get a resource performance entry var perfentries = performance.getentriesbytype("navigation"); var entry = perfentries[0]; // get the json and log it var json = entry.tojson(); var s = json.stringify(json); console.log("performancenavigationtiming.tojson() = " + s); specifications specification status comment navigation timing level 2the definition of 'tojson()' in that specification.
PerformanceNavigationTiming.type - Web APIs
Web › API › PerformanceNavigationTiming › type
"dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } specifications specification status comment navigation timing level 2the definition of 'type' in that specification.
PerformanceNavigationTiming.unloadEventEnd - Web APIs
Web › API › PerformanceNavigationTiming › unloadEventEnd
"dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } specifications specification status comment navigation timing level 2the definition of 'unloadeventend' in that specification.
PerformanceNavigationTiming.unloadEventStart - Web APIs
Web › API › PerformanceNavigationTiming › unloadEventStart
"dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } specifications specification status comment navigation timing level 2the definition of 'unloadeventstart' in that specification.
PerformanceNavigationTiming - Web APIs
Web › API › PerformanceNavigationTiming
specifications specification status comment navigation timing level 2the definition of 'performancenavigationtiming' in that specification.
PerformanceObserver() - Web APIs
Web › API › PerformanceObserver › PerformanceObserver
var entries = list.getentries(); for (var i=0; i < entries.length; i++) { // process "mark" and "frame" events } }); observer.observe({entrytypes: ["mark", "frame"]}); function perf_observer(list, observer) { // process the "measure" event } var observer2 = new performanceobserver(perf_observer); observer2.observe({entrytypes: ["measure"]}); specifications specification status comment performance timeline level 2the definition of 'performanceobserver()' in that specification.
PeformanceObserver.disconnect() - Web APIs
Web › API › PerformanceObserver › disconnect
// disable additional performance events observer.disconnect(); } var observer2 = new performanceobserver(perf_observer); observer2.observe({entrytypes: ["measure"]}); specifications specification status comment performance timeline level 2the definition of 'disconnect()' in that specification.
PerformanceObserver.observe() - Web APIs
Web › API › PerformanceObserver › observe
var entries = list.getentries(); for (var i=0; i < entries.length; i++) { // process "mark" and "frame" events } }); observer.observe({entrytypes: ["mark", "frame"]}); function perf_observer(list, observer) { // process the "measure" event } var observer2 = new performanceobserver(perf_observer); observer2.observe({entrytypes: ["measure"]}); specifications specification status comment performance timeline level 2the definition of 'observe()' in that specification.
PerformanceObserver.takeRecords() - Web APIs
Web › API › PerformanceObserver › takeRecords
erformanceobserver(function(list, obj) { var entries = list.getentries(); for (var i=0; i < entries.length; i++) { // process "mark" and "frame" events } }); observer.observe({entrytypes: ["mark", "frame"]}); var records = observer.takerecords(); console.log(records[0].name); console.log(records[0].starttime); console.log(records[0].duration); specifications specification status comment performance timeline level 2the definition of 'takerecords()' in that specification.
PerformanceObserver - Web APIs
Web › API › PerformanceObserver
example function perf_observer(list, observer) { // process the "measure" event } var observer2 = new performanceobserver(perf_observer); observer2.observe({entrytypes: ["measure"]}); specifications specification status comment performance timeline level 2the definition of 'performanceobserver' in that specification.
PerformanceObserverEntryList.getEntries() - Web APIs
Web › API › PerformanceObserverEntryList › getEntries
navigation', 'resource', 'server']}); var observe_frame = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); // should only have 'frame' entries for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to frame event only observe_frame.observe({entrytypes: ['frame']}); specifications specification status comment performance timeline level 2the definition of 'getentries()' in that specification.
PerformanceObserverEntryList.getEntriesByName() - Web APIs
Web › API › PerformanceObserverEntryList › getEntriesByName
tion', 'resource', 'server']}); var observe_frame = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); // should only have 'frame' entries for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to only the 'frame' event observe_frame.observe({entrytypes: ['frame']}); specifications specification status comment performance timeline level 2the definition of 'getentriesbyname()' in that specification.
PerformanceObserverEntryList.getEntriesByType() - Web APIs
Web › API › PerformanceObserverEntryList › getEntriesByType
tion', 'resource', 'server']}); var observe_frame = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); // should only have 'frame' entries for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to only the 'frame' event observe_frame.observe({entrytypes: ['frame']}); specifications specification status comment performance timeline level 2the definition of 'getentriesbytype()' in that specification.
PerformanceObserverEntryList - Web APIs
Web › API › PerformanceObserverEntryList
example // create observer for all performance event types // list is of type performanceobserveentrylist var observe_all = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); for (var i = 0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); // do something with it } }) specifications specification status comment performance timeline level 2the definition of 'performanceobserverentrylist' in that specification.
PerformancePaintTiming - Web APIs
Web › API › PerformancePaintTiming
specifications specification status comment paint timingthe definition of 'performancepainttiming' in that specification.
PerformanceResourceTiming.connectEnd - Web APIs
Web › API › PerformanceResourceTiming › connectEnd
" + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 1the definition of 'connectend' in that specification.
PerformanceResourceTiming.connectStart - Web APIs
Web › API › PerformanceResourceTiming › connectStart
" + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 1the definition of 'connectstart' in that specification.
PerformanceResourceTiming.decodedBodySize - Web APIs
Web › API › PerformanceResourceTiming › decodedBodySize
rsize" in perfentry) console.log("transfersize = " + perfentry.transfersize); else console.log("transfersize = not supported"); } function check_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { log_sizes(p[i]); } } specifications specification status comment resource timing level 2the definition of 'decodedbodysize' in that specification.
PerformanceResourceTiming.domainLookupEnd - Web APIs
Web › API › PerformanceResourceTiming › domainLookupEnd
" + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 1the definition of 'domainlookupend' in that specification.
PerformanceResourceTiming.domainLookupStart - Web APIs
Web › API › PerformanceResourceTiming › domainLookupStart
" + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 1the definition of 'domainlookupstart' in that specification.
PerformanceResourceTiming.encodedBodySize - Web APIs
Web › API › PerformanceResourceTiming › encodedBodySize
rsize" in perfentry) console.log("transfersize = " + perfentry.transfersize); else console.log("transfersize = not supported"); } function check_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { log_sizes(p[i]); } } specifications specification status comment resource timing level 2the definition of 'encodedbodysize' in that specification.
PerformanceResourceTiming.fetchStart - Web APIs
Web › API › PerformanceResourceTiming › fetchStart
" + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 1the definition of 'fetchstart' in that specification.
PerformanceResourceTiming.initiatorType - Web APIs
Web › API › PerformanceResourceTiming › initiatorType
initiatortype = not supported"); } specifications specification status comment resource timing level 1the definition of 'initiatortype' in that specification.
PerformanceResourceTiming.nextHopProtocol - Web APIs
Web › API › PerformanceResourceTiming › nextHopProtocol
ar p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { print_nexthopprotocol(p[i]); } } function print_nexthopprotocol(perfentry) { var value = "nexthopprotocol" in perfentry; if (value) console.log("nexthopprotocol = " + perfentry.nexthopprotocol); else console.log("nexthopprotocol = not supported"); } specifications specification status comment resource timing level 2the definition of 'nexthopprotocol' in that specification.
PerformanceResourceTiming.redirectEnd - Web APIs
Web › API › PerformanceResourceTiming › redirectEnd
" + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 1the definition of 'redirectend' in that specification.
PerformanceResourceTiming.redirectStart - Web APIs
Web › API › PerformanceResourceTiming › redirectStart
" + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 1the definition of 'redirectstart' in that specification.
PerformanceResourceTiming.requestStart - Web APIs
Web › API › PerformanceResourceTiming › requestStart
" + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 1the definition of 'requeststart' in that specification.
PerformanceResourceTiming.responseEnd - Web APIs
Web › API › PerformanceResourceTiming › responseEnd
" + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 1the definition of 'responseend' in that specification.
PerformanceResourceTiming.responseStart - Web APIs
Web › API › PerformanceResourceTiming › responseStart
" + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 1the definition of 'responsestart' in that specification.
PerformanceResourceTiming.secureConnectionStart - Web APIs
Web › API › PerformanceResourceTiming › secureConnectionStart
" + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 1the definition of 'secureconnectionstart' in that specification.
PerformanceResourceTiming.serverTiming - Web APIs
Web › API › PerformanceResourceTiming › serverTiming
syntax resource.servertiming; specifications specification status comment server timingthe definition of 'servertiming' in that specification.
PerformanceResourceTiming.toJSON() - Web APIs
Web › API › PerformanceResourceTiming › toJSON
example // get a resource performance entry var perfentries = performance.getentriesbytype("resource"); var entry = perfentries[0]; // get the json and log it var json = entry.tojson(); var s = json.stringify(json); console.log("performanceentry.tojson = " + s); specifications specification status comment resource timing level 2the definition of 'tojson' in that specification.
PerformanceResourceTiming.transferSize - Web APIs
Web › API › PerformanceResourceTiming › transferSize
rsize" in perfentry) console.log("transfersize = " + perfentry.transfersize); else console.log("transfersize = not supported"); } function check_performanceentries() { // use getentriesbytype() to just get the "resource" events var p = performance.getentriesbytype("resource"); for (var i=0; i < p.length; i++) { log_sizes(p[i]); } } specifications specification status comment resource timing level 2the definition of 'transfersize' in that specification.
PerformanceResourceTiming.workerStart - Web APIs
Web › API › PerformanceResourceTiming › workerStart
" + properties[i] + " = not supported"); } } } specifications specification status comment resource timing level 2the definition of 'workerstart' in that specification.
PerformanceResourceTiming - Web APIs
Web › API › PerformanceResourceTiming
specifications specification status comment resource timing level 1the definition of 'performanceresourcetiming' in that specification.
PerformanceServerTiming.description - Web APIs
Web › API › PerformanceServerTiming › description
syntax servertiming.description; specifications specification status comment server timingthe definition of 'description' in that specification.
PerformanceServerTiming.duration - Web APIs
Web › API › PerformanceServerTiming › duration
syntax servertiming.duration; specifications specification status comment server timingthe definition of 'duration' in that specification.
PerformanceServerTiming.name - Web APIs
Web › API › PerformanceServerTiming › name
syntax servertiming.name; specifications specification status comment server timingthe definition of 'name' in that specification.
PerformanceServerTiming.toJSON - Web APIs
Web › API › PerformanceServerTiming › toJSON
specifications specification status comment server timingthe definition of 'tojson' in that specification.
PerformanceServerTiming - Web APIs
Web › API › PerformanceServerTiming
rvertiming property: let entries = performance.getentriesbytype('resource'); console.log(entries[0].servertiming); // 0: performanceservertiming {name: "cache", duration: 23.2, description: "cache read"} // 1: performanceservertiming {name: "db", duration: 53, description: ""} // 2: performanceservertiming {name: "app", duration: 47.2, description: ""} specifications specification status comment server timingthe definition of 'performanceservertiming' in that specification.
PerformanceTiming.connectEnd - Web APIs
Web › API › PerformanceTiming › connectEnd
syntax time = performancetiming.connectend; specifications specification status comment navigation timingthe definition of 'performancetiming.connectend' in that specification.
PerformanceTiming.connectStart - Web APIs
Web › API › PerformanceTiming › connectStart
syntax time = performancetiming.connectstart; specifications specification status comment navigation timingthe definition of 'performancetiming.connectstart' in that specification.
PerformanceTiming.domComplete - Web APIs
Web › API › PerformanceTiming › domComplete
syntax time = performancetiming.domcomplete; specifications specification status comment navigation timingthe definition of 'performancetiming.domcomplete' in that specification.
PerformanceTiming.domContentLoadedEventEnd - Web APIs
Web › API › PerformanceTiming › domContentLoadedEventEnd
syntax time = performancetiming.domcontentloadedeventend; specifications specification status comment navigation timingthe definition of 'performancetiming.domcontentloadedeventend' in that specification.
PerformanceTiming.domContentLoadedEventStart - Web APIs
Web › API › PerformanceTiming › domContentLoadedEventStart
syntax time = performancetiming.domcontentloadedeventstart; specifications specification status comment navigation timingthe definition of 'performancetiming.domcontentloadedeventstart' in that specification.
PerformanceTiming.domInteractive - Web APIs
Web › API › PerformanceTiming › domInteractive
syntax time = performancetiming.dominteractive; specifications specification status comment navigation timingthe definition of 'performancetiming.dominteractive' in that specification.
PerformanceTiming.domLoading - Web APIs
Web › API › PerformanceTiming › domLoading
syntax time = performancetiming.domloading; specifications specification status comment navigation timingthe definition of 'performancetiming.domloading' in that specification.
PerformanceTiming.domainLookupEnd - Web APIs
Web › API › PerformanceTiming › domainLookupEnd
syntax time = performancetiming.domainlookupend; specifications specification status comment navigation timingthe definition of 'performancetiming.domainlookupend' in that specification.
PerformanceTiming.domainLookupStart - Web APIs
Web › API › PerformanceTiming › domainLookupStart
syntax time = performancetiming.domainlookupstart; specifications specification status comment navigation timingthe definition of 'performancetiming.domainlookupstart' in that specification.
PerformanceTiming.fetchStart - Web APIs
Web › API › PerformanceTiming › fetchStart
syntax time = performance.timing.fetchstart; specifications specification status comment navigation timingthe definition of 'performancetiming.fetchstart' in that specification.
PerformanceTiming.loadEventEnd - Web APIs
Web › API › PerformanceTiming › loadEventEnd
syntax time = performancetiming.loadeventend; specifications specification status comment navigation timingthe definition of 'performancetiming.loadeventend' in that specification.
PerformanceTiming.loadEventStart - Web APIs
Web › API › PerformanceTiming › loadEventStart
syntax time = performancetiming.loadeventstart; specifications specification status comment navigation timingthe definition of 'performancetiming.loadeventstart' in that specification.
PerformanceTiming.navigationStart - Web APIs
Web › API › PerformanceTiming › navigationStart
syntax time = performancetiming.navigationstart; specifications specification status comment navigation timingthe definition of 'performancetiming.navigationstart' in that specification.
PerformanceTiming.redirectEnd - Web APIs
Web › API › PerformanceTiming › redirectEnd
syntax time = performancetiming.redirectend; specifications specification status comment navigation timingthe definition of 'performancetiming.redirectend' in that specification.
PerformanceTiming.redirectStart - Web APIs
Web › API › PerformanceTiming › redirectStart
syntax time = performancetiming.redirectstart; specifications specification status comment navigation timingthe definition of 'performancetiming.redirectstart' in that specification.
PerformanceTiming.requestStart - Web APIs
Web › API › PerformanceTiming › requestStart
syntax time = performancetiming.requeststart; specifications specification status comment navigation timingthe definition of 'performancetiming.requeststart' in that specification.
PerformanceTiming.responseEnd - Web APIs
Web › API › PerformanceTiming › responseEnd
syntax time = performancetiming.responseend; specifications specification status comment navigation timingthe definition of 'performancetiming.responseend' in that specification.
PerformanceTiming.responseStart - Web APIs
Web › API › PerformanceTiming › responseStart
syntax time = performancetiming.responsestart; specifications specification status comment navigation timingthe definition of 'performancetiming.responsestart' in that specification.
PerformanceTiming.secureConnectionStart - Web APIs
Web › API › PerformanceTiming › secureConnectionStart
syntax time = performancetiming.secureconnectionstart; specifications specification status comment navigation timingthe definition of 'performancetiming.secureconnectionstart' in that specification.
PerformanceTiming.unloadEventEnd - Web APIs
Web › API › PerformanceTiming › unloadEventEnd
syntax time = performancetiming.unloadeventend; specifications specification status comment navigation timingthe definition of 'performancetiming.unloadeventend' in that specification.
PerformanceTiming.unloadEventStart - Web APIs
Web › API › PerformanceTiming › unloadEventStart
syntax time = performancetiming.unloadeventstart; specifications specification status comment navigation timingthe definition of 'performancetiming.unloadeventstart' in that specification.
PerformanceTiming - Web APIs
Web › API › PerformanceTiming
specifications specification status comment navigation timingthe definition of 'performancetiming' in that specification.
Performance Timeline - Web APIs
Web › API › Performance Timeline
implementation status a summary of the interfaces' implementation status is provided below, including a link to more detailed information.
PeriodicWave.PeriodicWave() - Web APIs
Web › API › PeriodicWave › PeriodicWave
example var real = new float32array(2); var imag = new float32array(2); var ac = new audiocontext(); real[0] = 0; imag[0] = 0; real[1] = 1; imag[1] = 0; var options = { real : real, imag : imag, disablenormalization : false } var wave = new periodicwave(ac, options); specifications specification status comment web audio apithe definition of 'periodicwave' in that specification.
PeriodicWave - Web APIs
Web › API › PeriodicWave
specifications specification status comment web audio apithe definition of 'periodicwave' in that specification.
Permissions.revoke() - Web APIs
Web › API › Permissions › revoke
returns a promise that calls its fulfillment handler with a permissionstatus object indicating the result of the request.
PhotoCapabilities.fillLightMode - Web APIs
Web › API › PhotoCapabilities › fillLightMode
specifications specification status comment mediastream image capturethe definition of 'filllightmode' in that specification.
PhotoCapabilities.imageHeight - Web APIs
Web › API › PhotoCapabilities › imageHeight
specifications specification status comment mediastream image capturethe definition of 'imageheight' in that specification.
imageWidth - Web APIs
Web › API › PhotoCapabilities › imageWidth
specifications specification status comment mediastream image capturethe definition of 'imagewidth' in that specification.
PhotoCapabilities.redEyeReduction - Web APIs
Web › API › PhotoCapabilities › redEyeReduction
specifications specification status comment mediastream image capturethe definition of 'redeyereduction' in that specification.
PhotoCapabilities - Web APIs
Web › API › PhotoCapabilities
imagecapture.track.getsettings(); input.min = photocapabilities.imagewidth.min; input.max = photocapabilities.imagewidth.max; input.step = photocapabilities.imagewidth.step; return imagecapture.getphotosettings(); }) .then(photosettings => { input.value = photosettings.imagewidth; }) .catch(error => console.log('argh!', error.name || error)); specifications specification status comment mediastream image capturethe definition of 'photocapabilities' in that specification.
Plugin - Web APIs
Web › API › Plugin
specifications specification status comment html living standardthe definition of 'plugin' in that specification.
PluginArray - Web APIs
Web › API › PluginArray
ment.write( pluginslength.tostring() + " plugin(s)<br>" + "name | filename | description<br>" ); for(var i = 0; i < pluginslength; i++) { document.write( navigator.plugins[i].name + " | " + navigator.plugins[i].filename + " | " + navigator.plugins[i].description + " | " + navigator.plugins[i].version + "<br>" ); } specifications specification status comment html living standardthe definition of 'pluginarray' in that specification.
PointerEvent.getCoalescedEvents() - Web APIs
Web › API › PointerEvent › getCoalescedEvents
specifications specification status comment pointer events – level 3the definition of 'getcoalescedevents()' in that specification.
PointerEvent.height - Web APIs
Web › API › PointerEvent › height
specifications specification status comment pointer events – level 2the definition of 'height' in that specification.
PointerEvent.isPrimary - Web APIs
Web › API › PointerEvent › isPrimary
target.addeventlistener('pointerdown', function(event) { if (event.isprimary) process_primary_pointer(event); else process_secondary_pointer(event); }, false); specifications specification status comment pointer events – level 2the definition of 'isprimary' in that specification.
PointerEvent.pointerId - Web APIs
Web › API › PointerEvent › pointerId
let id; // let's assume that this is a previously saved pointerid target.addeventlistener('pointerdown', function(event) { // compare previous event's id that was cached // to current event's id and handle accordingly if (id === event.pointerid) process_event(event); }, false); specifications specification status comment pointer events – level 2the definition of 'pointerid' in that specification.
PointerEvent.pointerType - Web APIs
Web › API › PointerEvent › pointerType
opriate pointer type handler switch (event.pointertype) { case 'mouse': process_pointer_mouse(event); break; case 'pen': process_pointer_pen(event); break; case 'touch': process_pointer_touch(event); break; default: console.log(`pointertype ${event.pointertype} is not suported`); } }, false); specifications specification status comment pointer eventsthe definition of 'pointertype' in that specification.
PointerEvent.pressure - Web APIs
Web › API › PointerEvent › pressure
someelement.addeventlistener('pointerdown', function(event) { if (event.pressure == 0) { // no pressure process_no_pressure(event); } else if (event.pressure == 1) { // maximum pressure process_max_pressure(event); } else { // default process_pressure(event); } }, false); specifications specification status comment pointer events – level 2the definition of 'pressure' in that specification.
PointerEvent.tangentialPressure - Web APIs
Web › API › PointerEvent › tangentialPressure
someelement.addeventlistener('pointerdown', function(event) { if (event.tangentialpressure == 0) { // no pressure process_no_tanpressure(event); } else if (event.tangentialpressure == 1) { // maximum pressure process_max_tanpressure(event); } else { // default process_tanpressure(event); } }, false); specifications specification status comment pointer events – level 2the definition of 'tangentialpressure' in that specification.
PointerEvent.tiltX - Web APIs
Web › API › PointerEvent › tiltX
someelement.addeventlistener("pointerdown", function(event) { process_tilt(event.tiltx, event.tilty); }, false); specifications specification status comment pointer events – level 2the definition of 'tiltx' in that specification.
PointerEvent.tiltY - Web APIs
Web › API › PointerEvent › tiltY
someelement.addeventlistener("pointerdown", function(event) { process_tilt(event.tiltx, event.tilty); }, false); specifications specification status comment pointer events – level 2the definition of 'tilty' in that specification.
PointerEvent.twist - Web APIs
Web › API › PointerEvent › twist
someelement.addeventlistener('pointerdown', function(event) { if (event.twist == 0) { // no twist process_no_twist(event); } else { // default process_twist(event); } }, false); specifications specification status comment pointer events – level 2the definition of 'twist' in that specification.
PointerEvent.width - Web APIs
Web › API › PointerEvent › width
target.addeventlistener("pointerdown", function(ev) { // calculate the contact area var area = ev.width * ev.height; }, false); specifications specification status comment pointer events – level 2the definition of 'width' in that specification.
PointerEvent - Web APIs
Web › API › PointerEvent
specifications specification status comment pointer events – level 3the definition of 'pointerevent' in that specification.
Using Pointer Events - Web APIs
Web › API › Pointer events › Using Pointer Events
function ongoingtouchindexbyid(idtofind) { for (var i = 0; i < ongoingtouches.length; i++) { var id = ongoingtouches[i].identifier; if (id == idtofind) { return i; } } return -1; // not found } showing what's going on function log(msg) { var p = document.getelementbyid('log'); p.innerhtml = msg + "\n" + p.innerhtml; } specifications specification status comment pointer events – level 2the definition of 'pointerevent' in that specification.
Pointer events - Web APIs
Web › API › Pointer events
specifications specification status comment pointer events – level 3 editor's draft added new apis for getcoalescedevent and getpredictedevents, new pointerrawupdate event, additional touch-action property values pan-left, pan-right, pan-up, pan-down.
PopStateEvent - Web APIs
Web › API › PopStateEvent
specifications specification status comment html living standardthe definition of 'popstateevent' in that specification.
PositionOptions.enableHighAccuracy - Web APIs
Web › API › PositionOptions › enableHighAccuracy
syntax positionoptions.enablehighaccuracy = booleanvalue specifications specification status comment geolocation apithe definition of 'positionoptions.enablehighaccuracy' in that specification.
PositionOptions.maximumAge - Web APIs
Web › API › PositionOptions › maximumAge
syntax positionoptions.maximumage = timelength specifications specification status comment geolocation apithe definition of 'positionoptions.maximumage' in that specification.
PositionOptions.timeout - Web APIs
Web › API › PositionOptions › timeout
syntax positionoptions.timeout = timelength specifications specification status comment geolocation apithe definition of 'positionoptions.timeout' in that specification.
PositionOptions - Web APIs
Web › API › PositionOptions
specifications specification status comment geolocation apithe definition of 'positionoptions' in that specification.
ProcessingInstruction - Web APIs
Web › API › ProcessingInstruction
ont-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">processinginstruction</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties target (domstring) read only a name identifying the application to which the instruction is targeted, specification specification status comment domthe definition of 'processinginstruction' in that specification.
ProgressEvent() - Web APIs
Web › API › ProgressEvent › ProgressEvent
specifications specification status comment xmlhttprequestthe definition of 'progressevent()' in that specification.
ProgressEvent.lengthComputable - Web APIs
Web › API › ProgressEvent › lengthComputable
syntax flag = progressevent.lengthcomputable specifications specification status comment xmlhttprequestthe definition of 'progressevent.lengthcomputable' in that specification.
ProgressEvent.loaded - Web APIs
Web › API › ProgressEvent › loaded
syntax value = progressevent.loaded specifications specification status comment xmlhttprequestthe definition of 'progressevent.loaded' in that specification.
ProgressEvent.total - Web APIs
Web › API › ProgressEvent › total
syntax value = progressevent.total specifications specification status comment xmlhttprequestthe definition of 'progressevent.lengthcomputable' in that specification.
PromiseRejectionEvent() - Web APIs
Web › API › PromiseRejectionEvent › PromiseRejectionEvent
let myrejectionevent = new promiserejectionevent("unhandledrejection", { promise : mypromise, reason : "my house is on fire" }); specifications specification status comment html living standardthe definition of 'the promiserejectionevent interface' in that specification.
PromiseRejectionEvent.promise - Web APIs
Web › API › PromiseRejectionEvent › promise
window.onunhandledrejection = function(event) { if (event.reason.code && event.reason.code == "module not ready") { window.requestidlecallback(function(deadline) { loadmodule(event.reason.modulename) .then(performstartup); }); event.preventdefault(); } } specifications specification status comment html living standardthe definition of 'promiserejectionevent.promise' in that specification.
PromiseRejectionEvent.reason - Web APIs
Web › API › PromiseRejectionEvent › reason
examples window.onunhandledrejection = function(e) { console.log(e.reason); } specifications specification status comment html living standardthe definition of 'promiserejectionevent.reason' in that specification.
PromiseRejectionEvent - Web APIs
Web › API › PromiseRejectionEvent
window.onunhandledrejection = function(e) { console.log(e.reason); } specifications specification status comment html living standardthe definition of 'promiserejectionevent' in that specification.
Proximity Events - Web APIs
Web › API › Proximity Events
example window.addeventlistener('userproximity', function(event) { if (event.near) { // let's power off the screen navigator.mozpower.screenenabled = false; } else { // otherwise, let's power on the screen navigator.mozpower.screenenabled = true; } }); specifications specification status comment proximity sensorthe definition of 'proximity events' in that specification.
PublicKeyCredential.getClientExtensionResults() - Web APIs
Web › API › PublicKeyCredential › getClientExtensionResults
type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { var mybuffer = newcredentialinfo.getclientextensionresults(); // mybuffer will contain the result of any of the processing of the "loc" and "uvi" extensions }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'getclientextensionresults()' in that specification.
PublicKeyCredential.id - Web APIs
Web › API › PublicKeyCredential › id
} ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { var id = newcredentialinfo.id; // do something with the id // send attestation response and client extensions // to the server to proceed with the registration // of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'id' in that specification.
PublicKeyCredential.isUserVerifyingPlatformAuthenticatorAvailable() - Web APIs
Web › API › PublicKeyCredential › isUserVerifyingPlatformAuthenticatorAvailable
oravailable() .then(function(available){ if(available){ // we can proceed with the creation of a publickeycredential // with this authenticator } else { // use another kind of authenticator or a classical login/password // workflow } }).catch(function(err){ // something went wrong console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'isuserverifyingplatformauthenticatoravailable' in that specification.
PublicKeyCredential.rawId - Web APIs
Web › API › PublicKeyCredential › rawId
: "jdoe@example.com", displayname: "john doe", }, pubkeycredparams: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey: options }) .then(function (pubkeycredential) { var rawid = pubkeycredential.rawid; // do something with rawid }).catch(function (err) { // deal with any error }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'rawid' in that specification.
PublicKeyCredential.response - Web APIs
Web › API › PublicKeyCredential › response
create({ publickey: options }) .then(function (pubkeycredential) { var response = pubkeycredential.response; var clientextresults = pubkeycredential.getclientextensionresults(); // send response and client extensions to the server so that it can validate // and create credentials }).catch(function (err) { // deal with any error }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'response' in that specification.
PublicKeyCredential - Web APIs
Web › API › PublicKeyCredential
var options = { challenge: new uint8array([/* bytes sent from the server */]) }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'publickeycredential interface' in that specification.
PublicKeyCredentialCreationOptions.attestation - Web APIs
Web › API › PublicKeyCredentialCreationOptions › attestation
pubkeycredparams: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { // send attestation response and client extensions // to the server to proceed with the registration // of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'attestation' in that specification.
PublicKeyCredentialCreationOptions.authenticatorSelection - Web APIs
Web › API › PublicKeyCredentialCreationOptions › authenticatorSelection
n doe", }, pubkeycredparams: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { // send attestation response and client extensions // to the server to proceed with the registration // of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'authenticatorselection' in that specification.
PublicKeyCredentialCreationOptions.challenge - Web APIs
Web › API › PublicKeyCredentialCreationOptions › challenge
pubkeycredparams: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { // send attestation response and client extensions // to the server to proceed with the registration // of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'challenge' in that specification.
PublicKeyCredentialCreationOptions.excludeCredentials - Web APIs
Web › API › PublicKeyCredentialCreationOptions › excludeCredentials
n doe", }, pubkeycredparams: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { // send attestation response and client extensions // to the server to proceed with the registration // of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'excludecredentials' in that specification.
PublicKeyCredentialCreationOptions.extensions - Web APIs
Web › API › PublicKeyCredentialCreationOptions › extensions
entialinfo) { // mybuffer will contain the result of any of the processing of the extensions var mybuffer = newcredentialinfo.getclientextensionresults(); // send attestation response and client extensions // to the server to proceed with the registration // of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'extensions' in that specification.
PublicKeyCredentialCreationOptions.pubKeyCredParams - Web APIs
Web › API › PublicKeyCredentialCreationOptions › pubKeyCredParams
each user */ name: "jdoe@example.com", displayname: "john doe", } }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { // send attestation response and client extensions // to the server to proceed with the registration // of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'pubkeycredparams' in that specification.
PublicKeyCredentialCreationOptions.rp - Web APIs
Web › API › PublicKeyCredentialCreationOptions › rp
pubkeycredparams: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { // send attestation response and client extensions // to the server to proceed with the registration // of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'rp' in that specification.
PublicKeyCredentialCreationOptions.timeout - Web APIs
Web › API › PublicKeyCredentialCreationOptions › timeout
pubkeycredparams: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { // send attestation response and client extensions // to the server to proceed with the registration // of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'timeout' in that specification.
PublicKeyCredentialCreationOptions.user - Web APIs
Web › API › PublicKeyCredentialCreationOptions › user
pubkeycredparams: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { // send attestation response and client extensions // to the server to proceed with the registration // of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'user' in that specification.
PublicKeyCredentialCreationOptions - Web APIs
Web › API › PublicKeyCredentialCreationOptions
ponse = newcredentialinfo.response; var clientextensionsoutputs = newcredentialinfo.getclientextensionsresults(); // send the response to the relying party server // it will verify the content and integrity before // creating a new credential }).catch(function (err) { // deal with any error properly console.error(err); });; specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'publickeycredentialcreationoptions dictionary' in that specification.
PublicKeyCredentialRequestOptions.allowCredentials - Web APIs
Web › API › PublicKeyCredentialRequestOptions › allowCredentials
vided by the server } ], challenge: new uint8array([/* bytes sent from the server */]) }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'allowcredentials' in that specification.
PublicKeyCredentialRequestOptions.challenge - Web APIs
Web › API › PublicKeyCredentialRequestOptions › challenge
examples var options = { challenge: new uint8array([/* bytes sent from the server */]) }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'challenge' in that specification.
PublicKeyCredentialRequestOptions.extensions - Web APIs
Web › API › PublicKeyCredentialRequestOptions › extensions
please verify yourself?" }, challenge: new uint8array([/* bytes sent from the server */]) }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'extensions' in that specification.
PublicKeyCredentialRequestOptions.rpId - Web APIs
Web › API › PublicKeyCredentialRequestOptions › rpId
ill only work if the current domain // is something like foo.example.com }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'rpid' in that specification.
PublicKeyCredentialRequestOptions.timeout - Web APIs
Web › API › PublicKeyCredentialRequestOptions › timeout
wait a minute for the fetching operation // and maybe fail if it takes longer }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'timeout' in that specification.
PublicKeyCredentialRequestOptions.userVerification - Web APIs
Web › API › PublicKeyCredentialRequestOptions › userVerification
serverification: "preferred", challenge: new uint8array([/* bytes sent from the server */]), }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'userverification' in that specification.
PublicKeyCredentialRequestOptions - Web APIs
Web › API › PublicKeyCredentialRequestOptions
e user was verified loc: false, txauthsimple: "could you please verify yourself?" } }; navigator.credentials.get({ "publickey": options }) .then(function (credentialinfoassertion) { // send assertion response back to the server // to proceed with the control of the credential }).catch(function (err) { console.error(err); }); specifications specification status comment web authentication: an api for accessing public key credentials level 1the definition of 'publickeycredentialrequestoptions dictionary' in that specification.
PushEvent.data - Web APIs
Web › API › PushEvent › data
ar icon = "images/new-notification.png"; var notification = new notification(title, { body: message, tag: 'simple-push-demo-notification', icon: icon }); notification.addeventlistener('click', function() { if (clients.openwindow) { clients.openwindow('https://example.blog.com/2015/03/04/something-new.html'); } }); }); specifications specification status comment push apithe definition of 'data' in that specification.
PushEvent - Web APIs
Web › API › PushEvent
on = "images/new-notification.png"; var notification = new self.notification(title, { body: message, tag: 'simple-push-demo-notification', icon: icon }); notification.addeventlistener('click', function() { if (clients.openwindow) { clients.openwindow('https://example.blog.com/2015/03/04/something-new.html'); } }); }); specifications specification status comment push apithe definition of 'pushevent' in that specification.
PushManager.getSubscription() - Web APIs
Web › API › PushManager › getSubscription
server(subscription); showcurlcommand(subscription); // set your ui to show they have subscribed for // push messages pushbutton.textcontent = 'disable push messages'; ispushenabled = true; }) .catch(function(err) { window.demo.debug.log('error during getsubscription()', err); }); }); specifications specification status comment push apithe definition of 'getsubscription()' in that specification.
PushManager.permissionState() - Web APIs
Web › API › PushManager › permissionState
specifications specification status comment push apithe definition of 'permissionstate()' in that specification.
PushManager.register() - Web APIs
Web › API › PushManager › register
example var req = navigator.push.register(); req.onsuccess = function(e) { var endpoint = req.result; debug("new endpoint: " + endpoint ); } req.onerror = function(e) { debug("error getting a new endpoint: " + json.stringify(e)); } specification specification status comment push api working draft defines the pushmanager interface.
PushManager.registrations() - Web APIs
Web › API › PushManager › registrations
var register = navigator.push.register(); register.onsuccess = function(e) { console.log("registered new endpoint", register.result); } } } specification specification status comment push api working draft defines the pushmanager interface.
PushManager.subscribe() - Web APIs
Web › API › PushManager › subscribe
specifications specification status comment push apithe definition of 'subscribe()' in that specification.
PushManager.supportedContentEncodings - Web APIs
Web › API › PushManager › supportedContentEncodings
specifications specification status comment push apithe definition of 'supportedcontentencodings' in that specification.
PushManager.unregister() - Web APIs
Web › API › PushManager › unregister
example var req = navigator.push.unregister(pushendpoint); req.onsuccess = function(e) { var endpoint = req.result; debug("unregistered endpoint: " + endpoint ); } req.onerror = function(e) { debug("error unregistering the endpoint: " + json.stringify(e)); } specification specification status comment push api working draft defines the pushmanager interface.
PushMessageData.arrayBuffer() - Web APIs
Web › API › PushMessageData › arrayBuffer
examples self.addeventlistener('push', function(event) { var buffer = event.data.arraybuffer(); // do something with your array buffer }); specifications specification status comment push apithe definition of 'arraybuffer()' in that specification.
PushMessageData.blob() - Web APIs
Web › API › PushMessageData › blob
examples self.addeventlistener('push', function(event) { var blob = event.data.blob(); // do something with your blob }); specifications specification status comment push apithe definition of 'blob()' in that specification.
PushMessageData.json() - Web APIs
Web › API › PushMessageData › json
examples self.addeventlistener('push', function(event) { var mydata = event.data.json(); // do something with your data }); specifications specification status comment push apithe definition of 'json()' in that specification.
PushMessageData.text() - Web APIs
Web › API › PushMessageData › text
examples self.addeventlistener('push', function(event) { var textobj = event.data.text(); // do something with your text }); specifications specification status comment push apithe definition of 'text()' in that specification.
PushMessageData - Web APIs
Web › API › PushMessageData
examples self.addeventlistener('push', function(event) { var obj = event.data.json(); if(obj.action === 'subscribe' || obj.action === 'unsubscribe') { firenotification(obj, event); port.postmessage(obj); } else if(obj.action === 'init' || obj.action === 'chatmsg') { port.postmessage(obj); } }); specifications specification status comment push apithe definition of 'pushmessagedata' in that specification.
PushSubscription.endpoint - Web APIs
Web › API › PushSubscription › endpoint
e navigator.serviceworker.ready.then(function(reg) { reg.pushmanager.subscribe({uservisibleonly: true}).then(function(subscription) { console.log(subscription.endpoint); // at this point you would most likely send the subscription // endpoint to your server, save it, then use it to send a // push message at a later date }) }) specifications specification status comment push apithe definition of 'endpoint' in that specification.
PushSubscription.expirationTime - Web APIs
Web › API › PushSubscription › expirationTime
specifications specification status comment push apithe definition of 'expirationtime' in that specification.
PushSubscription.options - Web APIs
Web › API › PushSubscription › options
specifications specification status comment push apithe definition of 'options' in that specification.
PushSubscription.subscriptionId - Web APIs
Web › API › PushSubscription › subscriptionId
syntax var subid = pushsubscription.subscriptionid; specifications specification status comment push api working draft initial definition browser compatibility the compatibility table on this page is generated from structured data.
PushSubscription.toJSON() - Web APIs
Web › API › PushSubscription › toJSON
example navigator.serviceworker.ready.then(function(reg) { reg.pushmanager.getsubscription().then(function(subscription) { var mysubscription = subscription.tojson(); // do something with subscription details }) }); specifications specification status comment push apithe definition of 'pushsubscription: tojson' in that specification.
PushSubscription.unsubscribe() - Web APIs
Web › API › PushSubscription › unsubscribe
example navigator.serviceworker.ready.then(function(reg) { reg.pushmanager.getsubscription().then(function(subscription) { subscription.unsubscribe().then(function(successful) { // you've successfully unsubscribed }).catch(function(e) { // unsubscription failed }) }) }); specifications specification status comment push apithe definition of 'unsubscribe()' in that specification.
PushSubscription - Web APIs
Web › API › PushSubscription
example navigator.serviceworker.ready.then(function(reg) { reg.pushmanager.getsubscription().then(function(subscription) { subscription.unsubscribe().then(function(successful) { // you've successfully unsubscribed }).catch(function(e) { // unsubscription failed }) }) }); specifications specification status comment push apithe definition of 'pushsubscription' in that specification.
RTCAnswerOptions - Web APIs
Web › API › RTCAnswerOptions
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcansweroptions' in that specification.
RTCCertificate - Web APIs
Web › API › RTCCertificate
specifications specification status comment webrtc 1.0: real-time communication between browsers candidate recommendation initial definition.
RTCConfiguration.bundlePolicy - Web APIs
Web › API › RTCConfiguration › bundlePolicy
let config = { iceservers: [ { urls: [ "stun:stun.example.com" ] }, ], bundlepolicy: "max-compat" }; let pc = new rtcpeerconnection(config); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcconfiguration.bundlepolicy' in that specification.
RTCConfiguration.certificates - Web APIs
Web › API › RTCConfiguration › certificates
<<<--- add link to information about identity --->>> examples specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcconfiguration.certificates' in that specification.
RTCConfiguration.iceServers - Web APIs
Web › API › RTCConfiguration › iceServers
urls: "stun:stun.services.mozilla.com", username: "louis@mozilla.com", credential: "webrtcdemo" }, { urls: ["stun:stun.example.com", "stun:stun-1.example.com"] }] }; var pc = new rtcpeerconnection(configuration); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcconfiguration.iceservers' in that specification.
RTCConfiguration.iceTransportPolicy - Web APIs
Web › API › RTCConfiguration › iceTransportPolicy
let config = { iceservers: [ { urls: [ "stun:stun.example.com" ] }, ], icetransportpolicy: "relay" }; let pc = new rtcpeerconnection(config); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtccandidate.icetransportpolicy' in that specification.
RTCConfiguration - Web APIs
Web › API › RTCConfiguration
urls: "stun:stun.services.mozilla.com", username: "louis@mozilla.com", credential: "webrtcdemo" }, { urls: ["stun:stun.example.com", "stun:stun-1.example.com"] }] }; var pc = new rtcpeerconnection(configuration); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcconfiguration' in that specification.
RTCDTMFSender.insertDTMF() - Web APIs
Web › API › RTCDTMFSender › insertDTMF
example tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdtmfsender.insertdtmf()' in that specification.
RTCDTMFSender.ontonechange - Web APIs
Web › API › RTCDTMFSender › ontonechange
example tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'ontonechange' in that specification.
RTCDTMFSender.toneBuffer - Web APIs
Web › API › RTCDTMFSender › toneBuffer
example tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdtmfsender.tonebuffer' in that specification.
RTCDTMFSender: tonechange event - Web APIs
Web › API › RTCDTMFSender › tonechange event
tone = "&lt;none&gt;"; } document.getelementbyid("playingtone").innertext = tone; }, false); you can also just set the ontonechange event handler property directly: dtmfsender.ontonechange = function( ev ) { let tone = ev.tone; if (tone === "") { tone = "&lt;none&gt;" } document.getelementbyid("playingtone").innertext = tone; }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'tonechange' in that specification.
RTCDTMFSender - Web APIs
Web › API › RTCDTMFSender
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdtmfsender' in that specification.
RTCDTMFToneChangeEvent.RTCDTMFToneChangeEvent() - Web APIs
Web › API › RTCDTMFToneChangeEvent › RTCDTMFToneChangeEvent
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdtmftonechangeevent()' in that specification.
RTCDTMFToneChangeEvent.tone - Web APIs
Web › API › RTCDTMFToneChangeEvent › tone
dtmfsender.ontonechange = function( ev ) { let tone = ev.tone; if (tone === "") { tone = "&lt;none&gt;" } document.getelementbyid("playingtone").innertext = tone; }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdtmftonechangeevent.tone' in that specification.
RTCDTMFToneChangeEvent - Web APIs
Web › API › RTCDTMFToneChangeEvent
dtmfsender.addeventlistener("change", function(event) { if (event.tone !== "") { dialstringbox.innertext += event.tone; } else { senddtmfbutton.disabled = false; } }, false); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdtmftonechangeevent' in that specification.
RTCDataChannel.binaryType - Web APIs
Web › API › RTCDataChannel › binaryType
var dc = peerconnection.createdatachannel("binary"); dc.binarytype = "arraybuffer"; dc.onmessage = function(event) { let bytearray = new uint8array(event.data); let hexstring = ""; bytearray.foreach(function(byte) { hexstring += byte.tostring(16) + " "; }); }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.binarytype' in that specification.
RTCDataChannel.bufferedAmount - Web APIs
Web › API › RTCDataChannel › bufferedAmount
*/ function showbufferedamount(channel) { let el = document.getelementbyid("buffersize"); el.innerhtml = channel.bufferedamount + " bytes"; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.bufferedamount' in that specification.
RTCDataChannel.bufferedAmountLowThreshold - Web APIs
Web › API › RTCDataChannel › bufferedAmountLowThreshold
var dc = peerconnection.createdatachannel("file transfer"); dc.bufferedamountlowthreshold = 65535; dc.onbufferedamountlow = function() { /* use send() to queue more data to be sent */ }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.bufferedamountlowthreshold' in that specification.
RTCDataChannel: bufferedamountlow event - Web APIs
Web › API › RTCDataChannel › bufferedamountlow event
you can also set up a listener for bufferedamountlow using its event handler property, onbufferedamountlow: pc.onbufferedamountlow = ev => { if (source.position <= source.length) { dc.send(source.readfile(65536)); } } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'bufferedamountlow' in that specification.
RTCDataChannel.close() - Web APIs
Web › API › RTCDataChannel › close
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.close()' in that specification.
RTCDataChannel: close event - Web APIs
Web › API › RTCDataChannel › close event
you can also use the onclose event handler property to set a handler for close events: dc.onclose = ev => { messageinputbox.disabled = true; sendbutton.disabled = true; connectbutton.disabled = false; disconnectbutton.disabled = true; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'close' in that specification.
RTCDataChannel.id - Web APIs
Web › API › RTCDataChannel › id
example var pc = new rtcpeerconnection(); var dc = pc.createdatachannel("my channel"); console.log("channel id: " + dc.id); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.id' in that specification.
RTCDataChannel.label - Web APIs
Web › API › RTCDataChannel › label
*/ document.getelementbyid("channel-name").innerhtml = "<span class='channelname'>" + dc.label + "</span>"; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.label' in that specification.
RTCDataChannel.maxPacketLifeTime - Web APIs
Web › API › RTCDataChannel › maxPacketLifeTime
example // tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.maxpacketlifetime' in that specification.
RTCDataChannel.maxRetransmits - Web APIs
Web › API › RTCDataChannel › maxRetransmits
example // tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.maxretransmits' in that specification.
RTCDataChannel: message event - Web APIs
Web › API › RTCDataChannel › message event
you can also use an rtcdatachannel object's onmessage event handler property to set the event handler: dc.onmessage = ev => { let newparagraph = document.createelement("p"); let textnode = document.createtextnode(event.data); newparagraph.appendchild(textnode); document.body.appendchild(newparagraph); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'the <code>message</code> event' in that specification.
RTCDataChannel.negotiated - Web APIs
Web › API › RTCDataChannel › negotiated
if (datachannel.negotiated) { shutdownremotechannel(datachannel.id); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.negotiated' in that specification.
RTCDataChannel.onbufferedamountlow - Web APIs
Web › API › RTCDataChannel › onbufferedamountlow
*/ dc.onbufferedamountlow = function() { if (source.position <= source.length) { dc.send(source.readfile(65536)); } } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.onbufferedamountlow' in that specification.
RTCDataChannel.onclose - Web APIs
Web › API › RTCDataChannel › onclose
*/ specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.onclose' in that specification.
RTCDataChannel.onclosing - Web APIs
Web › API › RTCDataChannel › onclosing
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.onclosing' in that specification.
RTCDataChannel.onerror - Web APIs
Web › API › RTCDataChannel › onerror
*/ specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.onerror' in that specification.
RTCDataChannel.onmessage - Web APIs
Web › API › RTCDataChannel › onmessage
let pc = new rtcpeerconnection(); let dc = pc.createdatachannel(); dc.onmessage = function(event) { var el = document.createelement("p"); var txtnode = document.createtextnode(event.data); el.appendchild(txtnode); receivebox.appendchild(el); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.onmessage' in that specification.
RTCDataChannel.onopen - Web APIs
Web › API › RTCDataChannel › onopen
let dc = mypeerconnection.createdatachannel("message channel"); dc.onopen = function(event) { let messagebox = document.getelementbyid("messagebox"); let sendbutton = document.getelementbyid("sendbutton"); messagebox.disabled = false; messagebox.focus(); sendbutton.disabled = false; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.onopen' in that specification.
RTCDataChannel.ordered - Web APIs
Web › API › RTCDataChannel › ordered
example var pc = new rtcpeerconnection(); var dc = pc.createdatachannel("my channel"); if (!dc.ordered) { // handle unordered messaging } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.ordered' in that specification.
RTCDataChannel.protocol - Web APIs
Web › API › RTCDataChannel › protocol
example var pc = new rtcpeerconnection(); var dc = pc.createdatachannel("my channel", { protocol: "json" }); function handlechannelmessage(datachannel, msg) { switch(datachannel.protocol) { case "json": /* process json data */ break; case "raw": /* process raw binary data */ break; } } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.protocol' in that specification.
RTCDataChannel.send() - Web APIs
Web › API › RTCDataChannel › send
var pc = new rtcpeerconnection(); var dc = pc.createdatachannel("backchannel"); function sendmessage(msg) { let obj = { "message": msg, "timestamp": new date() } dc.send(json.stringify(obj)); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel.send()' in that specification.
RTCDataChannel - Web APIs
Web › API › RTCDataChannel
example var pc = new rtcpeerconnection(); var dc = pc.createdatachannel("my channel"); dc.onmessage = function (event) { console.log("received: " + event.data); }; dc.onopen = function () { console.log("datachannel open"); }; dc.onclose = function () { console.log("datachannel close"); }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannel' in that specification.
RTCDataChannelEvent() - Web APIs
Web › API › RTCDataChannelEvent › RTCDataChannelEvent
var event = new rtcdatachannelevent("datachannel", {"channel": dc}); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannelevent' in that specification.
RTCDataChannelEvent.channel - Web APIs
Web › API › RTCDataChannelEvent › channel
pc.ondatachannel = function(event) { inbounddatachannel = event.channel; inbounddatachannel.onmessage = handleincomingmessage; inbounddatachannel.onopen = handlechannelopen; inbounddatachannel.onclose = handlechannelclose; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannelevent.channel' in that specification.
RTCDataChannelEvent - Web APIs
Web › API › RTCDataChannelEvent
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdatachannelevent' in that specification.
RTCDtlsTransport.iceTransport - Web APIs
Web › API › RTCDtlsTransport › iceTransport
examples tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcdtlstransport.icetransport' in that specification.
RTCError - Web APIs
Web › API › RTCError
you can also use the rtcdatachannel object's onerror event handler property, like this: datachannel.onerror = (event) => { let error = event.error; /* and so forth */ }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcerror' in that specification.
RTCErrorEvent.error - Web APIs
Web › API › RTCErrorEvent › error
you can also use the rtcdatachannel object's onerror event handler property, like this: datachannel.onerror = (event) => { let error = event.error; /* and so forth */ }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcerrorevent.error' in that specification.
RTCErrorEvent - Web APIs
Web › API › RTCErrorEvent
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcerrorevent' in that specification.
RTCIceCandidate.RTCIceCandidate() - Web APIs
Web › API › RTCIceCandidate › RTCIceCandidate
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate()' in that specification.
RTCIceCandidate.address - Web APIs
Web › API › RTCIceCandidate › address
if (ipbanlist.includes(candidate.address)) { rejectcandidate(candidate); } else { acceptcandidate(candidate); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate: address' in that specification.
RTCIceCandidate.candidate - Web APIs
Web › API › RTCIceCandidate › candidate
this example could be simplified somewhat; you may more often see the code look something like this, taking advantage of more advanced ecmascript 2016 features: let handlenewicecandidate = candidatesdp => mypeerconnection.addicecandidate(new rtcicecandidate(candidatesdp)); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.candidate' in that specification.
RTCIceCandidate.component - Web APIs
Web › API › RTCIceCandidate › component
if (candidate.component == "rtp") { handlertpcandidate(candidate); } else if (candidate.component == "rtcp") { handlertcpcandidate(candidate); } else { handleunknowncandidate(candidate); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.component' in that specification.
RTCIceCandidate.foundation - Web APIs
Web › API › RTCIceCandidate › foundation
if (candidate1.foundation == candidate2.foundation) { /* the two candidates are the same, even if they're on different transports */ } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.foundation' in that specification.
RTCIceCandidate.port - Web APIs
Web › API › RTCIceCandidate › port
var candidateloc = { address: candidate.ip, port: candidate.port } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.port' in that specification.
RTCIceCandidate.priority - Web APIs
Web › API › RTCIceCandidate › priority
var bestcandidate = { candidate: "", sdpmid: null, sdpmlineindex: null, priority: 0 }; function handlecandidate(candidatestring) { var candidate = new rtcicecandidate(candidatestring); if (candidate.priority > bestcandidate.priority) { bestcandidate = candidate; } } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.priority' in that specification.
RTCIceCandidate.protocol - Web APIs
Web › API › RTCIceCandidate › protocol
if (candidate.protocol == "tcp") { if (candidate.tcptype == "so") { adjustforsimultaneousopen(candidate); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.protocol' in that specification.
RTCIceCandidate.relatedAddress - Web APIs
Web › API › RTCIceCandidate › relatedAddress
te.ip); break; case "prflx": console.log("peer reflexive candidate's base address is " + candidate.relatedaddress + "; reachable at " + candidate.ip); break; case "relay": console.log("relay candidate's address assigned by the turn server is " + candidate.relatedaddress + "; reachable at " + candidate.ip); break; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.relatedaddress' in that specification.
RTCIceCandidate.relatedPort - Web APIs
Web › API › RTCIceCandidate › relatedPort
ip = candidate.ip; var port = candidate.port; var relip = candidate.relatedaddress; var relport = candidate.relatedport; if (relip && relport) { console.log("candidate type '" + type + "' -- contact address: " + ip + " " + port + ", related address: " + relip + " " + relport); } else { console.log("host candidate address is " + ip + " " + port); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.relatedport' in that specification.
RTCIceCandidate.sdpMLineIndex - Web APIs
Web › API › RTCIceCandidate › sdpMLineIndex
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.sdpmlineindex' in that specification.
RTCIceCandidate.sdpMid - Web APIs
Web › API › RTCIceCandidate › sdpMid
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.sdpmid' in that specification.
RTCIceCandidate.tcpType - Web APIs
Web › API › RTCIceCandidate › tcpType
if (candidate.protocol == "tcp" && candidate.tcptype == "so") { adjustforsimultaneousopen(candidate); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.tcptype' in that specification.
RTCIceCandidate. toJSON() - Web APIs
Web › API › RTCIceCandidate › toJSON
var jsonstring = candidate.tojson().stringify(); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.tojson()' in that specification.
RTCIceCandidate.type - Web APIs
Web › API › RTCIceCandidate › type
if (candidate.type == "host") { showhostcontrols(); } else { hidehostcontrols(); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.type' in that specification.
RTCIceCandidate.usernameFragment - Web APIs
Web › API › RTCIceCandidate › usernameFragment
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.usernamefragment' in that specification.
RTCIceCandidate - Web APIs
Web › API › RTCIceCandidate
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate' in that specification.
RTCIceCandidateInit.candidate - Web APIs
Web › API › RTCIceCandidateInit › candidate
that usage would change the above sample to look like this: function goticecandidatemessage(msg) { var icecandidate = new rtcicecandidate(msg.candidate); pc.addicecandidate(icecandidate).catch({ /* handle error */ }); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidateinit.candidate' in that specification.
RTCIceCandidateInit.sdpMLineIndex - Web APIs
Web › API › RTCIceCandidateInit › sdpMLineIndex
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidateinit.sdpmlineindex' in that specification.
RTCIceCandidateInit.sdpMid - Web APIs
Web › API › RTCIceCandidateInit › sdpMid
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidateinit.sdpmid' in that specification.
RTCIceCandidateInit.usernameFragment - Web APIs
Web › API › RTCIceCandidateInit › usernameFragment
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidateinit.usernamefragment' in that specification.
RTCIceCandidateInit - Web APIs
Web › API › RTCIceCandidateInit
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidateinit' in that specification.
RTCIceCandidatePair.local - Web APIs
Web › API › RTCIceCandidatePair › local
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidatepair.local' in that specification.
RTCIceCandidatePair.remote - Web APIs
Web › API › RTCIceCandidatePair › remote
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidatepair.remote' in that specification.
RTCIceCandidatePair - Web APIs
Web › API › RTCIceCandidatePair
= document.getelementbyid("local-protocol"); var remoteproto = document.getelementbyid("remote-protocol"); icetransport.onselectedcandidatepairchange = function(event) { var pair = icetransport.getselectedcandidatepair(); localprotocol.innertext = pair.local.protocol.touppercase(); remoteprotocol.innertext = pair.remote.protocol.touppercase(); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidatepair' in that specification.
RTCIceCandidatePairStats.availableIncomingBitrate - Web APIs
Web › API › RTCIceCandidatePairStats › availableIncomingBitrate
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.availableincomingbitrate' in that specification.
RTCIceCandidatePairStats.availableOutgoingBitrate - Web APIs
Web › API › RTCIceCandidatePairStats › availableOutgoingBitrate
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.availableoutgoingbitrate' in that specification.
RTCIceCandidatePairStats.bytesReceived - Web APIs
Web › API › RTCIceCandidatePairStats › bytesReceived
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.bytesreceived' in that specification.
RTCIceCandidatePairStats.bytesSent - Web APIs
Web › API › RTCIceCandidatePairStats › bytesSent
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.bytessent' in that specification.
RTCIceCandidatePairStats.circuitBreakerTriggerCount - Web APIs
Web › API › RTCIceCandidatePairStats › circuitBreakerTriggerCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.circuitbreakertriggercount' in that specification.
RTCIceCandidatePairStats.consentExpiredTimestamp - Web APIs
Web › API › RTCIceCandidatePairStats › consentExpiredTimestamp
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.consentexpiredtimestamp' in that specification.
RTCIceCandidatePairStats.consentRequestsSent - Web APIs
Web › API › RTCIceCandidatePairStats › consentRequestsSent
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.consentrequestssent' in that specification.
RTCIceCandidatePairStats.currentRoundTripTime - Web APIs
Web › API › RTCIceCandidatePairStats › currentRoundTripTime
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.currentroundtriptime' in that specification.
RTCIceCandidatePairStats.firstRequestTimestamp - Web APIs
Web › API › RTCIceCandidatePairStats › firstRequestTimestamp
you can use this value in combination with lastrequesttimestamp and requestssent to compute the average interval between consecutive connectivity checks: avgcheckinterval = (candidatepairstats.lastrequesttimestamp - candidatepairstats.firstrequesttimestamp) / candidatepairstats.requestssent; specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.firstrequesttimestamp' in that specification.
RTCIceCandidatePairStats.lastPacketReceivedTimestamp - Web APIs
Web › API › RTCIceCandidatePairStats › lastPacketReceivedTimestamp
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.lastpacketreceivedtimestamp' in that specification.
RTCIceCandidateStats.lastPacketSentTimestamp - Web APIs
Web › API › RTCIceCandidatePairStats › lastPacketSentTimestamp
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.lastpacketsenttimestamp' in that specification.
RTCIceCandidatePairStats.lastRequestTimestamp - Web APIs
Web › API › RTCIceCandidatePairStats › lastRequestTimestamp
you can use this value in combination with firstrequesttimestamp and requestssent to compute the average interval between consecutive connectivity checks: avgcheckinterval = (candidatepairstats.lastrequesttimestamp - candidatepairstats.firstrequesttimestamp) / candidatepairstats.requestssent; specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.lastrequesttimestamp' in that specification.
RTCIceCandidateStats.lastResponseTimestamp - Web APIs
Web › API › RTCIceCandidatePairStats › lastResponseTimestamp
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.lastresponsetimestamp' in that specification.
RTCIceCandidateStats.localCandidateId - Web APIs
Web › API › RTCIceCandidatePairStats › localCandidateId
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.localcandidateid' in that specification.
RTCIceCandidatePairStats.nominated - Web APIs
Web › API › RTCIceCandidatePairStats › nominated
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.nominated' in that specification.
RTCIceCandidatePairStats.packetsReceived - Web APIs
Web › API › RTCIceCandidatePairStats › packetsReceived
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.packetsreceived' in that specification.
RTCIceCandidatePairStats.packetsSent - Web APIs
Web › API › RTCIceCandidatePairStats › packetsSent
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.packetssent' in that specification.
RTCIceCandidatePairStats.priority - Web APIs
Web › API › RTCIceCandidatePairStats › priority
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.priority' in that specification.
RTCIceCandidatePairStats.remoteCandidateId - Web APIs
Web › API › RTCIceCandidatePairStats › remoteCandidateId
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.remotecandidateid' in that specification.
RTCIceCandidatePairStats.requestsReceived - Web APIs
Web › API › RTCIceCandidatePairStats › requestsReceived
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.requestsreceived' in that specification.
RTCIceCandidatePairStats.requestsSent - Web APIs
Web › API › RTCIceCandidatePairStats › requestsSent
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.requestssent' in that specification.
RTCIceCandidatePairStats.responsesReceived - Web APIs
Web › API › RTCIceCandidatePairStats › responsesReceived
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.responsesreceived' in that specification.
RTCIceCandidatePairStats.responsesSent - Web APIs
Web › API › RTCIceCandidatePairStats › responsesSent
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.responsessent' in that specification.
RTCIceCandidatePairStats.retransmissionsReceived - Web APIs
Web › API › RTCIceCandidatePairStats › retransmissionsReceived
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.retransmissionsreceived' in that specification.
RTCIceCandidatePairStats.retransmissionsSent - Web APIs
Web › API › RTCIceCandidatePairStats › retransmissionsSent
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.retransmissionssent' in that specification.
RTCIceCandidatePairStats.state - Web APIs
Web › API › RTCIceCandidatePairStats › state
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.state' in that specification.
RTCIceCandidatePairStats.totalRoundTripTime - Web APIs
Web › API › RTCIceCandidatePairStats › totalRoundTripTime
you can calculate the average round-trip time (rtt) by dividing this value by the value of the responsesreceived property: rtt = rtcicecandidatepairstats.totalroundtriptime / rtcicecandidatepairstats.responsesreceived; specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.totalroundtriptime' in that specification.
RTCIceCandidatePairStats.transportId - Web APIs
Web › API › RTCIceCandidatePairStats › transportId
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.transportid' in that specification.
RTCIceCandidatePairStats - Web APIs
Web › API › RTCIceCandidatePairStats
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats' in that specification.
RTCIceCandidateStats.address - Web APIs
Web › API › RTCIceCandidateStats › address
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatestats.address' in that specification.
RTCIceCandidateStats.candidateType - Web APIs
Web › API › RTCIceCandidateStats › candidateType
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatestats.candidatetype' in that specification.
RTCIceCandidateStats.deleted - Web APIs
Web › API › RTCIceCandidateStats › deleted
top above object.keys(report).foreach(statname => { if (statname !== "id" && statname !== "timestamp" && statname !== "type") { statsoutput += `<strong>${statname}:</strong> ${report[statname]}<br>\n`; } }); } }); document.queryselector(".stats-box").innerhtml = statsoutput; }); }, 1000); specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatestats.deleted' in that specification.
RTCIceCandidateStats.port - Web APIs
Web › API › RTCIceCandidateStats › port
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatestats.port' in that specification.
RTCIceCandidateStats.priority - Web APIs
Web › API › RTCIceCandidateStats › priority
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatestats.port' in that specification.
RTCIceCandidateStats.protocol - Web APIs
Web › API › RTCIceCandidateStats › protocol
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatestats.protocol' in that specification.
RTCIceCandidateStats.relayProtocol - Web APIs
Web › API › RTCIceCandidateStats › relayProtocol
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatestats.relayprotocol' in that specification.
RTCIceCandidateStats.transportId - Web APIs
Web › API › RTCIceCandidateStats › transportId
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatestats.transportid' in that specification.
RTCIceCandidateStats.url - Web APIs
Web › API › RTCIceCandidateStats › url
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatestats.url' in that specification.
RTCIceCandidateStats - Web APIs
Web › API › RTCIceCandidateStats
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatestats' in that specification.
RTCIceCandidateType - Web APIs
Web › API › RTCIceCandidateType
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidatetype' in that specification.
RTCIceComponent - Web APIs
Web › API › RTCIceComponent
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecomponent' in that specification.
RTCIceCredentialType - Web APIs
Web › API › RTCIceCredentialType
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecredentialtype' in that specification.
RTCIceGathererState - Web APIs
Web › API › RTCIceGathererState
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicegathererstate' in that specification.
RTCIceParameters.password - Web APIs
Web › API › RTCIceParameters › password
syntax password = rtciceparameters.password; value a domstring containing the password that corresponds to the transport's usernamefragment string specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtciceparameters.password' in that specification.
RTCIceParameters.usernameFragment - Web APIs
Web › API › RTCIceParameters › usernameFragment
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtciceparameters.usernamefragment' in that specification.
RTCIceParameters - Web APIs
Web › API › RTCIceParameters
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtciceparameters' in that specification.
RTCIceProtocol - Web APIs
Web › API › RTCIceProtocol
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtciceprotocol' in that specification.
RTCIceRole - Web APIs
Web › API › RTCIceRole
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicerole' in that specification.
RTCIceServer.credential - Web APIs
Web › API › RTCIceServer › credential
mypeerconnection = new rtcpeerconnection({ iceservers: [ { urls: "turn:turnserver.example.org", // a turn server username: "webrtc", credential: "turnpassword" } ] }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtciceserver.credential' in that specification.
RTCIceServer.credentialType - Web APIs
Web › API › RTCIceServer › credentialType
mypeerconnection = new rtcpeerconnection({ iceservers: [ { urls: "turn:turnserver.example.org", // a turn server username: "webrtc", credential: "turnpassword", credentialtype: "password" } ] }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtciceserver.credential' in that specification.
RTCIceServers.urls - Web APIs
Web › API › RTCIceServer › urls
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtciceserver.urls' in that specification.
RTCIceServer.username - Web APIs
Web › API › RTCIceServer › username
mypeerconnection = new rtcpeerconnection({ iceservers: [ { urls: "turn:turnserver.example.org", // a turn server username: "webrtc", credential: "turnpassword" } ] }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtciceserver.username' in that specification.
RTCIceTcpCandidateType - Web APIs
Web › API › RTCIceTcpCandidateType
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetcpcandidatetype' in that specification.
RTCIceTransport.component - Web APIs
Web › API › RTCIceTransport › component
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetransport.component' in that specification.
RTCIceTransport.gatheringState - Web APIs
Web › API › RTCIceTransport › gatheringState
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetransport.gatheringstate' in that specification.
RTCIceTransport.getLocalCandidates() - Web APIs
Web › API › RTCIceTransport › getLocalCandidates
var localcandidates = pc.getsenders()[0].transport.transport.getlocalcandidates(); localcandidates.foreach(function(candidate, index)) { console.log("candidate " + index + ": " + candidate.candidate); }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.getlocalcandidates()' in that specification.
RTCIceTransport.getLocalParameters() - Web APIs
Web › API › RTCIceTransport › getLocalParameters
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetransport.getlocalparameters' in that specification.
RTCIceTransport.getRemoteCandidates() - Web APIs
Web › API › RTCIceTransport › getRemoteCandidates
var remotecandidates = pc.getsenders()[0].transport.transport.getremotecandidates(); remotecandidates.foreach(function(candidate, index)) { console.log("candidate " + index + ": " + candidate.candidate); }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicecandidate.getremotecandidates()' in that specification.
RTCIceTransport.getRemoteParameters() - Web APIs
Web › API › RTCIceTransport › getRemoteParameters
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetransport.getremoteparameters' in that specification.
RTCIceTransport.getSelectedCandidatePair() - Web APIs
Web › API › RTCIceTransport › getSelectedCandidatePair
= document.getelementbyid("local-protocol"); var remoteproto = document.getelementbyid("remote-protocol"); icetransport.onselectedcandidatepairchange = function(event) { var pair = icetransport.getselectedcandidatepair(); localprotocol.innertext = pair.local.protocol.touppercase(); remoteprotocol.innertext = pair.remote.protocol.touppercase(); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetransport.getselectedcandidatepair()' in that specification.
RTCIceTransport.ongatheringstatechange - Web APIs
Web › API › RTCIceTransport › ongatheringstatechange
var icetransport = pc.getsenders()[0].transport.transport; icetransport.ongatheringstatechange = function(event) { if (icetransport.gatheringstate == "complete") { allcandidatesreceived(pc); } } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetransport.ongatheringstatechange' in that specification.
RTCIceTransport.onselectedcandidatepairchange - Web APIs
Web › API › RTCIceTransport › onselectedcandidatepairchange
= document.getelementbyid("local-protocol"); var remoteproto = document.getelementbyid("remote-protocol"); icetransport.onselectedcandidatepairchange = function(event) { var pair = icetransport.getselectedcandidatepair(); localprotocol.innertext = pair.local.protocol.touppercase(); remoteprotocol.innertext = pair.remote.protocol.touppercase(); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetransport.onselectedcandidatepairchange' in that specification.
RTCIceTransport.onstatechange - Web APIs
Web › API › RTCIceTransport › onstatechange
var icetransport = pc.getsenders()[0].transport.icetransport; icetransport.onstatechange = function(event) { if (icetransport.state == "failed") { handlefailure(pc); } } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetransport.onstatechange' in that specification.
RTCIceTransport.role - Web APIs
Web › API › RTCIceTransport › role
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetransport.role' in that specification.
RTCIceTransport: selectedcandidatepairchange event - Web APIs
Web › API › RTCIceTransport › selectedcandidatepairchange event
elem = document.getelementbyid("local-protocol"); let remoteprotoelem = document.getelementbyid("remote-protocol"); icetransport.onselectedcandidatepairchange = ev => { let pair = icetransport.getselectedcandidatepair(); localprotoelem.innertext = pair.local.protocol.touppercase(); remoteprotoelem.innertext = pair.remote.protocol.touppercase(); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'selectedcandidatepairchange' in that specification.
RTCIceTransport.state - Web APIs
Web › API › RTCIceTransport › state
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetransportstate' in that specification.
RTCIceTransport: statechange event - Web APIs
Web › API › RTCIceTransport › statechange event
atechange", ev => { if (icetransport.state === "failed") { handlefailure(pc); } }, false); the same code, using the onstatechange event handler property, looks like this: let icetransport = pc.getsenders()[0].transport.icetransport; icetransport.onstatechange = ev => { if (icetransport.state === "failed") { handlefailure(pc); } }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'statechange' in that specification.
RTCIceTransport - Web APIs
Web › API › RTCIceTransport
examples tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetransport' in that specification.
RTCIceTransportState - Web APIs
Web › API › RTCIceTransportState
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicerole' in that specification.
RTCIdentityAssertion - Web APIs
Web › API › RTCIdentityAssertion
specifications specification status comment webrtc 1.0: real-time communication between browsers candidate recommendation initial definition.
RTCInboundRtpStreamStats.averageRtcpInterval - Web APIs
Web › API › RTCInboundRtpStreamStats › averageRtcpInterval
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.averagertcpinterval' in that specification.
RTCInboundRtpStreamStats.bytesReceived - Web APIs
Web › API › RTCInboundRtpStreamStats › bytesReceived
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.bytesreceived' in that specification.
RTCInboundRtpStreamStats.fecPacketsDiscarded - Web APIs
Web › API › RTCInboundRtpStreamStats › fecPacketsDiscarded
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.fecpacketsdiscarded' in that specification.
RTCInboundRtpStreamStats.fecPacketsReceived - Web APIs
Web › API › RTCInboundRtpStreamStats › fecPacketsReceived
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.fecpacketsreceived' in that specification.
RTCInboundRtpStreamStats.firCount - Web APIs
Web › API › RTCInboundRtpStreamStats › firCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.fircount' in that specification.
RTCInboundRtpStreamStats.framesDecoded - Web APIs
Web › API › RTCInboundRtpStreamStats › framesDecoded
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.framesdecoded' in that specification.
RTCInboundRtpStreamStats.lastPacketReceivedTimestamp - Web APIs
Web › API › RTCInboundRtpStreamStats › lastPacketReceivedTimestamp
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.lastpacketreceivedtimestamp' in that specification.
RTCInboundRtpStreamStats.nackCount - Web APIs
Web › API › RTCInboundRtpStreamStats › nackCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.nackcount' in that specification.
RTCInboundRtpStreamStats.packetsDuplicated - Web APIs
Web › API › RTCInboundRtpStreamStats › packetsDuplicated
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.packetsduplicated' in that specification.
RTCInboundRtpStreamStats.packetsFailedDecryption - Web APIs
Web › API › RTCInboundRtpStreamStats › packetsFailedDecryption
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.packetsfaileddecryption' in that specification.
RTCInboundRtpStreamStats.perDscpPacketsReceived - Web APIs
Web › API › RTCInboundRtpStreamStats › perDscpPacketsReceived
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.perdscppacketsreceived' in that specification.
RTCInboundRtpStreamStats.pliCount - Web APIs
Web › API › RTCInboundRtpStreamStats › pliCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.plicount' in that specification.
RTCInboundRtpStreamStats.qpSum - Web APIs
Web › API › RTCInboundRtpStreamStats › qpSum
function calculateaverageqp(stats) { let framecount = 0; switch(stats.type) { case "inbound-rtp": case "remote-inbound-rtp": framecount = stats.framesdecoded; break; case "outbound-rtp": case "remote-outbound-rtp": framecount = stats.framesencoded; break; default: return 0; } return status.qpsum / framecount; } specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.qpsum' in that specification.
RTCInboundRtpStreamStats.receiverId - Web APIs
Web › API › RTCInboundRtpStreamStats › receiverId
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.receiverid' in that specification.
RTCInboundRtpStreamStats.remoteId - Web APIs
Web › API › RTCInboundRtpStreamStats › remoteId
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.remoteid' in that specification.
RTCInboundRtpStreamStats.sliCount - Web APIs
Web › API › RTCInboundRtpStreamStats › sliCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.slicount' in that specification.
RTCInboundRtpStreamStats.trackId - Web APIs
Web › API › RTCInboundRtpStreamStats › trackId
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats.trackid' in that specification.
RTCInboundRtpStreamStats - Web APIs
Web › API › RTCInboundRtpStreamStats
examples specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcinboundrtpstreamstats' in that specification.
RTCNetworkType - Web APIs
Web › API › RTCNetworkType
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcnetworktype' in that specification.
RTCOfferAnswerOptions - Web APIs
Web › API › RTCOfferAnswerOptions
the default value is true, enabling this functionality specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcofferansweroptions' in that specification.
RTCOfferOptions.iceRestart - Web APIs
Web › API › RTCOfferOptions › iceRestart
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcofferoptions.icerestart' in that specification.
RTCOfferOptions - Web APIs
Web › API › RTCOfferOptions
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcofferoptions' in that specification.
RTCOutboundRtpStreamStats.averageRtcpInterval - Web APIs
Web › API › RTCOutboundRtpStreamStats › averageRtcpInterval
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.averagertcpinterval' in that specification.
RTCOutboundRtpStreamStats.firCount - Web APIs
Web › API › RTCOutboundRtpStreamStats › firCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.fircount' in that specification.
RTCOutboundRtpStreamStats.framesEncoded - Web APIs
Web › API › RTCOutboundRtpStreamStats › framesEncoded
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.framesencoded' in that specification.
RTCOutboundRtpStreamStats.lastPacketSentTimestamp - Web APIs
Web › API › RTCOutboundRtpStreamStats › lastPacketSentTimestamp
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.lastpacketsenttimestamp' in that specification.
RTCOutboundRtpStreamStats.nackCount - Web APIs
Web › API › RTCOutboundRtpStreamStats › nackCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.nackcount' in that specification.
RTCOutboundRtpStreamStats.perDscpPacketsSent - Web APIs
Web › API › RTCOutboundRtpStreamStats › perDscpPacketsSent
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.perdscppacketssent' in that specification.
RTCOutboundRtpStreamStats.pliCount - Web APIs
Web › API › RTCOutboundRtpStreamStats › pliCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.plicount' in that specification.
RTCOutboundRtpStreamStats.qpSum - Web APIs
Web › API › RTCOutboundRtpStreamStats › qpSum
function calculateaverageqp(stats) { let framecount = 0; switch(stats.type) { case "inbound-rtp": case "remote-inbound-rtp": framecount = stats.framesdecoded; break; case "outbound-rtp": case "remote-outbound-rtp": framecount = stats.framesencoded; break; default: return 0; } return status.qpsum / framecount; } specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.qpsum' in that specification.
RTCOutboundRtpStreamStats.qualityLimitationReason - Web APIs
Web › API › RTCOutboundRtpStreamStats › qualityLimitationReason
examples specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.qualitylimitationreason' in that specification.
RTCOutboundRtpStreamStats.remoteId - Web APIs
Web › API › RTCOutboundRtpStreamStats › remoteId
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.remoteid' in that specification.
RTCOutboundRtpStreamStats.sliCount - Web APIs
Web › API › RTCOutboundRtpStreamStats › sliCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.slicount' in that specification.
RTCOutboundRtpStreamStats.trackId - Web APIs
Web › API › RTCOutboundRtpStreamStats › trackId
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcoutboundrtpstreamstats.trackid' in that specification.
RTCOutboundRtpStreamStats - Web APIs
Web › API › RTCOutboundRtpStreamStats
examples specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcoutboundrtpstreamstats' in that specification.
RTCPeerConnection() - Web APIs
Web › API › RTCPeerConnection › RTCPeerConnection
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection()' in that specification.
RTCPeerConnection.addIceCandidate() - Web APIs
Web › API › RTCPeerConnection › addIceCandidate
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.addicecandidate()' in that specification.
RTCPeerConnection.addStream() - Web APIs
Web › API › RTCPeerConnection › addStream
))); } // remove a track from a stream and the peer connection said stream was added to: stream.removetrack(track); if (pc.removetrack) { pc.removetrack(pc.getsenders().find(sender => sender.track == track)); } else { // if you have code listening for negotiationneeded events: settimeout(() => pc.dispatchevent(new event('negotiationneeded'))); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.addstream()' in that specification.
RTCPeerConnection.addTrack() - Web APIs
Web › API › RTCPeerConnection › addTrack
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.addtrack()' in that specification.
RTCPeerConnection.addTransceiver() - Web APIs
Web › API › RTCPeerConnection › addTransceiver
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.addtransceiver()' in that specification.
RTCPeerConnection.canTrickleIceCandidates - Web APIs
Web › API › RTCPeerConnection › canTrickleIceCandidates
(e.target.icegatheringstate === 'complete') { r(pc.localdescription); } }); }); }) .then(answer => sendanswertopeer(answer)) // signaling message .catch(e => handleerror(e)); pc.addeventlistener('icecandidate', e => { if (pc.cantrickleicecandidates) { sendcandidatetopeer(e.candidate); // signaling message } }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.cantrickleicecandidates' in that specification.
RTCPeerConnection.close() - Web APIs
Web › API › RTCPeerConnection › close
pc = new rtcpeerconnection(); var dc = pc.createdatachannel("my channel"); dc.onmessage = function (event) { console.log("received: " + event.data); pc.close(); // we decided to close after the first received message }; dc.onopen = function () { console.log("datachannel open"); }; dc.onclose = function () { console.log("datachannel close"); }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.close()' in that specification.
RTCPeerConnection.connectionState - Web APIs
Web › API › RTCPeerConnection › connectionState
*/ var connectionstate = pc.connectionstate; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.connectionstate' in that specification.
RTCPeerConnection.createAnswer() - Web APIs
Web › API › RTCPeerConnection › createAnswer
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'createanswer()' in that specification.
RTCPeerConnection.createDataChannel() - Web APIs
Web › API › RTCPeerConnection › createDataChannel
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'createdatachannel()' in that specification.
RTCPeerConnection.createOffer() - Web APIs
Web › API › RTCPeerConnection › createOffer
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'createoffer()' in that specification.
RTCPeerConnection.currentLocalDescription - Web APIs
Web › API › RTCPeerConnection › currentLocalDescription
var pc = new rtcpeerconnection(); … var sd = pc.currentlocaldescription; if (sd) { alert("local session: type='" + sd.type + "'; sdp description='" + sd.sdp + "'"); } else { alert("no local session yet."); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.currentlocaldescription' in that specification.
RTCPeerConnection.currentRemoteDescription - Web APIs
Web › API › RTCPeerConnection › currentRemoteDescription
var pc = new rtcpeerconnection(); … var sd = pc.currentremotedescription; if (sd) { alert("local session: type='" + sd.type + "'; sdp description='" + sd.sdp + "'"); } else { alert("no local session yet."); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.currentremotedescription' in that specification.
RTCPeerConnection: datachannel event - Web APIs
Web › API › RTCPeerConnection › datachannel event
this same code can also instead use the rtcpeerconnection interface's ondatachannel event handler property, like this: pc.ondatachannel = ev => { receivechannel = ev.channel; receivechannel.onmessage = myhandlemessage; receivechannel.onopen = myhandleopen; receivechannel.onclose = myhandleclose; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'datachannel' in that specification.
RTCPeerConnection.generateCertificate() - Web APIs
Web › API › RTCPeerConnection › generateCertificate
example rtcpeerconnection.generatecertificate({ name: 'rsassa-pkcs1-v1_5', hash: 'sha-256', moduluslength: 2048, publicexponent: new uint8array([1, 0, 1]) }).then(function(cert) { var pc = new rtcpeerconnection({certificates: [cert]}); }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'generatecertificate()' in that specification.
RTCPeerConnection.getConfiguration() - Web APIs
Web › API › RTCPeerConnection › getConfiguration
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'getconfiguration()' in that specification.
RTCPeerConnection.getDefaultIceServers() - Web APIs
Web › API › RTCPeerConnection › getDefaultIceServers
example var pc = new rtcpeerconnection(); var iceservers = pc.getdefaulticeservers(); if (iceservers.length === 0) { // deal with the lack of default ice servers, possibly by using our own defaults } specifications specification status comment webrtc extensions ...
RTCPeerConnection.getIdentityAssertion() - Web APIs
Web › API › RTCPeerConnection › getIdentityAssertion
specifications specification status comment identity for webrtcthe definition of 'rtcpeerconnection.getidentityassertion()' in that specification.
RTCPeerConnection.getReceivers() - Web APIs
Web › API › RTCPeerConnection › getReceivers
example tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.getreceivers()' in that specification.
RTCPeerConnection.getSenders() - Web APIs
Web › API › RTCPeerConnection › getSenders
function setmuting(pc, muting) { let senderlist = pc.getsenders(); senderlist.foreach(sender) { sender.track.enabled = !muting; } } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.getsenders()' in that specification.
RTCPeerConnection.getStats() - Web APIs
Web › API › RTCPeerConnection › getStats
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.getstats()' in that specification.
RTCPeerConnection.getTransceivers() - Web APIs
Web › API › RTCPeerConnection › getTransceivers
pc.gettransceivers().foreach(transceiver => { transceiver.stop(); }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.gettransceivers()' in that specification.
RTCPeerConnection.iceConnectionState - Web APIs
Web › API › RTCPeerConnection › iceConnectionState
example var pc = new rtcpeerconnection(); var state = pc.iceconnectionstate; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.iceconnectionstate' in that specification.
RTCPeerConnection: icegatheringstatechange event - Web APIs
Web › API › RTCPeerConnection › iceGatheringStatechange event
d a listener for icegatheringstatechange events: pc.addeventlistener("icegatheringstatechange", ev => { let connection = ev.target; switch(connection.icegatheringstate) { case "gathering": /* collection of candidates has begun */ break; case "complete": /* collection of candidates is finished */ break; } }, false); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'icecandidatestatechange' in that specification.
RTCPeerConnection: icecandidate event - Web APIs
Web › API › RTCPeerConnection › icecandidate event
=> { if (ev.candidate) { sendmessage({ type: "new-ice-candidate", candidate: event.candidate }); } }, false); you can also set the onicecandidate event handler property directly: pc.onicecandidate = ev => { if (ev.candidate) { sendmessage({ type: "new-ice-candidate", candidate: event.candidate }); } }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'icecandidate' in that specification.
RTCPeerConnection: icecandidateerror event - Web APIs
Web › API › RTCPeerConnection › icecandidateerror event
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'icecandidateerror' in that specification.
RTCPeerConnection: identityresult event - Web APIs
Web › API › RTCPeerConnection › identityresult event
bubbles no cancelable no interface rtcidentityevent event handler property onidentityresult specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'identityresult' in that specification.
RTCPeerConnection: idpassertionerror event - Web APIs
Web › API › RTCPeerConnection › idpassertionerror event
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'idpassertionerror' in that specification.
RTCPeerConnection: idpvalidationerror event - Web APIs
Web › API › RTCPeerConnection › idpvalidationerror event
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'idpvalidationerror' in that specification.
RTCPeerConnection.localDescription - Web APIs
Web › API › RTCPeerConnection › localDescription
var pc = new rtcpeerconnection(); … var sd = pc.localdescription; if (sd) { alert("local session: type='" + sd.type + "'; sdp description='" + sd.sdp + "'"); } else { alert("no local session yet."); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.localdescription' in that specification.
RTCPeerConnection: negotiationneeded event - Web APIs
Web › API › RTCPeerConnection › negotiationneeded event
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'negotiationneeded' in that specification.
RTCPeerConnection.onconnectionstatechange - Web APIs
Web › API › RTCPeerConnection › onconnectionstatechange
atechange = function(event) { switch(pc.connectionstate) { case "connected": // the connection has become fully connected break; case "disconnected": case "failed": // one or more transports has terminated unexpectedly or in an error break; case "closed": // the connection has been closed break; } } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.onconnectionstatechange' in that specification.
RTCPeerConnection.ondatachannel - Web APIs
Web › API › RTCPeerConnection › ondatachannel
example pc.ondatachannel = function(ev) { console.log('data channel is created!'); ev.channel.onopen = function() { console.log('data channel is open and ready to be used.'); }; }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.ondatachannel' in that specification.
RTCPeerConnection.onicecandidate - Web APIs
Web › API › RTCPeerConnection › onicecandidate
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.onicecandidate' in that specification.
RTCPeerConnection.onicecandidateerror - Web APIs
Web › API › RTCPeerConnection › onicecandidateerror
} } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.onicecandidateerror' in that specification.
RTCPeerConnection.oniceconnectionstatechange - Web APIs
Web › API › RTCPeerConnection › oniceconnectionstatechange
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.oniceconnectionstatechange' in that specification.
RTCPeerConnection.onnegotiationneeded - Web APIs
Web › API › RTCPeerConnection › onnegotiationneeded
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.onnegotiationneeded' in that specification.
RTCPeerConnection.onsignalingstatechange - Web APIs
Web › API › RTCPeerConnection › onsignalingstatechange
pc.onsignalingstatechange = function(event) { if (pc.signalingstate === "have-local-pranswer") { // setlocaldescription() has been called with an answer } }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.onsignalingstatechange' in that specification.
RTCPeerConnection.ontrack - Web APIs
Web › API › RTCPeerConnection › ontrack
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.ontrack' in that specification.
RTCPeerConnection.peerIdentity - Web APIs
Web › API › RTCPeerConnection › peerIdentity
*/ async function getidentityassertion(pc) { try { const identity = await pc.peeridentity; return identity; } catch(err) { console.log("error identifying remote peer: ", err); return null; } } specifications specification status comment identity for webrtc candidate recommendation initial specification.
RTCPeerConnection: peeridentity event - Web APIs
Web › API › RTCPeerConnection › peeridentity event
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'peeridentity' in that specification.
RTCPeerConnection.pendingLocalDescription - Web APIs
Web › API › RTCPeerConnection › pendingLocalDescription
} else { // no description change pending } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.pendinglocaldescription' in that specification.
RTCPeerConnection.pendingRemoteDescription - Web APIs
Web › API › RTCPeerConnection › pendingRemoteDescription
} else { // no description change pending } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.pendingremotedescription' in that specification.
RTCPeerConnection.remoteDescription - Web APIs
Web › API › RTCPeerConnection › remoteDescription
var pc = new rtcpeerconnection(); … var sd = pc.remotedescription; if (sd) { alert("remote session: type='" + sd.type + "'; sdp description='" + sd.sdp + "'"); } else { alert("no remote session yet."); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.remotedescription' in that specification.
RTCPeerConnection.removeTrack() - Web APIs
Web › API › RTCPeerConnection › removeTrack
var pc, sender; navigator.getusermedia({video: true}, function(stream) { pc = new rtcpeerconnection(); var track = stream.getvideotracks()[0]; sender = pc.addtrack(track, stream); }); document.getelementbyid("closebutton").addeventlistener("click", function(event) { pc.removetrack(sender); pc.close(); }, false); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.removetrack()' in that specification.
RTCPeerConnection.restartIce() - Web APIs
Web › API › RTCPeerConnection › restartIce
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.restartice()' in that specification.
RTCPeerConnection.sctp - Web APIs
Web › API › RTCPeerConnection › sctp
example var pc = new rtcpeerconnection(); var channel = pc.createdatachannel("mydata"); channel.onopen = function(event) { channel.send('sending a message'); } channel.onmessage = function(event) { console.log(event.data); } // determine the largest message size that can be sent var sctp = pc.sctp; var maxmessagesize = sctp.maxmessagesize; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.sctp' in that specification.
RTCPeerConnection.setConfiguration() - Web APIs
Web › API › RTCPeerConnection › setConfiguration
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'setconfiguration()' in that specification.
RTCPeerConnection.setIdentityProvider() - Web APIs
Web › API › RTCPeerConnection › setIdentityProvider
example var pc = new peerconnection(); pc.setidentityassertion("developer.mozilla.org"); specifications specification status comment identity for webrtcthe definition of 'rtcpeerconnection.setidentityprovider()' in that specification.
RTCPeerConnection.setLocalDescription() - Web APIs
Web › API › RTCPeerConnection › setLocalDescription
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.setlocaldescription()' in that specification.
RTCPeerConnection.setRemoteDescription() - Web APIs
Web › API › RTCPeerConnection › setRemoteDescription
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.setremotedescription()' in that specification.
RTCPeerConnection.signalingState - Web APIs
Web › API › RTCPeerConnection › signalingstate
example var pc = new rtcpeerconnection(configuration); var state = pc.signalingstate; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnection.signalingstate' in that specification.
RTCPeerConnection: track event - Web APIs
Web › API › RTCPeerConnection › track event
pc.ontrack = e => { videoelement.srcobject = e.streams[0]; hangupbutton.disabled = false; return false; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'track' in that specification.
RTCPeerConnectionIceErrorEvent.address - Web APIs
Web › API › RTCPeerConnectionIceErrorEvent › address
pc.addeventlistener("icecandidateerror", (event) => { let networkinfo = `[local interface: ${event.address}:${event.port}`; let iceserverinfo = `[ice server: ${event.url}`; showmessage(errortext, iceserverinfo, networkinfo); }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnectioniceerrorevent.address' in that specification.
RTCPeerConnectionIceErrorEvent - Web APIs
Web › API › RTCPeerConnectionIceErrorEvent
examples tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnectioniceerrorevent' in that specification.
RTCPeerConnectionIceEvent() - Web APIs
Web › API › RTCPeerConnectionIceEvent › RTCPeerConnectionIceEvent
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnectioniceevent()' in that specification.
RTCPeerConnectionIceEvent.candidate - Web APIs
Web › API › RTCPeerConnectionIceEvent › candidate
example pc.onicecandidate = function( ev ) { alert("the ice candidate (transport address: '" + ev.candidate.candidate + "') has been added to this connection."); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnectioniceevent.candidate' in that specification.
RTCPeerConnectionIceEvent - Web APIs
Web › API › RTCPeerConnectionIceEvent
examples pc.onicecandidate = function( ev ) { alert("the ice candidate (transport address: '" + ev.candidate.candidate + "') has been added to this connection."); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcpeerconnectioniceevent' in that specification.
RTCPeerConnection: idpvalidationerror event - Web APIs
Web › API › RTCPeerConnection idpvalidationerror event
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'idpvalidationerror' in that specification.
RTCRemoteOutboundRtpStreamStats.remoteTimestamp - Web APIs
Web › API › RTCRemoteOutboundRtpStreamStats › remoteTimestamp
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcremoteoutboundrtpstreamstats.remotetimestamp' in that specification.
RTCRemoteOutboundRtpStreamStats - Web APIs
Web › API › RTCRemoteOutboundRtpStreamStats
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcremoteoutboundrtpstreamstats' in that specification.
RTCRtcpParameters - Web APIs
Web › API › RTCRtcpParameters
function getrtpcname(rtpobject) { let parameters = rtpobject.getparameters(); return parameters.rtcp.cname; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtcpparameters' in that specification.
RTCRtpCapabilities - Web APIs
Web › API › RTCRtpCapabilities
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpcapabilities' in that specification.
RTCRtpCodecCapability - Web APIs
Web › API › RTCRtpCodecCapability
examples tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpcodeccapability' in that specification.
RTCRtpContributingSource.audioLevel - Web APIs
Web › API › RTCRtpContributingSource › audioLevel
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'audiolevel' in that specification.
RTCRtpContributingSource.rtpTimestamp - Web APIs
Web › API › RTCRtpContributingSource › rtpTimestamp
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtptimestamp' in that specification.
RTCRtpContributingSource.source - Web APIs
Web › API › RTCRtpContributingSource › source
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'source' in that specification.
RTCRtpContributingSource.timestamp - Web APIs
Web › API › RTCRtpContributingSource › timestamp
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'timestamp' in that specification.
RTCRtpContributingSource - Web APIs
Web › API › RTCRtpContributingSource
timestamp optional a domhighrestimestamp indicating the most recent time at which a frame originating from this source was delivered to the receiver's mediastreamtrack specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpcontributingsource' in that specification.
RTCRtpEncodingParameters.maxBitrate - Web APIs
Web › API › RTCRtpEncodingParameters › maxBitrate
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpencodingparameters.maxbitrate' in that specification.
RTCRtpEncodingParameters.scaleResolutionDownBy - Web APIs
Web › API › RTCRtpEncodingParameters › scaleResolutionDownBy
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpencodingparameters.scaleresolutiondownby' in that specification.
RTCRtpParameters - Web APIs
Web › API › RTCRtpParameters
function getrtpcname(rtpobject) { let parameters = rtpobject.getparameters(); return parameters.rtcp.cname; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpreceiveparameters' in that specification.
RTCRtpReceiveParameters - Web APIs
Web › API › RTCRtpReceiveParameters
function getrtcpcname(receiver) { let parameters = receiver.getparameters(); return parameters.rtcp.cname; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpreceiveparameters' in that specification.
RTCRtpReceiver.getCapabilities() static function - Web APIs
Web › API › RTCRtpReceiver › getCapabilities
function canreceiveh264() { let capabilities = rtcrtpreceiver.getcapabilities("video"); capabilities.codecs.foreach((codec) => { if (codec.mimetype === "video/h264") { return true; } }); return false; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpreceiver.getcapabilities()' in that specification.
RTCRtpReceiver.getContributingSources() - Web APIs
Web › API › RTCRtpReceiver › getContributingSources
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'getcontributingsources()' in that specification.
RTCRtpReceiver.getParameters() - Web APIs
Web › API › RTCRtpReceiver › getParameters
function getrtcpcname(receiver) { let parameters = receiver.getparameters(); return parameters.rtcp.cname; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpreceiver.getparameters()' in that specification.
RTCRtpReceiver.getStats() - Web APIs
Web › API › RTCRtpReceiver › getStats
receiver.getstats().then(function(stats) { document.getelementbyid("lostpackets").innertext = stats.packetslost; }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpreceiver.getstats()' in that specification.
RTCRtpReceiver.getSynchronizationSources() - Web APIs
Web › API › RTCRtpReceiver › getSynchronizationSources
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'getsynchronizationsources()' in that specification.
RTCRtpReceiver.track - Web APIs
Web › API › RTCRtpReceiver › track
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'track' in that specification.
RTCRtpReceiver.transport - Web APIs
Web › API › RTCRtpReceiver › transport
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpreceiver.transport' in that specification.
RTCRtpReceiver - Web APIs
Web › API › RTCRtpReceiver
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpreceiver' in that specification.
RTCRtpSendParameters - Web APIs
Web › API › RTCRtpSendParameters
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpsendparameters' in that specification.
RTCRtpSender.dtmf - Web APIs
Web › API › RTCRtpSender › dtmf
only audio tracks can support dtmf, and typically only one audio track per rtcpeerconnection will have an associated rtcdtmfsender example tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpsender.dtmf' in that specification.
RTCRtpSender.getCapabilities() static function - Web APIs
Web › API › RTCRtpSender › getCapabilities
function cansendh264() { let capabilities = rtcrtpsender.getcapabilities("video"); capabilities.codecs.foreach((codec) => { if (codec.mimetype === "video/h264") { return true; } }); return false; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpsender.getcapabilities()' in that specification.
RTCRtpSender.getParameters() - Web APIs
Web › API › RTCRtpSender › getParameters
function getsendertransactionid(sender) { let parameters = sender.getparameters(); return parameters.transactionid; } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'getparameters()' in that specification.
RTCRtpSender.getStats() - Web APIs
Web › API › RTCRtpSender › getStats
sender.getstats().then(function(stats) { document.getelementbyid("currentrtt").innertext = stats.roundtriptime; }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpsender.getstats()' in that specification.
RTCRtpSender.replaceTrack() - Web APIs
Web › API › RTCRtpSender › replaceTrack
et videotrack = stream.getvideotracks()[0]; pcs.foreach(function(pc) { var sender = pc.getsenders().find(function(s) { return s.track.kind == videotrack.kind; }); console.log('found sender:', sender); sender.replacetrack(videotrack); }); }) .catch(function(err) { console.error('error happens:', err); }); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpsender.replacetrack()' in that specification.
RTCRtpSender.setParameters() - Web APIs
Web › API › RTCRtpSender › setParameters
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpsender.setparameters()' in that specification.
RTCRtpSender.setStreams() - Web APIs
Web › API › RTCRtpSender › setStreams
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpsender.setstreams()' in that specification.
RTCRtpSender.track - Web APIs
Web › API › RTCRtpSender › track
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'track' in that specification.
RTCRtpSender.transport - Web APIs
Web › API › RTCRtpSender › transport
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpsender.transport' in that specification.
RTCRtpSender - Web APIs
Web › API › RTCRtpSender
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpsender' in that specification.
RTCRtpStreamStats.codecId - Web APIs
Web › API › RTCRtpStreamStats › codecId
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcrtpstreamstats.codecid' in that specification.
RTCRtpStreamStats.firCount - Web APIs
Web › API › RTCRtpStreamStats › firCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats: fircount' in that specification.
RTCRtpStreamStats.kind - Web APIs
Web › API › RTCRtpStreamStats › kind
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcrtpstreamstats.kind' in that specification.
RTCRtpStreamStats.nackCount - Web APIs
Web › API › RTCRtpStreamStats › nackCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats: nackcount' in that specification.
RTCRtpStreamStats.pliCount - Web APIs
Web › API › RTCRtpStreamStats › pliCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats: plicount' in that specification.
RTCRtpStreamStats.qpSum - Web APIs
Web › API › RTCRtpStreamStats › qpSum
function calculateaverageqp(stats) { let framecount = 0; switch(stats.type) { case "inbound-rtp": case "remote-inbound-rtp": framecount = stats.framesdecoded; break; case "outbound-rtp": case "remote-outbound-rtp": framecount = stats.framesencoded; break; default: return 0; } return status.qpsum / framecount; } specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats: qpsum' in that specification.
RTCRtpStreamStats.sliCount - Web APIs
Web › API › RTCRtpStreamStats › sliCount
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcinboundrtpstreamstats: slicount' in that specification.
RTCRtpStreamStats.ssrc - Web APIs
Web › API › RTCRtpStreamStats › ssrc
do not rely upon these values meaning anything other than "these objects are associated with the same source." specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcrtpstreamstats.ssrc' in that specification.
RTCRtpStreamStats.trackId - Web APIs
Web › API › RTCRtpStreamStats › trackId
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcrtpstreamstats.trackid' in that specification.
RTCRtpStreamStats.transportId - Web APIs
Web › API › RTCRtpStreamStats › transportId
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcrtpstreamstats.transportid' in that specification.
RTCRtpStreamStats - Web APIs
Web › API › RTCRtpStreamStats
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcrtpstreamstats' in that specification.
RTCRtpSynchronizationSource.voiceActivityFlag - Web APIs
Web › API › RTCRtpSynchronizationSource › voiceActivityFlag
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'voiceactivityflag' in that specification.
RTCRtpSynchronizationSource - Web APIs
Web › API › RTCRtpSynchronizationSource
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtpsynchronizationsource' in that specification.
RTCRtpTransceiver.currentDirection - Web APIs
Web › API › RTCRtpTransceiver › currentDirection
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtptransceiver.currentdirection' in that specification.
RTCRtpTransceiver.direction - Web APIs
Web › API › RTCRtpTransceiver › direction
for example, if the direction is specified as "sendrecv", the corresponding sdp a-line is: a=sendrecv specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtptransceiver.direction' in that specification.
RTCRtpTransceiver.mid - Web APIs
Web › API › RTCRtpTransceiver › mid
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtptransceiver.mid' in that specification.
RTCRtpTransceiver.receiver - Web APIs
Web › API › RTCRtpTransceiver › receiver
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtptransceiver.receiver' in that specification.
RTCRtpTransceiver.sender - Web APIs
Web › API › RTCRtpTransceiver › sender
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtptransceiver.sender' in that specification.
RTCRtpTransceiver.setCodecPreferences() - Web APIs
Web › API › RTCRtpTransceiver › setCodecPreferences
var availsendcodecs = transceiver.sender.getcapabilities("video").codecs; var availreceivecodecs = transceiver.receiver.getcapabilities("video").codecs; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtptransceiver.setcodecpreferences()' in that specification.
RTCRtpTransceiver.stop() - Web APIs
Web › API › RTCRtpTransceiver › stop
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtptransceiver.stop()' in that specification.
RTCRtpTransceiver.stopped - Web APIs
Web › API › RTCRtpTransceiver › stopped
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtptransceiver.stopped' in that specification.
RTCRtpTransceiver - Web APIs
Web › API › RTCRtpTransceiver
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtptransceiver' in that specification.
RTCRtpTransceiverDirection - Web APIs
Web › API › RTCRtpTransceiverDirection
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtptransceiverdirection' in that specification.
RTCRtpTransceiverInit - Web APIs
Web › API › RTCRtpTransceiverInit
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcrtptransceiverinit' in that specification.
RTCSctpTransport.state - Web APIs
Web › API › RTCSctpTransport › state
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcsctptransport.state' in that specification.
RTCSctpTransport - Web APIs
Web › API › RTCSctpTransport
methods this interface has no methods, but inherits methods from: eventtarget example tbd specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcsctptransport' in that specification.
RTCSessionDescription() - Web APIs
Web › API › RTCSessionDescription › RTCSessionDescription
}, error); }, error); } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcsessiondescription()' in that specification.
RTCSessionDescription.sdp - Web APIs
Web › API › RTCSessionDescription › sdp
e 2890844526 2890844526 in ip4 host.anywhere.com s= c=in ip4 host.anywhere.com t=0 0 m=audio 49170 rtp/avp 0 a=rtpmap:0 pcmu/8000 m=video 51372 rtp/avp 31 a=rtpmap:31 h261/90000 m=video 53000 rtp/avp 32 a=rtpmap:32 mpv/90000 example // the remote description has been set previously on pc, an rtcpeerconnection alert(pc.remotedescription.sdp); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcsessiondescription.sdp' in that specification.
RTCSessionDescription.toJSON() - Web APIs
Web › API › RTCSessionDescription › toJSON
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcsessiondescription: tojson()' in that specification.
RTCSessionDescription.type - Web APIs
Web › API › RTCSessionDescription › type
example // the remote description has been set previously on pc, a rtcpeerconnection alert(pc.remotedescription.type); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcsessiondescription.type' in that specification.
RTCSessionDescription - Web APIs
Web › API › RTCSessionDescription
sessiondescription(message), function () { // if we received an offer, we need to answer if (pc.remotedescription.type == "offer") pc.createanswer(localdesccreated, logerror); }, logerror); else pc.addicecandidate(new rtcicecandidate(message.candidate), function () {}, logerror); }; specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcsessiondescription' in that specification.
RTCSessionDescriptionCallback - Web APIs
Web › API › RTCSessionDescriptionCallback
example var pc = new rtcpeerconnection(); var descriptioncallback = function(offer) { pc.setlocaldescription(offer); } pc.createoffer(descriptioncallback); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcsessiondescriptioncallback' in that specification.
RTCStats.id - Web APIs
Web › API › RTCStats › id
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcstats.id' in that specification.
RTCStats.timestamp - Web APIs
Web › API › RTCStats › timestamp
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcstats.timestamp' in that specification.
RTCStats.type - Web APIs
Web › API › RTCStats › type
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcstats.type' in that specification.
RTCStats - Web APIs
Web › API › RTCStats
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcstats' in that specification.
RTCStatsIceCandidatePairState - Web APIs
Web › API › RTCStatsIceCandidatePairState
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcstatsicecandidatepairstate' in that specification.
RTCStatsReport - Web APIs
Web › API › RTCStatsReport
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcstatsreport' in that specification.
RTCStatsType - Web APIs
Web › API › RTCStatsType
specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcstatstype' in that specification.
RTCTrackEvent() - Web APIs
Web › API › RTCTrackEvent › RTCTrackEvent
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtctrackevent()' in that specification.
RTCTrackEvent.receiver - Web APIs
Web › API › RTCTrackEvent › receiver
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtctrackevent.receiver' in that specification.
RTCTrackEvent.streams - Web APIs
Web › API › RTCTrackEvent › streams
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtctrackevent.streams' in that specification.
RTCTrackEvent.track - Web APIs
Web › API › RTCTrackEvent › track
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtctrackevent.track' in that specification.
RTCTrackEvent.transceiver - Web APIs
Web › API › RTCTrackEvent › transceiver
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtctrackevent.transceiver' in that specification.
RTCTrackEvent - Web APIs
Web › API › RTCTrackEvent
peerconnection.addeventlistener("track", e => { let videoelement = document.getelementbyid("videobox"); videoelement.srcobject = e.streams[0]; }, false); specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtctrackevent' in that specification.
RTCTrackEventInit.receiver - Web APIs
Web › API › RTCTrackEventInit › receiver
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtctrackeventinit.receiver' in that specification.
RTCTrackEventInit.streams - Web APIs
Web › API › RTCTrackEventInit › streams
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtctrackeventinit.streams' in that specification.
RTCTrackEventInit.track - Web APIs
Web › API › RTCTrackEventInit › track
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtctrackeventinit.track' in that specification.
RTCTrackEventInit.transceiver - Web APIs
Web › API › RTCTrackEventInit › transceiver
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtctrackeventinit.transceiver' in that specification.
RTCTrackEventInit - Web APIs
Web › API › RTCTrackEventInit
specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtctrackeventinit' in that specification.
RadioNodeList.value - Web APIs
Web › API › RadioNodeList › value
example html <form> <label><input type="radio" name="color" value="blue">blue</label> <label><input type="radio" name="color" value="red">red</label> </form> javascript // get the form const form = document.forms[0]; // get the form's radio buttons const radios = form.elements['color']; // choose the "red" option radios.value = 'red'; result specifications specification status comments html living standardthe definition of 'radionodelist.value' in that specification.
RadioNodeList - Web APIs
Web › API › RadioNodeList
specifications specification status comments html living standardthe definition of 'radionodelist' in that specification.
Range() - Web APIs
Web › API › Range › Range
document.queryselectorall('p'); // create new range const range = new range(); // start range at second paragraph range.setstartbefore(paragraphs[1]); // end range at third paragraph range.setendafter(paragraphs[2]); // get window selection const selection = window.getselection(); // add range to window selection selection.addrange(range); result specification specification status comment domthe definition of 'range.range()' in that specification.
Range.cloneContents() - Web APIs
Web › API › Range › cloneContents
syntax documentfragment = range.clonecontents(); example range = document.createrange(); range.selectnode(document.getelementsbytagname("div").item(0)); documentfragment = range.clonecontents(); document.body.appendchild(documentfragment); specifications specification status comment domthe definition of 'range.clonecontents()' in that specification.
Range.cloneRange() - Web APIs
Web › API › Range › cloneRange
syntax clone = range.clonerange(); example range = document.createrange(); range.selectnode(document.getelementsbytagname("div").item(0)); clone = range.clonerange(); specifications specification status comment domthe definition of 'range.clonerange()' in that specification.
Range.collapse() - Web APIs
Web › API › Range › collapse
example var range = document.createrange(); referencenode = document.getelementsbytagname("div").item(0); range.selectnode(referencenode); range.collapse(true); specifications specification status comment domthe definition of 'range.collapse()' in that specification.
Range.collapsed - Web APIs
Web › API › Range › collapsed
syntax iscollapsed = range.collapsed; example let range = document.createrange(); range.setstart(startnode, startoffset); range.setend(endnode, endoffset); iscollapsed = range.collapsed; specifications specification status comment domthe definition of 'range.collapsed' in that specification.
Range.commonAncestorContainer - Web APIs
Web › API › Range › commonAncestorContainer
i < selection.rangecount; i++) { const range = selection.getrangeat(i); playanimation(range.commonancestorcontainer); } } }); function playanimation(el) { if (el.nodetype === node.text_node) { el = el.parentnode; } el.classlist.remove('highlight'); settimeout(() => { el.classlist.add('highlight'); }, 0); } result specifications specification status comment domthe definition of 'range.commonancestorcontainer' in that specification.
Range.compareBoundaryPoints() - Web APIs
Web › API › Range › compareBoundaryPoints
example var range, sourcerange, compare; range = document.createrange(); range.selectnode(document.getelementsbytagname("div")[0]); sourcerange = document.createrange(); sourcerange.selectnode(document.getelementsbytagname("div")[1]); compare = range.compareboundarypoints(range.start_to_end, sourcerange); specifications specification status comment domthe definition of 'range.compareboundarypoints()' in that specification.
Range.comparePoint() - Web APIs
Web › API › Range › comparePoint
example range = document.createrange(); range.selectnode(document.getelementsbytagname('div').item(0)); returnvalue = range.comparepoint(document.getelementsbytagname('p').item(0), 1); specification specification status comment domthe definition of 'range.comparepoint()' in that specification.
Range.createContextualFragment() - Web APIs
Web › API › Range › createContextualFragment
example var tagstring = "<div>i am a div node</div>"; var range = document.createrange(); // make the parent of the first div in the document becomes the context node range.selectnode(document.getelementsbytagname("div").item(0)); var documentfragment = range.createcontextualfragment(tagstring); document.body.appendchild(documentfragment); specification specification status comment dom parsing and serializationthe definition of 'range.createcontextualfragment()' in that specification.
Range.deleteContents() - Web APIs
Web › API › Range › deleteContents
syntax range.deletecontents() example range = document.createrange(); range.selectnode(document.getelementsbytagname("div").item(0)); range.deletecontents(); specifications specification status comment domthe definition of 'range.deletecontents()' in that specification.
Range.detach() - Web APIs
Web › API › Range › detach
syntax range.detach(); example var range = document.createrange(); range.selectnode(document.getelementsbytagname("div").item(0)); range.detach(); specifications specification status comment domthe definition of 'range.detach()' in that specification.
Range.endContainer - Web APIs
Web › API › Range › endContainer
syntax endrangenode = range.endcontainer; example var range = document.createrange(); range.setstart(startnode,startoffset); range.setend(endnode,endoffset); endrangenode = range.endcontainer; specifications specification status comment domthe definition of 'range.endcontainer' in that specification.
Range.endOffset - Web APIs
Web › API › Range › endOffset
syntax endrangeoffset = range.endoffset; example var range = document.createrange(); range.setstart(startnode,startoffset); range.setend(endnode,endoffset); endrangeoffset = range.endoffset; specifications specification status comment domthe definition of 'range.endoffset' in that specification.
Range.extractContents() - Web APIs
Web › API › Range › extractContents
e === list1) { const documentfragment = range.extractcontents(); list2.appendchild(documentfragment); } else if (range.commonancestorcontainer === list2 || range.commonancestorcontainer.parentnode === list2) { const documentfragment = range.extractcontents(); list1.appendchild(documentfragment); } } }); result specifications specification status comment domthe definition of 'range.extractcontents()' in that specification.
Range.getBoundingClientRect() - Web APIs
Web › API › Range › getBoundingClientRect
after(document.getelementsbytagname('b').item(1), 0); const clientrect = range.getboundingclientrect(); const highlight = document.getelementbyid('highlight'); highlight.style.left = `${clientrect.x}px`; highlight.style.top = `${clientrect.y}px`; highlight.style.width = `${clientrect.width}px`; highlight.style.height = `${clientrect.height}px`; result specification specification status comment css object model (cssom) view modulethe definition of 'range.getboundingclientrect()' in that specification.
Range.getClientRects() - Web APIs
Web › API › Range › getClientRects
syntax rectlist = range.getclientrects() example range = document.createrange(); range.selectnode(document.getelementsbytagname("div").item(0)); rectlist = range.getclientrects(); specification specification status comment css object model (cssom) view modulethe definition of 'range.getclientrects()' in that specification.
Range.insertNode() - Web APIs
Web › API › Range › insertNode
example range = document.createrange(); newnode = document.createelement("p"); newnode.appendchild(document.createtextnode("new node inserted here")); range.selectnode(document.getelementsbytagname("div").item(0)); range.insertnode(newnode); specifications specification status comment domthe definition of 'range.insertnode()' in that specification.
Range.intersectsNode() - Web APIs
Web › API › Range › intersectsNode
example var range = document.createrange(); range.selectnode(document.getelementsbytagname("div").item(0)); var bool = range.intersectsnode(document.getelementsbytagname("p").item(0)); specification specification status comment domthe definition of 'range.intersectnode()' in that specification.
Range.isPointInRange() - Web APIs
Web › API › Range › isPointInRange
example range = document.createrange(); range.selectnode(document.getelementsbytagname("div").item(0)); bool = range.ispointinrange(document.getelementsbytagname("p").item(0),1); specification specification status comment domthe definition of 'range.ispointinrange()' in that specification.
Range.selectNode() - Web APIs
Web › API › Range › selectNode
example let range = document.createrange(); let referencenode = document.getelementsbytagname('div').item(0); range.selectnode(referencenode); specifications specification status comment domthe definition of 'range.selectnode()' in that specification.
Range.selectNodeContents() - Web APIs
Web › API › Range › selectNodeContents
current selection const selection = window.getselection(); selection.removeallranges(); // select paragraph const range = document.createrange(); range.selectnodecontents(p); selection.addrange(range); }); deselectbutton.addeventlistener('click', e => { const selection = window.getselection(); selection.removeallranges(); }); result specifications specification status comment domthe definition of 'range.selectnodecontents()' in that specification.
Range.setEnd() - Web APIs
Web › API › Range › setEnd
specifications specification status comment domthe definition of 'range.setend()' in that specification.
Range.setEndAfter() - Web APIs
Web › API › Range › setEndAfter
example var range = document.createrange(); var referencenode = document.getelementsbytagname('div').item(0); range.setendafter(referencenode); specifications specification status comment domthe definition of 'range.setendafter()' in that specification.
Range.setEndBefore() - Web APIs
Web › API › Range › setEndBefore
example var range = document.createrange(); var referencenode = document.getelementsbytagname("div").item(0); range.setendbefore(referencenode); specifications specification status comment domthe definition of 'range.setendbefore()' in that specification.
Range.setStart() - Web APIs
Web › API › Range › setStart
tent">0123456789</p> <p id="log"></p> javascript const element = document.getelementbyid('content'); const textnode = element.childnodes[0]; const range = document.createrange(); range.setstart(textnode, 0); // start at first character range.setend(textnode, 5); // end at fifth character document.getelementbyid('log').textcontent = range; result specifications specification status comment domthe definition of 'range.setstart()' in that specification.
Range.setStartAfter() - Web APIs
Web › API › Range › setStartAfter
example var range = document.createrange(); var referencenode = document.getelementsbytagname("div").item(0); range.setstartafter(referencenode); specifications specification status comment domthe definition of 'range.setstartafter()' in that specification.
Range.setStartBefore() - Web APIs
Web › API › Range › setStartBefore
example var range = document.createrange(); var referencenode = document.getelementsbytagname("div").item(0); range.setstartbefore(referencenode); specifications specification status comment domthe definition of 'range.setstartbefore()' in that specification.
Range.startContainer - Web APIs
Web › API › Range › startContainer
syntax startrangenode = range.startcontainer; example range = document.createrange(); range.setstart(startnode,startoffset); range.setend(endnode,endoffset); startrangenode = range.startcontainer; specifications specification status comment domthe definition of 'range.endcontainer' in that specification.
Range.startOffset - Web APIs
Web › API › Range › startOffset
syntax startrangeoffset = range.startoffset; example var range = document.createrange(); range.setstart(startnode,startoffset); range.setend(endnode,endoffset); var startrangeoffset = range.startoffset; specifications specification status comment domthe definition of 'range.startoffset' in that specification.
Range.surroundContents() - Web APIs
Web › API › Range › surroundContents
example html <span class="header-text">put this in a headline</span> javascript const range = document.createrange(); const newparent = document.createelement('h1'); range.selectnode(document.queryselector('.header-text')); range.surroundcontents(newparent); result specifications specification status comment domthe definition of 'range.surroundcontents()' in that specification.
Range.toString() - Web APIs
Web › API › Range › toString
look at the output below.</p> <p id="log"></p> javascript const range = document.createrange(); range.setstartbefore(document.getelementsbytagname('b').item(0), 0); range.setendafter(document.getelementsbytagname('b').item(1), 0); document.getelementbyid('log').textcontent = range.tostring(); result specifications specification status comment domthe definition of 'range.tostring()' in that specification.
Range - Web APIs
Web › API › Range
specifications specification status comment domthe definition of 'range' in that specification.
ReadableByteStreamController.byobRequest - Web APIs
Web › API › ReadableByteStreamController › byobRequest
specifications specification status comment streamsthe definition of 'byobrequest' in that specification.
ReadableByteStreamController.close() - Web APIs
Web › API › ReadableByteStreamController › close
specifications specification status comment streamsthe definition of 'close()' in that specification.
ReadableByteStreamController.desiredSize - Web APIs
Web › API › ReadableByteStreamController › desiredSize
specifications specification status comment streamsthe definition of 'desiredsize' in that specification.
ReadableByteStreamController.enqueue() - Web APIs
Web › API › ReadableByteStreamController › enqueue
specifications specification status comment streamsthe definition of 'enqueue()' in that specification.
ReadableByteStreamController.error() - Web APIs
Web › API › ReadableByteStreamController › error
specifications specification status comment streamsthe definition of 'error()' in that specification.
ReadableByteStreamController - Web APIs
Web › API › ReadableByteStreamController
specifications specification status comment streamsthe definition of 'readablebytestreamcontroller' in that specification.
ReadableStream.ReadableStream() - Web APIs
Web › API › ReadableStream › ReadableStream
button.addeventlistener('click', function() { clearinterval(interval); fetchstream(); controller.close(); }) }, pull(controller) { // we don't really need a pull in this example }, cancel() { // this is called if the reader cancels, // so we should stop generating strings clearinterval(interval); } }); specifications specification status comment streamsthe definition of 'readablestream()' in that specification.
ReadableStream.cancel() - Web APIs
Web › API › ReadableStream › cancel
does the response lack cors headers?"); throw err; }); specifications specification status comment streamsthe definition of 'cancel()' in that specification.
ReadableStream.getReader() - Web APIs
Web › API › ReadableStream › getReader
current chunk = ' + chunk; list2.appendchild(listitem); result += chunk; // read some more, and call this function again return reader.read().then(processtext); }); } specifications specification status comment streamsthe definition of 'getreader()' in that specification.
ReadableStream.locked - Web APIs
Web › API › ReadableStream › locked
}); const reader = stream.getreader(); stream.locked // should return true, as the stream has been locked to a reader specifications specification status comment streamsthe definition of 'locked' in that specification.
ReadableStream.pipeThrough() - Web APIs
Web › API › ReadableStream › pipeThrough
// fetch the original image fetch('png-logo.png') // retrieve its body as readablestream .then(response => response.body) .then(rs => logreadablestream('fetch response stream', rs)) // create a gray-scaled png stream out of the original .then(body => body.pipethrough(new pngtransformstream())) .then(rs => logreadablestream('png chunk stream', rs)) specifications specification status comment streamsthe definition of 'pipethrough()' in that specification.
ReadableStream.pipeTo() - Web APIs
Web › API › ReadableStream › pipeTo
examples // fetch the original image fetch('png-logo.png') // retrieve its body as readablestream .then(response => response.body) .then(body => body.pipethrough(new pngtransformstream())) .then(rs => rs.pipeto(new finaldestinationstream())) specifications specification status comment streamsthe definition of 'pipeto()' in that specification.
ReadableStream.tee() - Web APIs
Web › API › ReadableStream › tee
current chunk = ' + chunk; list.appendchild(listitem); // read some more, and call this function again return reader.read().then(processtext); }); } specifications specification status comment streamsthe definition of 'tee()' in that specification.
ReadableStream - Web APIs
Web › API › ReadableStream
at we have finished sending data controller.close(); return; } // get the data and send it to the browser via the controller controller.enqueue(value); push(); }); }; push(); } }); return new response(stream, { headers: { "content-type": "text/html" } }); }); specifications specification status comment streamsthe definition of 'readablestream' in that specification.
ReadableStreamBYOBReader.ReadableStreamBYOBReader() - Web APIs
Web › API › ReadableStreamBYOBReader › ReadableStreamBYOBReader
examples tbd specifications specification status comment streamsthe definition of 'readablestreambyobreader()' in that specification.
ReadableStreamBYOBReader.cancel() - Web APIs
Web › API › ReadableStreamBYOBReader › cancel
specifications specification status comment streamsthe definition of 'cancel()' in that specification.
ReadableStreamBYOBReader.closed - Web APIs
Web › API › ReadableStreamBYOBReader › closed
specifications specification status comment streamsthe definition of 'closed' in that specification.
ReadableStreamBYOBReader.read() - Web APIs
Web › API › ReadableStreamBYOBReader › read
specifications specification status comment streamsthe definition of 'read()' in that specification.
ReadableStreamBYOBReader.releaseLock() - Web APIs
Web › API › ReadableStreamBYOBReader › releaseLock
specifications specification status comment streamsthe definition of 'releaselock()' in that specification.
ReadableStreamBYOBReader - Web APIs
Web › API › ReadableStreamBYOBReader
specifications specification status comment streamsthe definition of 'readablestreambyobreader' in that specification.
ReadableStreamBYOBRequest.respond() - Web APIs
Web › API › ReadableStreamBYOBRequest › respond
specifications specification status comment streamsthe definition of 'respond()' in that specification.
ReadableStreamBYOBRequest.respondWithNewView() - Web APIs
Web › API › ReadableStreamBYOBRequest › respondWithNewView
specifications specification status comment streamsthe definition of 'respondwithnewview()' in that specification.
ReadableStreamBYOBRequest.view - Web APIs
Web › API › ReadableStreamBYOBRequest › view
specifications specification status comment streamsthe definition of 'view' in that specification.
ReadableStreamBYOBRequest - Web APIs
Web › API › ReadableStreamBYOBRequest
specifications specification status comment streamsthe definition of 'readablestreambyobrequest' in that specification.
ReadableStreamDefaultController.close() - Web APIs
Web › API › ReadableStreamDefaultController › close
button.addeventlistener('click', function() { clearinterval(interval); fetchstream(); controller.close(); }) }, pull(controller) { // we don't really need a pull in this example }, cancel() { // this is called if the reader cancels, // so we should stop generating strings clearinterval(interval); } }); specifications specification status comment streamsthe definition of 'close()' in that specification.
ReadableStreamDefaultController.desiredSize - Web APIs
Web › API › ReadableStreamDefaultController › desiredSize
specifications specification status comment streamsthe definition of 'desiredsize' in that specification.
ReadableStreamDefaultController.enqueue() - Web APIs
Web › API › ReadableStreamDefaultController › enqueue
button.addeventlistener('click', function() { clearinterval(interval); fetchstream(); controller.close(); }) }, pull(controller) { // we don't really need a pull in this example }, cancel() { // this is called if the reader cancels, // so we should stop generating strings clearinterval(interval); } }); specifications specification status comment streamsthe definition of 'enqueue()' in that specification.
ReadableStreamDefaultController.error() - Web APIs
Web › API › ReadableStreamDefaultController › error
specifications specification status comment streamsthe definition of 'error()' in that specification.
ReadableStreamDefaultController - Web APIs
Web › API › ReadableStreamDefaultController
button.addeventlistener('click', function() { clearinterval(interval); fetchstream(); controller.close(); }) }, pull(controller) { // we don't really need a pull in this example }, cancel() { // this is called if the reader cancels, // so we should stop generating strings clearinterval(interval); } }); specifications specification status comment streamsthe definition of 'readablestreamdefaultcontroller' in that specification.
ReadableStreamDefaultReader.ReadableStreamDefaultReader() - Web APIs
Web › API › ReadableStreamDefaultReader › ReadableStreamDefaultReader
current chunk = ' + chunk; list2.appendchild(listitem); result += chunk; // read some more, and call this function again return reader.read().then(processtext); }); } specifications specification status comment streamsthe definition of 'readablestreamdefaultreader()' in that specification.
ReadableStreamDefaultReader.cancel() - Web APIs
Web › API › ReadableStreamDefaultReader › cancel
current chunk = ' + chunk; list2.appendchild(listitem); result += chunk; // read some more, and call this function again return reader.read().then(processtext); }); } specifications specification status comment streamsthe definition of 'cancel()' in that specification.
ReadableStreamDefaultReader.closed - Web APIs
Web › API › ReadableStreamDefaultReader › closed
reader.closed.then(() => { console.log('reader closed'); }) specifications specification status comment streamsthe definition of 'closed' in that specification.
ReadableStreamDefaultReader.read() - Web APIs
Web › API › ReadableStreamDefaultReader › read
startindex = re.lastindex = 0; continue; } yield chunk.substring(startindex, result.index); startindex = re.lastindex; } if (startindex < chunk.length) { // last line didn't end in a newline char yield chunk.substr(startindex); } } for await (let line of maketextfilelineiterator(urloffile)) { processline(line); } specifications specification status comment streamsthe definition of 'read()' in that specification.
ReadableStreamDefaultReader.releaseLock() - Web APIs
Web › API › ReadableStreamDefaultReader › releaseLock
} specifications specification status comment streamsthe definition of 'releaselock()' in that specification.
ReadableStreamDefaultReader - Web APIs
Web › API › ReadableStreamDefaultReader
at we have finished sending data controller.close(); return; } // get the data and send it to the browser via the controller controller.enqueue(value); push(); }); }; push(); } }); return new response(stream, { headers: { "content-type": "text/html" } }); }); specifications specification status comment streamsthe definition of 'readablestreamdefaultreader' in that specification.
RelativeOrientationSensor.RelativeOrientationSensor() - Web APIs
Web › API › RelativeOrientationSensor › RelativeOrientationSensor
specifications specification status comment orientation sensorthe definition of 'relativeorientationsensor()' in that specification.
RelativeOrientationSensor - Web APIs
Web › API › RelativeOrientationSensor
} else { console.log("no permissions to use relativeorientationsensor."); } }); specifications specification status comment orientation sensorthe definition of 'relativeorientationsensor' in that specification.
RenderingContext - Web APIs
Web › API › RenderingContext
specifications specification status comment html living standardthe definition of 'renderingcontext' in that specification.
Report.body - Web APIs
Web › API › Report › body
a deprecationreportbody object console.log(firstreport.body); }, options); specifications specification status comment reporting apithe definition of 'report.body' in that specification.
Report.type - Web APIs
Web › API › Report › type
"deprecation" console.log(firstreport.type); }, options); specifications specification status comment reporting apithe definition of 'report.body' in that specification.
Report.url - Web APIs
Web › API › Report › url
"https://www.example.com/cats.html" console.log(firstreport.url); }, options); specifications specification status comment reporting apithe definition of 'report.url' in that specification.
Report - Web APIs
Web › API › Report
specifications specification status comment reporting apithe definition of 'report' in that specification.
ReportingObserver() - Web APIs
Web › API › ReportingObserver › ReportingObserver
examples let options = { types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); specifications specification status comment reporting apithe definition of 'reportingobserver()' in that specification.
ReportingObserver.disconnect() - Web APIs
Web › API › ReportingObserver › disconnect
observer.disconnect() specifications specification status comment reporting apithe definition of 'reportingobserver.disconnect()' in that specification.
ReportingObserver.observe() - Web APIs
Web › API › ReportingObserver › observe
syntax reportingobserverinstance.observe() examples let options = { types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); observer.observe() specifications specification status comment reporting apithe definition of 'reportingobserver.observe()' in that specification.
ReportingObserver.takeRecords() - Web APIs
Web › API › ReportingObserver › takeRecords
let records = observer.takerecords(); console.log(records); specifications specification status comment reporting apithe definition of 'reportingobserver.takerecords()' in that specification.
ReportingObserver - Web APIs
Web › API › ReportingObserver
specifications specification status comment reporting apithe definition of 'reportingobserver' in that specification.
ReportingObserverOptions - Web APIs
Web › API › ReportingObserverOptions
examples let options = { types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); specifications specification status comment reporting apithe definition of 'reportingobserveroptions' in that specification.
Reporting API - Web APIs
Web › API › Reporting API
specifications specification status comment reporting api spec ...
Request() - Web APIs
Web › API › Request › Request
specifications specification status comment fetchthe definition of 'request()' in that specification.
Request.clone() - Web APIs
Web › API › Request › clone
var myrequest = new request('flowers.jpg'); var newrequest = myrequest.clone(); // a copy of the request is now stored in newrequest specifications specification status comment fetchthe definition of 'clone' in that specification.
Request.credentials - Web APIs
Web › API › Request › credentials
example in the following snippet, we create a new request using the request.request() constructor (for an image file in the same directory as the script), then save the request credentials in a variable: var myrequest = new request('flowers.jpg'); var mycred = myrequest.credentials; // returns "same-origin" by default specifications specification status comment fetchthe definition of 'credentials' in that specification.
Request.destination - Web APIs
Web › API › Request › destination
example in the following snippet, we create a new request using the request() constructor (for an image file in the same directory as the script), then save the request's destination: var myrequest = new request('flowers.jpg'); var mydestination = myrequest.destination; // returns the empty string by default specifications specification status comment fetchthe definition of 'destination' in that specification.
Request.headers - Web APIs
Web › API › Request › headers
t parameter, passing headers in as an init option: var myheaders = new headers(); myheaders.append('content-type', 'image/jpeg'); var myinit = { method: 'get', headers: myheaders, mode: 'cors', cache: 'default' }; var myrequest = new request('flowers.jpg', myinit); mycontenttype = myrequest.headers.get('content-type'); // returns 'image/jpeg' specifications specification status comment fetchthe definition of 'headers' in that specification.
Request.integrity - Web APIs
Web › API › Request › integrity
example in the following snippet, we create a new request using the request.request() constructor (for an image file in the same directory as the script), then save the request integrity value in a variable: var myrequest = new request('flowers.jpg'); var myintegrity = myrequest.integrity; specifications specification status comment fetchthe definition of 'integrity' in that specification.
Request.method - Web APIs
Web › API › Request › method
example in the following snippet, we create a new request using the request.request() constructor (for an image file in the same directory as the script), then save the method of the request in a variable: var myrequest = new request('flowers.jpg'); var mymethod = myrequest.method; // get specifications specification status comment fetchthe definition of 'method' in that specification.
Request.mode - Web APIs
Web › API › Request › mode
example in the following snippet, we create a new request using the request.request() constructor (for an image file in the same directory as the script), then save the request mode in a variable: var myrequest = new request('flowers.jpg'); var mymode = myrequest.mode; // returns "cors" by default specifications specification status comment fetchthe definition of 'mode' in that specification.
Request.redirect - Web APIs
Web › API › Request › redirect
example in the following snippet, we create a new request using the request.request() constructor (for an image file in the same directory as the script), then save the request redirect value in a variable: var myrequest = new request('flowers.jpg'); var mycred = myrequest.redirect; specifications specification status comment fetchthe definition of 'redirect' in that specification.
Request.referrer - Web APIs
Web › API › Request › referrer
example in the following snippet, we create a new request using the request.request() constructor (for an image file in the same directory as the script), then save the request referrer in a variable: var myrequest = new request('flowers.jpg'); var myreferrer = myrequest.referrer; // returns "about:client" by default specifications specification status comment fetchthe definition of 'referrer' in that specification.
Request.referrerPolicy - Web APIs
Web › API › Request › referrerPolicy
example in the following snippet, we create a new request using the request.request() constructor (for an image file in the same directory as the script), then save the request referrer policy in a variable: var myrequest = new request('flowers.jpg'); var myreferrer = myrequest.referrerpolicy; // returns "" by default specifications specification status comment fetchthe definition of 'referrerpolicy' in that specification.
Request.url - Web APIs
Web › API › Request › url
example in the following snippet, we create a new request using the request.request() constructor (for an image file in the same directory as the script), then save the url of the request in a variable: var myrequest = new request('flowers.jpg'); var myurl = myrequest.url; // "http://mdn.github.io/fetch-examples/fetch-request/flowers.jpg" specifications specification status comment fetchthe definition of 'url' in that specification.
RequestDestination - Web APIs
Web › API › RequestDestination
specifications specification status comment fetchthe definition of 'requestdestination' in that specification.
ResizeObserver() - Web APIs
Web › API › ResizeObserver › ResizeObserver
, entry.contentboxsize.inlinesize/200) + 'rem'; pelem.style.fontsize = math.max(1, entry.contentboxsize.inlinesize/600) + 'rem'; } else { h1elem.style.fontsize = math.max(1.5, entry.contentrect.width/200) + 'rem'; pelem.style.fontsize = math.max(1, entry.contentrect.width/600) + 'rem'; } } }); resizeobserver.observe(divelem); specifications specification status comment resize observerthe definition of 'resizeobserver' in that specification.
ResizeObserver.disconnect() - Web APIs
Web › API › ResizeObserver › disconnect
examples btn.addeventlistener('click', () => { resizeobserver.disconnect(); }) specifications specification status comment resize observerthe definition of 'disconnect()' in that specification.
ResizeObserver.observe() - Web APIs
Web › API › ResizeObserver › observe
/600) + 'rem'; } else { h1elem.style.fontsize = math.max(1.5, entry.contentrect.width/200) + 'rem'; pelem.style.fontsize = math.max(1, entry.contentrect.width/600) + 'rem'; } } }); resizeobserver.observe(divelem); an observe() call with an options object would look like so: resizeobserver.observe(divelem, { box : 'border-box' }); specifications specification status comment resize observerthe definition of 'observe()' in that specification.
ResizeObserver.unobserve() - Web APIs
Web › API › ResizeObserver › unobserve
.fontsize = math.max(1.5, entry.contentrect.width/200) + 'rem'; pelem.style.fontsize = math.max(1, entry.contentrect.width/600) + 'rem'; } } }); resizeobserver.observe(divelem); checkbox.addeventlistener('change', () => { if(checkbox.checked) { resizeobserver.observe(divelem); } else { resizeobserver.unobserve(divelem); } }); specifications specification status comment resize observerthe definition of 'unobserve()' in that specification.
ResizeObserver - Web APIs
Web › API › ResizeObserver
size = math.max(1.5, entry.contentrect.width / 200) + 'rem'; pelem.style.fontsize = math.max(1, entry.contentrect.width / 600) + 'rem'; } } }); resizeobserver.observe(divelem); checkbox.addeventlistener('change', () => { if (checkbox.checked) { resizeobserver.observe(divelem); } else { resizeobserver.unobserve(divelem); } }); specifications specification status comment resize observerthe definition of 'resizeobserver' in that specification.
ResizeObserverEntry.borderBoxSize - Web APIs
Web › API › ResizeObserverEntry › borderBoxSize
(entry.borderboxsize[0].blocksize/10)) + 'px'; } else { entry.target.style.borderradius = math.min(100, (entry.contentrect.width/10) + (entry.contentrect.height/10)) + 'px'; } } }); resizeobserver.observe(document.queryselector('div')); specifications specification status comment resize observerthe definition of 'target' in that specification.
ResizeObserverEntry.contentBoxSize - Web APIs
Web › API › ResizeObserverEntry › contentBoxSize
(entry.contentboxsize.blocksize/10)) + 'px'; } else { entry.target.style.borderradius = math.min(100, (entry.contentrect.width/10) + (entry.contentrect.height/10)) + 'px'; } } }); resizeobserver.observe(document.queryselector('div')); specifications specification status comment resize observerthe definition of 'target' in that specification.
ResizeObserverEntry.contentRect - Web APIs
Web › API › ResizeObserverEntry › contentRect
, entry.contentboxsize.inlinesize/200) + 'rem'; pelem.style.fontsize = math.max(1, entry.contentboxsize.inlinesize/600) + 'rem'; } else { h1elem.style.fontsize = math.max(1.5, entry.contentrect.width/200) + 'rem'; pelem.style.fontsize = math.max(1, entry.contentrect.width/600) + 'rem'; } } }); resizeobserver.observe(divelem); specifications specification status comment resize observerthe definition of 'contentrect' in that specification.
ResizeObserverEntry.target - Web APIs
Web › API › ResizeObserverEntry › target
(entry.contentboxsize.blocksize/10)) + 'px'; } else { entry.target.style.borderradius = math.min(100, (entry.contentrect.width/10) + (entry.contentrect.height/10)) + 'px'; } } }); resizeobserver.observe(document.queryselector('div')); specifications specification status comment resize observerthe definition of 'target' in that specification.
ResizeObserverEntry - Web APIs
Web › API › ResizeObserverEntry
, entry.contentboxsize.inlinesize/200) + 'rem'; pelem.style.fontsize = math.max(1, entry.contentboxsize.inlinesize/600) + 'rem'; } else { h1elem.style.fontsize = math.max(1.5, entry.contentrect.width/200) + 'rem'; pelem.style.fontsize = math.max(1, entry.contentrect.width/600) + 'rem'; } } }); resizeobserver.observe(divelem); specifications specification status comment resize observerthe definition of 'resizeobserverentry' in that specification.
Resize Observer API - Web APIs
Web › API › Resize Observer API
(entry.contentboxsize.blocksize/10)) + 'px'; } else { entry.target.style.borderradius = math.min(100, (entry.contentrect.width/10) + (entry.contentrect.height/10)) + 'px'; } } }); resizeobserver.observe(document.queryselector('div')); specifications specification status comment resize observer editor's draft initial definition.
Resource Timing API - Web APIs
Web › API › Resource Timing API
implementation status as shown in the performanceresourcetiming interface's browser compatibility table, most of these interfaces are broadly implemented by desktop browsers.
Response.clone() - Web APIs
Web › API › Response › clone
est('flowers.jpg'); fetch(myrequest).then(function(response) { var response2 = response.clone(); response.blob().then(function(myblob) { var objecturl = url.createobjecturl(myblob); image1.src = objecturl; }); response2.blob().then(function(myblob) { var objecturl = url.createobjecturl(myblob); image2.src = objecturl; }); }); specifications specification status comment fetchthe definition of 'clone()' in that specification.
Response.error() - Web APIs
Web › API › Response › error
specifications specification status comment fetchthe definition of 'error()' in that specification.
Response.headers - Web APIs
Web › API › Response › headers
var myimage = document.queryselector('img'); var myrequest = new request('flowers.jpg'); fetch(myrequest).then(function(response) { console.log(response.headers); // returns a headers{} object response.blob().then(function(myblob) { var objecturl = url.createobjecturl(myblob); myimage.src = objecturl; }); }); specifications specification status comment fetchthe definition of 'headers' in that specification.
Response.redirected - Web APIs
Web › API › Response › redirected
ould instead set the redirect mode to "error" in the init parameter when calling fetch(), like this: fetch("awesome-picture.jpg", { redirect: "error" }).then(function(response) { return response.blob(); }).then(function(imageblob) { let imgobjecturl = url.createobjecturl(imageblob); document.getelementbyid("img-element-id").src = imgobjecturl; }); specifications specification status comment fetchthe definition of 'redirected' in that specification.
Response.url - Web APIs
Web › API › Response › url
var myimage = document.queryselector('img'); var myrequest = new request('flowers.jpg'); fetch(myrequest).then(function(response) { console.log(response.url); // returns /docs/web/api/response/flowers.jpg response.blob().then(function(myblob) { var objecturl = url.createobjecturl(myblob); myimage.src = objecturl; }); }); specifications specification status comment fetchthe definition of 'url' in that specification.
RsaHashedImportParams - Web APIs
Web › API › RsaHashedImportParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.rsahashedimportparams' in that specification.
RsaHashedKeyGenParams - Web APIs
Web › API › RsaHashedKeyGenParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.rsahashedkeygenparams' in that specification.
RsaOaepParams - Web APIs
Web › API › RsaOaepParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.rsaoaepparams' in that specification.
RsaPssParams - Web APIs
Web › API › RsaPssParams
specifications specification status comment web cryptography apithe definition of 'subtlecrypto.rsapssparams' in that specification.
SVGAElement.target - Web APIs
Web › API › SVGAElement › target
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'target' in that specification.
SVGAElement - Web APIs
Web › API › SVGAElement
not _blank"); } } specifications specification status comment scalable vector graphics (svg) 2 candidate recommendation replaced inheritance from svgelement by svggraphicselement and removed the interface implementations of svgtests, svglangspace, svgexternalresourcesrequired, svgstylable, and svgtransformable by htmlhyperlinkelementutils scalable vector graphics (svg) 1.1 (second edition) recommendation initial ...
SVGAltGlyphDefElement - Web APIs
Web › API › SVGAltGlyphDefElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgaltglyphdefelement' in that specification.
format - Web APIs
Web › API › SVGAltGlyphElement › format
mbedded opentype .eot type-1 postscript™ type 1 .pfb, .pfa truetype truetype .ttf opentype opentype, including truetype open .ttf truetype-gx truetype with gx extensions - speedo speedo - intellifont intellifont - example myglyph.format = "truedoc-pfr"; specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'format' in that specification.
SVGAltGlyphElement.glyphRef - Web APIs
Web › API › SVGAltGlyphElement › glyphRef
example myglyph.glypref = "#glyphid"; specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'glyphref' in that specification.
SVGAltGlyphElement - Web APIs
Web › API › SVGAltGlyphElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgaltglyphelement' in that specification.
SVGAltGlyphItemElement - Web APIs
Web › API › SVGAltGlyphItemElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgaltglyphitemelement' in that specification.
SVGAngle - Web APIs
Web › API › SVGAngle
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgelement' in that specification.
SVGAnimateColorElement - Web APIs
Web › API › SVGAnimateColorElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svganimatecolorelement' in that specification.
SVGAnimateElement - Web APIs
Web › API › SVGAnimateElement
specifications specification status comment svg animations level 2the definition of 'svganimateelement' in that specification.
SVGAnimateMotionElement - Web APIs
Web › API › SVGAnimateMotionElement
specifications specification status comment svg animations level 2the definition of 'svganimatemotionelement' in that specification.
SVGAnimateTransformElement - Web APIs
Web › API › SVGAnimateTransformElement
specifications specification status comment svg animations level 2the definition of 'svganimatetransformelement' in that specification.
SVGAnimatedString.animVal - Web APIs
Web › API › SVGAnimatedString › animVal
syntax var = object.animval specifications specification status comment scalable vector graphics (svg) 1.1 (second edition) recommendation scalable vector graphics (svg) 2 candidate recommendation browser compatibility the compatibility table on this page is generated from structured data.
SVGAnimatedString.baseVal - Web APIs
Web › API › SVGAnimatedString › baseVal
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition) recommendation scalable vector graphics (svg) 2 candidate recommendation browser compatibility the compatibility table on this page is generated from structured data.
SVGAnimatedString - Web APIs
Web › API › SVGAnimatedString
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition) recommendation scalable vector graphics (svg) 2 candidate recommendation browser compatibility the compatibility table on this page is generated from structured data.
SVGAnimationElement: beginEvent event - Web APIs
Web › API › SVGAnimationElement › beginEvent event
vent fired'; if(e.detail) { msg += '; repeat number: ' + e.detail; } listitem.textcontent = msg; list.appendchild(listitem); }) event handler property equivalent note that you can also create an event listener for the begin event using the onbegin event handler property: animateelem.onbegin = () => { console.log('beginevent fired'); } specifications specification status comment scalable vector graphics (svg) 2the definition of 'beginevent' in that specification.
SVGAnimationElement: endEvent event - Web APIs
Web › API › SVGAnimationElement › endEvent event
g; list.appendchild(listitem); }) btn.addeventlistener('click', () => { btn.disabled = true; animateelem.setattribute('repeatcount', '1'); }) event handler property equivalent note that you can also create an event listener for the end event using the onend event handler property: animateelem.onend = () => { console.log('endevent fired'); } specifications specification status comment scalable vector graphics (svg) 2the definition of 'endevent' in that specification.
SVGAnimationElement.onbegin - Web APIs
Web › API › SVGAnimationElement › onbegin
syntax var begineventhandler = someelement.onbegin; specifications specification status comment svg animations level 2the definition of 'svganimationelement.onbegin' in that specification.
SVGAnimationElement.onend - Web APIs
Web › API › SVGAnimationElement › onend
syntax var endeventhandler = someelement.onend; specifications specification status comment svg animations level 2the definition of 'svganimationelement.onend' in that specification.
SVGAnimationElement.onrepeat - Web APIs
Web › API › SVGAnimationElement › onrepeat
syntax var repeateventhandler = someelement.onrepeat; specifications specification status comment svg animations level 2the definition of 'svganimationelement.onrepeat' in that specification.
SVGAnimationElement: repeatEvent event - Web APIs
Web › API › SVGAnimationElement › repeatEvent event
fired'; if(e.detail) { msg += '; repeat number: ' + e.detail; } listitem.textcontent = msg; list.appendchild(listitem); }) event handler property equivalent note that you can also create an event listener for the repeat event using the onrepeat event handler property: animateelem.onrepeat = () => { console.log('repeatevent fired'); } specifications specification status comment scalable vector graphics (svg) 2the definition of 'repeatevent' in that specification.
targetElement - Web APIs
Web › API › SVGAnimationElement › targetElement
syntax var targetelement = someelement.targetelement; specifications specification status comment svg animations level 2the definition of 'svganimationelement.targetelement' in that specification.
SVGAnimationElement - Web APIs
Web › API › SVGAnimationElement
specifications specification status comment svg animations level 2the definition of 'svganimationelement' in that specification.
cx - Web APIs
Web › API › SVGCircleElement › cx
example svg <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" width="200" height="200"> <circle cx="50" cy="50" r="50" fill="gold" id="circle"/> </svg> javascript const circle = document.getelementbyid('circle'); console.log(circle.cx); specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgcircleelement.cx' in that specification.
cy - Web APIs
Web › API › SVGCircleElement › cy
example svg <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" width="200" height="200"> <circle cy="50" cy="50" r="50" fill="gold" id="circle"/> </svg> javascript const circle = document.getelementbyid('circle'); console.log(circle.cy); specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgcircleelement.cy' in that specification.
r - Web APIs
Web › API › SVGCircleElement › r
example svg <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" width="200" height="200"> <circle r="50" r="50" r="50" fill="gold" id="circle"/> </svg> javascript const circle = document.getelementbyid('circle'); console.log(circle.r); specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgcircleelement.r' in that specification.
SVGCircleElement - Web APIs
Web › API › SVGCircleElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgcircleelement' in that specification.
SVGClipPathElement - Web APIs
Web › API › SVGClipPathElement
specifications specification status comment css masking module level 1the definition of 'svgclippathelement' in that specification.
SVGColorProfileElement - Web APIs
Web › API › SVGColorProfileElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgcolorprofileelement' in that specification.
SVGComponentTransferFunctionElement - Web APIs
Web › API › SVGComponentTransferFunctionElement
specifications specification status comment filter effects module level 1the definition of 'svgcomponenttransferfunctionelement' in that specification.
SVGCursorElement - Web APIs
Web › API › SVGCursorElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgcursorelement' in that specification.
SVGDefsElement - Web APIs
Web › API › SVGDefsElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgdefselement' in that specification.
SVGDescElement - Web APIs
Web › API › SVGDescElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgdescelement' in that specification.
SVGElement: error event - Web APIs
Web › API › SVGElement › error event
bubbles yes cancelable no interface svgevent event handler property onerror examples svgelem.addeventlistener('error', () => { console.log('svg not loaded properly.'); }) specifications specification status comment scalable vector graphics (svg) 2the definition of 'error' in that specification.
SVGElement: load event - Web APIs
Web › API › SVGElement › load event
bubbles no cancelable no interface svgevent event handler property onload examples svgelem.addeventlistener('load', () => { console.log('svg loaded.'); }) specifications specification status comment scalable vector graphics (svg) 2the definition of 'load' in that specification.
SVGElement: resize event - Web APIs
Web › API › SVGElement › resize event
bubbles no cancelable no interface svgevent event handler property onresize examples svgelem.addeventlistener('resize', () => { console.log('svg resized.'); }) specifications specification status comment scalable vector graphics (svg) 2the definition of 'event changes in svg2' in that specification.
SVGElement: scroll event - Web APIs
Web › API › SVGElement › scroll event
bubbles no cancelable no interface svgevent event handler property onscroll examples svgelem.addeventlistener('scroll', () => { console.log('svg scrolled.'); }) specifications specification status comment scalable vector graphics (svg) 2the definition of 'event changes in svg2' in that specification.
SVGElement: unload event - Web APIs
Web › API › SVGElement › unload event
bubbles no cancelable no interface svgevent event handler property onunload examples svgelem.addeventlistener('unload', () => { console.log('svg unloaded.'); }) specifications specification status comment scalable vector graphics (svg) 2the definition of 'unload' in that specification.
SVGElement - Web APIs
Web › API › SVGElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgelement' in that specification.
SVGEllipseElement - Web APIs
Web › API › SVGEllipseElement
"ellipse" onclick="outputsize();"/> </svg> javascript content function outputsize() { var ellipse = document.getelementbyid("ellipse"); // outputs "horizontal radius: 100 vertical radius: 60" console.log( 'horizontal radius: ' + ellipse.rx.baseval.valueasstring, 'vertical radius: ' + ellipse.ry.baseval.valueasstring ) } result specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgellipseelement' in that specification.
SVGExternalResourcesRequired - Web APIs
Web › API › SVGExternalResourcesRequired
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgexternalresourcesrequired' in that specification.
SVGFEBlendElement - Web APIs
Web › API › SVGFEBlendElement
specifications specification status comment filter effects module level 1the definition of 'svgfeblendelement' in that specification.
SVGFEColorMatrixElement - Web APIs
Web › API › SVGFEColorMatrixElement
specifications specification status comment filter effects module level 1the definition of 'svgfecolormatrixelement' in that specification.
SVGFEComponentTransferElement - Web APIs
Web › API › SVGFEComponentTransferElement
specifications specification status comment filter effects module level 1the definition of 'svgfecomponenttransferelement' in that specification.
SVGFECompositeElement - Web APIs
Web › API › SVGFECompositeElement
specifications specification status comment filter effects module level 1the definition of 'svgfecompositeelement' in that specification.
SVGFEConvolveMatrixElement - Web APIs
Web › API › SVGFEConvolveMatrixElement
specifications specification status comment filter effects module level 1the definition of 'svgfeconvolvematrixelement' in that specification.
SVGFEDiffuseLightingElement - Web APIs
Web › API › SVGFEDiffuseLightingElement
specifications specification status comment filter effects module level 1the definition of 'svgfediffuselightingelement' in that specification.
SVGFEDisplacementMapElement - Web APIs
Web › API › SVGFEDisplacementMapElement
specifications specification status comment filter effects module level 1the definition of 'svgfedisplacementmapelement' in that specification.
SVGFEDistantLightElement - Web APIs
Web › API › SVGFEDistantLightElement
specifications specification status comment filter effects module level 1the definition of 'svgfedistantlightelement' in that specification.
SVGFEDropShadowElement - Web APIs
Web › API › SVGFEDropShadowElement
specifications specification status comment filter effects module level 1the definition of 'svgfedropshadowelement' in that specification.
SVGFEFloodElement - Web APIs
Web › API › SVGFEFloodElement
specifications specification status comment filter effects module level 1the definition of 'svgfefloodelement' in that specification.
SVGFEFuncAElement - Web APIs
Web › API › SVGFEFuncAElement
specifications specification status comment filter effects module level 1the definition of 'svgfefuncaelement' in that specification.
SVGFEFuncBElement - Web APIs
Web › API › SVGFEFuncBElement
specifications specification status comment filter effects module level 1the definition of 'svgfefuncbelement' in that specification.
SVGFEFuncGElement - Web APIs
Web › API › SVGFEFuncGElement
specifications specification status comment filter effects module level 1the definition of 'svgfefuncgelement' in that specification.
SVGFEFuncRElement - Web APIs
Web › API › SVGFEFuncRElement
specifications specification status comment filter effects module level 1the definition of 'svgfefuncrelement' in that specification.
SVGFEGaussianBlurElement - Web APIs
Web › API › SVGFEGaussianBlurElement
specifications specification status comment filter effects module level 1the definition of 'svgfegaussianblurelement' in that specification.
SVGFEImageElement - Web APIs
Web › API › SVGFEImageElement
specifications specification status comment filter effects module level 1the definition of 'svgfeimageelement' in that specification.
SVGFEMergeElement - Web APIs
Web › API › SVGFEMergeElement
specifications specification status comment filter effects module level 1the definition of 'svgfemergeelement' in that specification.
SVGFEMergeNodeElement - Web APIs
Web › API › SVGFEMergeNodeElement
specifications specification status comment filter effects module level 1the definition of 'svgfemergenodeelement' in that specification.
SVGFEMorphologyElement - Web APIs
Web › API › SVGFEMorphologyElement
specifications specification status comment filter effects module level 1the definition of 'svgfemorphologyelement' in that specification.
SVGFEOffsetElement - Web APIs
Web › API › SVGFEOffsetElement
specifications specification status comment filter effects module level 1the definition of 'svgfeoffsetelement' in that specification.
SVGFEPointLightElement - Web APIs
Web › API › SVGFEPointLightElement
specifications specification status comment filter effects module level 1the definition of 'svgfepointlightelement' in that specification.
SVGFESpecularLightingElement - Web APIs
Web › API › SVGFESpecularLightingElement
specifications specification status comment filter effects module level 1the definition of 'svgfespecularlightingelement' in that specification.
SVGFESpotLightElement - Web APIs
Web › API › SVGFESpotLightElement
specifications specification status comment filter effects module level 1the definition of 'svgfespotlightelement' in that specification.
SVGFETileElement - Web APIs
Web › API › SVGFETileElement
specifications specification status comment filter effects module level 1the definition of 'svgfetileelement' in that specification.
SVGFETurbulenceElement - Web APIs
Web › API › SVGFETurbulenceElement
specifications specification status comment filter effects module level 1the definition of 'svgfeturbulenceelement' in that specification.
SVGFilterElement - Web APIs
Web › API › SVGFilterElement
specifications specification status comment filter effects module level 1the definition of 'svgfilterelement' in that specification.
SVGFilterPrimitiveStandardAttributes - Web APIs
Web › API › SVGFilterPrimitiveStandardAttributes
specifications specification status comment filter effects module level 1the definition of 'svgfilterprimitivestandardattributes' in that specification.
SVGFontElement - Web APIs
Web › API › SVGFontElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgfontelement' in that specification.
SVGFontFaceElement - Web APIs
Web › API › SVGFontFaceElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgfontfaceelement' in that specification.
SVGFontFaceFormatElement - Web APIs
Web › API › SVGFontFaceFormatElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgfontfaceformatelement' in that specification.
SVGFontFaceNameElement - Web APIs
Web › API › SVGFontFaceNameElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgfontfacenameelement' in that specification.
SVGFontFaceSrcElement - Web APIs
Web › API › SVGFontFaceSrcElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgfontfacesrcelement' in that specification.
SVGFontFaceUriElement - Web APIs
Web › API › SVGFontFaceUriElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgfontfaceurielement' in that specification.
SVGForeignObjectElement - Web APIs
Web › API › SVGForeignObjectElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgforeignobjectelement' in that specification.
SVGGElement - Web APIs
Web › API › SVGGElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svggelement' in that specification.
SVGGeometryElement.getPointAtLength() - Web APIs
Web › API › SVGGeometryElement › getPointAtLength
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svggeometryelement.gettotallength()' in that specification.
SVGGeometryElement.getTotalLength() - Web APIs
Web › API › SVGGeometryElement › getTotalLength
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svggeometryelement.gettotallength()' in that specification.
SVGGeometryElement.isPointInFill() - Web APIs
Web › API › SVGGeometryElement › isPointInFill
cy="10" r="5" fill="seagreen"/> <circle cx="40" cy="30" r="5" fill="seagreen"/> </svg> javascript var circle = document.getelementbyid('circle'); // point not in circle console.log('point at 10,10:', circle.ispointinfill(new dompoint(10, 10))); // point in circle console.log('point at 40,30:', circle.ispointinfill(new dompoint(40, 30))); result specifications specification status comment scalable vector graphics (svg) 2the definition of 'svggeometryelement.ispointinfill()' in that specification.
SVGGeometryElement.isPointInStroke() - Web APIs
Web › API › SVGGeometryElement › isPointInStroke
.getelementbyid('circle'); // point not in circle console.log('point at 10,10:', circle.ispointinstroke(new dompoint(10, 10))); // point in circle but not stroke console.log('point at 40,30:', circle.ispointinstroke(new dompoint(40, 30))); // point in circle stroke console.log('point at 83,17:', circle.ispointinstroke(new dompoint(83, 17))); result specifications specification status comment scalable vector graphics (svg) 2the definition of 'svggeometryelement.ispointinstroke()' in that specification.
SVGGeometryElement.pathLength - Web APIs
Web › API › SVGGeometryElement › pathLength
syntax var pathlength = someelement.pathlength; specifications specification status comment scalable vector graphics (svg) 2the definition of 'svggeometryelement.pathlength' in that specification.
SVGGeometryElement - Web APIs
Web › API › SVGGeometryElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svggeometryelement' in that specification.
SVGGlyphElement - Web APIs
Web › API › SVGGlyphElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgglyphelement' in that specification.
SVGGlyphRefElement - Web APIs
Web › API › SVGGlyphRefElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgglyphrefelement' in that specification.
SVGGradientElement - Web APIs
Web › API › SVGGradientElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svggradientelement' in that specification.
SVGGraphicsElement: copy event - Web APIs
Web › API › SVGGraphicsElement › copy event
eignobject> </svg> css input { font-size: 10px; width: 100%; height: 90%; box-sizing: border-box; border: 1px solid black; } javascript document.getelementsbytagname("text")[0].addeventlistener("copy", evt => { evt.clipboarddata.setdata('text/plain', document.getselection().tostring().touppercase()); evt.preventdefault(); }); result specifications specification status comment scalable vector graphics (svg) 2 candidate recommendation definition that the clipboard events apply to svg elements.
SVGGraphicsElement: cut event - Web APIs
Web › API › SVGGraphicsElement › cut event
specifications specification status comment scalable vector graphics (svg) 2 candidate recommendation definition that the clipboard events apply to svg elements.
getBBox() - Web APIs
Web › API › SVGGraphicsElement › getBBox
oundingclientrectgroup = groupelement.getboundingclientrect(); rectboundingclientrect.setattribute('x', boundingclientrectgroup.x); rectboundingclientrect.setattribute('y', boundingclientrectgroup.y); rectboundingclientrect.setattribute('width', boundingclientrectgroup.width); rectboundingclientrect.setattribute('height', boundingclientrectgroup.height); specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'getbbox' in that specification.
SVGGraphicsElement: paste event - Web APIs
Web › API › SVGGraphicsElement › paste event
it here</text> </svg> css input { font-size: 10px; width: 100%; height: 90%; box-sizing: border-box; border: 1px solid black; } javascript document.getelementbyid("element-to-paste-text").addeventlistener("paste", evt => { evt.target.textcontent = evt.clipboarddata.getdata("text/plain").touppercase(); evt.preventdefault(); }); result specifications specification status comment scalable vector graphics (svg) 2 candidate recommendation definition that the clipboard events apply to svg elements.
SVGGraphicsElement - Web APIs
Web › API › SVGGraphicsElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svggraphicselement' in that specification.
SVGHKernElement - Web APIs
Web › API › SVGHKernElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svghkernelement' in that specification.
SVGImageElement.decode - Web APIs
Web › API › SVGImageElement › decode
specifications specification status comment scalable vector graphics (svg) 2 candidate recommendation initial definition.
SVGImageElement.decoding - Web APIs
Web › API › SVGImageElement › decoding
examples var img = new image(); img.decoding = 'sync'; img.src = 'img/logo.svg'; specifications specification status comment html living standardthe definition of 'decoding' in that specification.
SVGImageElement.height - Web APIs
Web › API › SVGImageElement › height
specifications specification status comment scalable vector graphics (svg) 2the definition of 'height' in that specification.
SVGImageElement.preserveAspectRatio - Web APIs
Web › API › SVGImageElement › preserveAspectRatio
specifications specification status comment scalable vector graphics (svg) 2the definition of 'preserveaspectratio' in that specification.
SVGImageElement.width - Web APIs
Web › API › SVGImageElement › width
specifications specification status comment scalable vector graphics (svg) 2the definition of 'width' in that specification.
SVGImageElement.x - Web APIs
Web › API › SVGImageElement › x
specifications specification status comment scalable vector graphics (svg) 2the definition of 'x' in that specification.
SVGImageElement.y - Web APIs
Web › API › SVGImageElement › y
specifications specification status comment scalable vector graphics (svg) 2the definition of 'y' in that specification.
SVGImageElement - Web APIs
Web › API › SVGImageElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgimageelement' in that specification.
SVGLineElement - Web APIs
Web › API › SVGLineElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svglineelement' in that specification.
SVGLinearGradientElement - Web APIs
Web › API › SVGLinearGradientElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svglineargradientelement' in that specification.
SVGMPathElement - Web APIs
Web › API › SVGMPathElement
specifications specification status comment svg animations level 2the definition of 'svgmpathelement' in that specification.
SVGMaskElement - Web APIs
Web › API › SVGMaskElement
specifications specification status comment css masking module level 1the definition of 'svgmaskelement' in that specification.
SVGMatrix - Web APIs
Web › API › SVGMatrix
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgmatrix' in that specification.
SVGMetadataElement - Web APIs
Web › API › SVGMetadataElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgmetadataelement' in that specification.
SVGMissingGlyphElement - Web APIs
Web › API › SVGMissingGlyphElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgmissingglyphelement' in that specification.
SVGNumber - Web APIs
Web › API › SVGNumber
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgnumber' in that specification.
SVGPathElement.getPointAtLength() - Web APIs
Web › API › SVGPathElement › getPointAtLength
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgpathelement.gettotallength()' in that specification.
SVGPathElement.getTotalLength() - Web APIs
Web › API › SVGPathElement › getTotalLength
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgpathelement.gettotallength()' in that specification.
SVGPathElement.pathLength - Web APIs
Web › API › SVGPathElement › pathLength
syntax var pathlength = someelement.pathlength; specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgpathelement.pathlength' in that specification.
SVGPathElement - Web APIs
Web › API › SVGPathElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgpathelement' in that specification.
SVGPatternElement - Web APIs
Web › API › SVGPatternElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgpatternelement' in that specification.
SVGPolygonElement - Web APIs
Web › API › SVGPolygonElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgpolygonelement' in that specification.
SVGPolylineElement - Web APIs
Web › API › SVGPolylineElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgpolylineelement' in that specification.
SVGRadialGradientElement - Web APIs
Web › API › SVGRadialGradientElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgradialgradientelement' in that specification.
SVGRect - Web APIs
Web › API › SVGRect
specifications specification status comment geometry interfaces module level 1the definition of 'domrect' in that specification.
SVGRectElement - Web APIs
Web › API › SVGRectElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgrectelement' in that specification.
SVGRenderingIntent - Web APIs
Web › API › SVGRenderingIntent
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgrenderingintent' in that specification.
SVGSVGElement - Web APIs
Web › API › SVGSVGElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgsvgelement' in that specification.
SVGScriptElement - Web APIs
Web › API › SVGScriptElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgscriptelement' in that specification.
SVGSetElement - Web APIs
Web › API › SVGSetElement
specifications specification status comment svg animations level 2the definition of 'svgsetelement' in that specification.
SVGStopElement - Web APIs
Web › API › SVGStopElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgstopelement' in that specification.
SVGStyleElement - Web APIs
Web › API › SVGStyleElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgstyleelement' in that specification.
SVGSwitchElement - Web APIs
Web › API › SVGSwitchElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgswitchelement' in that specification.
SVGSymbolElement - Web APIs
Web › API › SVGSymbolElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgsymbolelement' in that specification.
SVGTRefElement - Web APIs
Web › API › SVGTRefElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgtrefelement' in that specification.
SVGTSpanElement - Web APIs
Web › API › SVGTSpanElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgtspanelement' in that specification.
SVGTests - Web APIs
Web › API › SVGTests
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgtests' in that specification.
SVGTextContentElement - Web APIs
Web › API › SVGTextContentElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgtextcontentelement' in that specification.
SVGTextElement - Web APIs
Web › API › SVGTextElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgtextelement' in that specification.
SVGTextPathElement - Web APIs
Web › API › SVGTextPathElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgtextpathelement' in that specification.
SVGTextPositioningElement - Web APIs
Web › API › SVGTextPositioningElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgtextpositioningelement' in that specification.
SVGTitleElement - Web APIs
Web › API › SVGTitleElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgtitleelement' in that specification.
SVGTransformList - Web APIs
Web › API › SVGTransformList
10,115 40,115 40,225" onclick="transformme(evt)"/> <rect x="200" y="100" width="100" height="100" fill="yellow" stroke="black" stroke-width="5" onclick="transformme(evt)"/> <text x="40" y="250" font-family="verdana" font-size="16" fill="green" > click on a shape to transform it </text> </svg> live preview: specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgtransformlist' in that specification.
SVGURIReference - Web APIs
Web › API › SVGURIReference
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgurireference' in that specification.
SVGUnitTypes - Web APIs
Web › API › SVGUnitTypes
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgunittypes' in that specification.
SVGUseElement - Web APIs
Web › API › SVGUseElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svguseelement' in that specification.
SVGVKernElement - Web APIs
Web › API › SVGVKernElement
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgvkernelement' in that specification.
SVGViewElement - Web APIs
Web › API › SVGViewElement
specifications specification status comment scalable vector graphics (svg) 2the definition of 'svgviewelement' in that specification.
Screen.availHeight - Web APIs
Web › API › Screen › availHeight
specifications specification status comment css object model (cssom) view modulethe definition of 'screen.availheight' in that specification.
Screen.availWidth - Web APIs
Web › API › Screen › availWidth
syntax var width = window.screen.availwidth example var screenavailwidth = window.screen.availwidth; console.log(screenavailwidth); specifications specification status comment css object model (cssom) view modulethe definition of 'screen.availwidth' in that specification.
Screen.colorDepth - Web APIs
Web › API › Screen › colorDepth
syntax bitdepth = window.screen.colordepth; example // check the color depth of the screen if ( window.screen.colordepth < 8) { // use low-color version of page } else { // use regular, colorful page } specification specification status comment css object model (cssom) view modulethe definition of 'screen.colordepth' in that specification.
Screen.height - Web APIs
Web › API › Screen › height
specification specification status comment css object model (cssom) view modulethe definition of 'screen.height' in that specification.
Screen.lockOrientation() - Web APIs
Web › API › Screen › lockOrientation
tion was locked } else { // orientation lock failed } usage with an array argument screen.lockorientationuniversal = screen.lockorientation || screen.mozlockorientation || screen.mslockorientation; if (screen.lockorientationuniversal(["landscape-primary", "landscape-secondary"])) { // orientation was locked } else { // orientation lock failed } specifications specification status comment screen orientation apithe definition of 'lockorientation()' in that specification.
Screen.onorientationchange - Web APIs
Web › API › Screen › onorientationchange
specifications specification status comment screen orientation apithe definition of 'onorientationchange' in that specification.
Screen.orientation - Web APIs
Web › API › Screen › orientation
you should rotate your device to landscape"); } else if (orientation === undefined) { console.log("the orientation api isn't supported in this browser :("); } specifications specification status comment screen orientation apithe definition of 'orientation' in that specification.
Screen.pixelDepth - Web APIs
Web › API › Screen › pixelDepth
syntax let depth = window.screen.pixeldepth example // if there is not adequate bit depth // choose a simpler color if ( window.screen.pixeldepth > 8 ) { document.style.color = "#faebd7"; } else { document.style.color = "#ffffff"; } specifications specification status comment css object model (cssom) view modulethe definition of 'screen.pixeldepth' in that specification.
Screen.unlockOrientation() - Web APIs
Web › API › Screen › unlockOrientation
example var unlockorientation = screen.unlockorientation || screen.mozunlockorientation || screen.msunlockorientation || (screen.orientation && screen.orientation.unlock); if (unlockorientation()) { // orientation was unlocked } else { // orientation unlock failed } specifications specification status comment screen orientation apithe definition of 'lockorientation()' in that specification.
Screen.width - Web APIs
Web › API › Screen › width
specification specification status comment css object model (cssom) view modulethe definition of 'screen.width' in that specification.
Screen - Web APIs
Web › API › Screen
void seteventhandler(domstring type, eventhandler handler) eventhandler geteventhandler(domstring type) example if (screen.pixeldepth < 8) { // use low-color version of page } else { // use regular, colorful page } specification specification status comment css object model (cssom) view modulethe definition of 'screen' in that specification.
ScreenOrientation.angle - Web APIs
Web › API › ScreenOrientation › angle
specifications specification status comment screen orientation apithe definition of 'angle' in that specification.
ScreenOrientation.lock() - Web APIs
Web › API › ScreenOrientation › lock
specifications specification status comment screen orientation apithe definition of 'lock()' in that specification.
ScreenOrientation.onchange - Web APIs
Web › API › ScreenOrientation › onchange
} specifications specification status comment screen orientation apithe definition of 'onchange' in that specification.
ScreenOrientation.type - Web APIs
Web › API › ScreenOrientation › type
specifications specification status comment screen orientation apithe definition of 'type' in that specification.
ScreenOrientation.unlock() - Web APIs
Web › API › ScreenOrientation › unlock
specifications specification status comment screen orientation apithe definition of 'unlock()' in that specification.
ScreenOrientation - Web APIs
Web › API › ScreenOrientation
specifications specification status comment screen orientation apithe definition of 'screenorientation' in that specification.
Screen Capture API - Web APIs
Web › API › Screen Capture API
specifications specification status comment screen capture working draft initial definition ...
Screen Orientation API - Web APIs
Web › API › Screen Orientation API
interfaces screenorientation specifications specification status comment screen orientation api working draft initial definition.
ScriptProcessorNode: audioprocess event - Web APIs
Web › API › ScriptProcessorNode › audioprocess event
} specifications specification status comment web audio apithe definition of 'audioprocessingevent' in that specification.
ScriptProcessorNode.bufferSize - Web APIs
Web › API › ScriptProcessorNode › bufferSize
.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'buffersize' in that specification.
ScriptProcessorNode.onaudioprocess - Web APIs
Web › API › ScriptProcessorNode › onaudioprocess
} } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'onaudioprocess' in that specification.
ScriptProcessorNode - Web APIs
Web › API › ScriptProcessorNode
.2; } } } getdata(); // wire up play button playbutton.onclick = function() { source.connect(scriptnode); scriptnode.connect(audioctx.destination); source.start(); } // when the buffer source stops playing, disconnect everything source.onended = function() { source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'scriptprocessornode' in that specification.
ScrollToOptions.behavior - Web APIs
Web › API › ScrollToOptions › behavior
'smooth' : 'auto' } window.scrollto(scrolloptions); }); specifications specification status comment css object model (cssom) view modulethe definition of 'behavior' in that specification.
ScrollToOptions.left - Web APIs
Web › API › ScrollToOptions › left
'smooth' : 'auto' } window.scrollto(scrolloptions); }); specifications specification status comment css object model (cssom) view modulethe definition of 'left' in that specification.
ScrollToOptions.top - Web APIs
Web › API › ScrollToOptions › top
'smooth' : 'auto' } window.scrollto(scrolloptions); }); specifications specification status comment css object model (cssom) view modulethe definition of 'top' in that specification.
ScrollToOptions - Web APIs
Web › API › ScrollToOptions
'smooth' : 'auto' } window.scrollto(scrolloptions); }); specifications specification status comment css object model (cssom) view modulethe definition of 'scrolltooptions' in that specification.
SecurityPolicyViolationEvent.blockedURI - Web APIs
Web › API › SecurityPolicyViolationEvent › blockedURI
example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.blockeduri); }); specifications specification status comment content security policy level 3the definition of 'blockeduri' in that specification.
SecurityPolicyViolationEvent.columnNumber - Web APIs
Web › API › SecurityPolicyViolationEvent › columnNumber
example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.columnnumber); }); specifications specification status comment content security policy level 3the definition of 'columnnumber' in that specification.
SecurityPolicyViolationEvent.disposition - Web APIs
Web › API › SecurityPolicyViolationEvent › disposition
possible values are "enforce" or "report" example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.disposition); }); specifications specification status comment content security policy level 3the definition of 'disposition' in that specification.
SecurityPolicyViolationEvent.documentURI - Web APIs
Web › API › SecurityPolicyViolationEvent › documentURI
example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.documenturi); }); specifications specification status comment content security policy level 3the definition of 'documenturi' in that specification.
SecurityPolicyViolationEvent.effectiveDirective - Web APIs
Web › API › SecurityPolicyViolationEvent › effectiveDirective
example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.effectivedirective); }); specifications specification status comment content security policy level 3the definition of 'effectivedirective' in that specification.
SecurityPolicyViolationEvent.lineNumber - Web APIs
Web › API › SecurityPolicyViolationEvent › lineNumber
example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.linenumber); }); specifications specification status comment content security policy level 3the definition of 'linenumber' in that specification.
SecurityPolicyViolationEvent.originalPolicy - Web APIs
Web › API › SecurityPolicyViolationEvent › originalPolicy
example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.originalpolicy); }); specifications specification status comment content security policy level 3the definition of 'originalpolicy' in that specification.
SecurityPolicyViolationEvent.referrer - Web APIs
Web › API › SecurityPolicyViolationEvent › referrer
example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.referrer); }); specifications specification status comment content security policy level 3the definition of 'referrer' in that specification.
SecurityPolicyViolationEvent.sample - Web APIs
Web › API › SecurityPolicyViolationEvent › sample
example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.sample); }); specifications specification status comment content security policy level 3the definition of 'sample' in that specification.
SecurityPolicyViolationEvent.sourceFile - Web APIs
Web › API › SecurityPolicyViolationEvent › sourceFile
example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.sourcefile); }); specifications specification status comment content security policy level 3the definition of 'sourcefile' in that specification.
SecurityPolicyViolationEvent.violatedDirective - Web APIs
Web › API › SecurityPolicyViolationEvent › violatedDirective
example document.addeventlistener("securitypolicyviolation", (e) => { console.log(e.violateddirective); }); specifications specification status comment content security policy level 3the definition of 'violateddirective' in that specification.
Selection.addRange() - Web APIs
Web › API › Selection › addRange
k', function () { let selection = window.getselection(); let strongs = document.getelementsbytagname('strong'); if (selection.rangecount > 0) { selection.removeallranges(); } for (let i = 0; i < strongs.length; i++) { let range = document.createrange(); range.selectnode(strongs[i]); selection.addrange(range); } }); result specifications specification status comment selection apithe definition of 'selection.addrange()' in that specification.
Selection.anchorNode - Web APIs
Web › API › Selection › anchorNode
syntax node = sel.anchornode specifications specification status comment selection apithe definition of 'selection.anchornode' in that specification.
Selection.anchorOffset - Web APIs
Web › API › Selection › anchorOffset
syntax number = sel.anchoroffset specifications specification status comment selection apithe definition of 'selection.anchoroffset' in that specification.
Selection.collapse() - Web APIs
Web › API › Selection › collapse
*/ var body = document.getelementsbytagname("body")[0]; window.getselection().collapse(body,0); specifications specification status comment selection apithe definition of 'selection.collapse()' in that specification.
Selection.collapseToEnd() - Web APIs
Web › API › Selection › collapseToEnd
specifications specification status comment selection apithe definition of 'selection.collapsetoend()' in that specification.
Selection.collapseToStart() - Web APIs
Web › API › Selection › collapseToStart
specifications specification status comment selection apithe definition of 'selection.collapsetostart()' in that specification.
Selection.containsNode() - Web APIs
Web › API › Selection › containsNode
ou found it!</p> javascript const secret = document.getelementbyid('secret'); const win = document.getelementbyid('win'); // listen for selection changes document.addeventlistener('selectionchange', () => { const selection = window.getselection(); const found = selection.containsnode(secret); win.toggleattribute('hidden', !found); }); result specifications specification status comment selection apithe definition of 'selection.containsnode()' in that specification.
Selection.deleteFromDocument() - Web APIs
Web › API › Selection › deleteFromDocument
once you do, you can remove the selected content by clicking the button below.</p> <button>delete selected text</button> javascript let button = document.queryselector('button'); button.addeventlistener('click', deleteselection); function deleteselection() { let selection = window.getselection(); selection.deletefromdocument(); } result specifications specification status comment selection apithe definition of 'selection.deletefromdocument()' in that specification.
Selection.extend() - Web APIs
Web › API › Selection › extend
specifications specification status comment selection apithe definition of 'selection.extend()' in that specification.
Selection.focusNode - Web APIs
Web › API › Selection › focusNode
syntax node = sel.focusnode specifications specification status comment selection apithe definition of 'selection.focusnode' in that specification.
Selection.focusOffset - Web APIs
Web › API › Selection › focusOffset
syntax offset = sel.focusoffset specifications specification status comment selection apithe definition of 'selection.focusoffset' in that specification.
Selection.getRangeAt() - Web APIs
Web › API › Selection › getRangeAt
example let ranges = []; sel = window.getselection(); for(let i = 0; i < sel.rangecount; i++) { ranges[i] = sel.getrangeat(i); } /* each item in the ranges array is now * a range object representing one of the * ranges in the current selection */ specifications specification status comment selection apithe definition of 'selection: getrangeat()' in that specification.
Selection.isCollapsed - Web APIs
Web › API › Selection › isCollapsed
syntax bool = sel.iscollapsed specifications specification status comment selection apithe definition of 'selection.iscollapsed' in that specification.
Selection.rangeCount - Web APIs
Web › API › Selection › rangeCount
specifications specification status comment selection apithe definition of 'selection.rangecount' in that specification.
Selection.removeAllRanges() - Web APIs
Web › API › Selection › removeAllRanges
specifications specification status comment selection apithe definition of 'selection.removeallranges()' in that specification.
Selection.removeRange() - Web APIs
Web › API › Selection › removeRange
*/ s = window.getselection(); if(s.rangecount > 1) { for(var i = 1; i < s.rangecount; i++) { s.removerange(s.getrangeat(i)); } } specifications specification status comment selection apithe definition of 'selection.removerange()' in that specification.
Selection.selectAllChildren() - Web APIs
Web › API › Selection › selectAllChildren
website.</p> <p>i hope you enjoy your visit.</p> </main> <footer> <address>webmaster@example.com</address> <p>© 2019</p> </footer> javascript const button = document.queryselector('button'); const footer = document.queryselector('footer'); button.addeventlistener('click', (e) => { window.getselection().selectallchildren(footer); }); result specifications specification status comment selection apithe definition of 'selection.selectallchildren()' in that specification.
Selection.setBaseAndExtent() - Web APIs
Web › API › Selection › setBaseAndExtent
note: you can find this example on github (see it live also.) specifications specification status comment selection apithe definition of 'selection.setbaseandextent()' in that specification.
Selection.toString() - Web APIs
Web › API › Selection › toString
specifications specification status comment selection apithe definition of 'selection: tostring()' in that specification.
Selection.type - Web APIs
Web › API › Selection › type
var selection; document.onselectionchange = function() { console.log('new selection made'); selection = document.getselection(); console.log(selection.type); }; specifications specification status comment selection apithe definition of 'selection.type' in that specification.
Selection - Web APIs
Web › API › Selection
specifications specification status comment selection apithe definition of 'selection' in that specification.
Selection API - Web APIs
Web › API › Selection API
specifications specification status comment selection apithe definition of 'selection' in that specification.
Sensor.activated - Web APIs
Web › API › Sensor › activated
specifications specification status comment generic sensor apithe definition of 'activated' in that specification.
Sensor.hasReading - Web APIs
Web › API › Sensor › hasReading
specifications specification status comment generic sensor apithe definition of 'hasreading' in that specification.
Sensor.onactivate - Web APIs
Web › API › Sensor › onactivate
specifications specification status comment generic sensor apithe definition of 'onactivate' in that specification.
Sensor.onerror - Web APIs
Web › API › Sensor › onerror
specifications specification status comment generic sensor apithe definition of 'onerror' in that specification.
Sensor.onreading - Web APIs
Web › API › Sensor › onreading
specifications specification status comment generic sensor apithe definition of 'onreading' in that specification.
Sensor.start() - Web APIs
Web › API › Sensor › start
return value undefined specifications specification status comment generic sensor apithe definition of 'start' in that specification.
Sensor.stop() - Web APIs
Web › API › Sensor › stop
return value undefined example // tbd specifications specification status comment generic sensor apithe definition of 'stop' in that specification.
Sensor.timestamp - Web APIs
Web › API › Sensor › timestamp
specifications specification status comment generic sensor apithe definition of 'timestamp' in that specification.
Sensor - Web APIs
Web › API › Sensor
specifications specification status comment generic sensor apithe definition of 'sensor' in that specification.
SensorErrorEvent.SensorErrorEvent() - Web APIs
Web › API › SensorErrorEvent › SensorErrorEvent
specifications specification status comment generic sensor apithe definition of 'sensorerrorevent' in that specification.
SensorErrorEvent.error - Web APIs
Web › API › SensorErrorEvent › error
specifications specification status comment generic sensor apithe definition of 'error' in that specification.
SensorErrorEvent - Web APIs
Web › API › SensorErrorEvent
specifications specification status comment generic sensor apithe definition of 'sensorerrorevent' in that specification.
Sensor APIs - Web APIs
Web › API › Sensor APIs
specifications specification status comment generic sensor api candidate recommendation initial definition.
Server-sent events - Web APIs
Web › API › Server-sent events
examples simple sse demo using php specification specification status comment html living standardthe definition of 'server-sent events' in that specification.
ServiceWorker.onstatechange - Web APIs
Web › API › ServiceWorker › onstatechange
} }) specifications specification status comment service workersthe definition of 'serviceworker.onstatechange' in that specification.
ServiceWorker.scriptURL - Web APIs
Web › API › ServiceWorker › scriptURL
syntax someurl = serviceworker.scripturl value a usvstring (see the webidl definition of usvstring.) examples tbd specifications specification status comment service workersthe definition of 'scripturl' in that specification.
ServiceWorker.state - Web APIs
Web › API › ServiceWorker › state
on.waiting; document.queryselector('#kind').textcontent = 'waiting'; } else if (registration.active) { serviceworker = registration.active; document.queryselector('#kind').textcontent = 'active'; } if (serviceworker) { logstate(serviceworker.state); serviceworker.addeventlistener('statechange', function(e) { logstate(e.target.state); }); } specifications specification status comment service workersthe definition of 'state' in that specification.
ServiceWorker - Web APIs
Web › API › ServiceWorker
} specifications specification status comment service workersthe definition of 'serviceworker' in that specification.
ServiceWorkerContainer.controller - Web APIs
Web › API › ServiceWorkerContainer › controller
if (navigator.serviceworker.controller) { console.log(`this page is currently controlled by: ${navigator.serviceworker.controller}`); } else { console.log('this page is not currently controlled by a service worker.'); } } else { console.log('service workers are not supported.'); } specifications specification status comment service workersthe definition of 'serviceworkerregistration.controller' in that specification.
ServiceWorkerContainer.getRegistration() - Web APIs
Web › API › ServiceWorkerContainer › getRegistration
example navigator.serviceworker.getregistration('/app').then(function(registration) { if(registration){ document.queryselector('#status').textcontent = 'serviceworkerregistration found.'; } }); specifications specification status comment service workersthe definition of 'serviceworkercontainer: getregistration' in that specification.
ServiceWorkerContainer.getRegistrations() - Web APIs
Web › API › ServiceWorkerContainer › getRegistrations
example navigator.serviceworker.getregistrations().then(function(registrations) { document.queryselector('#status').textcontent = 'serviceworkerregistrations found.'; }); specifications specification status comment service workersthe definition of 'getregistrations()' in that specification.
ServiceWorkerContainer: message event - Web APIs
Web › API › ServiceWorkerContainer › message event
}); }); the client can receive the message by listening to the message event: // in the page being controlled navigator.serviceworker.addeventlistener('message', (message) => { console.log(message); }); specifications specification status service workersthe definition of 'message' in that specification.
ServiceWorkerContainer.oncontrollerchange - Web APIs
Web › API › ServiceWorkerContainer › oncontrollerchange
} example // tbd specifications specification status comment service workersthe definition of 'serviceworkercontainer: oncontrollerchange' in that specification.
ServiceWorkerContainer.onmessage - Web APIs
Web › API › ServiceWorkerContainer › onmessage
} example navigator.serviceworker.onmessage = function(messageevent) { console.log(`received data: ${messageevent.data}`); } specifications specification status comment service workersthe definition of 'serviceworkercontainer: onmessage' in that specification.
ServiceWorkerContainer.ready - Web APIs
Web › API › ServiceWorkerContainer › ready
er' in navigator) { navigator.serviceworker.ready .then(function(registration) { console.log('a service worker is active:', registration.active); // at this point, you can call methods that require an active // service worker, like registration.pushmanager.subscribe() }); } else { console.log('service workers are not supported.'); } specifications specification status comment service workersthe definition of 'serviceworkerregistration.ready' in that specification.
ServiceWorkerContainer.register() - Web APIs
Web › API › ServiceWorkerContainer › register
specifications specification status comment service workersthe definition of 'serviceworkercontainer: register' in that specification.
ServiceWorkerContainer.startMessages() - Web APIs
Web › API › ServiceWorkerContainer › startMessages
}); navigator.serviceworker.startmessages(); specifications specification status comment service workersthe definition of 'serviceworkercontainer: startmessages()' in that specification.
ServiceWorkerContainer - Web APIs
Web › API › ServiceWorkerContainer
navigator.serviceworker.oncontrollerchange = function() { console.log('this page is now controlled by:', navigator.serviceworker.controller); }; } else { console.log('service workers are not supported.'); } specifications specification status comment service workersthe definition of 'serviceworkercontainer' in that specification.
ServiceWorkerGlobalScope: activate event - Web APIs
Web › API › ServiceWorkerGlobalScope › activate event
}; specifications specification status comment service workersthe definition of 'activate' in that specification.
ServiceWorkerGlobalScope.caches - Web APIs
Web › API › ServiceWorkerGlobalScope › caches
specifications specification status comment service workersthe definition of 'serviceworkerglobalscope.caches' in that specification.
ServiceWorkerGlobalScope.clients - Web APIs
Web › API › ServiceWorkerGlobalScope › clients
specifications specification status comment service workersthe definition of 'serviceworkerregistration.clients' in that specification.
ServiceWorkerGlobalScope: contentdelete event - Web APIs
Web › API › ServiceWorkerGlobalScope › contentdelete event
}; specifications specification status comment unknownthe definition of 'contentdelete' in that specification.
ServiceWorkerGlobalScope: install event - Web APIs
Web › API › ServiceWorkerGlobalScope › install event
}; specifications specification status comment service workersthe definition of 'install' in that specification.
ServiceWorkerGlobalScope: message event - Web APIs
Web › API › ServiceWorkerGlobalScope › message event
tration.active.postmessage("hi service worker"); }); } the service worker can receive the message by listening to the message event: // in the service worker addeventlistener('message', event => { // event is an extendablemessageevent object console.log(`the client sent me a message: ${event.data}`); event.source.postmessage("hi client"); }); specifications specification status service workersthe definition of 'message' in that specification.
ServiceWorkerGlobalScope: notificationclick event - Web APIs
Web › API › ServiceWorkerGlobalScope › notificationclick event
// focuses if it is event.waituntil(clients.matchall({ type: "window" }).then(function(clientlist) { for (var i = 0; i < clientlist.length; i++) { var client = clientlist[i]; if (client.url == '/' && 'focus' in client) return client.focus(); } if (clients.openwindow) return clients.openwindow('/'); })); }; specifications specification status notifications apithe definition of 'onnotificationclick' in that specification.
ServiceWorkerGlobalScope.onactivate - Web APIs
Web › API › ServiceWorkerGlobalScope › onactivate
then.addeventlistener('activate', function(event) { var cachewhitelist = ['v2']; event.waituntil( caches.foreach(function(cache, cachename) { if (cachewhitelist.indexof(cachename) == -1) { return caches.delete(cachename); } }) ); }); specifications specification status comment service workersthe definition of 'event handlers' in that specification.
ServiceWorkerGlobalScope.oncontentdelete - Web APIs
Web › API › ServiceWorkerGlobalScope › oncontentdelete
self.addeventlistener('contentdelete', event => { event.waituntil( caches.open('cache-name').then(cache => { return promise.all([ cache.delete(`/icon/${event.id}`), cache.delete(`/content/${event.id}`) ]) }) ); }); specifications specification status comment unknownthe definition of 'contentdelete' in that specification.
ServiceWorkerGlobalScope.onfetch - Web APIs
Web › API › ServiceWorkerGlobalScope › onfetch
about to fetch from network...'); return fetch(event.request).then(function(response) { console.log('response from network is:', response); return response; }).catch(function(error) { console.error('fetching failed:', error); throw error; }); }) ); }); specifications specification status comment service workersthe definition of 'event handlers' in that specification.
ServiceWorkerGlobalScope.oninstall - Web APIs
Web › API › ServiceWorkerGlobalScope › oninstall
est/', '/sw-test/index.html', '/sw-test/style.css', '/sw-test/app.js', '/sw-test/image-list.js', '/sw-test/star-wars-logo.jpg', '/sw-test/gallery/', '/sw-test/gallery/bountyhunters.jpg', '/sw-test/gallery/mylittlevader.jpg', '/sw-test/gallery/snowtroopers.jpg' ); }) ); }); specifications specification status comment service workersthe definition of 'event handlers' in that specification.
ServiceWorkerGlobalScope.onmessage - Web APIs
Web › API › ServiceWorkerGlobalScope › onmessage
}; example self.addeventlistener('message', function(messageevent) { console.log('handling message event:', messageevent); }) specifications specification status comment service workersthe definition of 'event handlers' in that specification.
ServiceWorkerGlobalScope.onnotificationclick - Web APIs
Web › API › ServiceWorkerGlobalScope › onnotificationclick
// focuses if it is event.waituntil(clients.matchall({ type: "window" }).then(function(clientlist) { for (var i = 0; i < clientlist.length; i++) { var client = clientlist[i]; if (client.url == '/' && 'focus' in client) return client.focus(); } if (clients.openwindow) return clients.openwindow('/'); })); }; specifications specification status comment notifications apithe definition of 'onnotificationclick' in that specification.
onnotificationclose - Web APIs
Web › API › ServiceWorkerGlobalScope › onnotificationclose
self.onnotificationclose = function(event) { console.log('on notification close: ', event.notification.tag); }; specifications specification status comment notifications apithe definition of 'onnotificationclick' in that specification.
ServiceWorkerGlobalScope.onpush - Web APIs
Web › API › ServiceWorkerGlobalScope › onpush
var icon = "images/new-notification.png"; var notification = new notification(title, { body: message, tag: 'simple-push-demo-notification', icon: icon }); notification.addeventlistener('click', function() { if (clients.openwindow) { clients.openwindow('https://example.blog.com/2015/03/04/something-new.html'); } }); }); specifications specification status comment push apithe definition of 'onpush' in that specification.
ServiceWorkerGlobalScope.onpushsubscriptionchange - Web APIs
Web › API › ServiceWorkerGlobalScope › onpushsubscriptionchange
}) example self.addeventlistener('pushsubscriptionchange', function() { // do something, usually resubscribe to push and // send the new subscription details back to the // server via xhr or fetch }); specifications specification status comment push apithe definition of 'onpushsubscriptionchange' in that specification.
ServiceWorkerGlobalScope: push event - Web APIs
Web › API › ServiceWorkerGlobalScope › push event
self.addeventlistener("push", event => { let message = event.data.json(); switch(message.type) { case "init": doinit(); break; case "shutdown": doshutdown(); break; } }, false); specifications specification status comment push apithe definition of 'push' in that specification.
ServiceWorkerGlobalScope: pushsubscriptionchange event - Web APIs
Web › API › ServiceWorkerGlobalScope › pushsubscriptionchange event
*/ ) }; specifications specification status comment push apithe definition of 'pushsubscriptionchange' in that specification.
ServiceWorkerGlobalScope.registration - Web APIs
Web › API › ServiceWorkerGlobalScope › registration
specifications specification status comment service workersthe definition of 'serviceworkerglobalscope.registration' in that specification.
ServiceWorkerGlobalScope.skipWaiting() - Web APIs
Web › API › ServiceWorkerGlobalScope › skipWaiting
self.skipwaiting(); // perform any other actions required for your // service worker to install, potentially inside // of event.waituntil(); }); specifications specification status comment service workersthe definition of 'skipwaiting()' in that specification.
ServiceWorkerGlobalScope - Web APIs
Web › API › ServiceWorkerGlobalScope
about to fetch from network...'); return fetch(event.request).then(function(response) { console.log('response from network is:', response); return response; }, function(error) { console.error('fetching failed:', error); throw error; }); }) ); }); specifications specification status comment service workersthe definition of 'serviceworkerglobalscope' in that specification.
ServiceWorkerRegistration.active - Web APIs
Web › API › ServiceWorkerRegistration › active
specifications specification status comment service workersthe definition of 'serviceworkerregistration.active' in that specification.
ServiceWorkerRegistration.getNotifications() - Web APIs
Web › API › ServiceWorkerRegistration › getNotifications
example navigator.serviceworker.register('sw.js'); var options = { tag : 'user_alerts' }; navigator.serviceworker.ready.then(function(registration) { registration.getnotifications(options).then(function(notifications) { // do something with your notifications }) }); specifications specification status comment notifications apithe definition of 'serviceworkerregistration.getnotifications()' in that specification.
ServiceWorkerRegistration.index - Web APIs
Web › API › ServiceWorkerRegistration › index
an example from the main script: // reference registration const registration = await navigator.serviceworker.ready; // feature detection if ('index' in registration) { // content index api functionality const contentindex = registration.index; } from the service worker: // service worker script const contentindex = self.registration.index; specifications specification status comment unknownthe definition of 'index' in that specification.
ServiceWorkerRegistration.installing - Web APIs
Web › API › ServiceWorkerRegistration › installing
specifications specification status comment service workersthe definition of 'serviceworkerregistration.installing' in that specification.
ServiceWorkerRegistration.navigationPreload - Web APIs
Web › API › ServiceWorkerRegistration › navigationPreload
specifications specification status comment service workersthe definition of 'navigationpreload' in that specification.
ServiceWorkerRegistration.onupdatefound - Web APIs
Web › API › ServiceWorkerRegistration › onupdatefound
}; specifications specification status comment service workersthe definition of 'serviceworkerregistration.onupdatefound' in that specification.
ServiceWorkerRegistration.scope - Web APIs
Web › API › ServiceWorkerRegistration › scope
syntax var swscope = serviceworkerregistration.scope; specifications specification status comment service workersthe definition of 'serviceworkerregistration.scope' in that specification.
ServiceWorkerRegistration.showNotification() - Web APIs
Web › API › ServiceWorkerRegistration › showNotification
specifications specification status comment notifications apithe definition of 'shownotification()' in that specification.
ServiceWorkerRegistration.sync - Web APIs
Web › API › ServiceWorkerRegistration › sync
specifications specification status comment web background synchronization living standard initial definition.
ServiceWorkerRegistration.unregister() - Web APIs
Web › API › ServiceWorkerRegistration › unregister
{scope: 'sw-test'}).then(function(registration) { // registration worked console.log('registration succeeded.'); registration.unregister().then(function(boolean) { // if boolean = true, unregister is successful }); }).catch(function(error) { // registration failed console.log('registration failed with ' + error); }); }; specifications specification status comment service workersthe definition of 'serviceworkerregistration.unregister()' in that specification.
ServiceWorkerRegistration.update() - Web APIs
Web › API › ServiceWorkerRegistration › update
igator.serviceworker.register('/sw-test/sw.js', {scope: 'sw-test'}).then(function(registration) { // registration worked console.log('registration succeeded.'); button.onclick = function() { registration.update(); } }).catch(function(error) { // registration failed console.log('registration failed with ' + error); }); }; specifications specification status comment service workersthe definition of 'serviceworkerregistration.update()' in that specification.
ServiceWorkerRegistration.waiting - Web APIs
Web › API › ServiceWorkerRegistration › waiting
specifications specification status comment service workersthe definition of 'serviceworkerregistration.waiting' in that specification.
ServiceWorkerState - Web APIs
Web › API › ServiceWorkerState
specifications specification status comment service workersthe definition of 'serviceworkerstate' in that specification.
Service Worker API - Web APIs
Web › API › Service Worker API
specifications specification status comment service workers working draft initial definition.
ShadowRoot.host - Web APIs
Web › API › ShadowRoot › host
// return the original host element some time later let hostelem = shadow.host; specifications specification status comment domthe definition of 'shadowroot.host' in that specification.
ShadowRoot.mode - Web APIs
Web › API › ShadowRoot › mode
shadow.mode = 'closed'; } specifications specification status comment domthe definition of 'shadowroot.mode' in that specification.
ShadowRoot - Web APIs
Web › API › ShadowRoot
.childnodes; for(var i = 0; i < childnodes.length; i++) { if(childnodes[i].nodename === 'style') { childnodes[i].textcontent = 'div {' + 'width: ' + elem.getattribute('l') + 'px;' + 'height: ' + elem.getattribute('l') + 'px;' + 'background-color: ' + elem.getattribute('c') + ';' + '}'; } } } specifications specification status comment domthe definition of 'interface shadowroot' in that specification.
SharedWorker() - Web APIs
Web › API › SharedWorker › SharedWorker
posted to worker'); } second.onchange = function() { myworker.port.postmessage([first.value,second.value]); console.log('message posted to worker'); } myworker.port.onmessage = function(e) { result1.textcontent = e.data; console.log('message received from worker'); } for a full example, see our basic shared worker example (run shared worker.) specifications specification status comment html living standardthe definition of 'sharedworker()' in that specification.
SharedWorker.port - Web APIs
Web › API › SharedWorker › port
multiple scripts can then access the worker through a messageport object accessed using the sharedworker.port property — the port is started using its start() method: var myworker = new sharedworker('worker.js'); myworker.port.start(); for a full example, see our basic shared worker example (run shared worker.) specifications specification status comment html living standardthe definition of 'abstractworker.onerror' in that specification.
SharedWorker - Web APIs
Web › API › SharedWorker
} specifications specification status comment html living standardthe definition of 'sharedworker' in that specification.
SharedWorkerGlobalScope.close() - Web APIs
Web › API › SharedWorkerGlobalScope › close
specifications specification status comment html living standardthe definition of 'close()' in that specification.
SharedWorkerGlobalScope: connect event - Web APIs
Web › API › SharedWorkerGlobalScope › connect event
d worker example (run shared worker.) addeventlistener equivalent you could also set up an event handler using the addeventlistener() method: self.addeventlistener('connect', function(e) { var port = e.ports[0]; port.onmessage = function(e) { var workerresult = 'result: ' + (e.data[0] * e.data[1]); port.postmessage(workerresult); } }); specifications specification status html living standardthe definition of 'connect event' in that specification.
SharedWorkerGlobalScope.name - Web APIs
Web › API › SharedWorkerGlobalScope › name
specifications specification status comment html living standardthe definition of 'name' in that specification.
SharedWorkerGlobalScope.onconnect - Web APIs
Web › API › SharedWorkerGlobalScope › onconnect
specifications specification status comment html living standardthe definition of 'onconnect' in that specification.
SharedWorkerGlobalScope - Web APIs
Web › API › SharedWorkerGlobalScope
specifications specification status comment html living standardthe definition of 'sharedworkerglobalscope' in that specification.
Slottable: assignedSlot - Web APIs
Web › API › Slottable › assignedSlot
let slottedspan = document.queryselector('my-paragraph span') console.log(slottedspan.assignedslot); // logs '<slot name="my-text">' specifications specification status comment domthe definition of 'assignedslot' in that specification.
Slottable - Web APIs
Web › API › Slottable
specifications specification status comment domthe definition of 'slottable' in that specification.
SourceBuffer.abort() - Web APIs
Web › API › SourceBuffer › abort
in lines 92-101, the seek() function is defined — note that abort() is called if mediasource.readystate is set to open, which means that it is ready to receive new source buffers — at this point it is worth aborting the current segment and just getting the one for the new seek position (see checkbuffer() and getcurrentsegment().) specifications specification status comment media source extensionsthe definition of 'abort()' in that specification.
SourceBuffer.appendBuffer() - Web APIs
Web › API › SourceBuffer › appendBuffer
specifications specification status comment media source extensionsthe definition of 'appendbuffer()' in that specification.
SourceBuffer.appendBufferAsync() - Web APIs
Web › API › SourceBuffer › appendBufferAsync
specification status comment media source extensions recommendation initial definition; does not include this method.
SourceBuffer.appendWindowEnd - Web APIs
Web › API › SourceBuffer › appendWindowEnd
example tbd specifications specification status comment media source extensionsthe definition of 'appendwindowend' in that specification.
SourceBuffer.appendWindowStart - Web APIs
Web › API › SourceBuffer › appendWindowStart
example tbd specifications specification status comment media source extensionsthe definition of 'appendwindowstart' in that specification.
SourceBuffer.audioTracks - Web APIs
Web › API › SourceBuffer › audioTracks
example tbd specifications specification status comment media source extensionsthe definition of 'audiotracks' in that specification.
SourceBuffer.buffered - Web APIs
Web › API › SourceBuffer › buffered
example tbd specifications specification status comment media source extensionsthe definition of 'buffered' in that specification.
SourceBuffer.mode - Web APIs
Web › API › SourceBuffer › mode
var curmode = sourcebuffer.mode; if (curmode == 'segments') { sourcebuffer.mode = 'sequence'; } specifications specification status comment media source extensionsthe definition of 'mode' in that specification.
SourceBuffer.remove() - Web APIs
Web › API › SourceBuffer › remove
specifications specification status comment media source extensionsthe definition of 'remove()' in that specification.
SourceBuffer.removeAsync() - Web APIs
Web › API › SourceBuffer › removeAsync
specification status comment media source extensions recommendation initial definition.
SourceBuffer.textTracks - Web APIs
Web › API › SourceBuffer › textTracks
example tbd specifications specification status comment media source extensionsthe definition of 'texttracks' in that specification.
SourceBuffer.timestampOffset - Web APIs
Web › API › SourceBuffer › timestampOffset
example tbd specifications specification status comment media source extensionsthe definition of 'timestampoffset' in that specification.
SourceBuffer.updating - Web APIs
Web › API › SourceBuffer › updating
example tbd specifications specification status comment media source extensionsthe definition of 'updating' in that specification.
SourceBuffer.videoTracks - Web APIs
Web › API › SourceBuffer › videoTracks
example tbd specifications specification status comment media source extensionsthe definition of 'videotracks' in that specification.
SourceBuffer - Web APIs
Web › API › SourceBuffer
e.endofstream(); video.play(); //console.log(mediasource.readystate); // ended }); sourcebuffer.appendbuffer(buf); }); } function fetchab (url, cb) { console.log(url); var xhr = new xmlhttprequest; xhr.open('get', url); xhr.responsetype = 'arraybuffer'; xhr.onload = function () { cb(xhr.response); }; xhr.send(); } specifications specification status comment media source extensionsthe definition of 'sourcebuffer' in that specification.
SourceBufferList: indexed property getter - Web APIs
Web › API › SourceBufferList › SourceBuffer
specifications specification status comment media source extensionsthe definition of 'sourcebuffer() getter' in that specification.
SourceBufferList.length - Web APIs
Web › API › SourceBufferList › length
example tbd specifications specification status comment media source extensionsthe definition of 'length' in that specification.
SourceBufferList - Web APIs
Web › API › SourceBufferList
specifications specification status comment media source extensionsthe definition of 'sourcebufferlist' in that specification.
SpeechGrammar.SpeechGrammar() - Web APIs
Web › API › SpeechGrammar › SpeechGrammar
recognitionlist = new speechgrammarlist(); speechrecognitionlist.addfromstring(grammar, 1); recognition.grammars = speechrecognitionlist; var newgrammar = new speechgrammar(); newgrammar.src = '#jsgf v1.0; grammar names; public <name> = chris | kirsty | mike;' speechrecognitionlist[1] = newgrammar; // should add the new speechgrammar object to the list specifications specification status comment web speech apithe definition of 'speechgrammar()' in that specification.
SpeechGrammar.src - Web APIs
Web › API › SpeechGrammar › src
specifications specification status comment web speech apithe definition of 'src' in that specification.
SpeechGrammar.weight - Web APIs
Web › API › SpeechGrammar › weight
specifications specification status comment web speech apithe definition of 'weight' in that specification.
SpeechGrammar - Web APIs
Web › API › SpeechGrammar
specifications specification status comment web speech apithe definition of 'speechgrammar' in that specification.
SpeechGrammarList.SpeechGrammarList() - Web APIs
Web › API › SpeechGrammarList › SpeechGrammarList
ive | orange | orchid | peru | pink | plum | purple | red | salmon | sienna | silver | snow | tan | teal | thistle | tomato | turquoise | violet | white | yellow ;' var recognition = new speechrecognition(); var speechrecognitionlist = new speechgrammarlist(); speechrecognitionlist.addfromstring(grammar, 1); recognition.grammars = speechrecognitionlist; specifications specification status comment web speech apithe definition of 'speechgrammarlist' in that specification.
SpeechGrammarList.addFromString() - Web APIs
Web › API › SpeechGrammarList › addFromString
ive | orange | orchid | peru | pink | plum | purple | red | salmon | sienna | silver | snow | tan | teal | thistle | tomato | turquoise | violet | white | yellow ;' var recognition = new speechrecognition(); var speechrecognitionlist = new speechgrammarlist(); speechrecognitionlist.addfromstring(grammar, 1); recognition.grammars = speechrecognitionlist; specifications specification status comment web speech apithe definition of 'addfromstring()' in that specification.
SpeechGrammarList.addFromURI() - Web APIs
Web › API › SpeechGrammarList › addFromURI
specifications specification status comment web speech apithe definition of 'addfromuri()' in that specification.
SpeechGrammarList.item() - Web APIs
Web › API › SpeechGrammarList › item
specifications specification status comment web speech apithe definition of 'item()' in that specification.
SpeechGrammarList.length - Web APIs
Web › API › SpeechGrammarList › length
specifications specification status comment web speech apithe definition of 'length' in that specification.
SpeechGrammarList - Web APIs
Web › API › SpeechGrammarList
ive | orange | orchid | peru | pink | plum | purple | red | salmon | sienna | silver | snow | tan | teal | thistle | tomato | turquoise | violet | white | yellow ;' var recognition = new speechrecognition(); var speechrecognitionlist = new speechgrammarlist(); speechrecognitionlist.addfromstring(grammar, 1); recognition.grammars = speechrecognitionlist; specifications specification status comment web speech apithe definition of 'speechgrammarlist()' in that specification.
SpeechRecognition() - Web APIs
Web › API › SpeechRecognition › SpeechRecognition
specifications specification status comment web speech apithe definition of 'speechrecognition()' in that specification.
SpeechRecognition.abort() - Web APIs
Web › API › SpeechRecognition › abort
queryselector('html'); document.body.onclick = function() { recognition.start(); console.log('ready to receive a color command.'); } abortbtn.onclick = function() { recognition.abort(); console.log('speech recognition aborted.'); } recognition.onspeechend = function() { recognition.stop(); console.log('speech recognition has stopped.'); } specifications specification status comment web speech apithe definition of 'abort()' in that specification.
SpeechRecognition: audioend event - Web APIs
Web › API › SpeechRecognition › audioend event
se the audioend event in an addeventlistener method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('audioend', function() { console.log('audio capturing ended'); }); or use the onaudioend event handler property: recognition.onaudioend = function() { console.log('audio capturing ended'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition: audiostart event - Web APIs
Web › API › SpeechRecognition › audiostart event
udiostart event in an onaudiostart method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('audiostart', function() { console.log('audio capturing started'); }); or use the onaudiostart event handler property: recognition.onaudiostart = function() { console.log('audio capturing started'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition: end event - Web APIs
Web › API › SpeechRecognition › end event
in an addeventlistener method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('end', function() { console.log('speech recognition service disconnected'); }); or use the onend event handler property: recognition.onend = function() { console.log('speech recognition service disconnected'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition: error event - Web APIs
Web › API › SpeechRecognition › error event
ecognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('error', function(event) { console.log('speech recognition error detected: ' + event.error'); }); or use the onerror event handler property: recognition.onerror = function(event) { console.log('speech recognition error detected: ' + event.error'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition.grammars - Web APIs
Web › API › SpeechRecognition › grammars
specifications specification status comment web speech apithe definition of 'grammars' in that specification.
SpeechRecognition.interimResults - Web APIs
Web › API › SpeechRecognition › interimResults
specifications specification status comment web speech apithe definition of 'interimresults' in that specification.
SpeechRecognition.lang - Web APIs
Web › API › SpeechRecognition › lang
specifications specification status comment web speech apithe definition of 'lang' in that specification.
SpeechRecognition.maxAlternatives - Web APIs
Web › API › SpeechRecognition › maxAlternatives
specifications specification status comment web speech apithe definition of 'maxalternatives' in that specification.
SpeechRecognition: nomatch event - Web APIs
Web › API › SpeechRecognition › nomatch event
an use the nomatch event in an addeventlistener method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('nomatch', function() { console.log('speech not recognized'); }); or use the onnomatch event handler property: recognition.onnomatch = function() { console.log('speech not recognized'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition.onaudioend - Web APIs
Web › API › SpeechRecognition › onaudioend
}; examples var recognition = new speechrecognition(); recognition.onaudioend = function() { console.log('audio capturing ended'); } specifications specification status comment web speech apithe definition of 'onaudioend' in that specification.
SpeechRecognition.onaudiostart - Web APIs
Web › API › SpeechRecognition › onaudiostart
}; examples var recognition = new speechrecognition(); recognition.onaudiostart = function() { console.log('audio capturing started'); } specifications specification status comment web speech apithe definition of 'onaudiostart' in that specification.
SpeechRecognition.onend - Web APIs
Web › API › SpeechRecognition › onend
}; examples var recognition = new speechrecognition(); recognition.onend = function() { console.log('speech recognition service disconnected'); } specifications specification status comment web speech apithe definition of 'onend' in that specification.
SpeechRecognition.onerror - Web APIs
Web › API › SpeechRecognition › onerror
}; examples var recognition = new speechrecognition(); recognition.onerror = function(event) { console.log('speech recognition error detected: ' + event.error); } specifications specification status comment web speech apithe definition of 'onerror' in that specification.
SpeechRecognition.onnomatch - Web APIs
Web › API › SpeechRecognition › onnomatch
}; examples var recognition = new speechrecognition(); recognition.onnomatch = function() { console.log('speech not recognised'); } specifications specification status comment web speech apithe definition of 'onnomatch' in that specification.
SpeechRecognition.onresult - Web APIs
Web › API › SpeechRecognition › onresult
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; } specifications specification status comment web speech apithe definition of 'onresult' in that specification.
SpeechRecognition.onsoundend - Web APIs
Web › API › SpeechRecognition › onsoundend
}; examples recognition.onsoundend = function() { console.log('sound has stopped being received'); } specifications specification status comment web speech apithe definition of 'onsoundend' in that specification.
SpeechRecognition.onsoundstart - Web APIs
Web › API › SpeechRecognition › onsoundstart
}; examples recognition.onsoundstart = function() { console.log('some sound is being received'); } specifications specification status comment web speech apithe definition of 'onsoundstart' in that specification.
SpeechRecognition.onspeechend - Web APIs
Web › API › SpeechRecognition › onspeechend
}; examples recognition.onspeechend = function() { console.log('speech has stopped being detected'); } specifications specification status comment web speech apithe definition of 'onspeechend' in that specification.
SpeechRecognition.onspeechstart - Web APIs
Web › API › SpeechRecognition › onspeechstart
}; examples recognition.onspeechstart = function() { console.log('speech has been detected'); } specifications specification status comment web speech apithe definition of 'onspeechstart' in that specification.
SpeechRecognition.onstart - Web APIs
Web › API › SpeechRecognition › onstart
}; examples recognition.onstart = function() { console.log('speech recognition service has started'); } specifications specification status comment web speech apithe definition of 'onstart' in that specification.
SpeechRecognition: result event - Web APIs
Web › API › SpeechRecognition › result event
ts[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; }); or use the onresult event handler property: recognition.onresult = function(event) { var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition: soundend event - Web APIs
Web › API › SpeechRecognition › soundend event
ventlistener method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('soundend', function(event) { console.log('sound has stopped being received'); }); or use the onsoundend event handler property: recognition.onsoundend = function(event) { console.log('sound has stopped being received'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition: soundstart event - Web APIs
Web › API › SpeechRecognition › soundstart event
t in an addeventlistener method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('soundstart', function() { console.log('some sound is being received'); }); or use the onsoundstart event handler property: recognition.onsoundstart = function() { console.log('some sound is being received'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition: speechend event - Web APIs
Web › API › SpeechRecognition › speechend event
addeventlistener method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('speechend', function() { console.log('speech has stopped being detected'); }); or use the onspeechend event handler property: recognition.onspeechend = function() { console.log('speech has stopped being detected'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition: speechstart event - Web APIs
Web › API › SpeechRecognition › speechstart event
event in an addeventlistener method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('speechstart', function() { console.log('speech has been detected'); }); or use the onspeechstart event handler property: recognition.onspeechstart = function() { console.log('speech has been detected'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition.start() - Web APIs
Web › API › SpeechRecognition › start
queryselector('html'); document.body.onclick = function() { recognition.start(); console.log('ready to receive a color command.'); } abortbtn.onclick = function() { recognition.abort(); console.log('speech recognition aborted.'); } recognition.onspeechend = function() { recognition.stop(); console.log('speech recognition has stopped.'); } specifications specification status comment web speech apithe definition of 'start()' in that specification.
SpeechRecognition: start event - Web APIs
Web › API › SpeechRecognition › start event
an addeventlistener method: var recognition = new webkitspeechrecognition() || new speechrecognition(); recognition.addeventlistener('start', function() { console.log('speech recognition service has started'); }); or use the onstart event handler property: recognition.onstart = function() { console.log('speech recognition service has started'); } specifications specification status comment web speech apithe definition of 'speech recognition events' in that specification.
SpeechRecognition.stop() - Web APIs
Web › API › SpeechRecognition › stop
queryselector('html'); document.body.onclick = function() { recognition.start(); console.log('ready to receive a color command.'); } abortbtn.onclick = function() { recognition.abort(); console.log('speech recognition aborted.'); } recognition.onspeechend = function() { recognition.stop(); console.log('speech recognition has stopped.'); } specifications specification status comment web speech apithe definition of 'stop()' in that specification.
SpeechRecognition - Web APIs
Web › API › SpeechRecognition
lector('.output'); var bg = document.queryselector('html'); document.body.onclick = function() { recognition.start(); console.log('ready to receive a color command.'); } recognition.onresult = function(event) { var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color; bg.style.backgroundcolor = color; } specifications specification status comment web speech apithe definition of 'speechrecognition' in that specification.
SpeechRecognitionAlternative.confidence - Web APIs
Web › API › SpeechRecognitionAlternative › confidence
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; console.log('confidence: ' + event.results[0][0].confidence); } specifications specification status comment web speech apithe definition of 'confidence' in that specification.
SpeechRecognitionAlternative.transcript - Web APIs
Web › API › SpeechRecognitionAlternative › transcript
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; } specifications specification status comment web speech apithe definition of 'transcript' in that specification.
SpeechRecognitionAlternative - Web APIs
Web › API › SpeechRecognitionAlternative
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; } specifications specification status comment web speech apithe definition of 'speechrecognitionalternative' in that specification.
SpeechRecognitionErrorEvent.error - Web APIs
Web › API › SpeechRecognitionErrorEvent › error
examples var recognition = new speechrecognition(); recognition.onerror = function(event) { console.log('speech recognition error detected: ' + event.error); console.log('additional information: ' + event.message); } specifications specification status comment web speech apithe definition of 'error' in that specification.
SpeechRecognitionErrorEvent.message - Web APIs
Web › API › SpeechRecognitionErrorEvent › message
examples var recognition = new speechrecognition(); recognition.onerror = function(event) { console.log('speech recognition error detected: ' + event.error); console.log('additional information: ' + event.message); } specifications specification status comment web speech apithe definition of 'message' in that specification.
SpeechRecognitionErrorEvent - Web APIs
Web › API › SpeechRecognitionErrorEvent
examples var recognition = new speechrecognition(); recognition.onerror = function(event) { console.log('speech recognition error detected: ' + event.error); console.log('additional information: ' + event.message); } specifications specification status comment web speech apithe definition of 'speechrecognitionerrorevent' in that specification.
SpeechRecognitionEvent.resultIndex - Web APIs
Web › API › SpeechRecognitionEvent › resultIndex
examples recognition.onresult = function(event) { var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; console.log(event.resultindex); // returns 0 if there is only one result } specifications specification status comment web speech apithe definition of 'resultindex' in that specification.
SpeechRecognitionEvent.results - Web APIs
Web › API › SpeechRecognitionEvent › results
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; } specifications specification status comment web speech apithe definition of 'results' in that specification.
SpeechRecognitionEvent - Web APIs
Web › API › SpeechRecognitionEvent
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; } specifications specification status comment web speech apithe definition of 'speechrecognitionevent' in that specification.
SpeechRecognitionResult.isFinal - Web APIs
Web › API › SpeechRecognitionResult › isFinal
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; console.log(event.results[0].isfinal); } specifications specification status comment web speech apithe definition of 'isfinal' in that specification.
SpeechRecognitionResult.item() - Web APIs
Web › API › SpeechRecognitionResult › item
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; } specifications specification status comment web speech apithe definition of 'item()' in that specification.
SpeechRecognitionResult.length - Web APIs
Web › API › SpeechRecognitionResult › length
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; console.log(event.results[0].length); } specifications specification status comment web speech apithe definition of 'length' in that specification.
SpeechRecognitionResult - Web APIs
Web › API › SpeechRecognitionResult
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; } specifications specification status comment web speech apithe definition of 'speechrecognitionresult' in that specification.
SpeechRecognitionResultList.item() - Web APIs
Web › API › SpeechRecognitionResultList › item
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; } specifications specification status comment web speech apithe definition of 'item()' in that specification.
SpeechRecognitionResultList.length - Web APIs
Web › API › SpeechRecognitionResultList › length
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; console.log(event.results.length); } specifications specification status comment web speech apithe definition of 'length' in that specification.
SpeechRecognitionResultList - Web APIs
Web › API › SpeechRecognitionResultList
// we then return the transcript property of the speechrecognitionalternative object var color = event.results[0][0].transcript; diagnostic.textcontent = 'result received: ' + color + '.'; bg.style.backgroundcolor = color; } specifications specification status comment web speech apithe definition of 'speechrecognitionresultlist' in that specification.
SpeechSynthesis.cancel() - Web APIs
Web › API › SpeechSynthesis › cancel
this is quite a long sentence to say.'); var utterance2 = new speechsynthesisutterance('we should say another sentence too, just to be on the safe side.'); synth.speak(utterance1); synth.speak(utterance2); synth.cancel(); // utterance1 stops being spoken immediately, and both are removed from the queue specifications specification status comment web speech apithe definition of 'cancel()' in that specification.
SpeechSynthesis.getVoices() - Web APIs
Web › API › SpeechSynthesis › getVoices
ces[i].lang); option.setattribute('data-name', voices[i].name); document.getelementbyid("voiceselect").appendchild(option); } } populatevoicelist(); if (typeof speechsynthesis !== 'undefined' && speechsynthesis.onvoiceschanged !== undefined) { speechsynthesis.onvoiceschanged = populatevoicelist; } html <select id="voiceselect"></select> specifications specification status comment web speech apithe definition of 'getvoices()' in that specification.
SpeechSynthesis.onvoiceschanged - Web APIs
Web › API › SpeechSynthesis › onvoiceschanged
if(voices[i].default) { option.textcontent += ' -- default'; } option.setattribute('data-lang', voices[i].lang); option.setattribute('data-name', voices[i].name); voiceselect.appendchild(option); } } populatevoicelist(); if (speechsynthesis.onvoiceschanged !== undefined) { speechsynthesis.onvoiceschanged = populatevoicelist; } specifications specification status comment web speech apithe definition of 'onvoiceschanged' in that specification.
SpeechSynthesis.pause() - Web APIs
Web › API › SpeechSynthesis › pause
this is quite a long sentence to say.'); var utterance2 = new speechsynthesisutterance('we should say another sentence too, just to be on the safe side.'); synth.speak(utterance1); synth.speak(utterance2); synth.pause(); // pauses utterances being spoken specifications specification status comment web speech apithe definition of 'pause()' in that specification.
SpeechSynthesis.paused - Web APIs
Web › API › SpeechSynthesis › paused
examples var synth = window.speechsynthesis; synth.pause(); var amipaused = synth.paused; // will return true specifications specification status comment web speech apithe definition of 'paused' in that specification.
SpeechSynthesis.pending - Web APIs
Web › API › SpeechSynthesis › pending
this is quite a long sentence to say.'); var utterance2 = new speechsynthesisutterance('we should say another sentence too, just to be on the safe side.'); synth.speak(utterance1); synth.speak(utterance2); var amipending = synth.pending; // will return true if utterance 1 is still being spoken and utterance 2 is in the queue specifications specification status comment web speech apithe definition of 'pending' in that specification.
SpeechSynthesis.resume() - Web APIs
Web › API › SpeechSynthesis › resume
this is quite a long sentence to say.'); var utterance2 = new speechsynthesisutterance('we should say another sentence too, just to be on the safe side.'); synth.speak(utterance1); synth.speak(utterance2); synth.pause(); // pauses utterances being spoken synth.resume() // resumes speaking specifications specification status comment web speech apithe definition of 'resume()' in that specification.
SpeechSynthesis.speak() - Web APIs
Web › API › SpeechSynthesis › speak
event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'speak()' in that specification.
SpeechSynthesis.speaking - Web APIs
Web › API › SpeechSynthesis › speaking
this is quite a long sentence to say.'); var utterance2 = new speechsynthesisutterance('we should say another sentence too, just to be on the safe side.'); synth.speak(utterance1); synth.speak(utterance2); var amispeaking = synth.speaking; // will return true if utterance 1 or utterance 2 are currently being spoken specifications specification status comment web speech apithe definition of 'speaking' in that specification.
SpeechSynthesis: voiceschanged event - Web APIs
Web › API › SpeechSynthesis › voiceschanged event
tion() { var voices = synth.getvoices(); for(i = 0; i < voices.length ; i++) { var option = document.createelement('option'); option.textcontent = voices[i].name + ' (' + voices[i].lang + ')'; option.setattribute('data-lang', voices[i].lang); option.setattribute('data-name', voices[i].name); voiceselect.appendchild(option); } } specifications specification status comment web speech apithe definition of 'speech synthesis events' in that specification.
SpeechSynthesis - Web APIs
Web › API › SpeechSynthesis
ynthesisutterance(inputtxt.value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } utterthis.pitch = pitch.value; utterthis.rate = rate.value; synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'speechsynthesis' in that specification.
SpeechSynthesisErrorEvent.error - Web APIs
Web › API › SpeechSynthesisErrorEvent › error
t.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onerror = function(event) { console.error('an error has occurred with the speech synthesis: ' + event.error); } inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'error' in that specification.
SpeechSynthesisErrorEvent - Web APIs
Web › API › SpeechSynthesisErrorEvent
ect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onerror = function(event) { console.log('an error has occurred with the speech synthesis: ' + event.error); } inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'speechsynthesiserrorevent' in that specification.
SpeechSynthesisEvent.charIndex - Web APIs
Web › API › SpeechSynthesisEvent › charIndex
examples utterthis.onpause = function(event) { var char = event.utterance.text.charat(event.charindex); console.log('speech paused at character ' + event.charindex + ' of "' + event.utterance.text + '", which is "' + char + '".'); } specifications specification status comment web speech apithe definition of 'charindex' in that specification.
SpeechSynthesisEvent.elapsedTime - Web APIs
Web › API › SpeechSynthesisEvent › elapsedTime
examples utterthis.onboundary = function(event) { console.log(event.name + ' boundary reached after ' + event.elapsedtime + ' seconds.'); } specifications specification status comment web speech apithe definition of 'elapsedtime' in that specification.
SpeechSynthesisEvent.name - Web APIs
Web › API › SpeechSynthesisEvent › name
examples utterthis.onboundary = function(event) { console.log(event.name + ' boundary reached after ' + event.elapsedtime + ' milliseconds.'); } specifications specification status comment web speech apithe definition of 'name' in that specification.
SpeechSynthesisEvent.utterance - Web APIs
Web › API › SpeechSynthesisEvent › utterance
examples utterthis.onpause = function(event) { var char = event.utterance.text.charat(event.charindex); console.log('speech paused at character ' + event.charindex + ' of "' + event.utterance.text + '", which is "' + char + '".'); } specifications specification status comment web speech apithe definition of 'utterance' in that specification.
SpeechSynthesisEvent - Web APIs
Web › API › SpeechSynthesisEvent
pause = function(event) { var char = event.utterance.text.charat(event.charindex); console.log('speech paused at character ' + event.charindex + ' of "' + event.utterance.text + '", which is "' + char + '".'); } utterthis.onboundary = function(event) { console.log(event.name + ' boundary reached after ' + event.elapsedtime + ' milliseconds.'); } specifications specification status comment web speech apithe definition of 'speechsynthesisevent' in that specification.
SpeechSynthesisUtterance.SpeechSynthesisUtterance() - Web APIs
Web › API › SpeechSynthesisUtterance › SpeechSynthesisUtterance
event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'speechsynthesisutterance()' in that specification.
SpeechSynthesisUtterance: boundary event - Web APIs
Web › API › SpeechSynthesisUtterance › boundary event
tener method: utterthis.addeventlistener('boundary', function(event) { console.log(event.name + ' boundary reached after ' + event.elapsedtime + ' milliseconds.'); }); or use the onboundary event handler property: utterthis.onboundary = function(event) { console.log(event.name + ' boundary reached after ' + event.elapsedtime + ' milliseconds.'); } specifications specification status comment web speech apithe definition of 'speech synthesis utterance events' in that specification.
SpeechSynthesisUtterance: end event - Web APIs
Web › API › SpeechSynthesisUtterance › end event
ntlistener method: utterthis.addeventlistener('end', function(event) { console.log('utterance has finished being spoken after ' + event.elapsedtime + ' milliseconds.'); }); or use the onend event handler property: utterthis.onend = function(event) { console.log('utterance has finished being spoken after ' + event.elapsedtime + ' milliseconds.'); } specifications specification status comment web speech apithe definition of 'speech synthesis utterance events' in that specification.
SpeechSynthesisUtterance: error event - Web APIs
Web › API › SpeechSynthesisUtterance › error event
the error event in an addeventlistener method: utterthis.addeventlistener('error', function(event) { console.log('an error has occurred with the speech synthesis: ' + event.error'); }); or use the onerror event handler property: utterthis.onerror = function(event) { console.log('an error has occurred with the speech synthesis: ' + event.error'); } specifications specification status comment web speech apithe definition of 'speech synthesis utterance events' in that specification.
SpeechSynthesisUtterance.lang - Web APIs
Web › API › SpeechSynthesisUtterance › lang
ult(); var utterthis = new speechsynthesisutterance(inputtxt.value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } utterthis.lang = 'en-us'; synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'lang' in that specification.
SpeechSynthesisUtterance: mark event - Web APIs
Web › API › SpeechSynthesisUtterance › mark event
event handler property onmark examples you can use the mark event in an addeventlistener method: utterthis.addeventlistener('mark', function(event) { console.log('a mark was reached: ' + event.name); }); or use the onmark event handler property: utterthis.onmark = function(event) { console.log('a mark was reached: ' + event.name); } specifications specification status comment web speech apithe definition of 'speech synthesis utterance events' in that specification.
SpeechSynthesisUtterance.onboundary - Web APIs
Web › API › SpeechSynthesisUtterance › onboundary
ons[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onboundary = function(event) { console.log(event.name + ' boundary reached after ' + event.elapsedtime + ' milliseconds.'); } inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'onboundary' in that specification.
SpeechSynthesisUtterance.onend - Web APIs
Web › API › SpeechSynthesisUtterance › onend
ons[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onend = function(event) { console.log('utterance has finished being spoken after ' + event.elapsedtime + ' milliseconds.'); } inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'onend' in that specification.
SpeechSynthesisUtterance.onerror - Web APIs
Web › API › SpeechSynthesisUtterance › onerror
ect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onerror = function(event) { console.log('an error has occurred with the speech synthesis: ' + event.error); } inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'onerror' in that specification.
SpeechSynthesisUtterance.onmark - Web APIs
Web › API › SpeechSynthesisUtterance › onmark
var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onmark = function(event) { console.log('a mark was reached: ' + event.name); } inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'onmark' in that specification.
SpeechSynthesisUtterance.onpause - Web APIs
Web › API › SpeechSynthesisUtterance › onpause
eselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onpause = function(event) { console.log('speech paused after ' + event.elapsedtime + ' milliseconds.'); } inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'onpause' in that specification.
SpeechSynthesisUtterance.onresume - Web APIs
Web › API › SpeechSynthesisUtterance › onresume
elect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onresume = function(event) { console.log('speech resumed after ' + event.elapsedtime + ' milliseconds.'); } inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'onresume' in that specification.
SpeechSynthesisUtterance.onstart - Web APIs
Web › API › SpeechSynthesisUtterance › onstart
elect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); utterthis.onstart = function(event) { console.log('we have started uttering this speech: ' + event.utterance.text); } inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'onstart' in that specification.
SpeechSynthesisUtterance: pause event - Web APIs
Web › API › SpeechSynthesisUtterance › pause event
u can use the pause event in an addeventlistener method: utterthis.addeventlistener('pause', function(event) { console.log('speech paused after ' + event.elapsedtime + ' milliseconds.'); }); or use the onpause event handler property: utterthis.onpause = function(event) { console.log('speech paused after ' + event.elapsedtime + ' milliseconds.'); } specifications specification status comment web speech apithe definition of 'speech synthesis utterance events' in that specification.
SpeechSynthesisUtterance.pitch - Web APIs
Web › API › SpeechSynthesisUtterance › pitch
efault(); var utterthis = new speechsynthesisutterance(inputtxt.value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } utterthis.pitch = 1.5; synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'pitch' in that specification.
SpeechSynthesisUtterance.rate - Web APIs
Web › API › SpeechSynthesisUtterance › rate
default(); var utterthis = new speechsynthesisutterance(inputtxt.value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } utterthis.rate = 1.5; synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'rate' in that specification.
SpeechSynthesisUtterance: resume event - Web APIs
Web › API › SpeechSynthesisUtterance › resume event
use the resume event in an addeventlistener method: utterthis.addeventlistener('resume', function(event) { console.log('speech resumed after ' + event.elapsedtime + ' milliseconds.'); }); or use the onresume event handler property: utterthis.onresume = function(event) { console.log('speech resumed after ' + event.elapsedtime + ' milliseconds.'); } specifications specification status comment web speech apithe definition of 'speech synthesis utterance events' in that specification.
SpeechSynthesisUtterance: start event - Web APIs
Web › API › SpeechSynthesisUtterance › start event
n use the start event in an addeventlistener method: utterthis.addeventlistener('start', function(event) { console.log('we have started uttering this speech: ' + event.utterance.text); }); or use the onstart event handler property: utterthis.onstart = function(event) { console.log('we have started uttering this speech: ' + event.utterance.text); } specifications specification status comment web speech apithe definition of 'speech synthesis utterance events' in that specification.
SpeechSynthesisUtterance.text - Web APIs
Web › API › SpeechSynthesisUtterance › text
(); var utterthis = new speechsynthesisutterance(inputtxt.value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } console.log(utterthis.text); synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'text' in that specification.
SpeechSynthesisUtterance.voice - Web APIs
Web › API › SpeechSynthesisUtterance › voice
event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'voice' in that specification.
SpeechSynthesisUtterance.volume - Web APIs
Web › API › SpeechSynthesisUtterance › volume
fault(); var utterthis = new speechsynthesisutterance(inputtxt.value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } utterthis.volume = 0.5; synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'volume' in that specification.
SpeechSynthesisUtterance - Web APIs
Web › API › SpeechSynthesisUtterance
on'); option.textcontent = voices[i].name + ' (' + voices[i].lang + ')'; option.value = i; voiceselect.appendchild(option); } inputform.onsubmit = function(event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.value); utterthis.voice = voices[voiceselect.value]; synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'speechsynthesisutterance' in that specification.
SpeechSynthesisVoice.default - Web APIs
Web › API › SpeechSynthesisVoice › default
< voices.length ; i++) { var option = document.createelement('option'); option.textcontent = voices[i].name + ' (' + voices[i].lang + ')'; if(voices[i].default) { option.textcontent += ' -- default'; } option.setattribute('data-lang', voices[i].lang); option.setattribute('data-name', voices[i].name); voiceselect.appendchild(option); } specifications specification status comment web speech apithe definition of 'default' in that specification.
SpeechSynthesisVoice.lang - Web APIs
Web › API › SpeechSynthesisVoice › lang
< voices.length ; i++) { var option = document.createelement('option'); option.textcontent = voices[i].name + ' (' + voices[i].lang + ')'; if(voices[i].default) { option.textcontent += ' -- default'; } option.setattribute('data-lang', voices[i].lang); option.setattribute('data-name', voices[i].name); voiceselect.appendchild(option); } specifications specification status comment web speech apithe definition of 'lang' in that specification.
SpeechSynthesisVoice.localService - Web APIs
Web › API › SpeechSynthesisVoice › localService
document.createelement('option'); option.textcontent = voices[i].name + ' (' + voices[i].lang + ')'; if(voices[i].default) { option.textcontent += ' -- default'; } console.log(voices[i].localservice); option.setattribute('data-lang', voices[i].lang); option.setattribute('data-name', voices[i].name); voiceselect.appendchild(option); } specifications specification status comment web speech apithe definition of 'localservice' in that specification.
SpeechSynthesisVoice.name - Web APIs
Web › API › SpeechSynthesisVoice › name
< voices.length ; i++) { var option = document.createelement('option'); option.textcontent = voices[i].name + ' (' + voices[i].lang + ')'; if(voices[i].default) { option.textcontent += ' -- default'; } option.setattribute('data-lang', voices[i].lang); option.setattribute('data-name', voices[i].name); voiceselect.appendchild(option); } specifications specification status comment web speech apithe definition of 'name' in that specification.
SpeechSynthesisVoice.voiceURI - Web APIs
Web › API › SpeechSynthesisVoice › voiceURI
')'; if(voices[i].default) { option.textcontent += ' -- default'; } console.log(voices[i].voiceuri); // on mac, this returns urns, for example 'urn:moz-tts:osx:com.apple.speech.synthesis.voice.daniel' option.setattribute('data-lang', voices[i].lang); option.setattribute('data-name', voices[i].name); voiceselect.appendchild(option); } specifications specification status comment web speech apithe definition of 'voiceuri' in that specification.
SpeechSynthesisVoice - Web APIs
Web › API › SpeechSynthesisVoice
} utterthis.pitch = pitch.value; utterthis.rate = rate.value; synth.speak(utterthis); utterthis.onpause = function(event) { var char = event.utterance.text.charat(event.charindex); console.log('speech paused at character ' + event.charindex + ' of "' + event.utterance.text + '", which is "' + char + '".'); } inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'speechsynthesisvoice' in that specification.
StaticRange.StaticRange() - Web APIs
Web › API › StaticRange › StaticRange
specifications specification status comment domthe definition of 'staticrange()' in that specification.
StaticRange.collapsed - Web APIs
Web › API › StaticRange › collapsed
specifications specification status comment domthe definition of 'collapsed' in that specification.
StaticRange.endContainer - Web APIs
Web › API › StaticRange › endContainer
specifications specification status comment domthe definition of 'endcontainer' in that specification.
StaticRange.endOffset - Web APIs
Web › API › StaticRange › endOffset
specifications specification status comment domthe definition of 'endoffset' in that specification.
StaticRange.startContainer - Web APIs
Web › API › StaticRange › startContainer
specifications specification status comment domthe definition of 'startcontainer ' in that specification.
StaticRange.startOffset - Web APIs
Web › API › StaticRange › startOffset
specifications specification status comment domthe definition of 'startoffset' in that specification.
StaticRange.toRange() - Web APIs
Web › API › StaticRange › toRange
specifications specification status comment static rangethe definition of 'torange()' in that specification.
StaticRange - Web APIs
Web › API › StaticRange
specifications specification status comment domthe definition of 'staticrange' in that specification.
StereoPannerNode.StereoPannerNode() - Web APIs
Web › API › StereoPannerNode › StereoPannerNode
specifications specification status comment web audio apithe definition of 'stereopannernode()' in that specification.
StereoPannerNode.pan - Web APIs
Web › API › StereoPannerNode › pan
unction() { pannode.pan.setvalueattime(pancontrol.value, audioctx.currenttime); panvalue.innerhtml = pancontrol.value; } // connect the mediaelementaudiosourcenode to the pannode // and the pannode to the destination, so we can play the // music and adjust the panning using the controls source.connect(pannode); pannode.connect(audioctx.destination); specifications specification status comment web audio apithe definition of 'pan' in that specification.
StereoPannerNode - Web APIs
Web › API › StereoPannerNode
unction() { pannode.pan.setvalueattime(pancontrol.value, audioctx.currenttime); panvalue.innerhtml = pancontrol.value; } // connect the mediaelementaudiosourcenode to the pannode // and the pannode to the destination, so we can play the // music and adjust the panning using the controls source.connect(pannode); pannode.connect(audioctx.destination); specifications specification status comment web audio apithe definition of 'stereopannernode' in that specification.
Storage.clear() - Web APIs
Web › API › Storage › clear
specifications specification status comment html living standardthe definition of 'storage.clear' in that specification.
Storage.getItem() - Web APIs
Web › API › Storage › getItem
specifications specification status comment html living standardthe definition of 'storage.getitem' in that specification.
Storage.key() - Web APIs
Web › API › Storage › key
specifications specification status comment html living standardthe definition of 'storage.key' in that specification.
Storage.length - Web APIs
Web › API › Storage › length
specifications specification status comment html living standardthe definition of 'storage.length' in that specification.
Storage.removeItem() - Web APIs
Web › API › Storage › removeItem
specifications specification status comment html living standardthe definition of 'storage.removeitem' in that specification.
Storage.setItem() - Web APIs
Web › API › Storage › setItem
specifications specification status comment html living standardthe definition of 'storage.setitem' in that specification.
Storage - Web APIs
Web › API › Storage
specifications specification status comment html living standardthe definition of 'storage' in that specification.
StorageEstimate.quota - Web APIs
Web › API › StorageEstimate › quota
</label> javascript content navigator.storage.estimate().then(function(estimate) { document.getelementbyid("percent").value = (estimate.usage / estimate.quota * 100).tofixed(2); }); result specifications specification status comment storagethe definition of 'quota' in that specification.
StorageEstimate.usage - Web APIs
Web › API › StorageEstimate › usage
</label> javascript content navigator.storage.estimate().then(function(estimate) { document.getelementbyid("percent").value = (estimate.usage / estimate.quota * 100).tofixed(2); }); result specifications specification status comment storagethe definition of 'usage' in that specification.
StorageEstimate - Web APIs
Web › API › StorageEstimate
specifications specification status comment storagethe definition of 'storageestimate' in that specification.
StorageManager.estimate() - Web APIs
Web › API › StorageManager › estimate
</label> javascript content navigator.storage.estimate().then(function(estimate) { document.getelementbyid("percent").value = (estimate.usage / estimate.quota * 100).tofixed(2); }); result specifications specification status comment storagethe definition of 'estimate()' in that specification.
StorageManager.persist() - Web APIs
Web › API › StorageManager › persist
example if (navigator.storage && navigator.storage.persist) navigator.storage.persist().then(function(persistent) { if (persistent) console.log("storage will not be cleared except by explicit user action"); else console.log("storage may be cleared by the ua under storage pressure."); }); specifications specification status comment storagethe definition of 'persist' in that specification.
StorageManager.persisted() - Web APIs
Web › API › StorageManager › persisted
example if (navigator.storage && navigator.storage.persist) navigator.storage.persisted().then(function(persistent) { if (persistent) console.log("storage will not be cleared except by explicit user action"); else console.log("storage may be cleared by the ua under storage pressure."); }); specifications specification status comment storagethe definition of 'persisted' in that specification.
StorageManager - Web APIs
Web › API › StorageManager
specifications specification status comment storagethe definition of 'storagemanger' in that specification.
StorageQuota.queryInfo - Web APIs
Web › API › StorageQuota › queryInfo
specifications specification status comment quota management apithe definition of 'queryinfo()' in that specification.
StorageQuota.requestPersistentQuota - Web APIs
Web › API › StorageQuota › requestPersistentQuota
specifications specification status comment quota management apithe definition of 'requestpersistentquota()' in that specification.
StorageQuota.supportedTypes - Web APIs
Web › API › StorageQuota › supportedTypes
specifications specification status comment quota management apithe definition of 'supportedtypes' in that specification.
StorageQuota - Web APIs
Web › API › StorageQuota
specifications specification status comment quota management apithe definition of 'storagequota' in that specification.
Storage API - Web APIs
Web › API › Storage API
for example: navigator.storage.estimate().then(estimate => { // estimate.quota is the estimated quota // estimate.usage is the estimated number of bytes used }); specifications specification status comment storage living standard initial definition.
Streams API - Web APIs
Web › API › Streams API
specifications specification status comment streams living standard initial definition.
StylePropertyMap.append() - Web APIs
Web › API › StylePropertyMap › append
example // tbd specifications specification status comment css typed om level 1the definition of 'append()' in that specification.
StylePropertyMap.clear() - Web APIs
Web › API › StylePropertyMap › clear
return value undefined example // tbd specifications specification status comment css typed om level 1the definition of 'clear()' in that specification.
StylePropertyMap.delete() - Web APIs
Web › API › StylePropertyMap › delete
return value undefined example // tbd specifications specification status comment css typed om level 1the definition of 'delete()' in that specification.
StylePropertyMap.set() - Web APIs
Web › API › StylePropertyMap › set
return value undefined example // tbd specifications specification status comment css typed om level 1the definition of 'set()' in that specification.
StylePropertyMap - Web APIs
Web › API › StylePropertyMap
specifications specification status comment css typed om level 1the definition of 'stylepropertymap' in that specification.
StylePropertyMapReadOnly.entries() - Web APIs
Web › API › StylePropertyMapReadOnly › entries
example // tbd specifications specification status comment css typed om level 1the definition of 'entries()' in that specification.
StylePropertyMapReadOnly.forEach() - Web APIs
Web › API › StylePropertyMapReadOnly › forEach
example // tbd specifications specification status comment css typed om level 1the definition of 'foreach()' in that specification.
StylePropertyMapReadOnly.get() - Web APIs
Web › API › StylePropertyMapReadOnly › get
// properties const cssproperty = document.createelement('dt'); cssproperty.appendchild(document.createtextnode(ofinterest[i])); styleslist.appendchild(cssproperty); // values const cssvalue = document.createelement('dd'); cssvalue.appendchild(document.createtextnode( stylemap.get(ofinterest[i]))); styleslist.appendchild(cssvalue); } specifications specification status comment css typed om level 1the definition of 'get()' in that specification.
StylePropertyMapReadOnly.getAll() - Web APIs
Web › API › StylePropertyMapReadOnly › getAll
example // tbd specifications specification status comment css typed om level 1the definition of 'getall()' in that specification.
StylePropertyMapReadOnly.has() - Web APIs
Web › API › StylePropertyMapReadOnly › has
example // tbd specifications specification status comment css typed om level 1the definition of 'has()' in that specification.
StylePropertyMapReadOnly.keys() - Web APIs
Web › API › StylePropertyMapReadOnly › keys
example // tbd specifications specification status comment css typed om level 1the definition of 'keys()' in that specification.
StylePropertyMapReadOnly.size - Web APIs
Web › API › StylePropertyMapReadOnly › size
example // tbd specifications specification status comment css typed om level 1the definition of 'size' in that specification.
StylePropertyMapReadOnly.values() - Web APIs
Web › API › StylePropertyMapReadOnly › values
example // tbd specifications specification status comment css typed om level 1the definition of 'values()' in that specification.
StylePropertyMapReadOnly - Web APIs
Web › API › StylePropertyMapReadOnly
r (const [prop, val] of stylepropertymap) { // properties const cssproperty = document.createelement('dt'); cssproperty.appendchild(document.createtextnode(prop)); styleslist.appendchild(cssproperty); // values const cssvalue = document.createelement('dd'); cssvalue.appendchild(document.createtextnode(val)); styleslist.appendchild(cssvalue); } specifications specification status comment css typed om level 1the definition of 'stylepropertymapreadonly' in that specification.
StyleSheet.disabled - Web APIs
Web › API › StyleSheet › disabled
} specification specification status comment css object model (cssom)the definition of 'stylesheet.disabled' in that specification.
Stylesheet.href - Web APIs
Web › API › StyleSheet › href
specifications specification status comment css object model (cssom)the definition of 'stylesheet: href' in that specification.
StyleSheet.media - Web APIs
Web › API › StyleSheet › media
+ string(isheetindex) + '].media: ' + json.stringify(document.stylesheets[isheetindex].media)); } /* will log: document.stylesheets[0].media: {"0":"screen"} document.stylesheets[0].media: {"0":"screen","1":"handheld"} document.stylesheets[1].media: {"0":"screen","1":"print"} document.stylesheets[1].media: {"0":"screen"} */ </script> </body> </html> specifications specification status comment css object model (cssom)the definition of 'stylesheet: media' in that specification.
StyleSheet.ownerNode - Web APIs
Web › API › StyleSheet › ownerNode
specifications specification status comment css object model (cssom)the definition of 'stylesheet: ownernode' in that specification.
StyleSheet.parentStyleSheet - Web APIs
Web › API › StyleSheet › parentStyleSheet
specifications specification status comment css object model (cssom)the definition of 'stylesheet: parentstylesheet' in that specification.
StyleSheet.title - Web APIs
Web › API › StyleSheet › title
specifications specification status comment css object model (cssom)the definition of 'stylesheet: title' in that specification.
StyleSheet.type - Web APIs
Web › API › StyleSheet › type
syntax string = stylesheet.type example mystylesheet.type = 'text/css'; specifications specification status comment css object model (cssom)the definition of 'stylesheet: type' in that specification.
StyleSheet - Web APIs
Web › API › StyleSheet
specifications specification status comment css object model (cssom)the definition of 'stylesheet' in that specification.
StyleSheetList - Web APIs
Web › API › StyleSheetList
ignoring...', stylesheet.href); } }) .filter(boolean) .join('\n'); specifications specification status comment css object model (cssom)the definition of 'cssstylesheetlist' in that specification.
SubmitEvent() - Web APIs
Web › API › SubmitEvent › SubmitEvent
specifications specification status comment html living standardthe definition of 'submitevent()' in that specification.
SubmitEvent.submitter - Web APIs
Web › API › SubmitEvent › submitter
specifications specification status comment html living standardthe definition of 'submitevent.submitter' in that specification.
SubmitEvent - Web APIs
Web › API › SubmitEvent
specifications specification status comment html living standardthe definition of 'submitevent' in that specification.
SubtleCrypto.decrypt() - Web APIs
Web › API › SubtleCrypto › decrypt
function decryptmessage(key, ciphertext) { return window.crypto.subtle.decrypt( { name: "aes-gcm", iv: iv }, key, ciphertext ); } specifications specification status comment web cryptography apithe definition of 'subtlecrypto.decrypt()' in that specification.
SubtleCrypto.deriveBits() - Web APIs
Web › API › SubtleCrypto › deriveBits
ivedbitsvalue.addeventlistener("animationend", () => { derivedbitsvalue.classlist.remove("fade-in"); }); derivedbitsvalue.textcontent = `${buffer}...[${derivedbits.bytelength} bytes total]`; } const derivebitsbutton = document.queryselector(".pbkdf2 .derive-bits-button"); derivebitsbutton.addeventlistener("click", () => { getderivedbits(); }); specifications specification status comment web cryptography apithe definition of 'subtlecrypto.derivebits()' in that specification.
SubtleCrypto.deriveKey() - Web APIs
Web › API › SubtleCrypto › deriveKey
ow.crypto.subtle.derivekey( { "name": "pbkdf2", salt: salt, "iterations": 100000, "hash": "sha-256" }, keymaterial, { "name": "aes-gcm", "length": 256}, true, [ "encrypt", "decrypt" ] ); return window.crypto.subtle.encrypt( { name: "aes-gcm", iv: iv }, key, plaintext ); } specifications specification status comment web cryptography apithe definition of 'subtlecrypto.derivekey()' in that specification.
SubtleCrypto.digest() - Web APIs
Web › API › SubtleCrypto › digest
, msguint8); // hash the message const hasharray = array.from(new uint8array(hashbuffer)); // convert buffer to byte array const hashhex = hasharray.map(b => b.tostring(16).padstart(2, '0')).join(''); // convert bytes to hex string return hashhex; } const digesthex = await digestmessage(text); console.log(digesthex); specifications specification status comment web cryptography apithe definition of 'subtlecrypto.digest()' in that specification.
SubtleCrypto.encrypt() - Web APIs
Web › API › SubtleCrypto › encrypt
ebox.value; let enc = new textencoder(); return enc.encode(message); } function encryptmessage(key) { let encoded = getmessageencoding(); // iv will be needed for decryption iv = window.crypto.getrandomvalues(new uint8array(12)); return window.crypto.subtle.encrypt( { name: "aes-gcm", iv: iv }, key, encoded ); } specifications specification status comment web cryptography apithe definition of 'subtlecrypto.encrypt()' in that specification.
SubtleCrypto.exportKey() - Web APIs
Web › API › SubtleCrypto › exportKey
*/ window.crypto.subtle.generatekey( { name: "ecdsa", namedcurve: "p-384" }, true, ["sign", "verify"] ).then((keypair) => { const exportbutton = document.queryselector(".jwk"); exportbutton.addeventlistener("click", () => { exportcryptokey(keypair.privatekey); }); }); specifications specification status comment web cryptography apithe definition of 'subtlecrypto.exportkey()' in that specification.
SubtleCrypto.generateKey() - Web APIs
Web › API › SubtleCrypto › generateKey
let key = window.crypto.subtle.generatekey( { name: "aes-gcm", length: 256 }, true, ["encrypt", "decrypt"] ); specifications specification status comment web cryptography apithe definition of 'subtlecrypto.generatekey()' in that specification.
SubtleCrypto.importKey() - Web APIs
Web › API › SubtleCrypto › importKey
*/ function importprivatekey(jwk) { return window.crypto.subtle.importkey( "jwk", jwk, { name: "ecdsa", namedcurve: "p-384" }, true, ["sign"] ); } specifications specification status comment web cryptography apithe definition of 'subtlecrypto.importkey()' in that specification.
SubtleCrypto.sign() - Web APIs
Web › API › SubtleCrypto › sign
*/ function getmessageencoding() { const messagebox = document.queryselector(".hmac #message"); let message = messagebox.value; let enc = new textencoder(); return enc.encode(message); } let encoded = getmessageencoding(); let signature = await window.crypto.subtle.sign( "hmac", key, encoded ); specifications specification status comment web cryptography apithe definition of 'subtlecrypto.sign()' in that specification.
SubtleCrypto.unwrapKey() - Web APIs
Web › API › SubtleCrypto › unwrapKey
// algorithm params for key encryption key name: "aes-gcm", iv: ivbuffer }, { // algorithm params for key to unwrap name: "rsa-pss", hash: "sha-256" }, true, // extractability of key to unwrap ["sign"] // key usages for key to unwrap ); } specifications specification status comment web cryptography apithe definition of 'subtlecrypto.unwrapkey()' in that specification.
SubtleCrypto.verify() - Web APIs
Web › API › SubtleCrypto › verify
"valid" : "invalid"); } specifications specification status comment web cryptography apithe definition of 'subtlecrypto.verify()' in that specification.
SubtleCrypto.wrapKey() - Web APIs
Web › API › SubtleCrypto › wrapKey
name: "aes-gcm", iv: iv } ); } /* generate a sign/verify key pair, then wrap the private key */ window.crypto.subtle.generatekey( { name: "ecdsa", namedcurve: "p-384" }, true, ["sign", "verify"] ) .then((keypair) => { return wrapcryptokey(keypair.privatekey); }) .then((wrappedkey) => { console.log(wrappedkey); }); specifications specification status comment web cryptography apithe definition of 'subtlecrypto.wrapkey()' in that specification.
SubtleCrypto - Web APIs
Web › API › SubtleCrypto
aes-gcm ✓ ✓ sha-1 ✓ sha-256 ✓ sha-384 ✓ sha-512 ✓ ecdh ✓ hkdf ✓ pbkdf2 ✓ aes-kw ✓ specifications specification status comment web cryptography apithe definition of 'subtlecrypto' in that specification.
SyncEvent.tag - Web APIs
Web › API › SyncEvent › tag
specifications specification status comment web background synchronizationthe definition of 'tag' in that specification.
SyncManager - Web APIs
Web › API › SyncManager
specifications specification status comment web background synchronizationthe definition of 'syncmanager' in that specification.
TaskAttributionTiming.containerId - Web APIs
Web › API › TaskAttributionTiming › containerId
specifications specification status comment long tasks api 1the definition of 'containerid' in that specification.
TaskAttributionTiming.containerName - Web APIs
Web › API › TaskAttributionTiming › containerName
specifications specification status comment long tasks api 1the definition of 'containername' in that specification.
TaskAttributionTiming.containerSrc - Web APIs
Web › API › TaskAttributionTiming › containerSrc
specifications specification status comment long tasks api 1the definition of 'containersrc' in that specification.
TaskAttributionTiming.containerType - Web APIs
Web › API › TaskAttributionTiming › containerType
specifications specification status comment long tasks api 1the definition of 'containertype' in that specification.
TaskAttributionTiming - Web APIs
Web › API › TaskAttributionTiming
specifications specification status comment long tasks api 1the definition of 'taskattributiontiming' in that specification.
Text() - Web APIs
Web › API › Text › Text
syntax text1 = new text(); // create an empty text node text2 = new text("this is a text node"); example let text = new text("test"); specifications specification status comment domthe definition of 'text()' in that specification.
HTMLSlotElement.assignedSlot - Web APIs
Web › API › Text › assignedSlot
specifications specification status comment domthe definition of 'assignedslot' in that specification.
Text.replaceWholeText() - Web APIs
Web › API › Text › replaceWholeText
specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'text' in that specification.
Text.splitText() - Web APIs
Web › API › Text › splitText
o two text nodes, 'foo' and 'bar', // and save 'bar' as a const const bar = foobar.splittext(3); // create a <u> element containing ' new content ' const u = document.createelement('u'); u.appendchild(document.createtextnode(' new content ')); // add <u> before 'bar' p.insertbefore(u, bar); // the result is: <p>foo<u> new content </u>bar</p> result specifications specification status comment domthe definition of 'text.splittext' in that specification.
Text.wholeText - Web APIs
Web › API › Text › wholeText
specifications specification status comment domthe definition of 'text.wholetext' in that specification.
Text - Web APIs
Web › API › Text
specifications specification status comment domthe definition of 'text' in that specification.
TextDecoder() - Web APIs
Web › API › TextDecoder › TextDecoder
specifications specification status comment encodingthe definition of 'textdecoder()' in that specification.
TextDecoder.prototype.decode() - Web APIs
Web › API › TextDecoder › decode
-value"></span></p> javascript const encoder = new textencoder(); const array = encoder.encode('€'); // uint8array(3) [226, 130, 172] document.getelementbyid('encoded-value').textcontent = array; const decoder = new textdecoder(); const str = decoder.decode(array); // string "€" document.getelementbyid('decoded-value').textcontent = str; result specifications specification status comment encodingthe definition of 'textdecoder.decode()' in that specification.
TextDecoder.prototype.encoding - Web APIs
Web › API › TextDecoder › encoding
syntax var b = decoder.decoding; specifications specification status comment encodingthe definition of 'textdecoder.encoding' in that specification.
TextDecoder - Web APIs
Web › API › TextDecoder
specifications specification status comment encodingthe definition of 'textdecoder' in that specification.
TextEncoder() - Web APIs
Web › API › TextEncoder › TextEncoder
specifications specification status comment encodingthe definition of 'textencoder()' in that specification.
TextEncoder.prototype.encode() - Web APIs
Web › API › TextEncoder › encode
<p class="source">this is a sample paragraph.</p> <p class="result">encoded result: </p> const sourcepara = document.queryselector('.source'); const resultpara = document.queryselector('.result'); const string = sourcepara.textcontent; const textencoder = new textencoder(); let encoded = textencoder.encode(string); resultpara.textcontent += encoded; specifications specification status comment encodingthe definition of 'textencoder.prototype.encode()' in that specification.
TextEncoder.prototype.encodeInto() - Web APIs
Web › API › TextEncoder › encodeInto
this : self : global); source: https://github.com/anonyco/fastestsmallesttextencoderdecoder specifications specification status comment encodingthe definition of 'textencoder.encode()' in that specification.
TextEncoder.encoding - Web APIs
Web › API › TextEncoder › encoding
syntax b = encoder.encoding; specifications specification status comment encodingthe definition of 'textencoder.encoding' in that specification.
TextEncoder - Web APIs
Web › API › TextEncoder
ypeof(this)) return"utf-8"; else throw typeerror("illegal invocation");} }); } catch(e) { /*ie6-8 fallback*/ textencoder.prototype.encoding = "utf-8"; } if(typeof symbol!=="undefined")textencoder.prototype[symbol.tostringtag]="textencoder"; } source: https://github.com/anonyco/fastestsmallesttextencoderdecoder specifications specification status comment encodingthe definition of 'textencoder' in that specification.
TextTrack: cuechange event - Web APIs
Web › API › TextTrack › cuechange event
lem = document.getelementbyid("texttrack"); texttrackelem.addeventlistener("cuechange", (event) => { let cues = event.target.track.activecues; }); in addition, you can use the oncuechange event handler: let texttrackelem = document.getelementbyid("texttrack"); texttrackelem.oncuechange = (event) => { let cues = event.target.track.activecues; }); specifications specification status html living standardthe definition of 'cuechange' in that specification.
TextTrack.mode - Web APIs
Web › API › TextTrack › mode
window.addeventlistener("load", event => { let trackelem = document.queryselector("track"); let track = trackelem.track; track.mode = "showing"; for (let index=0; index < track.cues.length; index++) { let cue = track.cues[index]; cue.pauseonexit = true; }; }); specifications specification status comment html living standardthe definition of 'mode' in that specification.
TextTrack - Web APIs
Web › API › TextTrack
example tbd specifications specification status comment html living standardthe definition of 'texttrack' in that specification.
TextTrackCue - Web APIs
Web › API › TextTrackCue
specifications specification status comment html living standardthe definition of 'texttrackcue' in that specification.
TextTrackList: addtrack event - Web APIs
Web › API › TextTrackList › addtrack event
audio'); mediaelement.texttracks.addeventlistener('addtrack', (event) => { console.log(`text track: ${event.track.label} added`); }); using the onaddtrack event handler property: const mediaelement = document.queryselector('video, audio'); mediaelement.texttracks.onaddtrack = (event) => { console.log(`text track: ${event.track.label} added`); }; specifications specification status html living standardthe definition of 'addtrack' in that specification.
TextTrackList: change event - Web APIs
Web › API › TextTrackList › change event
ryselectorall('video, audio')[0]; mediaelement.texttracks.addeventlistener('change', (event) => { console.log(`'${event.type}' event fired`); }); using the onchange event handler property: const mediaelement = document.queryselector('video, audio'); mediaelement.texttracks.onchange = (event) => { console.log(`'${event.type}' event fired`); }; specifications specification status html living standardthe definition of 'change' in that specification.
getTrackById() - Web APIs
Web › API › TextTrackList › getTrackById
specifications specification status comment html living standardthe definition of 'texttracklist.gettrackbyid()' in that specification.
TextTrackList.length - Web APIs
Web › API › TextTrackList › length
specifications specification status comment html living standardthe definition of 'texttracklist: length' in that specification.
TextTrackList.onaddtrack - Web APIs
Web › API › TextTrackList › onaddtrack
document.queryselector("video").texttracks.onaddtrack = function(event) { addtotracklist(event.track); }; specifications specification status comment html living standardthe definition of 'texttracklist: onaddtrack' in that specification.
TextTrackList.onchange - Web APIs
Web › API › TextTrackList › onchange
/* do something */ }; specifications specification status comment html living standardthe definition of 'texttracklist: onchange' in that specification.
TextTrackList.onremovetrack - Web APIs
Web › API › TextTrackList › onremovetrack
specifications specification status comment html living standardthe definition of 'texttracklist: onremovetrack' in that specification.
TextTrackList: removeTrack event - Web APIs
Web › API › TextTrackList › removeTrack event
diaelement.texttracks.addeventlistener('removetrack', (event) => { console.log(`text track: ${event.track.label} removed`); }); using the onremovetrack event handler property: const mediaelement = document.queryselector('video, audio'); mediaelement.texttracks.onremovetrack = (event) => { console.log(`text track: ${event.track.label} removed`); }; specifications specification status html living standardthe definition of 'removetrack' in that specification.
TextTrackList - Web APIs
Web › API › TextTrackList
texttracks.onaddtrack = updatetrackcount; texttracks.onremovetrack = updatetrackcount; function updatetrackcount(event) { trackcount = texttracks.length; drawtrackcountindicator(trackcount); } specifications specification status comment html living standardthe definition of 'textracklist' in that specification.
TimeRanges.end() - Web APIs
Web › API › TimeRanges › end
specifications specification status comment html living standardthe definition of 'timeranges.end()' in that specification.
TimeRanges.length - Web APIs
Web › API › TimeRanges › length
specifications specification status comment html living standardthe definition of 'timeranges.length()' in that specification.
TimeRanges.start() - Web APIs
Web › API › TimeRanges › start
specifications specification status comment html living standardthe definition of 'timeranges.start()' in that specification.
TimeRanges - Web APIs
Web › API › TimeRanges
specifications specification status comment html living standardthe definition of 'timeranges' in that specification.
Touch() - Web APIs
Web › API › Touch › Touch
specifications specification status comment touch events – level 2the definition of 'touchevent' in that specification.
Touch.clientX - Web APIs
Web › API › Touch › clientX
}, false); specifications specification status comment touch events – level 2 draft non-stable version.
Touch.clientY - Web APIs
Web › API › Touch › clientY
}, false); specifications specification status comment touch events – level 2 draft no changes since last version.
Touch.force - Web APIs
Web › API › Touch › force
console.log("targettouches[" + i + "].force = " + e.targettouches[i].force); } }, false); specifications specification status comment touch events – level 2 draft initial definition.
Touch.identifier - Web APIs
Web › API › Touch › identifier
for (var i=0; i < e.changedtouches.length; i++) { console.log("changedtouches[" + i + "].identifier = " + e.changedtouches[i].identifier); } }, false); specifications specification status comment touch events – level 2 draft no change.
Touch.pageX - Web APIs
Web › API › Touch › pageX
var i; for (i=0; i < e.changedtouches.length; i++) { console.log("touchpoint[" + i + "].pagex = " + e.changedtouches[i].pagex); console.log("touchpoint[" + i + "].pagey = " + e.changedtouches[i].pagey); } }, false); specifications specification status comment touch events – level 2 draft no change from the previous version.
Touch.pageY - Web APIs
Web › API › Touch › pageY
var i; for (i=0; i < e.changedtouches.length; i++) { console.log("touchpoint[" + i + "].pagex = " + e.changedtouches[i].pagex); console.log("touchpoint[" + i + "].pagey = " + e.changedtouches[i].pagey); } }, false); specifications specification status comment touch events – level 2 draft no change from last version.
Touch.radiusX - Web APIs
Web › API › Touch › radiusX
src.style.width = touch.radiusx * 2 + 'px'; src.style.height = touch.radiusy * 2 + 'px'; src.style.transform = "rotate(" + touch.rotationangle + "deg)"; }; specifications specification status comment touch events – level 2 draft non-stable version.
Touch.radiusY - Web APIs
Web › API › Touch › radiusY
specifications specification status comment touch events – level 2 draft non-stable version.
Touch.rotationAngle - Web APIs
Web › API › Touch › rotationAngle
specifications specification status comment touch events – level 2 draft non-stable version.
Touch.screenX - Web APIs
Web › API › Touch › screenX
var i; for (i=0; i < e.touches.length; i++) { console.log("touchpoint[" + i + "].screenx = " + e.touches[i].screenx); console.log("touchpoint[" + i + "].screeny = " + e.touches[i].screeny); } }, false); specifications specification status comment touch events – level 2 draft non-stable version.
Touch.screenY - Web APIs
Web › API › Touch › screenY
specifications specification status comment touch events – level 2 draft non-stable version.
Touch.target - Web APIs
Web › API › Touch › target
for (var i=0; i < e.targettouches.length; i++) { console.log("touchpoint[" + i + "].target = " + e.targettouches[i].target); } }, false); specifications specification status comment touch events – level 2 draft non-stable version.
Touch - Web APIs
Web › API › Touch
specifications specification status comment touch events – level 2the definition of 'touch' in that specification.
TouchEvent.altKey - Web APIs
Web › API › TouchEvent › altKey
someelement.addeventlistener('touchstart', function(e) { // log the state of this event's modifier keys console.log("altkey = " + e.altkey); console.log("ctrlkey = " + e.ctrlkey); console.log("metakey = " + e.metakey); console.log("shiftkey = " + e.shiftkey); }, false); specifications specification status comment touch events – level 2 draft non-stable version.
TouchEvent.changedTouches - Web APIs
Web › API › TouchEvent › changedTouches
for (var i=0; i < e.changedtouches.length; i++) { console.log("changedtouches[" + i + "].identifier = " + e.changedtouches[i].identifier); } }, false); specifications specification status comment touch events – level 2 draft non-stable version.
TouchEvent.ctrlKey - Web APIs
Web › API › TouchEvent › ctrlKey
specifications specification status comment touch events – level 2 draft non-stable version.
TouchEvent.metaKey - Web APIs
Web › API › TouchEvent › metaKey
specifications specification status comment touch events – level 2 draft non-stable version.
TouchEvent.shiftKey - Web APIs
Web › API › TouchEvent › shiftKey
specifications specification status comment touch events – level 2 draft non-stable version.
TouchEvent.targetTouches - Web APIs
Web › API › TouchEvent › targetTouches
true : false); } specifications specification status comment touch events – level 2 draft non-stable version.
TouchEvent.touches - Web APIs
Web › API › TouchEvent › touches
switch (e.touches.length) { case 1: handle_one_touch(e); break; case 2: handle_two_touches(e); break; case 3: handle_three_touches(e); break; default: console.log("not supported"); break; } }, false); specifications specification status comment touch events – level 2 draft non-stable version.
TouchList.item() - Web APIs
Web › API › TouchList › item
ener('touchstart', function(ev) { // if this touchstart event started on element target, // set touch to the first item in the targettouches list; // otherwise set touch to the first item in the touches list var touch; if (ev.targettouches.length >= 1) touch = ev.targettouches.item(0); else touch = ev.touches.item(0); }, false); specifications specification status comment touch events – level 2 draft non-stable version.
TouchList.length - Web APIs
Web › API › TouchList › length
tener('touchstart', function(ev) { // if this touchstart event started on element target, // set touch to the first item in the targettouches list; // otherwise set touch to the first item in the touches list var touch; if (ev.targettouches.length >= 1) touch = ev.targettouches.item(0); else touch = ev.touches.item(0); }, false); specifications specification status comment touch events – level 2 draft non-stable version.
TouchList - Web APIs
Web › API › TouchList
specifications specification status comment touch events – level 2 draft non-stable version.
Touch events - Web APIs
Web › API › Touch events
specifications specification status comment touch events – level 2the definition of 'touch' in that specification.
TrackEvent() - Web APIs
Web › API › TrackEvent › TrackEvent
specifications specification status comment html living standardthe definition of 'trackevent()' in that specification.
TrackEvent.track - Web APIs
Web › API › TrackEvent › track
specifications specification status comment html living standardthe definition of 'trackevent.track' in that specification.
TrackEvent - Web APIs
Web › API › TrackEvent
specifications specification status comment html living standardthe definition of 'trackevent' in that specification.
Transferable - Web APIs
Web › API › Transferable
specifications specification status comment html living standardthe definition of 'transferable' in that specification.
TransformStream - Web APIs
Web › API › TransformStream
specifications specification status comment streamsthe definition of 'transformstream' in that specification.
TransitionEvent() - Web APIs
Web › API › TransitionEvent › TransitionEvent
specifications specification status comment css transitionsthe definition of 'transitionevent()' in that specification.
TransitionEvent.transitionName - Web APIs
Web › API › TransitionEvent › animationName
syntax name = transitionevent.transitionname specifications specification status comment css transitionsthe definition of 'transitionevent.transitionname' in that specification.
TransitionEvent.elapsedTime - Web APIs
Web › API › TransitionEvent › elapsedTime
syntax name = transitionevent.elapsedtime specifications specification status comment css transitionsthe definition of 'transitionevent.elapsedtime' in that specification.
TransitionEvent.pseudoElement - Web APIs
Web › API › TransitionEvent › pseudoElement
syntax name = transitionevent.pseudoelement specifications specification status comment css transitionsthe definition of 'transitionevent.pseudoelement' in that specification.
TransitionEvent - Web APIs
Web › API › TransitionEvent
specifications specification status comment css transitionsthe definition of 'transitionevent' in that specification.
TreeWalker.currentNode - Web APIs
Web › API › TreeWalker › currentNode
specifications specification status comment domthe definition of 'treewalker.currrentnode' in that specification.
TreeWalker.filter - Web APIs
Web › API › TreeWalker › filter
syntax nodefilter = treewalker.filter; example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); nodefilter = treewalker.filter; // document.body in this case specifications specification status comment domthe definition of 'treewalker.filter' in that specification.
TreeWalker.firstChild() - Web APIs
Web › API › TreeWalker › firstChild
syntax node = treewalker.firstchild; example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.firstchild(); // returns the first child of the root element, or null if none specifications specification status comment domthe definition of 'treewalker.firstchild' in that specification.
TreeWalker.lastChild() - Web APIs
Web › API › TreeWalker › lastChild
syntax node = treewalker.lastchild(); example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.lastchild(); // returns the last visible child of the root element specifications specification status comment domthe definition of 'treewalker.lastchild' in that specification.
TreeWalker.nextNode() - Web APIs
Web › API › TreeWalker › nextNode
syntax node = treewalker.nextnode(); example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.nextnode(); // returns the first child of root, as it is the next node in document order specifications specification status comment domthe definition of 'treewalker.nextnode' in that specification.
TreeWalker.nextSibling() - Web APIs
Web › API › TreeWalker › nextSibling
node = treewalker.nextsibling(); example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); treewalker.firstchild(); var node = treewalker.nextsibling(); // returns null if the first child of the root element has no sibling specifications specification status comment domthe definition of 'treewalker.nextsibling' in that specification.
TreeWalker.parentNode() - Web APIs
Web › API › TreeWalker › parentNode
syntax node = treewalker.parentnode(); example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.parentnode(); // returns null as there is no parent specifications specification status comment domthe definition of 'treewalker.parentnode' in that specification.
TreeWalker.previousNode() - Web APIs
Web › API › TreeWalker › previousNode
syntax node = treewalker.previousnode(); example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.previousnode(); // returns null as there is no parent specifications specification status comment domthe definition of 'treewalker.previousnode' in that specification.
TreeWalker.previousSibling() - Web APIs
Web › API › TreeWalker › previousSibling
syntax node = treewalker.previoussibling(); example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); var node = treewalker.previoussibling(); // returns null as there is no previous sibiling specifications specification status comment domthe definition of 'treewalker.previoussibling' in that specification.
TreeWalker.root - Web APIs
Web › API › TreeWalker › root
syntax root = treewalker.root; example var treewalker = document.createtreewalker( document.body, nodefilter.show_element, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); root = treewalker.root; // document.body in this case specifications specification status comment domthe definition of 'treewalker.root' in that specification.
TreeWalker.whatToShow - Web APIs
Web › API › TreeWalker › whatToShow
ment.body, nodefilter.show_element + nodefilter.show_comment + nodefilter.show_text, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); if( (treewalker.whattoshow == nodefilter.show_all) || (treewalker.whattoshow % (nodefilter.show_comment*2)) >= nodefilter.show_comment) { // treewalker will show comments } specifications specification status comment domthe definition of 'treewalker.whattoshow' in that specification.
TreeWalker - Web APIs
Web › API › TreeWalker
specifications specification status comment domthe definition of 'treewalker' in that specification.
TypeInfo - Web APIs
Web › API › TypeInfo
constants constant value derivation_restriction 1 derivation_extension 2 derivation_union 4 derivation_list 8 specifications specification status comment document object model (dom) level 3 core specificationthe definition of 'typeinfo' in that specification.
UIEvent() - Web APIs
Web › API › UIEvent › UIEvent
specifications specification status comment inputdevicecapabilities draft added sourcecapabilities property.
UIEvent.detail - Web APIs
Web › API › UIEvent › detail
specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'uievent.detail' in that specification.
UIEvent.initUIEvent() - Web APIs
Web › API › UIEvent › initUIEvent
example var e = document.createevent("uievent"); // creates a click event that bubbles, can be cancelled, // and with its view and detail property initialized to window and 1, // respectively e.inituievent("click", true, true, window, 1); specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'uievent.inituievent()' in that specification.
sourceCapabilities - Web APIs
Web › API › UIEvent › sourceCapabilities
specifications specification status comment inputdevicecapabilitiesthe definition of 'sourcecapabilities' in that specification.
UIEvent.view - Web APIs
Web › API › UIEvent › view
specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'uievent' in that specification.
UIEvent - Web APIs
Web › API › UIEvent
specifications specification status comment inputdevicecapabilities draft added sourcecapabilities property.
ULongRange - Web APIs
Web › API › ULongRange
specifications specification status comment media capture and streamsthe definition of 'ulongrange' in that specification.
URL() - Web APIs
Web › API › URL › URL
// raises a typeerror exception as '/docs' is not a valid url new url('http://www.example.com', ); // => 'http://www.example.com/' new url('http://www.example.com', b); // => 'http://www.example.com/' new url("//foo.com", "https://example.com") // => 'https://foo.com' (see relative urls) specification specification status comment urlthe definition of 'url.url()' in that specification.
URL.createObjectURL() - Web APIs
Web › API › URL › createObjectURL
specifications specification status comment file apithe definition of 'createobjecturl()' in that specification.
URL.hash - Web APIs
Web › API › URL › hash
examples const url = new url('/docs/web/api/url/href#examples'); console.log(url.hash); // logs: '#examples' specifications specification status comment urlthe definition of 'url.hash' in that specification.
URL.host - Web APIs
Web › API › URL › host
"developer.mozilla.org" url = new url('https://developer.mozilla.org:443/docs/web/api/url/host'); console.log(url.host); // "developer.mozilla.org" // the port number is not included because 443 is the scheme's default port url = new url('https://developer.mozilla.org:4097/docs/web/api/url/host'); console.log(url.host); // "developer.mozilla.org:4097" specifications specification status comment urlthe definition of 'url.host' in that specification.
URL.hostname - Web APIs
Web › API › URL › hostname
examples const url = new url('/docs/web/api/url/hostname'); console.log(url.hostname); // logs: 'developer.mozilla.org' specifications specification status comment urlthe definition of 'url.hostname' in that specification.
URL.href - Web APIs
Web › API › URL › href
examples const url = new url('/docs/web/api/url/href'); console.log(url.href); // logs: '/docs/web/api/url/href' specifications specification status comment urlthe definition of 'url.href' in that specification.
URL.origin - Web APIs
Web › API › URL › origin
examples const url = new url("blob:https://mozilla.org:443/") console.log(url.origin); // logs 'https://mozilla.org' specifications specification status comment urlthe definition of 'url.origin' in that specification.
URL.password - Web APIs
Web › API › URL › password
examples const url = new url('https://anonymous:flabada@developer.mozilla.org/docs/web/api/url/password'); console.log(url.password) // logs "flabada" specifications specification status comment urlthe definition of 'url.password' in that specification.
URL.pathname - Web APIs
Web › API › URL › pathname
examples const url = new url('/docs/web/api/url/pathname?q=value'); console.log(url.pathname); // logs "/docs/web/api/url/pathname" specifications specification status comment urlthe definition of 'url.pathname' in that specification.
URL.pathname - Web APIs
Web › API › URL › pathname?q=value
examples const url = new url('/docs/web/api/url/pathname?q=value'); console.log(url.pathname); // logs "/docs/web/api/url/pathname" specifications specification status comment urlthe definition of 'url.pathname' in that specification.
URL.port - Web APIs
Web › API › URL › port
examples const url = new url('https://mydomain.com:80/svn/repos/'); console.log(url.port); // logs '80' specifications specification status comment urlthe definition of 'url.port' in that specification.
URL.protocol - Web APIs
Web › API › URL › protocol
examples const url = new url('/docs/web/api/url/protocol'); console.log(url.protocol); // logs "https:" specifications specification status comment urlthe definition of 'protocol' in that specification.
URL.revokeObjectURL() - Web APIs
Web › API › URL › revokeObjectURL
specification specification status comment file apithe definition of 'revokeobjecturl()' in that specification.
URL.search - Web APIs
Web › API › URL › search
examples const url = new url('/docs/web/api/url/search?q=123'); console.log(url.search); // logs "?q=123" specifications specification status comment urlthe definition of 'url.search' in that specification.
URL.search - Web APIs
Web › API › URL › search?q=123
examples const url = new url('/docs/web/api/url/search?q=123'); console.log(url.search); // logs "?q=123" specifications specification status comment urlthe definition of 'url.search' in that specification.
URL.searchParams - Web APIs
Web › API › URL › searchParams
let age = parseint(params.get('age')); // is the number 18 specifications specification status comment urlthe definition of 'searchparams' in that specification.
URL.toJSON() - Web APIs
Web › API › URL › toJSON
examples const url = new url("/docs/web/api/url/tostring"); url.tojson(); // should return the url as a string specifications specification status comment urlthe definition of 'tojson()' in that specification.
URL.toString() - Web APIs
Web › API › URL › toString
examples const url = new url("/docs/web/api/url/tostring"); url.tostring(); // should return the url as a string specifications specification status comment urlthe definition of 'stringifier' in that specification.
URL.username - Web APIs
Web › API › URL › username
examples const url = new url('https://anonymous:flabada@developer.mozilla.org/docs/web/api/url/username'); console.log(url.username) // logs "anonymous" specifications specification status comment urlthe definition of 'username' in that specification.
URL - Web APIs
Web › API › URL
const response = await fetch(new url('http://www.example.com/démonstration.html')); specifications specification status comment file apithe definition of 'url' in that specification.
URLSearchParams() - Web APIs
Web › API › URLSearchParams › URLSearchParams
var params = new urlsearchparams(url.search); // pass in a string literal var params2 = new urlsearchparams("foo=1&bar=2"); var params2a = new urlsearchparams("?foo=1&bar=2"); // pass in a sequence of pairs var params3 = new urlsearchparams([["foo", "1"], ["bar", "2"]]); // pass in a record var params4 = new urlsearchparams({"foo": "1", "bar": "2"}); specifications specification status comment urlthe definition of 'urlsearchparams()' in that specification.
URLSearchParams.append() - Web APIs
Web › API › URLSearchParams › append
params.append('foo', 4); //query string is now: 'foo=1&bar=2&foo=4' specifications specification status comment urlthe definition of 'append()' in that specification.
URLSearchParams.delete() - Web APIs
Web › API › URLSearchParams › delete
params.delete('foo'); //query string is now: 'bar=2' specifications specification status comment urlthe definition of 'delete()' in that specification.
URLSearchParams.entries() - Web APIs
Web › API › URLSearchParams › entries
examples // create a test urlsearchparams object var searchparams = new urlsearchparams("key1=value1&key2=value2"); // display the key/value pairs for(var pair of searchparams.entries()) { console.log(pair[0]+ ', '+ pair[1]); } the result is: key1, value1 key2, value2 specifications specification status comment urlthe definition of 'entries() (see "iterable")' in that specification.
URLSearchParams.forEach() - Web APIs
Web › API › URLSearchParams › forEach
examples // create a test urlsearchparams object var searchparams = new urlsearchparams("key1=value1&key2=value2"); // log the values searchparams.foreach(function(value, key) { console.log(value, key); }); the result is: value1 key1 value2 key2 specifications specification status comment urlthe definition of 'foreach() (see "iterable")' in that specification.
URLSearchParams.get() - Web APIs
Web › API › URLSearchParams › get
ame' and 'age' parameters using: let params = new urlsearchparams(document.location.search.substring(1)); let name = params.get("name"); // is the string "jonathan" let age = parseint(params.get("age"), 10); // is the number 18 requesting a parameter that isn't present in the query string will return null: let address = params.get("address"); // null specifications specification status comment urlthe definition of 'get()' in that specification.
URLSearchParams.getAll() - Web APIs
Web › API › URLSearchParams › getAll
specifications specification status comment urlthe definition of 'getall()' in that specification.
URLSearchParams.has() - Web APIs
Web › API › URLSearchParams › has
examples let url = new url('https://example.com?foo=1&bar=2'); let params = new urlsearchparams(url.search.slice(1)); params.has('bar') === true; //true specifications specification status comment urlthe definition of 'has()' in that specification.
URLSearchParams.keys() - Web APIs
Web › API › URLSearchParams › keys
examples // create a test urlsearchparams object var searchparams = new urlsearchparams("key1=value1&key2=value2"); // display the keys for(var key of searchparams.keys()) { console.log(key); } the result is: key1 key2 specifications specification status comment urlthe definition of 'keys() (see "iterable")' in that specification.
URLSearchParams.set() - Web APIs
Web › API › URLSearchParams › set
+' )\t// test", "/*", " * bla bla ", "*/", "", "/* bla bla */", "", "// bla bla ", "", "these shouldn\'t work:", "console.log(\"http://foo.co.uk/\")", "var url = \"http://regexr.com/foo.html?q=bar\"", "alert(\"https://mediatemple.net\")", ] , true ) console.info( url, url.tostring() ) // window.open( url, 'regex_site' ) specifications specification status comment urlthe definition of 'set()' in that specification.
URLSearchParams.sort() - Web APIs
Web › API › URLSearchParams › sort
examples // create a test urlsearchparams object var searchparams = new urlsearchparams("c=4&a=2&b=3&a=1"); // sort the key/value pairs searchparams.sort(); // display the sorted query string console.log(searchparams.tostring()); the result is: a=2&a=1&b=3&c=4 specifications specification status comment urlthe definition of 'sort()' in that specification.
URLSearchParams.toString() - Web APIs
Web › API › URLSearchParams › toString
params.append('foo', 4); console.log(params.tostring()); //prints 'foo=1&bar=2&foo=4' // note: params can also be directly created let url = new url('https://example.com?foo=1&bar=2'); let params = url.searchparams; // or even simpler let params = new urlsearchparams('foo=1&bar=2'); specifications specification status comment urlthe definition of 'tostring() (see "stringifier")' in that specification.
URLSearchParams.values() - Web APIs
Web › API › URLSearchParams › values
examples // create a test urlsearchparams object var searchparams = new urlsearchparams("key1=value1&key2=value2"); // display the values for(var value of searchparams.values()) { console.log(value); } the result is: value1 value2 specifications specification status comment urlthe definition of 'values() (see "iterable")' in that specification.
URLSearchParams - Web APIs
Web › API › URLSearchParams
://example.com/search?query"); // "@" (equivalent to decodeuricomponent('%40')) var paramsstring2 = "?query=value"; var searchparams2 = new urlsearchparams(paramsstring2); searchparams2.has("query"); // true var url = new url("http://example.com/search?query=%40"); var searchparams3 = new urlsearchparams(url.search); searchparams3.has("query") // true specifications specification status comment urlthe definition of 'urlsearchparams' in that specification.
URLUtilsReadOnly.hash - Web APIs
Web › API › URLUtilsReadOnly › hash
syntax string = object.hash; examples // in a web worker, on the page https://developer.mozilla.org/docs/urlutilsreadonly.hash#example var result = window.self.hash; // returns:'#hash' specifications specification status comment urlthe definition of 'urlutilsreadonly.hash' in that specification.
URLUtilsReadOnly.host - Web APIs
Web › API › URLUtilsReadOnly › host
syntax string = object.host; examples // in a web worker, on the page https://developer.mozilla.org/urlutilsreadonly.host var result = window.self.host; // returns:'developer.mozilla.org:80' specifications specification status comment urlthe definition of 'urlutilsreadonly.host' in that specification.
URLUtilsReadOnly.hostname - Web APIs
Web › API › URLUtilsReadOnly › hostname
syntax string = object.hostname; examples // in a web worker, on the page https://developer.mozilla.org/urlutilsreadonly.hostname var result = window.self.hostname; // returns:'developer.mozilla.org' specifications specification status comment urlthe definition of 'urlutilsreadonly.hostname' in that specification.
URLUtilsReadOnly.href - Web APIs
Web › API › URLUtilsReadOnly › href
syntax string = object.href; examples // in a web worker, on the page https://developer.mozilla.org/urlutilsreadonly.href var result = window.self.href; // returns:'https://developer.mozilla.org/urlutilsreadonly.href' specifications specification status comment urlthe definition of 'urlutilsreadonly.href' in that specification.
URLUtilsReadOnly.origin - Web APIs
Web › API › URLUtilsReadOnly › origin
syntax string = object.origin; examples // on this page, returns the origin var result = self.location.origin; // returns:'https://developer.mozilla.org:443' specifications specification status comment urlthe definition of 'urlutilsreadonly.origin' in that specification.
URLUtilsReadOnly.pathname - Web APIs
Web › API › URLUtilsReadOnly › pathname
syntax string = object.pathname; examples // in a web worker, on the page https://developer.mozilla.org/urlutilsreadonly.pathname var result = window.self.pathname; // returns:'/urlutilsreadonly.pathname' specifications specification status comment urlthe definition of 'urlutilsreadonly.pathname' in that specification.
URLUtilsReadOnly.port - Web APIs
Web › API › URLUtilsReadOnly › port
syntax string = object.port; examples // in a web worker, on the page https://developer.mozilla.org/urlutilsreadonly.port var result = window.self.port; // returns:'80' specifications specification status comment urlthe definition of 'urlutilsreadonly.port' in that specification.
URLUtilsReadOnly.protocol - Web APIs
Web › API › URLUtilsReadOnly › protocol
syntax string = object.protocol; examples // in a web worker, on the page https://developer.mozilla.org/urlutilsreadonly.href var result = window.self.protocol; // returns:'https:' specifications specification status comment urlthe definition of 'urlutilsreadonly.protocol' in that specification.
URLUtilsReadOnly.search - Web APIs
Web › API › URLUtilsReadOnly › search
syntax string = object.search; examples // in a web worker, on the page https://developer.mozilla.org/docs/urlutilsreadonly.href?t=67 var result = window.self.search; // returns:'?t=67' specifications specification status comment urlthe definition of 'urlutilsreadonly.search' in that specification.
URL API - Web APIs
Web › API › URL API
specifications specification status comment url living standard whatwg specification ...
USB.getDevices() - Web APIs
Web › API › USB › getDevices
navigator.usb.getdevices() .then(devices => { console.log("total devices: " + devices.length); devices.foreach(device => { console.log("product name: " + device.productname + ", serial number " + device.serialnumber); }); }); specifications specification status comment webusbthe definition of 'getdevices' in that specification.
USB.onconnect - Web APIs
Web › API › USB › onconnect
syntax usb.onconnect = connectfunction specifications specification status comment webusbthe definition of 'onconnect' in that specification.
USB.ondisconnect - Web APIs
Web › API › USB › ondisconnect
syntax usb.ondisconnect = disconnectfunction specifications specification status comment webusbthe definition of 'ondisconnect' in that specification.
USB.requestDevice() - Web APIs
Web › API › USB › requestDevice
" + e); }); specifications specification status comment webusbthe definition of 'requestdevice' in that specification.
USB - Web APIs
Web › API › USB
specifications specification status comment webusbthe definition of 'usb' in that specification.
USBAlternateInterface - Web APIs
Web › API › USBAlternateInterface
specifications specification status comment webusbthe definition of 'usbalternateinterface' in that specification.
USBConfiguration.USBConfiguration() - Web APIs
Web › API › USBConfiguration › USBConfiguration
specifications specification status comment unknownthe definition of 'usbconfiguration' in that specification.
USBConfiguration.configurationName - Web APIs
Web › API › USBConfiguration › configurationName
specifications specification status comment unknownthe definition of 'configurationname' in that specification.
USBConfiguration.configurationValue - Web APIs
Web › API › USBConfiguration › configurationValue
specifications specification status comment unknownthe definition of 'configurationvalue' in that specification.
USBConfiguration.interfaces - Web APIs
Web › API › USBConfiguration › interfaces
specifications specification status comment unknownthe definition of 'interfaces' in that specification.
USBConfiguration - Web APIs
Web › API › USBConfiguration
specifications specification status comment webusbthe definition of 'usbconfiguration' in that specification.
USBDevice.deviceClass - Web APIs
Web › API › USBDevice › USBDevice.deviceClass
specifications specification status comment webusbthe definition of 'deviceclass' in that specification.
USBDevice.claimInterface() - Web APIs
Web › API › USBDevice › claimInterface
async function connectdevice(usbdevice) { await usbdevice.open(); if (usbdevice.configuration === null) await usbdevice.selectconfiguration(1); await usbdevice.claiminterface(0); } specifications specification status comment webusbthe definition of 'claiminterface()' in that specification.
USBDevice.close() - Web APIs
Web › API › USBDevice › close
specifications specification status comment webusbthe definition of 'close()' in that specification.
USBDevice.configuration - Web APIs
Web › API › USBDevice › configuration
async function connectdevice(usbdevice) { await usbdevice.open(); if (usbdevice.configuration === null) await usbdevice.selectconfiguration(1); await usbdevice.claiminterface(0); } specifications specification status comment webusbthe definition of 'configuration' in that specification.
USBDevice.configurations - Web APIs
Web › API › USBDevice › configurations
specifications specification status comment webusbthe definition of 'configurations' in that specification.
USBDevice.deviceClass - Web APIs
Web › API › USBDevice › deviceClass
specifications specification status comment webusbthe definition of 'deviceclass' in that specification.
USBDevice.deviceProtocol - Web APIs
Web › API › USBDevice › deviceProtocol
specifications specification status comment webusbthe definition of 'deviceprotocol' in that specification.
USBDevice.deviceSubclass - Web APIs
Web › API › USBDevice › deviceSubclass
specifications specification status comment webusbthe definition of 'devicesubclass' in that specification.
USBDevice.deviceVersionMajor - Web APIs
Web › API › USBDevice › deviceVersionMajor
specifications specification status comment webusbthe definition of 'deviceversionmajor' in that specification.
USBDevice.deviceVersionMinor - Web APIs
Web › API › USBDevice › deviceVersionMinor
specifications specification status comment webusbthe definition of 'deviceversionminor' in that specification.
USBDevice.deviceVersionSubminor - Web APIs
Web › API › USBDevice › deviceVersionSubminor
specifications specification status comment webusbthe definition of 'deviceversionsubminor' in that specification.
USBDevice.isochronousTransferIn() - Web APIs
Web › API › USBDevice › isochronousTransferIn
return value a promise that resolves with a usbisochronousintransferresult specifications specification status comment webusbthe definition of 'isochronoustransferin()' in that specification.
USBDevice.isochronousTransferOut() - Web APIs
Web › API › USBDevice › isochronousTransferOut
specifications specification status comment webusbthe definition of 'isochronoustransferout()' in that specification.
USBDevice.manufacturerName - Web APIs
Web › API › USBDevice › manufacturerName
specifications specification status comment webusbthe definition of 'manufacturername' in that specification.
USBDevice.open() - Web APIs
Web › API › USBDevice › open
specifications specification status comment webusbthe definition of 'open()' in that specification.
USBDevice.opened - Web APIs
Web › API › USBDevice › opened
let payload = new uint8array([r, g, b]); await usbdevice.controltransferout({ requesttype: 'vendor', recipient: 'device', request: 1, value: 0, index: 0, }, payload); } } specifications specification status comment webusbthe definition of 'opened' in that specification.
USBDevice.productID - Web APIs
Web › API › USBDevice › productID
specifications specification status comment webusbthe definition of 'productid' in that specification.
USBDevice.productName - Web APIs
Web › API › USBDevice › productName
specifications specification status comment webusbthe definition of 'productname' in that specification.
USBDevice.releaseInterface() - Web APIs
Web › API › USBDevice › releaseInterface
specifications specification status comment webusbthe definition of 'releaseinterface()' in that specification.
USBDevice.reset() - Web APIs
Web › API › USBDevice › reset
specifications specification status comment webusbthe definition of 'reset()' in that specification.
USBDevice.selectAlternateInterface() - Web APIs
Web › API › USBDevice › selectAlternateInterface
specifications specification status comment webusbthe definition of 'selectalternateinterface()' in that specification.
USBDevice.selectConfiguration() - Web APIs
Web › API › USBDevice › selectConfiguration
specifications specification status comment webusbthe definition of 'selectconfiguration' in that specification.
USBDevice.serialNumber - Web APIs
Web › API › USBDevice › serialNumber
syntax var serialnumber = usbdevice.serialnumber value the serial number for the specified usb device specifications specification status comment webusbthe definition of 'serialnumber' in that specification.
USBDevice.transferIn() - Web APIs
Web › API › USBDevice › transferIn
specifications specification status comment webusbthe definition of 'transferin()' in that specification.
USBDevice.transferOut() - Web APIs
Web › API › USBDevice › transferOut
specifications specification status comment webusbthe definition of 'transferout()' in that specification.
USBDevice.usbVersionMajor - Web APIs
Web › API › USBDevice › usbVersionMajor
specifications specification status comment webusbthe definition of 'usbversionmajor' in that specification.
USBDevice.usbVersionMinor - Web APIs
Web › API › USBDevice › usbVersionMinor
specifications specification status comment webusbthe definition of 'usbversionminor' in that specification.
USBDevice.usbVersionSubminor - Web APIs
Web › API › USBDevice › usbVersionSubminor
specifications specification status comment webusbthe definition of 'usbversionsubminor' in that specification.
USBDevice.vendorID - Web APIs
Web › API › USBDevice › vendorID
specifications specification status comment webusbthe definition of 'vendorid' in that specification.
USBEndpoint - Web APIs
Web › API › USBEndpoint
if (endpoint.type != "bulk") { continue; } if (endpoint.direction == "in") { inendpoint = endpoint.endpointnumber; } else if (endpoint.direction == "out") { outendpoint = endpoint.endpointnumber; } } } specifications specification status comment webusbthe definition of 'usbendpoint' in that specification.
USBInterface - Web APIs
Web › API › USBInterface
specifications specification status comment webusbthe definition of 'usbinterface' in that specification.
USBIsochronousInTransferResult - Web APIs
Web › API › USBIsochronousInTransferResult
specifications specification status comment webusbthe definition of 'usbisochronousintransferresult' in that specification.
USBIsochronousOutTransferResult - Web APIs
Web › API › USBIsochronousOutTransferResult
specifications specification status comment webusbthe definition of 'usbisochronousouttransferresult' in that specification.
USVString - Web APIs
Web › API › USVString
specifications specification status comment web idlthe definition of 'usvstring' in that specification.
VRStageParameters - Web APIs
Web › API › VRStageParameters
oes not support room-scale experiences.' } else { info.innerhtml = '<strong>display stage parameters</strong>' + '<br>sitting to standing transform: ' + stageparams.sittingtostandingtransform + '<br>play area width (m): ' + stageparams.sizex + '<br>play area depth (m): ' + stageparams.sizey } }); specifications specification status comment webvr 1.1the definition of 'vrstageparameters' in that specification.
VTTCue() - Web APIs
Web › API › VTTCue › VTTCue
var cue = new vttcue(2, 3, 'cool text to be displayed'); specifications specification status comment webvtt: the web video text tracks formatthe definition of 'vttcue()' in that specification.
VTTCue - Web APIs
Web › API › VTTCue
specifications specification status comment webvtt: the web video text tracks format candidate recommendation ...
VTTRegion - Web APIs
Web › API › VTTRegion
specifications specification status comment webvtt: the web video text tracks format candidate recommendation ...
validityState.badInput - Web APIs
Web › API › ValidityState › badInput
example <input type="number" id="age"> var input = document.getelementbyid("age"); if (input.validity.badinput) { console.log("bad input detected…"); } else { console.log("content of input ok."); } specifications specification status comment html living standardthe definition of 'validitystate.badinput' in that specification.
ValidityState.patternMismatch - Web APIs
Web › API › ValidityState › patternMismatch
specifications specification status comment html living standardthe definition of 'validitystate.patternmismatch' in that specification.
ValidityState.rangeOverflow - Web APIs
Web › API › ValidityState › rangeOverflow
specifications specification status comment html living standardthe definition of 'validitystate.rangeoverflow' in that specification.
ValidityState.rangeUnderflow - Web APIs
Web › API › ValidityState › rangeUnderflow
specifications specification status comment html living standardthe definition of 'validitystate.rangeunderflow' in that specification.
ValidityState.stepMismatch - Web APIs
Web › API › ValidityState › stepMismatch
specifications specification status comment html living standardthe definition of 'validitystate.stepmismatch' in that specification.
validityState.tooLong - Web APIs
Web › API › ValidityState › tooLong
specifications specification status comment html living standardthe definition of 'validitystate.toolong' in that specification.
validityState.tooShort - Web APIs
Web › API › ValidityState › tooShort
specifications specification status comment html living standardthe definition of 'validitystate.tooshort' in that specification.
ValidityState.typeMismatch - Web APIs
Web › API › ValidityState › typeMismatch
specifications specification status comment html living standardthe definition of 'validitystate.typemismatch' in that specification.
ValidityState - Web APIs
Web › API › ValidityState
specifications specification status comment html living standardthe definition of 'validitystate' in that specification.
Vibration API - Web APIs
Web › API › Vibration API
specifications specification status comment vibration api recommendation linked to spec is the latest editor's draft; w3c version is a rec.
VideoConfiguration - Web APIs
Web › API › VideoConfiguration
} }; specifications specification status comment media capabilitiesthe definition of 'videoconfiguration' in that specification.
VideoPlaybackQuality.corruptedVideoFrames - Web APIs
Web › API › VideoPlaybackQuality › corruptedVideoFrames
var videoelem = document.getelementbyid("my_vid"); var quality = videoelem.getvideoplaybackquality(); if (quality.corruptedvideoframes/quality.totalvideoframes > 0.05) { downgradevideo(videoelem); } specifications specification status comment media playback qualitythe definition of 'videoplaybackquality: corruptedvideoframes' in that specification.
VideoPlaybackQuality.creationTime - Web APIs
Web › API › VideoPlaybackQuality › creationTime
var videoelem = document.getelementbyid("my_vid"); var quality = videoelem.getvideoplaybackquality(); if ((quality.corruptedvideoframes + quality.droppedvideoframes)/quality.totalvideoframes > 0.1) { lostframesthresholdexceeded(); } specifications specification status comment media playback qualitythe definition of 'videoplaybackquality.corruptedvideoframes' in that specification.
VideoPlaybackQuality.droppedVideoFrames - Web APIs
Web › API › VideoPlaybackQuality › droppedVideoFrames
var videoelem = document.getelementbyid("my_vid"); var percentelem = document.getelementbyid("percent"); var quality = videoelem.getvideoplaybackquality(); var droppercent = (quality.droppedvideoframes/quality.totalvideoframes)*100; percentelem.innertext = math.trunc(droppercent).tostring(10); specifications specification status comment media playback qualitythe definition of 'videoplaybackquality.droppedvideoframes' in that specification.
VideoPlaybackQuality.totalVideoFrames - Web APIs
Web › API › VideoPlaybackQuality › totalVideoFrames
specifications specification status comment media playback qualitythe definition of 'videoplaybackquality.totalvideoframes' in that specification.
VideoPlaybackQuality - Web APIs
Web › API › VideoPlaybackQuality
specifications specification status comment media playback qualitythe definition of 'videoplaybackquality' in that specification.
VideoTrack.id - Web APIs
Web › API › VideoTrack › id
specifications specification status comment html living standardthe definition of 'videotrack: id' in that specification.
VideoTrack.kind - Web APIs
Web › API › VideoTrack › kind
specifications specification status comment html living standardthe definition of 'videotrack: kind' in that specification.
VideoTrack.label - Web APIs
Web › API › VideoTrack › label
specifications specification status comment html living standardthe definition of 'videotrack: label' in that specification.
Videotrack.language - Web APIs
Web › API › VideoTrack › language
specifications specification status comment html living standardthe definition of 'videotrack: language' in that specification.
VideoTrack.selected - Web APIs
Web › API › VideoTrack › selected
specifications specification status comment html living standardthe definition of 'videotrack: selected' in that specification.
VideoTrack.sourceBuffer - Web APIs
Web › API › VideoTrack › sourceBuffer
specifications specification status comment media source extensionsthe definition of 'videotrack: sourcebuffer' in that specification.
VideoTrack - Web APIs
Web › API › VideoTrack
specifications specification status comment html living standardthe definition of 'videotrack' in that specification.
VideoTrackList: addtrack event - Web APIs
Web › API › VideoTrackList › addtrack event
or('video'); videoelement.videotracks.addeventlistener('addtrack', (event) => { console.log(`video track: ${event.track.label} added`); }); using the onaddtrack event handler property: const videoelement = document.queryselector('video'); videoelement.videotracks.onaddtrack = (event) => { console.log(`video track: ${event.track.label} added`); }; specifications specification status html living standardthe definition of 'addtrack' in that specification.
VideoTrackList: change event - Web APIs
Web › API › VideoTrackList › change event
eotracks.onchange = (event) => { console.log(`'${event.type}' event fired`); }; // changing the value of `selected` will trigger the `change` event const toggletrackbutton = document.queryselector('.toggle-track'); toggletrackbutton.addeventlistener('click', () => { const track = videoelement.videotracks[0]; track.selected = !track.selected; }); specifications specification status html living standardthe definition of 'change' in that specification.
getTrackById - Web APIs
Web › API › VideoTrackList › getTrackById
specifications specification status comment html living standardthe definition of 'videotracklist.gettrackbyid()' in that specification.
VideoTrackList.length - Web APIs
Web › API › VideoTrackList › length
specifications specification status comment html living standardthe definition of 'videotracklist: length' in that specification.
VideoTrackList.onaddtrack - Web APIs
Web › API › VideoTrackList › onaddtrack
document.queryselector("video").videotracks.onaddtrack = function(event) { addtotracklist(event.track); }; specifications specification status comment html living standardthe definition of 'videotracklist: onaddtrack' in that specification.
VideoTrackList.onchange - Web APIs
Web › API › VideoTrackList › onchange
specifications specification status comment html living standardthe definition of 'videotracklist: onchange' in that specification.
VideoTrackList.onremovetrack - Web APIs
Web › API › VideoTrackList › onremovetrack
specifications specification status comment html living standardthe definition of 'videotracklist: onremovetrack' in that specification.
VideoTrackList: removetrack event - Web APIs
Web › API › VideoTrackList › removetrack event
videoelement.videotracks.addeventlistener('removetrack', (event) => { console.log(`video track: ${event.track.label} removed`); }); using the onremovetrack event handler property: const videoelement = document.queryselector('video'); videoelement.videotracks.onremovetrack = (event) => { console.log(`video track: ${event.track.label} removed`); }; specifications specification status html living standardthe definition of 'removetrack' in that specification.
VideoTrackList.selectedIndex - Web APIs
Web › API › VideoTrackList › selectedIndex
specifications specification status comment html living standardthe definition of 'videotracklist: selectedindex' in that specification.
VideoTrackList - Web APIs
Web › API › VideoTrackList
videotracks.onaddtrack = updatetrackcount; videotracks.onremovetrack = updatetrackcount; function updatetrackcount(event) { trackcount = videotracks.length; drawtrackcountindicator(trackcount); } specifications specification status comment html living standardthe definition of 'videotracklist' in that specification.
VisualViewport.height - Web APIs
Web › API › VisualViewport › height
specifications specification status comment visual viewport apithe definition of 'height' in that specification.
VisualViewport.offsetTop - Web APIs
Web › API › VisualViewport › offsetTop
specifications specification status comment visual viewport apithe definition of 'offsettop' in that specification.
VisualViewport.offsetleft - Web APIs
Web › API › VisualViewport › offsetleft
specifications specification status comment visual viewport apithe definition of 'offsetleft' in that specification.
VisualViewport.onresize - Web APIs
Web › API › VisualViewport › onresize
} specifications specification status comment visual viewport apithe definition of 'onresize' in that specification.
VisualViewport.onscroll - Web APIs
Web › API › VisualViewport › onscroll
} specifications specification status comment visual viewport apithe definition of 'onscroll' in that specification.
VisualViewport.pageLeft - Web APIs
Web › API › VisualViewport › pageLeft
specifications specification status comment visual viewport apithe definition of 'pageleft' in that specification.
VisualViewport.pageTop - Web APIs
Web › API › VisualViewport › pageTop
specifications specification status comment visual viewport apithe definition of 'pagetop' in that specification.
VisualViewport: resize event - Web APIs
Web › API › VisualViewport › resize event
}; specifications specification status comment visual viewport apithe definition of 'visualviewport events' in that specification.
VisualViewport.scale - Web APIs
Web › API › VisualViewport › scale
specifications specification status comment visual viewport apithe definition of 'scale' in that specification.
VisualViewport: scroll event - Web APIs
Web › API › VisualViewport › scroll event
}; specifications specification status comment visual viewport apithe definition of 'visualviewport events' in that specification.
VisualViewport.width - Web APIs
Web › API › VisualViewport › width
specifications specification status comment visual viewport apithe definition of 'width' in that specification.
VisualViewport - Web APIs
Web › API › VisualViewport
specifications specification status comment visual viewport apithe definition of 'visualviewport' in that specification.
Visual Viewport API - Web APIs
Web › API › Visual Viewport API
ttombar.style.transform = 'translate(' + offsetleft + 'px,' + offsettop + 'px) ' + 'scale(' + 1/viewport.scale + ')' }) } window.visualviewport.addeventlistener('scroll', viewporthandler); window.visualviewport.addeventlistener('resize', viewporthandler); specifications specification status comment visual viewport apithe definition of 'visualviewport' in that specification.
WEBGL_color_buffer_float - Web APIs
Web › API › WEBGL color buffer float
examples var ext = gl.getextension('webgl_color_buffer_float'); gl.renderbufferstorage(gl.renderbuffer, ext.rbga32f_ext, 256, 256); specifications specification status comment webgl_color_buffer_floatthe definition of 'webgl_color_buffer_float' in that specification.
WEBGL_compressed_texture_astc.getSupportedProfiles() - Web APIs
Web › API › WEBGL compressed texture astc › getSupportedProfiles
examples var ext = gl.getextension('webgl_compressed_texture_astc'); ext.getsupportedprofiles(); // ["ldr"] specifications specification status comment webgl_compressed_texture_astcthe definition of 'webgl_compressed_texture_astc' in that specification.
WEBGL_compressed_texture_astc - Web APIs
Web › API › WEBGL compressed texture astc
12x12_khr 12x12 0.89 floor((width + 11) / 12) * floor((height + 11) / 12) * 16 29584 examples var ext = gl.getextension('webgl_compressed_texture_astc'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.compressedteximage2d(gl.texture_2d, 0, ext.compressed_rgba_astc_12x12_khr, 512, 512, 0, texturedata); specifications specification status comment webgl_compressed_texture_astcthe definition of 'webgl_compressed_texture_astc' in that specification.
WEBGL_compressed_texture_atc - Web APIs
Web › API › WEBGL compressed texture atc
examples var ext = gl.getextension('webgl_compressed_texture_atc'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.compressedteximage2d(gl.texture_2d, 0, ext.compressed_rgb_atc_webgl, 512, 512, 0, texturedata); specifications specification status comment webgl_compressed_texture_atcthe definition of 'webgl_compressed_texture_atc' in that specification.
WEBGL_compressed_texture_etc - Web APIs
Web › API › WEBGL compressed texture etc
examples var ext = gl.getextension('webgl_compressed_texture_etc'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.compressedteximage2d(gl.texture_2d, 0, ext.compressed_rgba8_etc2_eac, 512, 512, 0, texturedata); specifications specification status comment webgl_compressed_texture_etcthe definition of 'webgl_compressed_texture_etc' in that specification.
WEBGL_compressed_texture_etc1 - Web APIs
Web › API › WEBGL compressed texture etc1
examples var ext = gl.getextension('webgl_compressed_texture_etc1'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.compressedteximage2d(gl.texture_2d, 0, ext.compressed_rgb_etc1_webgl, 512, 512, 0, texturedata); specifications specification status comment webgl_compressed_texture_etc1the definition of 'webgl_compressed_texture_etc1' in that specification.
WEBGL_compressed_texture_pvrtc - Web APIs
Web › API › WEBGL compressed texture pvrtc
examples var ext = gl.getextension('webgl_compressed_texture_pvrtc'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.compressedteximage2d(gl.texture_2d, 0, ext.compressed_rgb_pvrtc_4bppv1_img, 512, 512, 0, texturedata); specifications specification status comment webgl_compressed_texture_pvrtcthe definition of 'webgl_compressed_texture_pvrtc' in that specification.
WEBGL_compressed_texture_s3tc - Web APIs
Web › API › WEBGL compressed texture s3tc
webkit_webgl_compressed_texture_s3tc') ); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.compressedteximage2d(gl.texture_2d, 0, ext.compressed_rgba_s3tc_dxt5_ext, 512, 512, 0, texturedata); gl.texparameteri(gl.texture_2d, gl.texture_mag_filter, gl.linear); gl.texparameteri(gl.texture_2d, gl.texture_min_filter, gl.linear); specifications specification status comment webgl_compressed_texture_s3tcthe definition of 'webgl_compressed_texture_s3tc' in that specification.
WEBGL_compressed_texture_s3tc_srgb - Web APIs
Web › API › WEBGL compressed texture s3tc srgb
on('webgl_compressed_texture_s3tc_srgb'); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.compressedteximage2d(gl.texture_2d, 0, ext.compressed_srgb_s3tc_dxt1_ext, 512, 512, 0, texturedata); gl.texparameteri(gl.texture_2d, gl.texture_mag_filter, gl.linear); gl.texparameteri(gl.texture_2d, gl.texture_min_filter, gl.linear); specifications specification status comment webgl_compressed_texture_s3tc_srgbthe definition of 'webgl_compressed_texture_s3tc_srgb' in that specification.
WEBGL_debug_renderer_info - Web APIs
Web › API › WEBGL debug renderer info
bout the user's graphic driver: var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var debuginfo = gl.getextension('webgl_debug_renderer_info'); var vendor = gl.getparameter(debuginfo.unmasked_vendor_webgl); var renderer = gl.getparameter(debuginfo.unmasked_renderer_webgl); console.log(vendor); console.log(renderer); specifications specification status comment webgl_debug_renderer_infothe definition of 'webgl_debug_renderer_info' in that specification.
WEBGL_debug_shaders.getTranslatedShaderSource() - Web APIs
Web › API › WEBGL debug shaders › getTranslatedShaderSource
var shader = gl.createshader(gl.fragment_shader); gl.shadersource(shader, 'void main() { gl_fragcolor = vec4(gl_fragcoord.x, 0.0, 0.0, 1.0); }'); gl.compileshader(shader); var src = gl.getextension('webgl_debug_shaders').gettranslatedshadersource(shader); console.log(src); // "void main(){ // (gl_fragcolor = vec4(gl_fragcoord.x, 0.0, 0.0, 1.0)); // }" specifications specification status comment webgl_debug_shadersthe definition of 'webgl_debug_shaders.gettranslatedshadersource' in that specification.
WEBGL_debug_shaders - Web APIs
Web › API › WEBGL debug shaders
specifications specification status comment webgl_debug_shadersthe definition of 'webgl_debug_shaders' in that specification.
WEBGL_depth_texture - Web APIs
Web › API › WEBGL depth texture
examples var ext = gl.getextension('webgl_depth_texture'); gl.teximage2d(gl.texture_2d, 0, gl.depth_component, 512, 512, 0, gl.depth_component, gl.unsigned_short, null); specifications specification status comment webgl_depth_texturethe definition of 'webgl_depth_texture' in that specification.
WEBGL_draw_buffers.drawBuffersWEBGL() - Web APIs
Web › API › WEBGL draw buffers › drawBuffersWEBGL
ext.drawbufferswebgl([ ext.color_attachment0_webgl, // gl_fragdata[0] ext.color_attachment1_webgl, // gl_fragdata[1] ext.color_attachment2_webgl, // gl_fragdata[2] ext.color_attachment3_webgl // gl_fragdata[3] ]); specifications specification status comment webgl_draw_buffersthe definition of 'webgl_draw_buffers' in that specification.
WEBGL_draw_buffers - Web APIs
Web › API › WEBGL draw buffers
] ext.color_attachment3_webgl // gl_fragdata[3] ]); shader code that writes to multiple textures: <script type="x-shader/x-fragment"> #extension gl_ext_draw_buffers : require precision highp float; void main(void) { gl_fragdata[0] = vec4(0.25); gl_fragdata[1] = vec4(0.5); gl_fragdata[2] = vec4(0.75); gl_fragdata[3] = vec4(1.0); } </script> specifications specification status comment webgl_draw_buffersthe definition of 'webgl_draw_buffers' in that specification.
WEBGL_lose_context.loseContext() - Web APIs
Web › API › WEBGL lose context › loseContext
specifications specification status comment webgl_lose_contextthe definition of 'webgl_lose_context.losecontext' in that specification.
WEBGL_lose_context.restoreContext() - Web APIs
Web › API › WEBGL lose context › restoreContext
examples with this method, you can simulate the webglcontextrestored event: var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); canvas.addeventlistener('webglcontextrestored', function(e) { console.log(e); }, false); gl.getextension('webgl_lose_context').restorecontext(); specifications specification status comment webgl_lose_contextthe definition of 'webgl_lose_context.losecontext' in that specification.
WEBGL_lose_context - Web APIs
Web › API › WEBGL lose context
specifications specification status comment webgl_lose_contextthe definition of 'webgl_lose_context' in that specification.
WakeLock.request() - Web APIs
Web › API › WakeLock › request
const requestwakelock = async () => { try { const wakelock = await navigator.wakelock.request('screen'); } catch (err) { // the wake lock request fails - usually system related, such low as battery console.log(`${err.name}, ${err.message}`); } } requestwakelock(); specifications specification status comment screen wake lock apithe definition of 'request()' in that specification.
WakeLock - Web APIs
Web › API › WakeLock
const requestwakelock = async () => { try { const wakelock = await navigator.wakelock.request('screen'); } catch (err) { // the wake lock request fails - usually system related, such low as battery console.log(`${err.name}, ${err.message}`); } } requestwakelock(); specifications specification status comment screen wake lock apithe definition of 'wakelock' in that specification.
WakeLockSentinel.release() - Web APIs
Web › API › WakeLockSentinel › release
wakelockoffbutton.addeventlistener('click', () => { wakelocksentinel.release(); }) specifications specification status comment screen wake lock apithe definition of 'release()' in that specification.
WakeLockSentinel.type - Web APIs
Web › API › WakeLockSentinel › type
const requestwakelock = async () => { wakelock = await navigator.wakelock.request('screen'); console.log(wakelock.type); // logs 'screen' }; requestwakelock(); specifications specification status comment screen wake lock apithe definition of 'wakelocktype' in that specification.
WakeLockSentinel - Web APIs
Web › API › WakeLockSentinel
ingly }); } catch (err) { // if wake lock request fails - usually system related, such as battery } } wakelockonbutton.addeventlistener('click', () => { requestwakelock(); }) wakelockoffbutton.addeventlistener('click', () => { if (wakelock !== null) { wakelock.release() .then(() => { wakelock = null; }) } }) specifications specification status comment screen wake lock apithe definition of 'wakelocksentinel' in that specification.
WaveShaperNode.WaveShaperNode() - Web APIs
Web › API › WaveShaperNode › WaveShaperNode
specifications specification status comment web audio apithe definition of 'waveshapernode()' in that specification.
WaveShaperNode.curve - Web APIs
Web › API › WaveShaperNode › curve
distortion.curve = makedistortioncurve(400); distortion.oversample = '4x'; specifications specification status comment web audio apithe definition of 'curve' in that specification.
WaveShaperNode.oversample - Web APIs
Web › API › WaveShaperNode › oversample
distortion.curve = makedistortioncurve(400); distortion.oversample = '4x'; specifications specification status comment web audio apithe definition of 'oversample' in that specification.
WaveShaperNode - Web APIs
Web › API › WaveShaperNode
distortion.curve = makedistortioncurve(400); distortion.oversample = '4x'; specifications specification status comment web audio apithe definition of 'waveshapernode' in that specification.
WebGL2RenderingContext.beginQuery() - Web APIs
Web › API › WebGL2RenderingContext › beginQuery
specifications specification status comment webgl 2.0the definition of 'beginquery' in that specification.
WebGL2RenderingContext.beginTransformFeedback() - Web APIs
Web › API › WebGL2RenderingContext › beginTransformFeedback
examples var transformfeedback = gl.createtransformfeedback(); gl.bindtransformfeedback(gl.transform_feedback, transformfeedback); gl.begintransformfeedback(gl.triangles); gl.drawarrays(gl.triangles, 0, 3); specifications specification status comment webgl 2.0the definition of 'begintransformfeedback' in that specification.
WebGL2RenderingContext.bindBufferBase() - Web APIs
Web › API › WebGL2RenderingContext › bindBufferBase
examples gl.bindbufferbase(gl.transform_feedback_buffer, 0, buffer); specifications specification status comment webgl 2.0the definition of 'bindbufferbase' in that specification.
WebGL2RenderingContext.bindBufferRange() - Web APIs
Web › API › WebGL2RenderingContext › bindBufferRange
examples gl.bindbufferrange(gl.transform_feedback_buffer, 1, buffer, 0, 4); specifications specification status comment webgl 2.0the definition of 'bindbufferrange' in that specification.
WebGL2RenderingContext.bindSampler() - Web APIs
Web › API › WebGL2RenderingContext › bindSampler
examples var sampler = gl.createsampler(); gl.bindsampler(0, sampler); specifications specification status comment webgl 2.0the definition of 'bindsampler' in that specification.
WebGL2RenderingContext.bindTransformFeedback() - Web APIs
Web › API › WebGL2RenderingContext › bindTransformFeedback
examples var transformfeedback = gl.createtransformfeedback(); gl.bindtransformfeedback(gl.transform_feedback, transformfeedback); specifications specification status comment webgl 2.0the definition of 'bindtransformfeedback' in that specification.
WebGL2RenderingContext.bindVertexArray() - Web APIs
Web › API › WebGL2RenderingContext › bindVertexArray
specifications specification status comment webgl 2.0the definition of 'bindvertexarray' in that specification.
WebGL2RenderingContext.blitFramebuffer() - Web APIs
Web › API › WebGL2RenderingContext › blitFramebuffer
examples gl.blitframebuffer(0, 0, canvas.width, canvas.height, 0, 0, canvas.width, canvas.height, gl.color_buffer_bit, gl.nearest); specifications specification status comment webgl 2.0the definition of 'blitframebuffer' in that specification.
WebGL2RenderingContext.clearBuffer[fiuv]() - Web APIs
Web › API › WebGL2RenderingContext › clearBuffer
examples gl.clearbufferiv(gl.color, 0, new int32array([r, g, b, a])); gl.clearbufferuiv(gl.color, 0, new uint32array([r, g, b, a])); gl.clearbufferfv(gl.color, 0, new float32array([r, g, b, a])); gl.clearbufferfv(gl.color, 0, [0.0, 0.0, 0.0, 0.0]); gl.clearbufferfi(gl.depth_stencil, 0, 1.0, 0); specifications specification status comment webgl 2.0the definition of 'clearbuffer[fiuv]()' in that specification.
WebGL2RenderingContext.compressedTexSubImage3D() - Web APIs
Web › API › WebGL2RenderingContext › compressedTexSubImage3D
examples gl.compressedtexsubimage3d(gl.texture_3d, 0, 0, 0, 512, 512, 512, gl.compressed_r11_eac, texturedata); specifications specification status comment webgl 2.0the definition of 'compressedtexsubimage3d' in that specification.
WebGL2RenderingContext.copyBufferSubData() - Web APIs
Web › API › WebGL2RenderingContext › copyBufferSubData
tices.length * 4; gl.bindbuffer(gl.array_buffer, srcbuffer); gl.bufferdata(gl.array_buffer, data, gl.static_draw); gl.bindbuffer(gl.copy_read_buffer, srcbuffer); gl.bindbuffer(gl.array_buffer, dstbuffer); gl.bufferdata(gl.array_buffer, new float32array(length), gl.static_draw); gl.copybuffersubdata(gl.copy_read_buffer, gl.array_buffer, 0, 0, length); specifications specification status comment webgl 2.0the definition of 'copybuffersubdata' in that specification.
WebGL2RenderingContext.copyTexSubImage3D() - Web APIs
Web › API › WebGL2RenderingContext › copyTexSubImage3D
examples gl.copytexsubimage3d(gl.texture_3d, 0, 0, 0, 0, 0, 0, 16, 16); specifications specification status comment webgl 2.0the definition of 'copytexsubimage3d' in that specification.
WebGL2RenderingContext.createQuery() - Web APIs
Web › API › WebGL2RenderingContext › createQuery
var query = gl.createquery(); specifications specification status comment webgl 2.0the definition of 'createquery' in that specification.
WebGL2RenderingContext.createSampler() - Web APIs
Web › API › WebGL2RenderingContext › createSampler
var sampler = gl.createsampler(); specifications specification status comment webgl 2.0the definition of 'createsampler' in that specification.
WebGL2RenderingContext.createTransformFeedback() - Web APIs
Web › API › WebGL2RenderingContext › createTransformFeedback
var transformfeedback = gl.createtransformfeedback(); specifications specification status comment webgl 2.0the definition of 'createtransformfeedback' in that specification.
WebGL2RenderingContext.createVertexArray() - Web APIs
Web › API › WebGL2RenderingContext › createVertexArray
specifications specification status comment webgl 2.0the definition of 'createvertexarray' in that specification.
WebGL2RenderingContext.deleteQuery() - Web APIs
Web › API › WebGL2RenderingContext › deleteQuery
gl.deletequery(query); specifications specification status comment webgl 2.0the definition of 'deletequery' in that specification.
WebGL2RenderingContext.deleteSampler() - Web APIs
Web › API › WebGL2RenderingContext › deleteSampler
gl.deletesampler(sampler); specifications specification status comment webgl 2.0the definition of 'deletesampler' in that specification.
WebGL2RenderingContext.deleteSync() - Web APIs
Web › API › WebGL2RenderingContext › deleteSync
gl.deletesync(sync); specifications specification status comment webgl 2.0the definition of 'deletesync' in that specification.
WebGL2RenderingContext.deleteTransformFeedback() - Web APIs
Web › API › WebGL2RenderingContext › deleteTransformFeedback
gl.deletetransformfeedback(transformfeedback); specifications specification status comment webgl 2.0the definition of 'deletetransformfeedback' in that specification.
WebGL2RenderingContext.deleteVertexArray() - Web APIs
Web › API › WebGL2RenderingContext › deleteVertexArray
gl.deletevertexarray(vao); specifications specification status comment webgl 2.0the definition of 'deletevertexarray' in that specification.
WebGL2RenderingContext.drawArraysInstanced() - Web APIs
Web › API › WebGL2RenderingContext › drawArraysInstanced
examples gl.drawarraysinstanced(gl.points, 0, 8, 4); specifications specification status comment webgl 2.0the definition of 'drawarraysinstanced' in that specification.
WebGL2RenderingContext.drawBuffers() - Web APIs
Web › API › WebGL2RenderingContext › drawBuffers
examples gl.drawbuffers([gl.none, gl.color_attachment1]); specifications specification status comment webgl 2.0the definition of 'drawbuffers' in that specification.
WebGL2RenderingContext.drawElementsInstanced() - Web APIs
Web › API › WebGL2RenderingContext › drawElementsInstanced
examples gl.drawelementsinstanced(gl.points, 2, gl.unsigned_short, 0, 4); specifications specification status comment webgl 2.0the definition of 'drawelementsinstanced' in that specification.
WebGL2RenderingContext.drawRangeElements() - Web APIs
Web › API › WebGL2RenderingContext › drawRangeElements
examples gl.drawrangeelements(gl.points, 0, 7, 8, gl.unsigned_byte, 0); specifications specification status comment webgl 2.0the definition of 'drawrangeelements' in that specification.
WebGL2RenderingContext.endQuery() - Web APIs
Web › API › WebGL2RenderingContext › endQuery
gl.endquery(gl.any_samples_passed); specifications specification status comment webgl 2.0the definition of 'endquery' in that specification.
WebGL2RenderingContext.endTransformFeedback() - Web APIs
Web › API › WebGL2RenderingContext › endTransformFeedback
examples var transformfeedback = gl.createtransformfeedback(); gl.bindtransformfeedback(gl.transform_feedback, transformfeedback); gl.begintransformfeedback(gl.triangles); gl.drawarrays(gl.triangles, 0, 3); gl.endtransformfeedback(); specifications specification status comment webgl 2.0the definition of 'endtransformfeedback' in that specification.
WebGL2RenderingContext.fenceSync() - Web APIs
Web › API › WebGL2RenderingContext › fenceSync
var sync = gl.fencesync(gl.sync_gpu_commands_complete, 0); specifications specification status comment webgl 2.0the definition of 'fencesync' in that specification.
WebGL2RenderingContext.framebufferTextureLayer() - Web APIs
Web › API › WebGL2RenderingContext › framebufferTextureLayer
examples gl.framebuffertexturelayer(gl.framebuffer, gl.color_attachment0, texture, 0, 8); specifications specification status comment webgl 2.0the definition of 'framebuffertexturelayer' in that specification.
WebGL2RenderingContext.getActiveUniformBlockName() - Web APIs
Web › API › WebGL2RenderingContext › getActiveUniformBlockName
examples var blockname = gl.getactiveuniformblockname(program, 0); specifications specification status comment webgl 2.0the definition of 'getactiveuniformblockname' in that specification.
WebGL2RenderingContext.getActiveUniformBlockParameter() - Web APIs
Web › API › WebGL2RenderingContext › getActiveUniformBlockParameter
examples var blocksize = gl.getactiveuniformblockparameter(program, blockindex, gl.uniform_block_data_size); specifications specification status comment webgl 2.0the definition of 'getactiveuniformblockparameter' in that specification.
WebGL2RenderingContext.getActiveUniforms() - Web APIs
Web › API › WebGL2RenderingContext › getActiveUniforms
examples var uniformindices = gl.getuniformindices(program, ['ubored', 'ubogreen', 'uboblue']); var uniformoffsets = gl.getactiveuniforms(program, uniformindices, gl.uniform_offset); specifications specification status comment webgl 2.0the definition of 'getactiveuniforms' in that specification.
WebGL2RenderingContext.getBufferSubData() - Web APIs
Web › API › WebGL2RenderingContext › getBufferSubData
examples var buffer = gl.createbuffer(); gl.bindbuffer(gl.array_buffer, buffer); gl.bufferdata(gl.array_buffer, new float32array(vertices), gl.static_draw); var arrbuffer = new arraybuffer(vertices.length * float32array.bytes_per_element); gl.getbuffersubdata(gl.array_buffer, 0, arrbuffer); specifications specification status comment webgl 2.0the definition of 'getbuffersubdata' in that specification.
WebGL2RenderingContext.getFragDataLocation() - Web APIs
Web › API › WebGL2RenderingContext › getFragDataLocation
examples // program is a linked webglprogram gl.getfragdatalocation(program, 'fragcolor'); specifications specification status comment webgl 2.0the definition of 'getfragdatalocation' in that specification.
WebGL2RenderingContext.getIndexedParameter() - Web APIs
Web › API › WebGL2RenderingContext › getIndexedParameter
examples var binding = gl.getindexedparameter(gl.transform_feedback_buffer_binding, 0); specifications specification status comment webgl 2.0the definition of 'getindexedparameter' in that specification.
WebGL2RenderingContext.getInternalformatParameter() - Web APIs
Web › API › WebGL2RenderingContext › getInternalformatParameter
examples var samples = gl.getinternalformatparameter(gl.renderbuffer, gl.rgba8, gl.samples); specifications specification status comment webgl 2.0the definition of 'getinternalformatparameter' in that specification.
WebGL2RenderingContext.getQuery() - Web APIs
Web › API › WebGL2RenderingContext › getQuery
examples var currentquery = gl.getquery(gl.any_samples_passed, gl.current_query); specifications specification status comment webgl 2.0the definition of 'getquery' in that specification.
WebGL2RenderingContext.getQueryParameter() - Web APIs
Web › API › WebGL2RenderingContext › getQueryParameter
examples var query = gl.createquery(); gl.beginquery(gl.any_samples_passed, query); var result = gl.getqueryparameter(query, gl.query_result); specifications specification status comment webgl 2.0the definition of 'getqueryparameter' in that specification.
WebGL2RenderingContext.getSamplerParameter() - Web APIs
Web › API › WebGL2RenderingContext › getSamplerParameter
examples var sampler = gl.createsampler(); gl.getsamplerparameter(sampler, gl.texture_compare_func); specifications specification status comment webgl 2.0the definition of 'getsamplerparameter' in that specification.
WebGL2RenderingContext.getTransformFeedbackVarying() - Web APIs
Web › API › WebGL2RenderingContext › getTransformFeedbackVarying
examples activeinfo = gl.gettransformfeedbackvarying(program, 0); specifications specification status comment webgl 2.0the definition of 'gettransformfeedbackvarying' in that specification.
WebGL2RenderingContext.getUniformBlockIndex() - Web APIs
Web › API › WebGL2RenderingContext › getUniformBlockIndex
examples // assuming a shader with the following declaration: // uniform ubodata { // mat4 foo; // } instancename; // use the block name, not the instance name: var blockindex = gl.getuniformblockindex(program, 'ubodata'); specifications specification status comment webgl 2.0the definition of 'getuniformblockindex' in that specification.
WebGL2RenderingContext.getUniformIndices() - Web APIs
Web › API › WebGL2RenderingContext › getUniformIndices
examples var uniformindices = gl.getuniformindices(program, ['ubored', 'ubogreen', 'uboblue']); specifications specification status comment webgl 2.0the definition of 'getuniformindices' in that specification.
WebGL2RenderingContext.invalidateFramebuffer() - Web APIs
Web › API › WebGL2RenderingContext › invalidateFramebuffer
examples gl.invalidateframebuffer(gl.read_framebuffer, [gl.color_attachment0, gl.color_attachment1]); specifications specification status comment webgl 2.0the definition of 'invalidateframebuffer' in that specification.
WebGL2RenderingContext.invalidateSubFramebuffer() - Web APIs
Web › API › WebGL2RenderingContext › invalidateSubFramebuffer
examples gl.invalidatesubframebuffer(gl.read_framebuffer, [gl.color_attachment0, gl.color_attachment1], 0, 0, 256, 256); specifications specification status comment webgl 2.0the definition of 'invalidatesubframebuffer' in that specification.
WebGL2RenderingContext.isQuery() - Web APIs
Web › API › WebGL2RenderingContext › isQuery
gl.isquery(query); specifications specification status comment webgl 2.0the definition of 'isquery' in that specification.
WebGL2RenderingContext.isSampler() - Web APIs
Web › API › WebGL2RenderingContext › isSampler
gl.issampler(sampler); specifications specification status comment webgl 2.0the definition of 'issampler' in that specification.
WebGL2RenderingContext.isSync() - Web APIs
Web › API › WebGL2RenderingContext › isSync
gl.issync(sync); specifications specification status comment webgl 2.0the definition of 'issync' in that specification.
WebGL2RenderingContext.isTransformFeedback() - Web APIs
Web › API › WebGL2RenderingContext › isTransformFeedback
gl.istransformfeedback(transformfeedback); specifications specification status comment webgl 2.0the definition of 'istransformfeedback' in that specification.
WebGL2RenderingContext.isVertexArray() - Web APIs
Web › API › WebGL2RenderingContext › isVertexArray
gl.isvertexarray(vao); specifications specification status comment webgl 2.0the definition of 'isvertexarray' in that specification.
WebGL2RenderingContext.pauseTransformFeedback() - Web APIs
Web › API › WebGL2RenderingContext › pauseTransformFeedback
gl.resumetransformfeedback(); gl.drawarrays(gl.triangles, 0, 3); gl.endtransformfeedback(); specifications specification status comment webgl 2.0the definition of 'pausetransformfeedback' in that specification.
WebGL2RenderingContext.readBuffer() - Web APIs
Web › API › WebGL2RenderingContext › readBuffer
examples gl.readbuffer(gl.color_attachment0); specifications specification status comment webgl 2.0the definition of 'readbuffer' in that specification.
WebGL2RenderingContext.renderbufferStorageMultisample() - Web APIs
Web › API › WebGL2RenderingContext › renderbufferStorageMultisample
examples gl.renderbufferstoragemultisample(gl.renderbuffer, 4, gl.rbga4, 256, 256); specifications specification status comment webgl 2.0the definition of 'glrenderbufferstoragemultisample' in that specification.
WebGL2RenderingContext.resumeTransformFeedback() - Web APIs
Web › API › WebGL2RenderingContext › resumeTransformFeedback
gl.resumetransformfeedback(); gl.drawarrays(gl.triangles, 0, 3); gl.endtransformfeedback(); specifications specification status comment webgl 2.0the definition of 'resumetransformfeedback' in that specification.
WebGL2RenderingContext.texImage3D() - Web APIs
Web › API › WebGL2RenderingContext › texImage3D
// height 1, // depth 0, // border gl.rgba, // format gl.unsigned_byte, // type new uint8array([0xff, 0x00, 0x00, 0x00])); // data specifications specification status comment webgl 2.0the definition of 'teximage3d' in that specification.
WebGL2RenderingContext.texStorage2D() - Web APIs
Web › API › WebGL2RenderingContext › texStorage2D
examples gl.texstorage2d(gl.texture_2d, 1, gl.rgb8, 256, 256); specifications specification status comment webgl 2.0the definition of 'texstorage2d' in that specification.
WebGL2RenderingContext.texStorage3D() - Web APIs
Web › API › WebGL2RenderingContext › texStorage3D
examples gl.texstorage3d(gl.texture_3d, 1, gl.rgb8, 256, 256, 256); specifications specification status comment webgl 2.0the definition of 'texstorage3d' in that specification.
WebGL2RenderingContext.texSubImage3D() - Web APIs
Web › API › WebGL2RenderingContext › texSubImage3D
examples gl.texsubimage3d(gl.texture_3d, 0, 0, 0, 0, image.width, image.height, 1, gl.rgba, gl.unsigned_byte, image); specifications specification status comment webgl 2.0the definition of 'texsubimage3d' in that specification.
WebGL2RenderingContext.transformFeedbackVaryings() - Web APIs
Web › API › WebGL2RenderingContext › transformFeedbackVaryings
examples var transformfeedback = gl.createtransformfeedback(); gl.bindtransformfeedback(gl.transform_feedback, transformfeedback); var transformfeedbackoutputs = ['gl_position', 'anotheroutput']; gl.transformfeedbackvaryings(shaderprog, transformfeedbackoutputs, gl.interleaved_attribs); gl.linkprogram(shaderprog); specifications specification status comment webgl 2.0the definition of 'transformfeedbackvaryings' in that specification.
WebGL2RenderingContext.uniform[1234][uif][v]() - Web APIs
Web › API › WebGL2RenderingContext › uniform
specifications specification status comment webgl 2.0the definition of 'uniform' in that specification.
WebGL2RenderingContext.uniformBlockBinding() - Web APIs
Web › API › WebGL2RenderingContext › uniformBlockBinding
examples gl.uniformblockbinding(program, 0, 1); specifications specification status comment webgl 2.0the definition of 'uniformblockbinding' in that specification.
WebGL2RenderingContext.uniformMatrix[234]x[234]fv() - Web APIs
Web › API › WebGL2RenderingContext › uniformMatrix
examples gl.uniformmatrix2x3fv(loc, false, [1, 2, 3, 4, 5, 6]); specifications specification status comment webgl 2.0the definition of 'uniformmatrix' in that specification.
WebGL2RenderingContext.vertexAttribDivisor() - Web APIs
Web › API › WebGL2RenderingContext › vertexAttribDivisor
examples gl.vertexattribdivisor(0, 2); specifications specification status comment webgl 2.0the definition of 'vertexattribdivisor' in that specification.
WebGL2RenderingContext.vertexAttribI4[u]i[v]() - Web APIs
Web › API › WebGL2RenderingContext › vertexAttribI
examples gl.vertexattribi4i(a_foobar, 10); specifications specification status comment webgl 2.0the definition of 'vertexattribi' in that specification.
WebGL2RenderingContext.vertexAttribIPointer() - Web APIs
Web › API › WebGL2RenderingContext › vertexAttribIPointer
vec4 skinnedposition = bones[boneindices.s] * vec4(position, 1.0) * boneweights.s + bones[boneindices.t] * vec4(position, 1.0) * boneweights.t + bones[boneindices.p] * vec4(position, 1.0) * boneweights.p + bones[boneindices.q] * vec4(position, 1.0) * boneweights.q; gl_position = mvmatrix * skinnedposition; } </script> specifications specification status comment webgl 2.0the definition of 'vertexattribipointer' in that specification.
WebGL2RenderingContext.waitSync() - Web APIs
Web › API › WebGL2RenderingContext › waitSync
examples var sync = gl.fencesync(gl.sync_gpu_commands_complete, 0); gl.waitsync(sync, 0, gl.timeout_ignored); specifications specification status comment webgl 2.0the definition of 'waitsync' in that specification.
WebGL2RenderingContext - Web APIs
Web › API › WebGL2RenderingContext
specifications specification status comment webgl 2.0the definition of 'webgl2renderingcontext' in that specification.
WebGLActiveInfo.name - Web APIs
Web › API › WebGLActiveInfo › name
examples var activeattrib = gl.getactiveattrib(program, index); activeattrib.name; var activeuniform = gl.getactiveuniform(program, index); activeuniform.name; specifications specification status comment webgl 1.0the definition of 'webglactiveinfo.name' in that specification.
WebGLActiveInfo.size - Web APIs
Web › API › WebGLActiveInfo › size
examples var activeattrib = gl.getactiveattrib(program, index); activeattrib.size; var activeuniform = gl.getactiveuniform(program, index); activeuniform.size; specifications specification status comment webgl 1.0the definition of 'webglactiveinfo.size' in that specification.
WebGLActiveInfo.type - Web APIs
Web › API › WebGLActiveInfo › type
examples var activeattrib = gl.getactiveattrib(program, index); activeattrib.type; var activeuniform = gl.getactiveuniform(program, index); activeuniform.type; specifications specification status comment webgl 1.0the definition of 'webglactiveinfo.type' in that specification.
WebGLActiveInfo - Web APIs
Web › API › WebGLActiveInfo
program, gluint index) specifications specification status comment webgl 1.0the definition of 'webglactiveinfo' in that specification.
WebGLBuffer - Web APIs
Web › API › WebGLBuffer
following methods of the webglrenderingcontext are useful: webglrenderingcontext.bindbuffer() webglrenderingcontext.createbuffer() webglrenderingcontext.deletebuffer() webglrenderingcontext.isbuffer() examples creating a buffer var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var buffer = gl.createbuffer(); specifications specification status comment webgl 1.0the definition of 'webglbuffer' in that specification.
WebGLFramebuffer - Web APIs
Web › API › WebGLFramebuffer
renderingcontext are useful: webglrenderingcontext.bindframebuffer() webglrenderingcontext.createframebuffer() webglrenderingcontext.deleteframebuffer() webglrenderingcontext.isframebuffer() examples creating a frame buffer var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var buffer = gl.createframebuffer(); specifications specification status comment webgl 1.0the definition of 'webglframebuffer' in that specification.
WebGLQuery - Web APIs
Web › API › WebGLQuery
var query = gl.createquery(); specifications specification status comment webgl 2.0the definition of 'webglquery' in that specification.
WebGLRenderbuffer - Web APIs
Web › API › WebGLRenderbuffer
ingcontext are useful: webglrenderingcontext.bindrenderbuffer() webglrenderingcontext.createrenderbuffer() webglrenderingcontext.deleterenderbuffer() webglrenderingcontext.isrenderbuffer() examples creating a render buffer var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var buffer = gl.createrenderbuffer(); specifications specification status comment webgl 1.0the definition of 'webglrenderbuffer' in that specification.
WebGLRenderingContext.activeTexture() - Web APIs
Web › API › WebGLRenderingContext › activeTexture
gl.activetexture(gl.texture0); gl.getparameter(gl.active_texture); // returns "33984" (0x84c0, gl.texture0 enum value) specifications specification status comment webgl 1.0the definition of 'activetexture' in that specification.
WebGLRenderingContext.bindAttribLocation() - Web APIs
Web › API › WebGLRenderingContext › bindAttribLocation
examples gl.bindattriblocation(program, colorlocation, 'vcolor'); specifications specification status comment webgl 1.0the definition of 'bindattriblocation' in that specification.
WebGLRenderingContext.bindBuffer() - Web APIs
Web › API › WebGLRenderingContext › bindBuffer
gl.getparameter(gl.array_buffer_binding); gl.getparameter(gl.element_array_buffer_binding); specifications specification status comment webgl 1.0the definition of 'bindbuffer' in that specification.
WebGLRenderingContext.bindFramebuffer() - Web APIs
Web › API › WebGLRenderingContext › bindFramebuffer
gl.getparameter(gl.framebuffer_binding); specifications specification status comment webgl 1.0the definition of 'bindframebuffer' in that specification.
WebGLRenderingContext.bindRenderbuffer() - Web APIs
Web › API › WebGLRenderingContext › bindRenderbuffer
gl.getparameter(gl.renderbuffer_binding); specifications specification status comment webgl 1.0the definition of 'bindrenderbuffer' in that specification.
WebGLRenderingContext.bindTexture() - Web APIs
Web › API › WebGLRenderingContext › bindTexture
gl.getparameter(gl.texture_binding_2d); specifications specification status comment webgl 1.0the definition of 'bindtexture' in that specification.
WebGLRenderingContext.blendColor() - Web APIs
Web › API › WebGLRenderingContext › blendColor
gl.getparameter(gl.blend_color); // float32array[0, 0.5, 1, 1] specifications specification status comment webgl 1.0the definition of 'blendcolor' in that specification.
WebGLRenderingContext.blendEquation() - Web APIs
Web › API › WebGLRenderingContext › blendEquation
gl.getparameter(gl.blend_equation_rgb) === gl.func_add; // true gl.getparameter(gl.blend_equation_alpha) === gl.func_add; // true specifications specification status comment webgl 1.0the definition of 'blendequation' in that specification.
WebGLRenderingContext.blendEquationSeparate() - Web APIs
Web › API › WebGLRenderingContext › blendEquationSeparate
gl.getparameter(gl.blend_equation_rgb) === gl.func_add; // true gl.getparameter(gl.blend_equation_alpha) === gl.func_add; // true specifications specification status comment webgl 1.0the definition of 'blendequationseparate' in that specification.
WebGLRenderingContext.blendFunc() - Web APIs
Web › API › WebGLRenderingContext › blendFunc
gl.enable(gl.blend); gl.blendfunc(gl.src_color, gl.dst_color); gl.getparameter(gl.blend_src_rgb) == gl.src_color; // true specifications specification status comment webgl 1.0the definition of 'blendfunc' in that specification.
WebGLRenderingContext.blendFuncSeparate() - Web APIs
Web › API › WebGLRenderingContext › blendFuncSeparate
gl.enable(gl.blend); gl.blendfuncseparate(gl.src_color, gl.dst_color, gl.one, gl.zero); gl.getparameter(gl.blend_src_rgb) == gl.src_color; // true specifications specification status comment webgl 1.0the definition of 'blendfunc' in that specification.
WebGLRenderingContext.bufferData() - Web APIs
Web › API › WebGLRenderingContext › bufferData
var dataarray = new float32array([1, 2, 3, 4]); var sizeinbytes = dataarray.length * dataarray.bytes_per_element; specifications specification status comment webgl 1.0the definition of 'bufferdata' in that specification.
WebGLRenderingContext.bufferSubData() - Web APIs
Web › API › WebGLRenderingContext › bufferSubData
examples using buffersubdata var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var buffer = gl.createbuffer(); gl.bindbuffer(gl.array_buffer, buffer); gl.bufferdata(gl.array_buffer, 1024, gl.static_draw); gl.buffersubdata(gl.array_buffer, 512, data); specifications specification status comment webgl 1.0the definition of 'buffersubdata' in that specification.
WebGLRenderingContext.canvas - Web APIs
Web › API › WebGLRenderingContext › canvas
var offscreen = new offscreencanvas(256, 256); var gl = offscreen.getcontext('webgl'); gl.canvas; // offscreencanvas specifications specification status comment webgl 1.0the definition of 'webglrenderingcontext.canvas' in that specification.
WebGLRenderingContext.clear() - Web APIs
Web › API › WebGLRenderingContext › clear
gl.getparameter(gl.color_clear_value); gl.getparameter(gl.depth_clear_value); gl.getparameter(gl.stencil_clear_value); specifications specification status comment webgl 1.0the definition of 'clear' in that specification.
WebGLRenderingContext.clearColor() - Web APIs
Web › API › WebGLRenderingContext › clearColor
gl.getparameter(gl.color_clear_value); // float32array[1, 0.5, 0.5, 1] specifications specification status comment webgl 1.0the definition of 'clearcolor' in that specification.
WebGLRenderingContext.clearDepth() - Web APIs
Web › API › WebGLRenderingContext › clearDepth
gl.getparameter(gl.depth_clear_value); // 0.5 specifications specification status comment webgl 1.0the definition of 'cleardepth' in that specification.
WebGLRenderingContext.clearStencil() - Web APIs
Web › API › WebGLRenderingContext › clearStencil
gl.getparameter(gl.stencil_clear_value); // 1 specifications specification status comment webgl 1.0the definition of 'clearstencil' in that specification.
WebGLRenderingContext.colorMask() - Web APIs
Web › API › WebGLRenderingContext › colorMask
gl.getparameter(gl.color_writemask); // [true, true, true, false] specifications specification status comment webgl 1.0the definition of 'colormask' in that specification.
WebGLRenderingContext.commit() - Web APIs
Web › API › WebGLRenderingContext › commit
// push frames back to the original htmlcanvaselement gl.commit(); specifications specification status comment html living standardthe definition of 'the commit() method of the offscreencanvas object's rendering context' in that specification.
WebGLRenderingContext.compileShader() - Web APIs
Web › API › WebGLRenderingContext › compileShader
examples var shader = gl.createshader(gl.vertex_shader); gl.shadersource(shader, shadersource); gl.compileshader(shader); specifications specification status comment webgl 1.0the definition of 'compileshader' in that specification.
WebGLRenderingContext.compressedTexImage[23]D() - Web APIs
Web › API › WebGLRenderingContext › compressedTexImage2D
'webkit_webgl_compressed_texture_s3tc') ); var texture = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); gl.compressedteximage2d(gl.texture_2d, 0, ext.compressed_rgba_s3tc_dxt5_ext, 512, 512, 0, texturedata); gl.texparameteri(gl.texture_2d, gl.texture_mag_filter, gl.linear); gl.texparameteri(gl.texture_2d, gl.texture_min_filter, gl.linear); specifications specification status comment webgl 1.0the definition of 'compressedteximage2d' in that specification.
WebGLRenderingContext.compressedTexSubImage2D() - Web APIs
Web › API › WebGLRenderingContext › compressedTexSubImage2D
examples var ext = ( gl.getextension('webgl_compressed_texture_s3tc') || gl.getextension('moz_webgl_compressed_texture_s3tc') || gl.getextension('webkit_webgl_compressed_texture_s3tc') ); gl.compressedtexsubimage2d(gl.texture_2d, 0, 256, 256, 512, 512, ext.compressed_rgba_s3tc_dxt5_ext, texturedata); specifications specification status comment webgl 1.0the definition of 'compressedtexsubimage2d' in that specification.
WebGLRenderingContext.copyTexImage2D() - Web APIs
Web › API › WebGLRenderingContext › copyTexImage2D
examples gl.copyteximage2d(gl.texture_2d, 0, gl.rgba, 0, 0, 512, 512, 0); specifications specification status comment webgl 1.0the definition of 'copyteximage2d' in that specification.
WebGLRenderingContext.copyTexSubImage2D() - Web APIs
Web › API › WebGLRenderingContext › copyTexSubImage2D
examples gl.copytexsubimage2d(gl.texture_2d, 0, 0,0, 0, 0, 16, 16); specifications specification status comment webgl 1.0the definition of 'copytexsubimage2d' in that specification.
WebGLRenderingContext.createBuffer() - Web APIs
Web › API › WebGLRenderingContext › createBuffer
examples creating a buffer var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var buffer = gl.createbuffer(); specifications specification status comment webgl 1.0the definition of 'createbuffer' in that specification.
WebGLRenderingContext.createFramebuffer() - Web APIs
Web › API › WebGLRenderingContext › createFramebuffer
examples creating a frame buffer var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var framebuffer = gl.createframebuffer(); specifications specification status comment webgl 1.0the definition of 'createframebuffer' in that specification.
WebGLRenderingContext.createRenderbuffer() - Web APIs
Web › API › WebGLRenderingContext › createRenderbuffer
examples creating a render buffer var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var renderbuffer = gl.createrenderbuffer(); specifications specification status comment webgl 1.0the definition of 'createrenderbuffer' in that specification.
WebGLRenderingContext.createShader() - Web APIs
Web › API › WebGLRenderingContext › createShader
specifications specification status comment webgl 1.0the definition of 'createshader' in that specification.
WebGLRenderingContext.createTexture() - Web APIs
Web › API › WebGLRenderingContext › createTexture
creating a texture var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var texture = gl.createtexture(); specifications specification status comment webgl 1.0the definition of 'createtexture' in that specification.
WebGLRenderingContext.cullFace() - Web APIs
Web › API › WebGLRenderingContext › cullFace
gl.getparameter(gl.cull_face_mode) === gl.front_and_back; // true specifications specification status comment webgl 1.0the definition of 'cullface' in that specification.
WebGLRenderingContext.deleteBuffer() - Web APIs
Web › API › WebGLRenderingContext › deleteBuffer
gl.deletebuffer(buffer); specifications specification status comment webgl 1.0the definition of 'deletebuffer' in that specification.
WebGLRenderingContext.deleteFramebuffer() - Web APIs
Web › API › WebGLRenderingContext › deleteFramebuffer
gl.deleteframebuffer(framebuffer); specifications specification status comment webgl 1.0the definition of 'deleteframebuffer' in that specification.
WebGLRenderingContext.deleteProgram() - Web APIs
Web › API › WebGLRenderingContext › deleteProgram
gl.deleteprogram(program); specifications specification status comment webgl 1.0the definition of 'deleteprogram' in that specification.
WebGLRenderingContext.deleteRenderbuffer() - Web APIs
Web › API › WebGLRenderingContext › deleteRenderbuffer
gl.deleterenderbuffer(renderbuffer); specifications specification status comment webgl 1.0the definition of 'deleterenderbuffer' in that specification.
WebGLRenderingContext.deleteShader() - Web APIs
Web › API › WebGLRenderingContext › deleteShader
examples deleting a shader gl.deleteshader(shader); specifications specification status comment webgl 1.0the definition of 'deleteshader' in that specification.
WebGLRenderingContext.deleteTexture() - Web APIs
Web › API › WebGLRenderingContext › deleteTexture
gl.deletetexture(texture); specifications specification status comment webgl 1.0the definition of 'deletetexture' in that specification.
WebGLRenderingContext.depthFunc() - Web APIs
Web › API › WebGLRenderingContext › depthFunc
gl.getparameter(gl.depth_func) === gl.never; // true specifications specification status comment webgl 1.0the definition of 'depthfunc' in that specification.
WebGLRenderingContext.depthMask() - Web APIs
Web › API › WebGLRenderingContext › depthMask
gl.getparameter(gl.depth_writemask); // false specifications specification status comment webgl 1.0the definition of 'depthmask' in that specification.
WebGLRenderingContext.depthRange() - Web APIs
Web › API › WebGLRenderingContext › depthRange
examples gl.depthrange(0.2, 0.6); to check the current depth range, query the depth_range constant which returns a float32array gl.getparameter(gl.depth_range); // float32array[0.2, 0.6] specifications specification status comment webgl 1.0the definition of 'depthrange' in that specification.
WebGLRenderingContext.detachShader() - Web APIs
Web › API › WebGLRenderingContext › detachShader
specifications specification status comment webgl 1.0the definition of 'detachshader' in that specification.
WebGLRenderingContext.disable() - Web APIs
Web › API › WebGLRenderingContext › disable
examples gl.disable(gl.dither); to check if a capability is disabled, use the webglrenderingcontext.isenabled() method: gl.isenabled(gl.dither); // false specifications specification status comment webgl 1.0the definition of 'disable' in that specification.
WebGLRenderingContext.disableVertexAttribArray() - Web APIs
Web › API › WebGLRenderingContext › disableVertexAttribArray
examples gl.disablevertexattribarray(0); specifications specification status comment webgl 1.0the definition of 'disablevertexattribarray' in that specification.
WebGLRenderingContext.drawArrays() - Web APIs
Web › API › WebGLRenderingContext › drawArrays
examples gl.drawarrays(gl.points, 0, 8); specifications specification status comment webgl 1.0the definition of 'drawarrays' in that specification.
WebGLRenderingContext.drawElements() - Web APIs
Web › API › WebGLRenderingContext › drawElements
examples gl.drawelements(gl.points, 8, gl.unsigned_byte, 0); specifications specification status comment webgl 1.0the definition of 'drawelements' in that specification.
WebGLRenderingContext.drawingBufferHeight - Web APIs
Web › API › WebGLRenderingContext › drawingBufferHeight
syntax gl.drawingbufferheight; examples given this <canvas> element: <canvas id="canvas"></canvas> you can get the height of the drawing buffer with the following lines: var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); gl.drawingbufferheight; // 150 specifications specification status comment webgl 1.0the definition of 'webglrenderingcontext.drawingbufferheight' in that specification.
WebGLRenderingContext.drawingBufferWidth - Web APIs
Web › API › WebGLRenderingContext › drawingBufferWidth
syntax gl.drawingbufferwidth; examples given this <canvas> element: <canvas id="canvas"></canvas> you can get the width of the drawing buffer with the following lines: var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); gl.drawingbufferwidth; // 300 specifications specification status comment webgl 1.0the definition of 'webglrenderingcontext.drawingbufferwidth' in that specification.
WebGLRenderingContext.enable() - Web APIs
Web › API › WebGLRenderingContext › enable
examples gl.enable(gl.dither); to check if a capability is enabled, use the webglrenderingcontext.isenabled() method: gl.isenabled(gl.dither); // true specifications specification status comment webgl 1.0the definition of 'enable' in that specification.
WebGLRenderingContext.enableVertexAttribArray() - Web APIs
Web › API › WebGLRenderingContext › enableVertexAttribArray
specifications specification status comment webgl 1.0the definition of 'enablevertexattribarray' in that specification.
WebGLRenderingContext.finish() - Web APIs
Web › API › WebGLRenderingContext › finish
specifications specification status comment webgl 1.0the definition of 'finish' in that specification.
WebGLRenderingContext.flush() - Web APIs
Web › API › WebGLRenderingContext › flush
specifications specification status comment webgl 1.0the definition of 'flush' in that specification.
WebGLRenderingContext.framebufferRenderbuffer() - Web APIs
Web › API › WebGLRenderingContext › framebufferRenderbuffer
examples gl.framebufferrenderbuffer(gl.framebuffer, gl.color_attachment0, gl.renderbuffer, renderbuffer); specifications specification status comment webgl 1.0the definition of 'framebufferrenderbuffer' in that specification.
WebGLRenderingContext.framebufferTexture2D() - Web APIs
Web › API › WebGLRenderingContext › framebufferTexture2D
examples gl.framebuffertexture2d(gl.framebuffer, gl.color_attachment0, gl.texture_2d, texture, 0); specifications specification status comment webgl 1.0the definition of 'framebuffertexture2d' in that specification.
WebGLRenderingContext.frontFace() - Web APIs
Web › API › WebGLRenderingContext › frontFace
examples gl.frontface(gl.cw); specifications specification status comment webgl 1.0the definition of 'frontface' in that specification.
WebGLRenderingContext.generateMipmap() - Web APIs
Web › API › WebGLRenderingContext › generateMipmap
examples gl.generatemipmap(gl.texture_2d); specifications specification status comment webgl 1.0the definition of 'generatemipmap' in that specification.
WebGLRenderingContext.getActiveAttrib() - Web APIs
Web › API › WebGLRenderingContext › getActiveAttrib
examples const numattribs = gl.getprogramparameter(program, gl.active_attributes); for (let i = 0; i < numattribs; ++i) { const info = gl.getactiveattrib(program, i); console.log('name:', info.name, 'type:', info.type, 'size:', info.size); } specifications specification status comment webgl 1.0the definition of 'getactiveattrib' in that specification.
WebGLRenderingContext.getActiveUniform() - Web APIs
Web › API › WebGLRenderingContext › getActiveUniform
examples const numuniforms = gl.getprogramparameter(program, gl.active_uniforms); for (let i = 0; i < numuniforms; ++i) { const info = gl.getactiveuniform(program, i); console.log('name:', info.name, 'type:', info.type, 'size:', info.size); } specifications specification status comment webgl 1.0the definition of 'getactiveuniform' in that specification.
WebGLRenderingContext.getAttachedShaders() - Web APIs
Web › API › WebGLRenderingContext › getAttachedShaders
examples var program = gl.createprogram(); // attach pre-existing shaders gl.attachshader(program, vertexshader); gl.attachshader(program, fragmentshader); gl.linkprogram(program); gl.getattachedshaders(program); specifications specification status comment webgl 1.0the definition of 'getattachedshaders' in that specification.
WebGLRenderingContext.getAttribLocation() - Web APIs
Web › API › WebGLRenderingContext › getAttribLocation
examples gl.getattriblocation(program, 'vcolor'); specifications specification status comment webgl 1.0the definition of 'getattriblocation' in that specification.
WebGLRenderingContext.getBufferParameter() - Web APIs
Web › API › WebGLRenderingContext › getBufferParameter
examples gl.getbufferparameter(gl.array_buffer, gl.buffer_size); specifications specification status comment webgl 1.0the definition of 'getbufferparameter' in that specification.
WebGLRenderingContext.getContextAttributes() - Web APIs
Web › API › WebGLRenderingContext › getContextAttributes
specifications specification status comment webgl 1.0the definition of 'webglrenderingcontext.getcontextattributes' in that specification.
WebGLRenderingContext.getError() - Web APIs
Web › API › WebGLRenderingContext › getError
examples gl.geterror(); // gl.no_error (0) gl.enable(gl.foobar); gl.geterror(); // gl.invalid_enum; specifications specification status comment webgl 1.0the definition of 'geterror' in that specification.
WebGLRenderingContext.getExtension() - Web APIs
Web › API › WebGLRenderingContext › getExtension
webgl_color_buffer_float webgl_compressed_texture_astc webgl_compressed_texture_atc webgl_compressed_texture_etc webgl_compressed_texture_etc1 webgl_compressed_texture_pvrtc webgl_compressed_texture_s3tc webgl_compressed_texture_s3tc_srgb webgl_debug_renderer_info webgl_debug_shaders webgl_depth_texture webgl_draw_buffers webgl_lose_context specifications specification status comment webgl 1.0the definition of 'webglrenderingcontext.getextension' in that specification.
WebGLRenderingContext.getFramebufferAttachmentParameter() - Web APIs
Web › API › WebGLRenderingContext › getFramebufferAttachmentParameter
examples gl.getframebufferattachmentparameter(gl.framebuffer, gl.color_attachment0, gl.framebuffer_attachment_object_type); specifications specification status comment webgl 1.0the definition of 'getframebufferattachmentparameter' in that specification.
WebGLRenderingContext.getParameter() - Web APIs
Web › API › WebGLRenderingContext › getParameter
examples gl.getparameter(gl.dither); gl.getparameter(gl.version); gl.getparameter(gl.viewport); specifications specification status comment webgl 1.0the definition of 'getparameter' in that specification.
WebGLRenderingContext.getProgramInfoLog() - Web APIs
Web › API › WebGLRenderingContext › getProgramInfoLog
examples checking program errors var program = gl.createprogram(); // attach pre-existing shaders gl.attachshader(program, vertexshader); gl.attachshader(program, fragmentshader); gl.linkprogram(program); gl.getprograminfolog(program); specifications specification status comment webgl 1.0the definition of 'getprograminfolog' in that specification.
WebGLRenderingContext.getRenderbufferParameter() - Web APIs
Web › API › WebGLRenderingContext › getRenderbufferParameter
examples gl.getrenderbufferparameter(gl.renderbuffer, gl.renderbuffer_width); specifications specification status comment webgl 1.0the definition of 'getrenderbufferparameter' in that specification.
WebGLRenderingContext.getShaderInfoLog() - Web APIs
Web › API › WebGLRenderingContext › getShaderInfoLog
*/ gl.compileshader(shader); var message = gl.getshaderinfolog(shader); if (message.length > 0) { /* message may be an error or a warning */ throw message; } specifications specification status comment webgl 1.0the definition of 'getshaderinfolog' in that specification.
WebGLRenderingContext.getShaderPrecisionFormat() - Web APIs
Web › API › WebGLRenderingContext › getShaderPrecisionFormat
var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); gl.getshaderprecisionformat(gl.vertex_shader, gl.medium_float); // webglshaderprecisionformat { rangemin: 127, rangemax: 127, precision: 23 } specifications specification status comment webgl 1.0the definition of 'getshaderprecisionformat' in that specification.
WebGLRenderingContext.getShaderSource() - Web APIs
Web › API › WebGLRenderingContext › getShaderSource
examples var shader = gl.createshader(gl.vertex_shader); gl.shadersource(shader, originalsource); var source = gl.getshadersource(shader); specifications specification status comment webgl 1.0the definition of 'getshadersource' in that specification.
WebGLRenderingContext.getSupportedExtensions() - Web APIs
Web › API › WebGLRenderingContext › getSupportedExtensions
webgl_color_buffer_float webgl_compressed_texture_astc webgl_compressed_texture_atc webgl_compressed_texture_etc webgl_compressed_texture_etc1 webgl_compressed_texture_pvrtc webgl_compressed_texture_s3tc webgl_compressed_texture_s3tc_srgb webgl_debug_renderer_info webgl_debug_shaders webgl_depth_texture webgl_draw_buffers webgl_lose_context specifications specification status comment webgl 1.0the definition of 'webglrenderingcontext.getsupportedextensions' in that specification.
WebGLRenderingContext.getTexParameter() - Web APIs
Web › API › WebGLRenderingContext › getTexParameter
examples gl.gettexparameter(gl.texture_2d, gl.texture_mag_filter); specifications specification status comment webgl 1.0the definition of 'gettexparameter' in that specification.
WebGLRenderingContext.getUniform() - Web APIs
Web › API › WebGLRenderingContext › getUniform
(with 8 elements) mat3x2 float32array (with 6 elements) mat3x4 float32array (with 12 elements) mat4x2 float32array (with 8 elements) mat4x3 float32array (with 12 elements) any sampler type glint examples var loc = gl.getuniformlocation(program, 'u_foobar'); gl.getuniform(program, loc); specifications specification status comment webgl 1.0the definition of 'getuniform' in that specification.
WebGLRenderingContext.getUniformLocation() - Web APIs
Web › API › WebGLRenderingContext › getUniformLocation
specifications specification status comment webgl 1.0the definition of 'getuniformlocation' in that specification.
WebGLRenderingContext.getVertexAttrib() - Web APIs
Web › API › WebGLRenderingContext › getVertexAttrib
examples gl.getvertexattrib(0, gl.vertex_attrib_array_buffer_binding); specifications specification status comment webgl 1.0the definition of 'getvertexattrib' in that specification.
WebGLRenderingContext.getVertexAttribOffset() - Web APIs
Web › API › WebGLRenderingContext › getVertexAttribOffset
examples gl.getvertexattriboffset(i, gl.vertex_attrib_array_pointer); specifications specification status comment webgl 1.0the definition of 'getvertexattriboffset' in that specification.
WebGLRenderingContext.hint() - Web APIs
Web › API › WebGLRenderingContext › hint
gl.hint(gl.generate_mipmap_hint, gl.fastest); specifications specification status comment webgl 1.0the definition of 'hint' in that specification.
WebGLRenderingContext.isBuffer() - Web APIs
Web › API › WebGLRenderingContext › isBuffer
examples creating a buffer var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var buffer = gl.createbuffer(); gl.isbuffer(buffer); specifications specification status comment webgl 1.0the definition of 'isbuffer' in that specification.
WebGLRenderingContext.isContextLost() - Web APIs
Web › API › WebGLRenderingContext › isContextLost
examples for example, when checking for program linking success, you could also check if the context is not lost: gl.linkprogram(program); if (!gl.getprogramparameter(program, gl.link_status) && !gl.iscontextlost()) { var info = gl.getprograminfolog(program); console.log('error linking program:\n' + info); } specifications specification status comment webgl 1.0the definition of 'webglrenderingcontext.iscontextlost' in that specification.
WebGLRenderingContext.isEnabled() - Web APIs
Web › API › WebGLRenderingContext › isEnabled
examples gl.isenabled(gl.stencil_test); // false to activate or deactivate a specific capability, use the webglrenderingcontext.enable() and webglrenderingcontext.disable() methods: gl.enable(gl.stencil_test); gl.disable(gl.stencil_test); specifications specification status comment webgl 1.0the definition of 'isenabled' in that specification.
WebGLRenderingContext.isFramebuffer() - Web APIs
Web › API › WebGLRenderingContext › isFramebuffer
examples checking a frame buffer var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var framebuffer = gl.createframebuffer(); gl.isframebuffer(framebuffer); specifications specification status comment webgl 1.0the definition of 'isframebuffer' in that specification.
WebGLRenderingContext.isProgram() - Web APIs
Web › API › WebGLRenderingContext › isProgram
gl.isprogram(program); specifications specification status comment webgl 1.0the definition of 'isprogram' in that specification.
WebGLRenderingContext.isRenderbuffer() - Web APIs
Web › API › WebGLRenderingContext › isRenderbuffer
examples checking a renderbuffer var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var renderbuffer = gl.createrenderbuffer(); gl.isrenderbuffer(renderbuffer); specifications specification status comment webgl 1.0the definition of 'isrenderbuffer' in that specification.
WebGLRenderingContext.isShader() - Web APIs
Web › API › WebGLRenderingContext › isShader
gl.isshader(shader); specifications specification status comment webgl 1.0the definition of 'isshader' in that specification.
WebGLRenderingContext.isTexture() - Web APIs
Web › API › WebGLRenderingContext › isTexture
examples checking a texture var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var texture = gl.createtexture(); gl.istexture(texture); specifications specification status comment webgl 1.0the definition of 'istexture' in that specification.
WebGLRenderingContext.lineWidth() - Web APIs
Web › API › WebGLRenderingContext › lineWidth
gl.getparameter(gl.aliased_line_width_range); specifications specification status comment webgl 1.0the definition of 'linewidth' in that specification.
WebGLRenderingContext.makeXRCompatible() - Web APIs
Web › API › WebGLRenderingContext › makeXRCompatible
specifications specification status comment webxr device apithe definition of 'webglrenderingcontext.makexrcompatible()' in that specification.
WebGLRenderingContext.pixelStorei() - Web APIs
Web › API › WebGLRenderingContext › pixelStorei
gl.getparameter(gl.pack_alignment); gl.getparameter(gl.unpack_alignment); specifications specification status comment webgl 1.0the definition of 'pixelstorei' in that specification.
WebGLRenderingContext.polygonOffset() - Web APIs
Web › API › WebGLRenderingContext › polygonOffset
gl.getparameter(gl.polygon_offset_factor); // 2 gl.getparameter(gl.polygon_offset_units); // 3 specifications specification status comment webgl 1.0the definition of 'polygonoffset' in that specification.
WebGLRenderingContext.readPixels() - Web APIs
Web › API › WebGLRenderingContext › readPixels
examples var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var pixels = new uint8array(gl.drawingbufferwidth * gl.drawingbufferheight * 4); gl.readpixels(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight, gl.rgba, gl.unsigned_byte, pixels); console.log(pixels); // uint8array specifications specification status comment webgl 1.0the definition of 'readpixels' in that specification.
WebGLRenderingContext.renderbufferStorage() - Web APIs
Web › API › WebGLRenderingContext › renderbufferStorage
examples gl.renderbufferstorage(gl.renderbuffer, gl.rgba4, 256, 256); specifications specification status comment webgl 1.0the definition of 'renderbufferstorage' in that specification.
WebGLRenderingContext.sampleCoverage() - Web APIs
Web › API › WebGLRenderingContext › sampleCoverage
gl.getparameter(gl.sample_coverage_value); // 0.5 gl.getparameter(gl.sample_coverage_invert); // false specifications specification status comment webgl 1.0the definition of 'samplecoverage' in that specification.
WebGLRenderingContext.scissor() - Web APIs
Web › API › WebGLRenderingContext › scissor
gl.scissor(0, 0, 200, 200); gl.getparameter(gl.scissor_box); // int32array[0, 0, 200, 200] specifications specification status comment webgl 1.0the definition of 'scissor' in that specification.
WebGLRenderingContext.shaderSource() - Web APIs
Web › API › WebGLRenderingContext › shaderSource
examples var shader = gl.createshader(gl.vertex_shader); gl.shadersource(shader, originalsource); var source = gl.getshadersource(shader); specifications specification status comment webgl 1.0the definition of 'shadersource' in that specification.
WebGLRenderingContext.stencilFunc() - Web APIs
Web › API › WebGLRenderingContext › stencilFunc
gl.getparameter(gl.stencil_func); gl.getparameter(gl.stencil_value_mask); gl.getparameter(gl.stencil_ref); gl.getparameter(gl.stencil_back_func); gl.getparameter(gl.stencil_back_value_mask); gl.getparameter(gl.stencil_back_ref); gl.getparameter(gl.stencil_bits); specifications specification status comment webgl 1.0the definition of 'stencilfunc' in that specification.
WebGLRenderingContext.stencilFuncSeparate() - Web APIs
Web › API › WebGLRenderingContext › stencilFuncSeparate
gl.getparameter(gl.stencil_func); gl.getparameter(gl.stencil_value_mask); gl.getparameter(gl.stencil_ref); gl.getparameter(gl.stencil_back_func); gl.getparameter(gl.stencil_back_value_mask); gl.getparameter(gl.stencil_back_ref); gl.getparameter(gl.stencil_bits); specifications specification status comment webgl 1.0the definition of 'stencilfuncseparate' in that specification.
WebGLRenderingContext.stencilMask() - Web APIs
Web › API › WebGLRenderingContext › stencilMask
gl.getparameter(gl.stencil_writemask); // 110101 gl.getparameter(gl.stencil_back_writemask); // 110101 gl.getparameter(gl.stencil_bits); // 0 specifications specification status comment webgl 1.0the definition of 'stencilmask' in that specification.
WebGLRenderingContext.stencilMaskSeparate() - Web APIs
Web › API › WebGLRenderingContext › stencilMaskSeparate
gl.getparameter(gl.stencil_writemask); // 110101 gl.getparameter(gl.stencil_back_writemask); // 110101 gl.getparameter(gl.stencil_bits); // 0 specifications specification status comment webgl 1.0the definition of 'stencilmaskseparate' in that specification.
WebGLRenderingContext.stencilOp() - Web APIs
Web › API › WebGLRenderingContext › stencilOp
gl.getparameter(gl.stencil_fail); gl.getparameter(gl.stencil_pass_depth_pass); gl.getparameter(gl.stencil_pass_depth_fail); gl.getparameter(gl.stencil_back_fail); gl.getparameter(gl.stencil_back_pass_depth_pass); gl.getparameter(gl.stencil_back_pass_depth_fail); gl.getparameter(gl.stencil_bits); specifications specification status comment webgl 1.0the definition of 'stencilop' in that specification.
WebGLRenderingContext.stencilOpSeparate() - Web APIs
Web › API › WebGLRenderingContext › stencilOpSeparate
gl.getparameter(gl.stencil_fail); gl.getparameter(gl.stencil_pass_depth_pass); gl.getparameter(gl.stencil_pass_depth_fail); gl.getparameter(gl.stencil_back_fail); gl.getparameter(gl.stencil_back_pass_depth_pass); gl.getparameter(gl.stencil_back_pass_depth_fail); gl.getparameter(gl.stencil_bits); specifications specification status comment webgl 1.0the definition of 'stencilopseparate' in that specification.
WebGLRenderingContext.texImage2D() - Web APIs
Web › API › WebGLRenderingContext › texImage2D
examples gl.teximage2d(gl.texture_2d, 0, gl.rgba, gl.rgba, gl.unsigned_byte, image); specifications specification status comment webgl 1.0the definition of 'teximage2d' in that specification.
WebGLRenderingContext.texParameter[fi]() - Web APIs
Web › API › WebGLRenderingContext › texParameter
examples gl.texparameterf(gl.texture_2d, gl.texture_mag_filter, gl.linear); gl.texparameteri(gl.texture_2d, gl.texture_min_filter, gl.linear_mipmap_nearest); specifications specification status comment webgl 1.0the definition of 'texparameter[fi]' in that specification.
WebGLRenderingContext.texSubImage2D() - Web APIs
Web › API › WebGLRenderingContext › texSubImage2D
examples gl.texsubimage2d(gl.texture_2d, 0, 0, 0, gl.rgba, gl.unsigned_byte, image); specifications specification status comment webgl 1.0the definition of 'texsubimage2d' in that specification.
WebGLRenderingContext.uniform[1234][fi][v]() - Web APIs
Web › API › WebGLRenderingContext › uniform
examples gl.uniform1f(u_alpha, 0.8); specifications specification status comment webgl 1.0the definition of 'uniform' in that specification.
WebGLRenderingContext.uniformMatrix[234]fv() - Web APIs
Web › API › WebGLRenderingContext › uniformMatrix
return value undefined examples gl.uniformmatrix2fv(loc, false, [2,1, 2,2]); specifications specification status comment webgl 1.0the definition of 'uniformmatrix' in that specification.
WebGLRenderingContext.useProgram() - Web APIs
Web › API › WebGLRenderingContext › useProgram
examples var program = gl.createprogram(); // attach pre-existing shaders gl.attachshader(program, vertexshader); gl.attachshader(program, fragmentshader); gl.linkprogram(program); gl.useprogram(program); specifications specification status comment webgl 1.0the definition of 'useprogram' in that specification.
WebGLRenderingContext.vertexAttrib[1234]f[v]() - Web APIs
Web › API › WebGLRenderingContext › vertexAttrib
oobar, floatarray); // we want to load the following 3x3 matrix into attribute named "matrix3x3" // 0 1 2 // 3 4 5 // 6 7 8 const matrix3x3location = gl.getattriblocation(shaderprogram, 'matrix3x3'); gl.vertexattrib3f(matrix3x3location, 0, 3, 6); gl.vertexattrib3f(matrix3x3location + 1, 1, 4, 7); gl.vertexattrib3f(matrix3x3location + 2, 2, 5, 8); specifications specification status comment webgl 1.0the definition of 'vertexattrib' in that specification.
WebGLRenderingContext.vertexAttribPointer() - Web APIs
Web › API › WebGLRenderingContext › vertexAttribPointer
ray(locposition); const locnormal = gl.getattriblocation(shaderprogram, 'normal'); gl.vertexattribpointer(locnormal, 4, gl.byte, true, 20, 12); gl.enablevertexattribarray(locnormal); const loctexuv = gl.getattriblocation(shaderprogram, 'texuv'); gl.vertexattribpointer(loctexuv, 2, gl.unsigned_short, true, 20, 16); gl.enablevertexattribarray(loctexuv); specifications specification status comment webgl 1.0the definition of 'vertexattribpointer' in that specification.
WebGLRenderingContext.viewport() - Web APIs
Web › API › WebGLRenderingContext › viewport
int32array[0, 0, 640, 480] specifications specification status comment webgl 1.0the definition of 'viewport' in that specification.
WebGLSampler - Web APIs
Web › API › WebGLSampler
var sampler = gl.createsampler(); specifications specification status comment webgl 2.0the definition of 'webglsample' in that specification.
WebGLShaderPrecisionFormat.precision - Web APIs
Web › API › WebGLShaderPrecisionFormat › precision
examples var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); gl.getshaderprecisionformat(gl.vertex_shader, gl.medium_float).precision; // 23 gl.getshaderprecisionformat(gl.fragment_shader, gl.low_int).precision; // 0 specifications specification status comment webgl 1.0the definition of 'webglshaderprecisionformat.precision' in that specification.
WebGLShaderPrecisionFormat.rangeMax - Web APIs
Web › API › WebGLShaderPrecisionFormat › rangeMax
examples var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); gl.getshaderprecisionformat(gl.vertex_shader, gl.medium_float).rangemax; // 127 gl.getshaderprecisionformat(gl.fragment_shader, gl.low_int).rangemax; // 24 specifications specification status comment webgl 1.0the definition of 'webglshaderprecisionformat.rangemax' in that specification.
WebGLShaderPrecisionFormat.rangeMin - Web APIs
Web › API › WebGLShaderPrecisionFormat › rangeMin
examples var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); gl.getshaderprecisionformat(gl.vertex_shader, gl.medium_float).rangemin; // 127 gl.getshaderprecisionformat(gl.fragment_shader, gl.low_int).rangemin; // 24 specifications specification status comment webgl 1.0the definition of 'webglshaderprecisionformat.rangemin' in that specification.
WebGLShaderPrecisionFormat - Web APIs
Web › API › WebGLShaderPrecisionFormat
var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); gl.getshaderprecisionformat(gl.vertex_shader, gl.medium_float); // webglshaderprecisionformat { rangemin: 127, rangemax: 127, precision: 23 } specifications specification status comment webgl 1.0the definition of 'webglshaderprecisionformat' in that specification.
WebGLSync - Web APIs
Web › API › WebGLSync
var sync = gl.fencesync(gl.sync_gpu_commands_complete, 0); specifications specification status comment webgl 2.0the definition of 'webglsync' in that specification.
WebGLTexture - Web APIs
Web › API › WebGLTexture
ing methods of the webglrenderingcontext are useful: webglrenderingcontext.bindtexture() webglrenderingcontext.createtexture() webglrenderingcontext.deletetexture() webglrenderingcontext.istexture() examples creating a texture var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var texture = gl.createtexture(); specifications specification status comment webgl 1.0the definition of 'webgltexture' in that specification.
WebGLTransformFeedback - Web APIs
Web › API › WebGLTransformFeedback
var transformfeedback = gl.createtransformfeedback(); specifications specification status comment webgl 2.0the definition of 'webgltransformfeedback' in that specification.
WebGLUniformLocation - Web APIs
Web › API › WebGLUniformLocation
ormlocation objects, the following methods of the webglrenderingcontext are useful: webglrenderingcontext.getuniformlocation() webglrenderingcontext.uniform() examples getting an uniform location var canvas = document.getelementbyid('canvas'); var gl = canvas.getcontext('webgl'); var location = gl.getuniformlocation(webglprogram, 'uniformname'); specifications specification status comment webgl 1.0the definition of 'webgluniformlocation' in that specification.
WebGLVertexArrayObject - Web APIs
Web › API › WebGLVertexArrayObject
specifications specification status comment webgl 2.0the definition of 'webglvertexarrayobject' in that specification.
Hello GLSL - Web APIs
Web › API › WebGL API › By example › Hello GLSL
ntshader,source); gl.compileshader(fragmentshader); program = gl.createprogram(); gl.attachshader(program, vertexshader); gl.attachshader(program, fragmentshader); gl.linkprogram(program); gl.detachshader(program, vertexshader); gl.detachshader(program, fragmentshader); gl.deleteshader(vertexshader); gl.deleteshader(fragmentshader); if (!gl.getprogramparameter(program, gl.link_status)) { var linkerrlog = gl.getprograminfolog(program); cleanup(); document.queryselector("p").innerhtml = "shader program did not link successfully.
Hello vertex attributes - Web APIs
Web › API › WebGL API › By example › Hello vertex attributes
ntshader,source); gl.compileshader(fragmentshader); program = gl.createprogram(); gl.attachshader(program, vertexshader); gl.attachshader(program, fragmentshader); gl.linkprogram(program); gl.detachshader(program, vertexshader); gl.detachshader(program, fragmentshader); gl.deleteshader(vertexshader); gl.deleteshader(fragmentshader); if (!gl.getprogramparameter(program, gl.link_status)) { var linkerrlog = gl.getprograminfolog(program); cleanup(); document.queryselector("p").innerhtml = "shader program did not link successfully.
Textures from code - Web APIs
Web › API › WebGL API › By example › Textures from code
ntshader,source); gl.compileshader(fragmentshader); program = gl.createprogram(); gl.attachshader(program, vertexshader); gl.attachshader(program, fragmentshader); gl.linkprogram(program); gl.detachshader(program, vertexshader); gl.detachshader(program, fragmentshader); gl.deleteshader(vertexshader); gl.deleteshader(fragmentshader); if (!gl.getprogramparameter(program, gl.link_status)) { var linkerrlog = gl.getprograminfolog(program); cleanup(); document.queryselector("p").innerhtml = "shader program did not link successfully.
WebGL types - Web APIs
Web › API › WebGL API › Types
specifications specification status comment webgl 1.0the definition of 'types' in that specification.
WebGL: 2D and 3D graphics for the web - Web APIs
Web › API › WebGL API
specifications specification status comment opengl es 3.0 standard opengl es 2.0 standard webgl 2.0 editor's draft builds on top of webgl 1.
WebKitCSSMatrix - Web APIs
Web › API › WebKitCSSMatrix
specifications specification status comment geometry interfaces module level 1the definition of 'webkitcssmatrix' in that specification.
Introduction to the Real-time Transport Protocol (RTP) - Web APIs
Web › API › WebRTC API › Intro to RTP
it can be used for any form of continuous or active data transfer, including data streaming, active badges or status display updates, or control and measurement information transport.
Signaling and video calling - Web APIs
Web › API › WebRTC API › Signaling and video calling
this can happen in a variety of situations, including: changes in the network status, such as a bandwidth change, transitioning from wifi to cellular connectivity, or the like.
WebRTC Statistics API - Web APIs
Web › API › WebRTC Statistics API
rtctransportstats rtcstats specifications specification status comment identifiers for webrtc's statistics apithe definition of 'webrtc statistics types' in that specification.
WebSocket() - Web APIs
Web › API › WebSocket › WebSocket
specifications specification status comment html living standardthe definition of 'the websocket constructor' in that specification.
WebSocket.binaryType - Web APIs
Web › API › WebSocket › binaryType
specifications specification status comment html living standardthe definition of 'websocket: binarytype' in that specification.
WebSocket.bufferedAmount - Web APIs
Web › API › WebSocket › bufferedAmount
specifications specification status comment html living standardthe definition of 'websocket: bufferedamount' in that specification.
WebSocket: close event - Web APIs
Web › API › WebSocket › close event
examplesocket.addeventlistener('close', (event) => { console.log('the connection has been closed successfully.'); )}; you can perform the same actions using the event handler property, like this: examplesocket.onclose = function (event) { console.log('the connection has been closed successfully.'); }; specifications specification status html living standardthe definition of 'websocket close' in that specification.
WebSocket: error event - Web APIs
Web › API › WebSocket › error event
bubbles no cancelable no interface event event handler property onerror examples // create websocket connection const socket = new websocket('ws://localhost:8080'); // listen for possible errors socket.addeventlistener('error', function (event) { console.log('websocket error: ', event); }); specifications specification status html living standardthe definition of 'websocket error' in that specification.
WebSocket.extensions - Web APIs
Web › API › WebSocket › extensions
specifications specification status comment html living standardthe definition of 'websocket: extensions' in that specification.
WebSocket: message event - Web APIs
Web › API › WebSocket › message event
const socket = new websocket('ws://localhost:8080'); // listen for messages socket.addeventlistener('message', function (event) { console.log('message from server ', event.data); }); specifications specification status html living standardthe definition of 'websocket message' in that specification.
WebSocket.onclose - Web APIs
Web › API › WebSocket › onclose
specifications specification status comment html living standardthe definition of 'websocket: onclose' in that specification.
WebSocket.onerror - Web APIs
Web › API › WebSocket › onerror
example websocket.onerror = function(event) { console.error("websocket error observed:", event); }; specifications specification status comment html living standardthe definition of 'websocket: onerror' in that specification.
WebSocket.onmessage - Web APIs
Web › API › WebSocket › onmessage
specifications specification status comment html living standardthe definition of 'websocket: onmessage' in that specification.
WebSocket.onopen - Web APIs
Web › API › WebSocket › onopen
specifications specification status comment html living standardthe definition of 'websocket: onopen' in that specification.
WebSocket: open event - Web APIs
Web › API › WebSocket › open event
const socket = new websocket('ws://localhost:8080'); // connection opened socket.addeventlistener('open', (event) => { socket.send('hello server!'); }); specifications specification status html living standardthe definition of 'websocket open' in that specification.
WebSocket.protocol - Web APIs
Web › API › WebSocket › protocol
specifications specification status comment html living standardthe definition of 'websocket: protocol' in that specification.
WebSocket.readyState - Web APIs
Web › API › WebSocket › readyState
specifications specification status comment html living standardthe definition of 'websocket: readystate' in that specification.
WebSocket.send() - Web APIs
Web › API › WebSocket › send
specifications specification status comment html living standardthe definition of 'websocket: send' in that specification.
WebSocket.url - Web APIs
Web › API › WebSocket › url
specifications specification status comment html living standardthe definition of 'websocket: url' in that specification.
WebSocket - Web APIs
Web › API › WebSocket
const socket = new websocket('ws://localhost:8080'); // connection opened socket.addeventlistener('open', function (event) { socket.send('hello server!'); }); // listen for messages socket.addeventlistener('message', function (event) { console.log('message from server ', event.data); }); specifications specification status html living standardthe definition of 'websocket' in that specification.
The WebSocket API (WebSockets) - Web APIs
Web › API › WebSockets API
related topics ajax javascript specifications specification status comments html living standardthe definition of 'websocket api' in that specification.
Web Video Text Tracks Format (WebVTT) - Web APIs
Web › API › WebVTT API
specifications specification status comment webvtt: the web video text tracks format candidate recommendation initial definition ...
WebXR Device API - Web APIs
Web › API › WebXR Device API
specifications specification status comment webxr device api working draft initial definition.
Keyframe Formats - Web APIs
Web › API › Web Animations API › Keyframe Formats
specifications specification status comment web animationsthe definition of 'keyframe object formats' in that specification.
Web Animations API - Web APIs
Web › API › Web Animations API
specifications specification status comment web animations working draft initial definition ...
Web audio spatialization basics - Web APIs
Web › API › Web Audio API › Web audio spatialization basics
the panner node does some very involved maths under the hood; there are a number of tests here so you can keep track of the status of the inner workings of this node across different platforms.
Web Audio API - Web APIs
Web › API › Web Audio API
specifications specification status comment web audio api working draft ...
Web Authentication API - Web APIs
Web › API › Web Authentication API
webauthn.org and its client source code and server source code specifications specification status comment web authentication: an api for accessing public key credentials level 1 recommendation initial definition.
Web Budget API - Web APIs
Web › API › Web Budget API
specifications specification status comment web budget api draft initial definition.
Web Crypto API - Web APIs
Web › API › Web Crypto API
specifications specification status comment web cryptography api recommendation initial definition ...
Web Locks API - Web APIs
Web › API › Web Locks API
specifications specification status comment web locks api draft initial definition.
Web NFC API - Web APIs
Web › API › Web NFC API
specifications specification status comment web nfc draft ...
Web Speech API - Web APIs
Web › API › Web Speech API
specifications specification status comment web speech api draft initial definition ...
Using the Web Storage API - Web APIs
Web › API › Web Storage API › Using the Web Storage API
specifications specification status comment html living standard living standard ...
Web Storage API - Web APIs
Web › API › Web Storage API
specifications specification status comment html living standard living standard ...
Using Web Workers - Web APIs
Web › API › Web Workers API › Using web workers
specifications specification status comment html living standardthe definition of 'web workers' in that specification.
Web Workers API - Web APIs
Web › API › Web Workers API
specifications specification status comment html living standardthe definition of 'web workers' in that specification.
WheelEvent() - Web APIs
Web › API › WheelEvent › WheelEvent
specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'wheelevent()' in that specification.
WheelEvent.deltaMode - Web APIs
Web › API › WheelEvent › deltaMode
syntax var unit = event.deltamode; example var syntheticevent = new wheelevent("syntheticwheel", {"deltax": 4, "deltamode": 0}); console.log(syntheticevent.deltamode); specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'wheelevent.deltamode' in that specification.
WheelEvent.deltaX - Web APIs
Web › API › WheelEvent › deltaX
syntax var dx = event.deltax; example var syntheticevent = new wheelevent("syntheticwheel", {"deltax": 4, "deltamode": 0}); console.log(syntheticevent.deltax); specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'wheelevent.deltax' in that specification.
WheelEvent.deltaY - Web APIs
Web › API › WheelEvent › deltaY
syntax var dy = event.deltay; example var syntheticevent = new wheelevent("syntheticwheel", {"deltay": 4, "deltamode": 0}); console.log(syntheticevent.deltay); specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'wheelevent.deltay' in that specification.
WheelEvent.deltaZ - Web APIs
Web › API › WheelEvent › deltaZ
syntax var dz = event.deltaz; example var syntheticevent = new wheelevent("syntheticwheel", {"deltaz": 4, "deltamode": 0}); console.log(syntheticevent.deltaz); specifications specification status comment document object model (dom) level 3 events specificationthe definition of 'wheelevent.deltaz' in that specification.
WheelEvent - Web APIs
Web › API › WheelEvent
specifications specification status comment ui eventsthe definition of 'the wheelevent interface' in that specification.
Window: DOMContentLoaded event - Web APIs
Web › API › Window › DOMContentLoaded event
examples basic usage window.addeventlistener('domcontentloaded', (event) => { console.log('dom fully loaded and parsed'); }); specifications specification status html living standard living standard ...
Window: afterprint event - Web APIs
Web › API › Window › afterprint event
es no cancelable no interface event event handler property onafterprint examples using addeventlistener(): window.addeventlistener('afterprint', (event) => { console.log('after print'); }); using the onafterprint event handler property: window.onafterprint = (event) => { console.log('after print'); }; specifications specification status html living standard living standard ...
Window.alert() - Web APIs
Web › API › Window › alert
specification specification status comment html living standardthe definition of 'alert()' in that specification.
Window: animationcancel event - Web APIs
Web › API › Window › animationcancel event
specifications specification status comment css animations working draft initial definition ...
Window: animationend event - Web APIs
Web › API › Window › animationend event
specifications specification status comment css animations working draft initial definition ...
Window: animationiteration event - Web APIs
Web › API › Window › animationiteration event
specifications specification status comment css animations working draft initial definition ...
Window: animationstart event - Web APIs
Web › API › Window › animationstart event
specifications specification status comment css animations working draft initial definition ...
Window: beforeprint event - Web APIs
Web › API › Window › beforeprint event
no cancelable no interface event event handler property onbeforeprint examples using addeventlistener(): window.addeventlistener('beforeprint', (event) => { console.log('before print'); }); using the onbeforeprint event handler property: window.onbeforeprint = (event) => { console.log('before print'); }; specifications specification status html living standard living standard ...
Window: beforeunload event - Web APIs
Web › API › Window › beforeunload event
event.returnvalue = ''; }); specifications specification status comment html living standardthe definition of 'beforeunload' in that specification.
Window.blur() - Web APIs
Web › API › Window › blur
specification specification status comment html living standardthe definition of 'window.blur()' in that specification.
Window: blur event - Web APIs
Web › API › Window › blur event
click outside the document to lose focus.'; } const log = document.getelementbyid('log'); window.addeventlistener('blur', pause); window.addeventlistener('focus', play); result specifications specification status comment ui events working draft added info that this event is composed.
window.cancelAnimationFrame() - Web APIs
Web › API › Window › cancelAnimationFrame
ogress = timestamp - start; d.style.left = math.min(progress / 10, 200) + 'px'; if (progress < 2000) { // it's important to update the requestid each time you're calling requestanimationframe myreq = requestanimationframe(step); } } myreq = requestanimationframe(step); // the cancelation uses the last requestid cancelanimationframe(myreq); specifications specification status comment html living standardthe definition of 'cancelanimationframe()' in that specification.
window.cancelIdleCallback() - Web APIs
Web › API › Window › cancelIdleCallback
specifications specification status comment cooperative scheduling of background tasks proposed recommendation initial definition.
Window.clearImmediate() - Web APIs
Web › API › Window › clearImmediate
examples let immediateid = setimmediate(() => { // run some code } document.getelementbyid("button") .addeventlistener(() => { clearimmediate(immediateid); }); specifications specification status comment efficient script yielding the definition of 'setimmediate' in that specification.
Window: clipboardchange event - Web APIs
Web › API › Window › clipboardchange event
bubbles no cancelable no interface clipboardevent event handler property none examples javascript window.addeventlistener('clipboardchange', () => { console.log('clipboard contents changed'); }); specifications specification status clipboard api and eventsthe definition of 'clipboardchange event' in that specification.
Window.close() - Web APIs
Web › API › Window › close
(firefox 46.0.1: scripts can not close windows, they had not opened) function closecurrentwindow() { window.close(); } specification specification status comment html living standardthe definition of 'window.close()' in that specification.
Window.closed - Web APIs
Web › API › Window › closed
const popupwindow = null; function refreshpopupwindow() { if (popupwindow && !popupwindow.closed) { // popupwindow is open, refresh it popupwindow.location.reload(true); } else { // open a new popup window popupwindow = window.open('popup.html', 'datawindow'); } } specification specification status comment html living standardthe definition of 'window.closed' in that specification.
Window.confirm() - Web APIs
Web › API › Window › confirm
specification specification status comment html living standardthe definition of 'confirm()' in that specification.
Window.console - Web APIs
Web › API › Window › console
specifications specification status comment console api living standard initial definition.
Window: copy event - Web APIs
Web › API › Window › copy event
examples window.addeventlistener('copy', (event) => { console.log('copy action initiated') }); specifications specification status clipboard api and events working draft ...
Window.crypto - Web APIs
Web › API › Window › crypto
rray); var randtext = document.getelementbyid("myrandtext"); randtext.innerhtml = "the random numbers are: " for (var i = 0; i < array.length; i++) { randtext.innerhtml += array[i] + " "; } } html <p id="myrandtext">the random numbers are: </p> <button type="button" onclick='genrandomnumbers()'>generate 10 random numbers</button> result specifications specification status comment web cryptography apithe definition of 'window.crypto' in that specification.
Window.customElements - Web APIs
Web › API › Window › customElements
specification specification status comment html living standardthe definition of 'window.customelements' in that specification.
Window: cut event - Web APIs
Web › API › Window › cut event
examples window.addeventlistener('cut', (event) => { console.log('cut action initiated') }); specifications specification status clipboard api and events working draft ...
Window.devicePixelRatio - Web APIs
Web › API › Window › devicePixelRatio
width: 22em; height: 14em; border: 2px solid #22d; margin: 0 auto; padding: 0; background-color: #a9f; } .inner-container { padding: 1em 2em; text-align: justify; text-justify: auto; } .pixel-ratio { position: relative; margin: auto; height: 1.2em; text-align: right; bottom: 0; right: 1em; font-weight: bold; } result specifications specification status comment css object model (cssom) view modulethe definition of 'window.devicepixelratio' in that specification.
Window: devicemotion event - Web APIs
Web › API › Window › devicemotion event
} window.addeventlistener("devicemotion", handlemotionevent, true); specifications specification status deviceorientation event specificationthe definition of 'devicemotion event' in that specification.
Window: deviceorientation event - Web APIs
Web › API › Window › deviceorientation event
t.alpha; // gamma: left to right var lefttoright = event.gamma; // beta: front back motion var fronttoback = event.beta; handleorientationevent(fronttoback, lefttoright, rotatedegrees); }, true); } var handleorientationevent = function(fronttoback, lefttoright, rotatedegrees) { // do something amazing }; specifications specification status deviceorientation event specificationthe definition of 'deviceorientation event' in that specification.
Window.document - Web APIs
Web › API › Window › document
example console.log(window.document.title); specifications specification status comment html living standardthe definition of 'window.document' in that specification.
Window: error event - Web APIs
Web › API › Window › error event
elector('.event-log-contents'); window.addeventlistener('error', (event) => { log.textcontent = log.textcontent + `${event.type}: ${event.message}\n`; console.log(event) }); const scripterror = document.queryselector('#script-error'); scripterror.addeventlistener('click', () => { const badcode = 'const s;'; eval(badcode); }); result specifications specification status ui events working draft ...
Window.event - Web APIs
Web › API › Window › event
specifications specification status comment domthe definition of 'window.event' in that specification.
Window.external - Web APIs
Web › API › Window › external
specifications specification status html living standardthe definition of 'external' in that specification.
Window.focus() - Web APIs
Web › API › Window › focus
syntax window.focus() example if (clicked) { window.focus(); } specification specification status comment html living standardthe definition of 'window.focus()' in that specification.
Window: focus event - Web APIs
Web › API › Window › focus event
click outside the document to lose focus.'; } const log = document.getelementbyid('log'); window.addeventlistener('blur', pause); window.addeventlistener('focus', play); result specifications specification status comment ui events working draft added info that this event is composed.
Window.frameElement - Web APIs
Web › API › Window › frameElement
example const frameel = window.frameelement; // if we're embedded, change the containing element's url to 'http://mozilla.org/' if (frameel) { frameel.src = 'http://mozilla.org/'; } specifications specification status comment html living standardthe definition of 'window.frameelement' in that specification.
Window.frames - Web APIs
Web › API › Window › frames
example var frames = window.frames; // or // var frames = window.parent.frames; for (var i = 0; i < frames.length; i++) { // do something with each subframe as frames[i] frames[i].document.body.style.background = "red"; } specifications specification status comment html living standardthe definition of 'window.frames' in that specification.
Window: gamepadconnected event - Web APIs
Web › API › Window › gamepadconnected event
bubbles no cancelable no interface gamepadevent event handler property ongamepadconnected examples window.addeventlistener('gamepadconnected', event => { // all buttons and axes values can be accessed through event.gamepad; }); specifications specification status gamepad working draft ...
Window: gamepaddisconnected event - Web APIs
Web › API › Window › gamepaddisconnected event
bubbles no cancelable no interface gamepadevent event handler property ongamepaddisconnected examples window.addeventlistener('gamepaddisconnected', event => { console.log('lost connection with the gamepad.'); }); specifications specification status gamepad working draft ...
Window.getComputedStyle() - Web APIs
Web › API › Window › getComputedStyle
specifications specification status comment css object model (cssom)the definition of 'getcomputedstyle()' in that specification.
Window.getSelection() - Web APIs
Web › API › Window › getSelection
specifications specification status comment selection apithe definition of 'window.getselection()' in that specification.
Window: hashchange event - Web APIs
Web › API › Window › hashchange event
n addeventlistener method: window.addeventlistener('hashchange', function() { console.log('the hash has changed!') }, false); or use the onhashchange event handler property: function locationhashchanged() { if (location.hash === '#cool-feature') { console.log("you're visiting a cool feature!"); } } window.onhashchange = locationhashchanged; specifications specification status comment html living standardthe definition of 'hashchange' in that specification.
Window.history - Web APIs
Web › API › Window › history
specifications specification status comment html living standardthe definition of 'the history interface' in that specification.
Window.innerHeight - Web APIs
Web › API › Window › innerHeight
specification specification status comment css object model (cssom) view modulethe definition of 'window.innerheight' in that specification.
Window.innerWidth - Web APIs
Web › API › Window › innerWidth
window.innerwidth; // this will return the width of the frame viewport within a frameset var intframewidth = self.innerwidth; // this will return the width of the viewport of the closest frameset var intframesetwidth = parent.innerwidth; // this will return the width of the viewport of the outermost frameset var intouterframesetwidth = top.innerwidth; specification specification status comment css object model (cssom) view modulethe definition of 'window.innerwidth' in that specification.
Window.isSecureContext - Web APIs
Web › API › Window › isSecureContext
}); } specifications specification status comment secure contexts candidate recommendation initial definition.
Window: languagechange event - Web APIs
Web › API › Window › languagechange event
anguagechange examples you can use the languagechange event in an addeventlistener method: window.addeventlistener('languagechange', function() { console.log('languagechange event detected!'); }); or use the onlanguagechange event handler property: window.onlanguagechange = function(event) { console.log('languagechange event detected!'); }; specification specification status html living standardthe definition of 'languagechange' in that specification.
Window.length - Web APIs
Web › API › Window › length
example if (window.length) { // this is a document with subframes } specifications specification status comment html living standardthe definition of 'window.length' in that specification.
Window: load event - Web APIs
Web › API › Window › load event
'load', (event) => { log.textcontent = log.textcontent + 'load\n'; }); document.addeventlistener('readystatechange', (event) => { log.textcontent = log.textcontent + `readystate: ${document.readystate}\n`; }); document.addeventlistener('domcontentloaded', (event) => { log.textcontent = log.textcontent + `domcontentloaded\n`; }); result specifications specification status comment ui eventsthe definition of 'load' in that specification.
Window.localStorage - Web APIs
Web › API › Window › localStorage
specifications specification status comment html living standardthe definition of 'localstorage' in that specification.
window.location - Web APIs
Web › API › Window › location
lector(sbookmark); _scrolly = document.documentelement.scrolltop; _scrollx = document.documentelement.scrollleft; _bookmark = sbookmark; _usehash = busehash === true; _nodex = onode.offsetleft; _nodey = onode.offsettop; _itframe = 1; if (_scrollid === -1) { _scrollid = setinterval(_next, math.round(nduration / nframes)); } }; })(); specifications specification status comment html living standardthe definition of 'window.location' in that specification.
Window.locationbar - Web APIs
Web › API › Window › locationbar
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>various dom tests</title> <script> var visible = window.locationbar.visible; </script> </head> <body> <p>various dom tests</p> </body> </html> specifications specification status comment html living standardthe definition of 'window.locationbar' in that specification.
Window.matchMedia() - Web APIs
Web › API › Window › matchMedia
specifications specification status comment css object model (cssom) view modulethe definition of 'window.matchmedia()' in that specification.
Window.menubar - Web APIs
Web › API › Window › menubar
<html> <head> <title>various dom tests</title> <script> var visible = window.menubar.visible; </script> </head> <body> <p>various dom tests</p> </body> </html> specifications specification status comment html living standardthe definition of 'window.menubar' in that specification.
Window: message event - Web APIs
Web › API › Window › message event
the receiver can listen for the message using addeventlistener() with code like this: window.addeventlistener('message', (event) => { console.log(`received message: ${event.data}`); }); alternatively the listener could use the onmessage event handler property: window.onmessage = (event) => { console.log(`received message: ${event.data}`); }; specifications specification status html living standard living standard ...
Window: messageerror event - Web APIs
Web › API › Window › messageerror event
nterface messageevent event handler property onmessageerror examples listen for messageerror using addeventlistener(): window.addeventlistener('messageerror', (event) => { console.error(event); }); the same, but using the onmessageerror event handler property: window.onmessageerror = (event) => { console.error(event); }; specifications specification status html living standard living standard ...
Window.moveBy() - Web APIs
Web › API › Window › moveBy
function budge() { moveby(10, -10); } specification specification status comment css object model (cssom) view modulethe definition of 'window.moveby()' in that specification.
Window.moveTo() - Web APIs
Web › API › Window › moveTo
function origin() { window.moveto(0, 0); } specification specification status comment css object model (cssom) view modulethe definition of 'window.moveto()' in that specification.
Window.name - Web APIs
Web › API › Window › name
specifications specification status comment html living standardthe definition of 'window.name' in that specification.
Window.navigator - Web APIs
Web › API › Window › navigator
hromium/66.0.3359.181 chrome/66.0.3359.181 safari/537.36" } else if (susrag.indexof("safari") > -1) { sbrowser = "apple safari"; // "mozilla/5.0 (iphone; cpu iphone os 11_4 like mac os x) applewebkit/605.1.15 (khtml, like gecko) version/11.0 mobile/15e148 safari/604.1 980x1306" } else { sbrowser = "unknown"; } alert("you are using: " + sbrowser); specifications specification status comment html living standardthe definition of 'window: navigator' in that specification.
Window: offline event - Web APIs
Web › API › Window › offline event
ncelable no interface event event handler property onoffline examples // addeventlistener version window.addeventlistener('offline', (event) => { console.log("the network connection has been lost."); }); // onoffline version window.onoffline = (event) => { console.log("the network connection has been lost."); }; specifications specification status html living standardthe definition of 'offline event' in that specification.
Window.ondevicemotion - Web APIs
Web › API › Window › ondevicemotion
specifications specification status comment deviceorientation event specification editor's draft initial definition.
window.ondeviceorientation - Web APIs
Web › API › Window › ondeviceorientation
}); specifications specification status comment deviceorientation event specification editor's draft initial specification.
Window.ongamepadconnected - Web APIs
Web › API › Window › ongamepadconnected
}; examples window.ongamepadconnected = function(event) { // all buttons and axes values can be accessed through event.gamepad; }; specifications specification status comment gamepadthe definition of 'gamepadconnected event' in that specification.
Window.ongamepaddisconnected - Web APIs
Web › API › Window › ongamepaddisconnected
}; examples window.ongamepaddisconnected = function() { // a gamepad has been disconnected }; specifications specification status comment gamepadthe definition of 'gamepaddisconnected event' in that specification.
Window: online event - Web APIs
Web › API › Window › online event
celable no interface event event handler property ononline examples // addeventlistener version window.addeventlistener('online', (event) => { console.log("you are now connected to the network."); }); // ononline version window.ononline = (event) => { console.log("you are now connected to the network."); }; specifications specification status html living standardthe definition of 'online event' in that specification.
Obsolete features - Web APIs
Web › API › Window › open › Obsolete features
the windows taskbar, as well as the titlebar and the status bar of the window are not visible, nor accessible when fullscreen is enabled in msie 5.x.
Window.opener - Web APIs
Web › API › Window › opener
specifications specification status comment html living standardthe definition of 'window.opener' in that specification.
Window.orientation - Web APIs
Web › API › Window › orientation
specifications specification status comment compatibility standardthe definition of 'window.orientation' in that specification.
Window: orientationchange event - Web APIs
Web › API › Window › orientationchange event
eventlistener("orientationchange", function(event) { console.log("the orientation of the device is now " + event.target.screen.orientation.angle); }); or use the onorientationchange event handler property: window.onorientationchange = function(event) { console.log("the orientation of the device is now " + event.target.screen.orientation.angle); }; specifications specification status compatibility standardthe definition of 'orientationchange' in that specification.
Window.outerHeight - Web APIs
Web › API › Window › outerHeight
specification specification status comment css object model (cssom) view modulethe definition of 'window.outerheight' in that specification.
Window.outerWidth - Web APIs
Web › API › Window › outerWidth
specification specification status comment css object model (cssom) view modulethe definition of 'window.outerwidth' in that specification.
Window.pageXOffset - Web APIs
Web › API › Window › pageXOffset
specification specification status comment css object model (cssom) view modulethe definition of 'window.pagexoffset' in that specification.
Window.pageYOffset - Web APIs
Web › API › Window › pageYOffset
specification specification status comment css object model (cssom) view modulethe definition of 'window.pageyoffset' in that specification.
Window: pagehide event - Web APIs
Web › API › Window › pagehide event
istener("pagehide", event => { if (event.persisted) { /* the page isn't being discarded, so it can be reused later */ } }, false); this can also be written using the onpagehide event handler property on the window: window.onpagehide = event => { if (event.persisted) { /* the page isn't being discarded, so it can be reused later */ } } specifications specification status comment html living standardthe definition of 'pagehide' in that specification.
Window: pageshow event - Web APIs
Web › API › Window › pageshow event
try loading new pages into this tab, then navigating forward and backward through history, noting the events’ output to the log.</p> results specifications specification status comment html living standardthe definition of 'pageshow' in that specification.
Window.parent - Web APIs
Web › API › Window › parent
syntax var parentwindow = window.parent; example if (window.parent != window.top) { // we're deeper than one down } specifications specification status comment html living standardthe definition of 'window.parent' in that specification.
Window: paste event - Web APIs
Web › API › Window › paste event
examples window.addeventlistener('paste', (event) => { console.log('paste action initiated') }); specifications specification status clipboard api and events working draft ...
Window.performance - Web APIs
Web › API › Window › performance
specifications specification status comment high resolution timethe definition of 'window.performance' in that specification.
Window.personalbar - Web APIs
Web › API › Window › personalbar
specifications specification status comment html living standardthe definition of 'window.personalbar' in that specification.
Window: popstate event - Web APIs
Web › API › Window › popstate event
specifications specification status html living standardthe definition of 'popstate' in that specification.
window.postMessage() - Web APIs
Web › API › Window › postMessage
specifications specification status comment html living standardthe definition of 'postmessage()' in that specification.
Window.print() - Web APIs
Web › API › Window › print
syntax window.print() specification specification status comment html living standardthe definition of 'print()' in that specification.
Window.prompt() - Web APIs
Web › API › Window › prompt
const anumber = number(window.prompt("type a number", "")); specification specification status comment html living standardthe definition of 'prompt()' in that specification.
Window: rejectionhandled event - Web APIs
Web › API › Window › rejectionhandled event
promiserejectionevent event handler property onrejectionhandled example you can use the rejectionhandled event to log promises that get rejected to the console, along with the reasons why they were rejected: window.addeventlistener("rejectionhandled", event => { console.log("promise rejected; reason: " + event.reason); }, false); specifications specification status comment html living standardthe definition of 'rejectionhandled' in that specification.
Window.requestAnimationFrame() - Web APIs
Web › API › Window › requestAnimationFrame
specification specification status comment html living standardthe definition of 'requestanimationframe' in that specification.
Window.requestFileSystem() - Web APIs
Web › API › Window › requestFileSystem
return value undefined example specifications specification status comment file and directory entries api draft draft of proposed api this api has no official w3c or whatwg specification.
window.requestIdleCallback() - Web APIs
Web › API › Window › requestIdleCallback
specifications specification status comment cooperative scheduling of background tasks proposed recommendation initial definition.
Window.resizeBy() - Web APIs
Web › API › Window › resizeBy
specifications specification status comment css object model (cssom) view modulethe definition of 'window.resizeby()' in that specification.
Window.resizeTo() - Web APIs
Web › API › Window › resizeTo
function quarter() { window.resizeto( window.screen.availwidth / 2, window.screen.availheight / 2 ); } specification specification status comment css object model (cssom) view modulethe definition of 'window.resizeto()' in that specification.
Window: resize event - Web APIs
Web › API › Window › resize event
ocument.queryselector('#width'); function reportwindowsize() { heightoutput.textcontent = window.innerheight; widthoutput.textcontent = window.innerwidth; } window.onresize = reportwindowsize; addeventlistener equivalent you could set up the event handler using the addeventlistener() method: window.addeventlistener('resize', reportwindowsize); specifications specification status document object model (dom) level 3 events specificationthe definition of 'resize' in that specification.
Window.screen - Web APIs
Web › API › Window › screen
syntax let screenobj = window.screen; example if (screen.pixeldepth < 8) { // use low-color version of page } else { // use regular, colorful page } specifications specification status comment css object model (cssom) view modulethe definition of 'window.screen' in that specification.
Window.screenLeft - Web APIs
Web › API › Window › screenLeft
if(!window.screenleft) { window.screenleft = window.screenx; window.screentop = window.screeny; } specifications specification status comment css object model (cssom) view modulethe definition of 'window.screenleft' in that specification.
Window.screenTop - Web APIs
Web › API › Window › screenTop
if(!window.screenleft) { window.screenleft = window.screenx; window.screentop = window.screeny; } specifications specification status comment css object model (cssom) view modulethe definition of 'window.screentop' in that specification.
Window.screenX - Web APIs
Web › API › Window › screenX
if(!window.screenleft) { window.screenleft = window.screenx; window.screentop = window.screeny; } specifications specification status comment css object model (cssom) view modulethe definition of 'window.screenx' in that specification.
Window.screenY - Web APIs
Web › API › Window › screenY
if(!window.screenleft) { window.screenleft = window.screenx; window.screentop = window.screeny; } specifications specification status comment css object model (cssom) view modulethe definition of 'window.screeny' in that specification.
Window.scroll() - Web APIs
Web › API › Window › scroll
specification specification status comment css object model (cssom) view modulethe definition of 'window.scroll()' in that specification.
Window.scrollBy() - Web APIs
Web › API › Window › scrollBy
specification specification status comment css object model (cssom) view modulethe definition of 'window.scrollby()' in that specification.
Window.scrollTo() - Web APIs
Web › API › Window › scrollTo
specifications specification status comment css object model (cssom) view modulethe definition of 'window.scroll()' in that specification.
Window.scrollX - Web APIs
Web › API › Window › scrollX
window.pageyoffset : (document.documentelement || document.body.parentnode || document.body).scrolltop; specification specification status comment css object model (cssom) view modulethe definition of 'window.scrollx' in that specification.
Window.scrollY - Web APIs
Web › API › Window › scrollY
document.documentelement.scrolltop : document.body.scrolltop; specification specification status comment css object model (cssom) view modulethe definition of 'window.scrolly' in that specification.
Window.scrollbars - Web APIs
Web › API › Window › scrollbars
<!doctype html> <html> <head> <title>various dom tests</title> <script> let visiblescrollbars = window.scrollbars.visible; </script> </head> <body> <p>various dom tests</p> </body> </html> specifications specification status comment html living standardthe definition of 'window.scrollbars' in that specification.
Window.self - Web APIs
Web › API › Window › self
he first frame in the list } furthermore, when executing in the active document of a browsing context, window is a reference to the current global object and thus all of the following are equivalent: var w1 = window; var w2 = self; var w3 = window.window; var w4 = window.self; // w1, w2, w3, w4 all strictly equal, but only w2 will function in workers specifications specification status comment html living standardthe definition of 'window.self' in that specification.
Window.sessionStorage - Web APIs
Web › API › Window › sessionStorage
specifications specification status comment html living standardthe definition of 'sessionstorage' in that specification.
Window.setImmediate() - Web APIs
Web › API › Window › setImmediate
specifications specification status comment efficient script yielding the definition of 'setimmediate' in that specification.
Window.showModalDialog() - Web APIs
Web › API › Window › showModalDialog
note: firefox does not implement the dialoghide, edge, status, or unadorned arguments.
Window.speechSynthesis - Web APIs
Web › API › Window › speechSynthesis
event) { event.preventdefault(); var utterthis = new speechsynthesisutterance(inputtxt.value); var selectedoption = voiceselect.selectedoptions[0].getattribute('data-name'); for(i = 0; i < voices.length ; i++) { if(voices[i].name === selectedoption) { utterthis.voice = voices[i]; } } synth.speak(utterthis); inputtxt.blur(); } specifications specification status comment web speech apithe definition of 'speechsynthesis' in that specification.
Window.stop() - Web APIs
Web › API › Window › stop
syntax window.stop() example window.stop(); specification specification status comment html living standardthe definition of 'window.stop()' in that specification.
Window: storage event - Web APIs
Web › API › Window › storage event
console.log(json.parse(window.localstorage.getitem('samplelist'))); }; specifications specification status html living standardthe definition of 'storage' in that specification.
Window.toolbar - Web APIs
Web › API › Window › toolbar
see also: window.locationbar, window.menubar, window.personalbar, window.scrollbars, window.statusbar specifications specification status comment html living standardthe definition of 'window.toolbar' in that specification.
Window.top - Web APIs
Web › API › Window › top
specifications specification status comment html living standardthe definition of 'window.top' in that specification.
Window: transitioncancel event - Web APIs
Web › API › Window › transitioncancel event
specifications specification status comment css transitionsthe definition of 'transitioncancel' in that specification.
Window: transitionend event - Web APIs
Web › API › Window › transitionend event
specifications specification status comment css transitionsthe definition of 'transitionend' in that specification.
Window: transitionrun event - Web APIs
Web › API › Window › transitionrun event
specifications specification status comment css transitionsthe definition of 'transitionrun' in that specification.
Window: transitionstart event - Web APIs
Web › API › Window › transitionstart event
specifications specification status comment css transitionsthe definition of 'transitionstart' in that specification.
Window: unhandledrejection event - Web APIs
Web › API › Window › unhandledrejection event
// prevent the default handling (such as outputting the // error to the console) event.preventdefault(); }); specifications specification status comment html living standardthe definition of 'unhandledrejection' in that specification.
Window: unload event - Web APIs
Web › API › Window › unload event
specifications specification status comment ui eventsthe definition of 'unload' in that specification.
Window.visualViewport - Web APIs
Web › API › Window › visualViewport
specifications specification status comment visual viewport apithe definition of 'visualviewport' in that specification.
Window.window - Web APIs
Web › API › Window › window
specifications specification status comment html living standardthe definition of 'window.window' in that specification.
WindowClient.focus() - Web APIs
Web › API › WindowClient › focus
// focuses if it is event.waituntil(clients.matchall({ type: "window" }).then(function(clientlist) { for (var i = 0; i < clientlist.length; i++) { var client = clientlist[i]; if (client.url == '/' && 'focus' in client) return client.focus(); } if (clients.openwindow) return clients.openwindow('/'); })); }); specifications specification status comment service workersthe definition of 'focus()' in that specification.
WindowClient.focused - Web APIs
Web › API › WindowClient › focused
hall({ type: "window" }).then(function(clientlist) { for (var i = 0; i < clientlist.length; i++) { var client = clientlist[i]; if (client.url == '/' && 'focus' in client) { if(!client.focused) return client.focus(); } } } if (clients.openwindow) return clients.openwindow('/'); })); }); specifications specification status comment service workersthe definition of 'windowclient: focused' in that specification.
WindowClient.navigate() - Web APIs
Web › API › WindowClient › navigate
specifications specification status comment service workersthe definition of 'navigate()' in that specification.
WindowClient.visibilityState - Web APIs
Web › API › WindowClient › visibilityState
.then(function(clientlist) { for (let i = 0; i < clientlist.length; i++) { let client = clientlist[i]; if (client.url == '/' && 'focus' in client) { if (client.visibilitystate === 'hidden') return client.focus(); } } } if (clients.openwindow) { return clients.openwindow('/'); } })); }); specifications specification status comment service workersthe definition of 'visibilitystate' in that specification.
WindowClient - Web APIs
Web › API › WindowClient
s event.waituntil(clients.matchall({ type: "window" }).then(function(clientlist) { for (var i = 0; i < clientlist.length; i++) { var client = clientlist[i]; if (client.url == '/' && 'focus' in client) { client.focus(); break; } } if (clients.openwindow) return clients.openwindow('/'); })); }); specifications specification status comment service workersthe definition of 'windowclient' in that specification.
WindowEventHandlers.onafterprint - Web APIs
Web › API › WindowEventHandlers › onafterprint
}; specification specification status comment html living standardthe definition of 'onafterprint' in that specification.
WindowEventHandlers.onbeforeprint - Web APIs
Web › API › WindowEventHandlers › onbeforeprint
var mediaquerylist = window.matchmedia('print'); mediaquerylist.addlistener(function(mql) { if(mql.matches) { console.log('webkit equivalent of onbeforeprint'); } }); specification specification status comment html living standardthe definition of 'onbeforeprint' in that specification.
WindowEventHandlers.onbeforeunload - Web APIs
Web › API › WindowEventHandlers › onbeforeunload
specification status comment html living standardthe definition of 'onbeforeunload' in that specification.
WindowEventHandlers.onhashchange - Web APIs
Web › API › WindowEventHandlers › onhashchange
ndow.hashchangeevent)(function(){ var lasturl = document.url; window.addeventlistener("hashchange", function(event){ object.defineproperty(event, "oldurl", {enumerable:true,configurable:true,value:lasturl}); object.defineproperty(event, "newurl", {enumerable:true,configurable:true,value:document.url}); lasturl = document.url; }); }()); specifications specification status comment html living standardthe definition of 'onhashchange' in that specification.
WindowEventHandlers.onlanguagechange - Web APIs
Web › API › WindowEventHandlers › onlanguagechange
example window.onlanguagechange = function(event) { console.log('languagechange event detected!'); }; specifications specification status comment html living standardthe definition of 'windoweventhandler.onlanguagechange' in that specification.
WindowEventHandlers.onmessage - Web APIs
Web › API › WindowEventHandlers › onmessage
} specifications specification status comment html living standardthe definition of 'onmessage' in that specification.
WindowEventHandlers.onmessageerror - Web APIs
Web › API › WindowEventHandlers › onmessageerror
}; specifications specification status comment html living standardthe definition of 'onmessageerror' in that specification.
WindowEventHandlers.onpopstate - Web APIs
Web › API › WindowEventHandlers › onpopstate
specifications specification status comment html living standardthe definition of 'onpopstate' in that specification.
WindowEventHandlers.onrejectionhandled - Web APIs
Web › API › WindowEventHandlers › onrejectionhandled
}); window.onrejectionhandled = function(event) { ...}; example window.onrejectionhandled = function(e) { console.log(e.reason); } specifications specification status comment html living standardthe definition of 'onrejectionhandled' in that specification.
WindowEventHandlers.onstorage - Web APIs
Web › API › WindowEventHandlers › onstorage
window.onstorage = function(e) { console.log('the ' + e.key + ' key has been changed from ' + e.oldvalue + ' to ' + e.newvalue + '.'); }; specifications specification status comment html living standardthe definition of 'onstorage' in that specification.
WindowEventHandlers.onunhandledrejection - Web APIs
Web › API › WindowEventHandlers › onunhandledrejection
window.onunhandledrejection = function(e) { console.log(e.reason); } specifications specification status comment html living standardthe definition of 'onunhandledrejection' in that specification.
WindowEventHandlers.onunload - Web APIs
Web › API › WindowEventHandlers › onunload
specifications specification status comment html living standardthe definition of 'onunload' in that specification.
WindowEventHandlers - Web APIs
Web › API › WindowEventHandlers
specifications specification status comment html living standardthe definition of 'windoweventhandlers' in that specification.
WindowOrWorkerGlobalScope.atob() - Web APIs
Web › API › WindowOrWorkerGlobalScope › atob
specifications specification status comment html living standardthe definition of 'windoworworkerglobalscope.atob()' in that specification.
WindowOrWorkerGlobalScope.btoa() - Web APIs
Web › API › WindowOrWorkerGlobalScope › btoa
specifications specification status comment html living standardthe definition of 'windoworworkerglobalscope.btoa()' in that specification.
WindowOrWorkerGlobalScope.caches - Web APIs
Web › API › WindowOrWorkerGlobalScope › caches
t/', '/sw-test/index.html', '/sw-test/style.css', '/sw-test/app.js', '/sw-test/image-list.js', '/sw-test/star-wars-logo.jpg', '/sw-test/gallery/', '/sw-test/gallery/bountyhunters.jpg', '/sw-test/gallery/mylittlevader.jpg', '/sw-test/gallery/snowtroopers.jpg' ]); }) ); }); specifications specification status comment service workersthe definition of 'caches' in that specification.
WindowOrWorkerGlobalScope.clearInterval() - Web APIs
Web › API › WindowOrWorkerGlobalScope › clearInterval
specifications specification status comment html living standardthe definition of 'windoworworkerglobalscope.clearinterval()' in that specification.
WindowOrWorkerGlobalScope.clearTimeout() - Web APIs
Web › API › WindowOrWorkerGlobalScope › clearTimeout
specifications specification status comment html living standardthe definition of 'windoworworkerglobalscope.cleartimeout()' in that specification.
self.createImageBitmap() - Web APIs
Web › API › WindowOrWorkerGlobalScope › createImageBitmap
cut out two sprites from the sprite sheet createimagebitmap(image, 0, 0, 32, 32), createimagebitmap(image, 32, 0, 32, 32) ]).then(function(sprites) { // draw each sprite onto the canvas ctx.drawimage(sprites[0], 0, 0); ctx.drawimage(sprites[1], 32, 32); }); } // load the sprite sheet from an image file image.src = 'sprites.png'; specifications specification status comment html living standardthe definition of 'createimagebitmap' in that specification.
WindowOrWorkerGlobalScope.crossOriginIsolated - Web APIs
Web › API › WindowOrWorkerGlobalScope › crossOriginIsolated
syntax var mycrossoriginisolated = self.crossoriginisolated; // or just crossoriginisolated value a boolean value examples if(crossoriginisolated) { // post sharedarraybuffer } else { // do something else } specifications specification status comment html living standardthe definition of 'crossoriginisolated' in that specification.
WindowOrWorkerGlobalScope.indexedDB - Web APIs
Web › API › WindowOrWorkerGlobalScope › indexedDB
example the following code creates a request for a database to be opened asychronously, after which the database is opened when the request's onsuccess handler is fired: var db; function opendb() { var dbopenrequest = window.indexeddb.open('todolist'); dbopenrequest.onsuccess = function(e) { db = dbopenrequest.result; } } specifications specification status comment indexed database api draftthe definition of 'indexeddb' in that specification.
WindowOrWorkerGlobalScope.isSecureContext - Web APIs
Web › API › WindowOrWorkerGlobalScope › isSecureContext
specifications specification status comment secure contextsthe definition of 'windoworworkerglobalscope.issecurecontext' in that specification.
WindowOrWorkerGlobalScope.origin - Web APIs
Web › API › WindowOrWorkerGlobalScope › origin
specifications specification status comment html living standardthe definition of 'windoworworkerglobalscope.origin' in that specification.
WindowOrWorkerGlobalScope.queueMicrotask() - Web APIs
Web › API › WindowOrWorkerGlobalScope › queueMicrotask
if (typeof window.queuemicrotask !== "function") { window.queuemicrotask = function (callback) { promise.resolve() .then(callback) .catch(e => settimeout(() => { throw e; })); // report exceptions }; } specifications specification status comment html living standardthe definition of 'self.queuemicrotask()' in that specification.
WindowOrWorkerGlobalScope.setInterval() - Web APIs
Web › API › WindowOrWorkerGlobalScope › setInterval
specifications specification status comment html living standardthe definition of 'windoworworkerglobalscope.setinterval()' in that specification.
WindowOrWorkerGlobalScope.setTimeout() - Web APIs
Web › API › WindowOrWorkerGlobalScope › setTimeout
specifications specification status comment html living standardthe definition of 'windoworworkerglobalscope.settimeout()' in that specification.
WindowOrWorkerGlobalScope - Web APIs
Web › API › WindowOrWorkerGlobalScope
specifications specification status comment html living standardthe definition of 'windoworworkerglobalscope mixin' in that specification.
WindowProxy - Web APIs
Web › API › WindowProxy
specifications specification status comment html living standardthe definition of 'windowproxy' in that specification.
Worker() - Web APIs
Web › API › Worker › Worker
specifications specification status comment html living standardthe definition of 'worker()' in that specification.
Worker: message event - Web APIs
Web › API › Worker › message event
ta}`) }); alternatively, it could listen using the onmessage event handler property: const worker = new worker("static/scripts/worker.js"); worker.onmessage = (event) => { console.log(`received message from worker: ${event.data}`) }; the worker posts messages using self.postmessage(): // static/scripts/worker.js self.postmessage('i\'m alive!'); specifications specification status html living standard living standard ...
Worker: messageerror event - Web APIs
Web › API › Worker › messageerror event
ent}`); }); the same, but using the onmessageerror event handler property: // inside main.js const worker = new worker("static/scripts/worker.js"); worker.onmessage = (event) => { console.error(`received message from worker: ${event}`); }; worker.onmessageerror = (event) => { console.error(`error receiving message from worker: ${event}`); }; specifications specification status html living standard living standard ...
Worker.onmessage - Web APIs
Web › API › Worker › onmessage
specifications specification status comment html living standardthe definition of 'worker.onmessage' in that specification.
Worker.onmessageerror - Web APIs
Web › API › Worker › onmessageerror
}; specifications specification status comment html living standardthe definition of 'onmessageerror' in that specification.
Worker.prototype.postMessage() - Web APIs
Web › API › Worker › postMessage
to see a full working example of this firefox demo add-on see here: github :: chromeworker - demo-transfer-arraybuffer specifications specification status comment html living standardthe definition of 'worker.postmessage()' in that specification.
Worker.terminate() - Web APIs
Web › API › Worker › terminate
var myworker = new worker('worker.js'); myworker.terminate(); specifications specification status comment html living standardthe definition of 'worker.terminate()' in that specification.
Worker - Web APIs
Web › API › Worker
specifications specification status comment html living standardthe definition of 'worker' in that specification.
WorkerGlobalScope.importScripts() - Web APIs
Web › API › WorkerGlobalScope › importScripts
specifications specification status comment html living standardthe definition of 'importscripts()' in that specification.
WorkerGlobalScope: languagechange event - Web APIs
Web › API › WorkerGlobalScope › languagechange event
anguagechange examples you can use the languagechange event in an addeventlistener method: worker.addeventlistener('languagechange', function() { console.log('languagechange event detected!'); }); or use the onlanguagechange event handler property: worker.onlanguagechange = function(event) { console.log('languagechange event detected!'); }; specification specification status html living standardthe definition of 'languagechange' in that specification.
WorkerGlobalScope.location - Web APIs
Web › API › WorkerGlobalScope › location
specifications specification status comment html living standardthe definition of 'location' in that specification.
WorkerGlobalScope.navigator - Web APIs
Web › API › WorkerGlobalScope › navigator
specifications specification status comment html living standardthe definition of 'navigator' in that specification.
WorkerGlobalScope.onerror - Web APIs
Web › API › WorkerGlobalScope › onerror
}; example the following code snippet shows an onerror handler set inside a worker: self.onerror = function() { console.log('there is an error inside your worker!'); } specifications specification status comment html living standardthe definition of 'workerglobalscope.onerror' in that specification.
WorkerGlobalScope.onlanguagechange - Web APIs
Web › API › WorkerGlobalScope › onlanguagechange
}; example the following code snippet shows an onlanguagechange handler set inside a worker: self.onlanguagechange = function() { console.log('your preferred language settings have been changed'); } specifications specification status comment html living standardthe definition of 'workerglobalscope.onlanguagechange' in that specification.
WorkerGlobalScope.onoffline - Web APIs
Web › API › WorkerGlobalScope › onoffline
}; example the following code snippet shows an onoffline handler set inside a worker: self.onoffline = function() { console.log('your worker is now offline'); } specifications specification status comment html living standardthe definition of 'workerglobalscope.onoffline' in that specification.
WorkerGlobalScope.ononline - Web APIs
Web › API › WorkerGlobalScope › ononline
}; example the following code snippet shows an ononline handler set inside a worker: self.ononline = function() { console.log('your worker is now online'); } specifications specification status comment html living standardthe definition of 'workerglobalscope.ononline' in that specification.
WorkerGlobalScope.performance - Web APIs
Web › API › WorkerGlobalScope › performance
specifications specification status comment high resolution time level 2the definition of 'performance' in that specification.
WorkerGlobalScope.self - Web APIs
Web › API › WorkerGlobalScope › self
specifications specification status comment html living standardthe definition of 'self' in that specification.
WorkerGlobalScope - Web APIs
Web › API › WorkerGlobalScope
specifications specification status comment html living standardthe definition of 'workerglobalscope' in that specification.
WorkerLocation - Web APIs
Web › API › WorkerLocation
specifications specification status comment html living standardthe definition of 'workerlocation' in that specification.
WorkerNavigator.connection - Web APIs
Web › API › WorkerNavigator › connection
syntax connectioninfo = self.navigator.connection specifications specification status comment network information apithe definition of 'navigator.connection' in that specification.
WorkerNavigator.locks - Web APIs
Web › API › WorkerNavigator › locks
specifications specification status comment web locks apithe definition of 'locks' in that specification.
Worklet.addModule() - Web APIs
Web › API › Worklet › addModule
ntworklet example css.paintworklet.addmodule('https://mdn.github.io/houdini-examples/csspaint/intro/worklets/hilite.js'); once a paintworklet is included, the css paint() function can be used to include the image created by the worklet: @supports (background-image: paint(id)) { h1 { background-image: paint(hollowhighlights, filled, 3px); } } specifications specification status comment worklets level 1the definition of 'addmodule()' in that specification.
Worklet - Web APIs
Web › API › Worklet
specifications specification status comment worklets level 1the definition of 'worklet' in that specification.
WritableStream.WritableStream() - Web APIs
Web › API › WritableStream › WritableStream
specifications specification status comment streamsthe definition of 'writablestream()' in that specification.
WritableStream.abort() - Web APIs
Web › API › WritableStream › abort
// abort the stream later on, when required writablestream.abort(); specifications specification status comment streamsthe definition of 'abort()' in that specification.
WritableStream.getWriter() - Web APIs
Web › API › WritableStream › getWriter
specifications specification status comment streamsthe definition of 'getwriter()' in that specification.
WritableStream.locked - Web APIs
Web › API › WritableStream › locked
const writer = writablestream.getwriter(); writablestream.locked // should return true, as the stream has been locked to a writer specifications specification status comment streamsthe definition of 'locked' in that specification.
WritableStream - Web APIs
Web › API › WritableStream
specifications specification status comment streamsthe definition of 'writablestream' in that specification.
WritableStreamDefaultController.error() - Web APIs
Web › API › WritableStreamDefaultController › error
} }); specifications specification status comment streamsthe definition of 'error()' in that specification.
WritableStreamDefaultController - Web APIs
Web › API › WritableStreamDefaultController
} }); specifications specification status comment streamsthe definition of 'writablestreamdefaultcontroller' in that specification.
WritableStreamDefaultWriter.WritableStreamDefaultWriter() - Web APIs
Web › API › WritableStreamDefaultWriter › WritableStreamDefaultWriter
specifications specification status comment streamsthe definition of 'writablestreamdefaultwriter()' in that specification.
WritableStreamDefaultWriter.abort() - Web APIs
Web › API › WritableStreamDefaultWriter › abort
// abort the stream when desired writer.abort.then((reason) => { console.log(reason); }) specifications specification status comment streamsthe definition of 'abort()' in that specification.
WritableStreamDefaultWriter.close() - Web APIs
Web › API › WritableStreamDefaultWriter › close
specifications specification status comment streamsthe definition of 'close()' in that specification.
WritableStreamDefaultWriter.closed - Web APIs
Web › API › WritableStreamDefaultWriter › closed
// check if the stream is closed writer.closed.then(() => { console.log('writer closed'); }) specifications specification status comment streamsthe definition of 'closed' in that specification.
WritableStreamDefaultWriter.desiredSize - Web APIs
Web › API › WritableStreamDefaultWriter › desiredSize
// return stream's desired size let size = writer.desiredsize; specifications specification status comment streamsthe definition of 'desiredsize' in that specification.
WritableStreamDefaultWriter.ready - Web APIs
Web › API › WritableStreamDefaultWriter › ready
defaultwriter.ready .then(function() { defaultwriter.close() .then(function() { console.log("all chunks written"); }) .catch(function(err) { console.log("stream error: " + err); }); }); }); } specifications specification status comment streamsthe definition of 'ready' in that specification.
WritableStreamDefaultWriter.releaseLock() - Web APIs
Web › API › WritableStreamDefaultWriter › releaseLock
// release writer's lock on the stream when desired writer.releaselock(); specifications specification status comment streamsthe definition of 'releaselock()' in that specification.
WritableStreamDefaultWriter.write() - Web APIs
Web › API › WritableStreamDefaultWriter › write
specifications specification status comment streamsthe definition of 'write()' in that specification.
WritableStreamDefaultWriter - Web APIs
Web › API › WritableStreamDefaultWriter
specifications specification status comment streamsthe definition of 'writablestreamdefaultwriter' in that specification.
XMLDocument - Web APIs
Web › API › XMLDocument
specifications specification status comment domthe definition of 'xmldocument' in that specification.
HTML in XMLHttpRequest - Web APIs
Web › API › XMLHttpRequest › HTML in XMLHttpRequest
specifications specification status comment xmlhttprequest living standard initial definition ...
Sending and Receiving Binary Data - Web APIs
Web › API › XMLHttpRequest › Sending and Receiving Binary Data
function load_binary_resource(url) { var req = new xmlhttprequest(); req.open('get', url, false); //xhr binary charset opt by marcus granado 2006 [http://mgran.blogspot.com] req.overridemimetype('text\/plain; charset=x-user-defined'); req.send(null); if (req.status != 200) return ''; return req.responsetext; } the magic happens in line 5, which overrides the mime type, forcing the browser to treat it as plain text, using a user-defined character set.
XMLHttpRequest: abort event - Web APIs
Web › API › XMLHttpRequest › abort event
istener('click', () => { runxhr('https://mdn.mozillademos.org/files/16553/dgszyjnxcaipwzy.jpg'); }); xhrbuttonerror.addeventlistener('click', () => { runxhr('https://somewhere.org/i-dont-exist'); }); xhrbuttonabort.addeventlistener('click', () => { runxhr('https://mdn.mozillademos.org/files/16553/dgszyjnxcaipwzy.jpg').abort(); }); result specifications specification status comment xmlhttprequest living standard ...
XMLHttpRequest: error event - Web APIs
Web › API › XMLHttpRequest › error event
istener('click', () => { runxhr('https://mdn.mozillademos.org/files/16553/dgszyjnxcaipwzy.jpg'); }); xhrbuttonerror.addeventlistener('click', () => { runxhr('https://somewhere.org/i-dont-exist'); }); xhrbuttonabort.addeventlistener('click', () => { runxhr('https://mdn.mozillademos.org/files/16553/dgszyjnxcaipwzy.jpg').abort(); }); result specifications specification status comment xmlhttprequest living standard ...
XMLHttpRequest.getAllResponseHeaders() - Web APIs
Web › API › XMLHttpRequest › getAllResponseHeaders
specifications specification status comment xmlhttprequestthe definition of 'getallresponseheaders()' in that specification.
XMLHttpRequest.getResponseHeader() - Web APIs
Web › API › XMLHttpRequest › getResponseHeader
var client = new xmlhttprequest(); client.open("get", "unicorns-are-teh-awesome.txt", true); client.send(); client.onreadystatechange = function() { if(this.readystate == this.headers_received) { var contenttype = client.getresponseheader("content-type"); if (contenttype != my_expected_type) { client.abort(); } } } specifications specification status comment xmlhttprequestthe definition of 'getresponseheader()' in that specification.
XMLHttpRequest: load event - Web APIs
Web › API › XMLHttpRequest › load event
istener('click', () => { runxhr('https://mdn.mozillademos.org/files/16553/dgszyjnxcaipwzy.jpg'); }); xhrbuttonerror.addeventlistener('click', () => { runxhr('https://somewhere.org/i-dont-exist'); }); xhrbuttonabort.addeventlistener('click', () => { runxhr('https://mdn.mozillademos.org/files/16553/dgszyjnxcaipwzy.jpg').abort(); }); result specifications specification status comment xmlhttprequest living standard ...
XMLHttpRequest: loadend event - Web APIs
Web › API › XMLHttpRequest › loadend event
istener('click', () => { runxhr('https://mdn.mozillademos.org/files/16553/dgszyjnxcaipwzy.jpg'); }); xhrbuttonerror.addeventlistener('click', () => { runxhr('https://somewhere.org/i-dont-exist'); }); xhrbuttonabort.addeventlistener('click', () => { runxhr('https://mdn.mozillademos.org/files/16553/dgszyjnxcaipwzy.jpg').abort(); }); result specifications specification status comment xmlhttprequest living standard ...
XMLHttpRequest: loadstart event - Web APIs
Web › API › XMLHttpRequest › loadstart event
istener('click', () => { runxhr('https://mdn.mozillademos.org/files/16553/dgszyjnxcaipwzy.jpg'); }); xhrbuttonerror.addeventlistener('click', () => { runxhr('https://somewhere.org/i-dont-exist'); }); xhrbuttonabort.addeventlistener('click', () => { runxhr('https://mdn.mozillademos.org/files/16553/dgszyjnxcaipwzy.jpg').abort(); }); result specifications specification status comment xmlhttprequest living standard ...
XMLHttpRequest.open() - Web APIs
Web › API › XMLHttpRequest › open
specifications specification status comment xmlhttprequestthe definition of 'open()' in that specification.
XMLHttpRequest.overrideMimeType() - Web APIs
Web › API › XMLHttpRequest › overrideMimeType
// interpret the received data as plain text req = new xmlhttprequest(); req.overridemimetype("text/plain"); req.addeventlistener("load", callback, false); req.open("get", url); req.send(); specifications specification status comment xmlhttprequestthe definition of 'overridemimetype()' in that specification.
XMLHttpRequest: progress event - Web APIs
Web › API › XMLHttpRequest › progress event
istener('click', () => { runxhr('https://mdn.mozillademos.org/files/16553/dgszyjnxcaipwzy.jpg'); }); xhrbuttonerror.addeventlistener('click', () => { runxhr('https://somewhere.org/i-dont-exist'); }); xhrbuttonabort.addeventlistener('click', () => { runxhr('https://mdn.mozillademos.org/files/16553/dgszyjnxcaipwzy.jpg').abort(); }); result specifications specification status comment xmlhttprequest living standard ...
XMLHttpRequest.response - Web APIs
Web › API › XMLHttpRequest › response
var url = 'somepage.html'; //a local page function load(url, callback) { var xhr = new xmlhttprequest(); xhr.onreadystatechange = function() { if (xhr.readystate === 4) { callback(xhr.response); } } xhr.open('get', url, true); xhr.send(''); } specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequest.responseType - Web APIs
Web › API › XMLHttpRequest › responseType
specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequest.responseURL - Web APIs
Web › API › XMLHttpRequest › responseURL
example var xhr = new xmlhttprequest(); xhr.open('get', 'http://example.com/test', true); xhr.onload = function () { console.log(xhr.responseurl); // http://example.com/test }; xhr.send(null); specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequest.responseXML - Web APIs
Web › API › XMLHttpRequest › responseXML
example var xhr = new xmlhttprequest; xhr.open('get', '/server'); // if specified, responsetype must be empty string or "document" xhr.responsetype = 'document'; // force the response to be parsed as xml xhr.overridemimetype('text/xml'); xhr.onload = function () { if (xhr.readystate === xhr.done && xhr.status === 200) { console.log(xhr.response, xhr.responsexml); } }; xhr.send(); specifications specification status comment xmlhttprequestthe definition of 'responsexml' in that specification.
XMLHttpRequest.setRequestHeader() - Web APIs
Web › API › XMLHttpRequest › setRequestHeader
specifications specification status comment xmlhttprequestthe definition of 'setrequestheader()' in that specification.
XMLHttpRequest.timeout - Web APIs
Web › API › XMLHttpRequest › timeout
}; xhr.send(null); specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequest: timeout event - Web APIs
Web › API › XMLHttpRequest › timeout event
ontimeout examples const client = new xmlhttprequest(); client.open('get', 'http://www.example.org/example.txt'); client.ontimeout = () => { console.error('timeout!!') }; client.send(); you could also set up the event handler using the addeventlistener() method: client.addeventlistener('timeout', () => { console.error("timeout!!"); }); specifications specification status comment xmlhttprequestthe definition of 'timeout event' in that specification.
XMLHttpRequest.upload - Web APIs
Web › API › XMLHttpRequest › upload
specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequest.withCredentials - Web APIs
Web › API › XMLHttpRequest › withCredentials
example var xhr = new xmlhttprequest(); xhr.open('get', 'http://example.com/', true); xhr.withcredentials = true; xhr.send(null); specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequestEventTarget.onabort - Web APIs
Web › API › XMLHttpRequestEventTarget › onabort
xmlhttp.abort(); // this will invoke our onabort handler above specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequestEventTarget.onerror - Web APIs
Web › API › XMLHttpRequestEventTarget › onerror
example var xmlhttp = new xmlhttprequest(), method = 'get', url = 'https://developer.mozilla.org/'; xmlhttp.open(method, url, true); xmlhttp.onerror = function () { console.log("** an error occurred during the transaction"); }; xmlhttp.send(); specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequestEventTarget.onload - Web APIs
Web › API › XMLHttpRequestEventTarget › onload
example var xmlhttp = new xmlhttprequest(), method = 'get', url = 'https://developer.mozilla.org/'; xmlhttp.open(method, url, true); xmlhttp.onload = function () { // do something with the retrieved data ( found in xmlhttp.response ) }; xmlhttp.send(); specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequestEventTarget.onloadstart - Web APIs
Web › API › XMLHttpRequestEventTarget › onloadstart
example var xmlhttp = new xmlhttprequest(), method = 'get', url = 'https://developer.mozilla.org/'; xmlhttp.open(method, url, true); xmlhttp.onloadstart = function () { console.log("download underway"); }; xmlhttp.send(); specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequestEventTarget.onprogress - Web APIs
Web › API › XMLHttpRequestEventTarget › onprogress
xmlhttprequest.onprogress = function (event) { event.loaded; event.total; }; example var xmlhttp = new xmlhttprequest(), method = 'get', url = 'https://developer.mozilla.org/'; xmlhttp.open(method, url, true); xmlhttp.onprogress = function () { //do something }; xmlhttp.send(); specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequestEventTarget - Web APIs
Web › API › XMLHttpRequestEventTarget
specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XMLHttpRequestResponseType - Web APIs
Web › API › XMLHttpRequestResponseType
specifications specification status comment xmlhttprequest unknown live standard, latest version ...
XMLSerializer.serializeToString() - Web APIs
Web › API › XMLSerializer › serializeToString
specifications specification status comment dom parsing and serializationthe definition of 'serializetostring()' in that specification.
XMLSerializer - Web APIs
Web › API › XMLSerializer
specifications specification status comment dom parsing and serializationthe definition of 'xmlserializer' in that specification.
XPathEvaluator.createExpression() - Web APIs
Web › API › XPathEvaluator › createExpression
ample</div> <div>number of &lt;div&gt;s: <output></output></div> javascript var xpath = "//div"; var evaluator = new xpathevaluator(); var expression = evaluator.createexpression("//div"); var result = expression.evaluate(document, xpathresult.ordered_node_snapshot_type); document.queryselector("output").textcontent = result.snapshotlength; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathevaluator.createexpression()' in that specification.
XPathEvaluator.createNSResolver() - Web APIs
Web › API › XPathEvaluator › createNSResolver
specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathevaluator.creatensresolver()' in that specification.
XPathEvaluator.evaluate() - Web APIs
Web › API › XPathEvaluator › evaluate
html <div>xpath example</div> <div>number of &lt;div&gt;s: <output></output></div> javascript var evaluator = new xpathevaluator(); var result = evaluator.evaluate("//div", document, null, xpathresult.ordered_node_snapshot_type); document.queryselector("output").textcontent = result.snapshotlength; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathevaluator.evaluate()' in that specification.
XPathEvaluator - Web APIs
Web › API › XPathEvaluator
ample</div> <div>number of &lt;div&gt;s: <output></output></div> javascript var xpath = "//div"; var evaluator = new xpathevaluator(); var expression = evaluator.createexpression("//div"); var result = expression.evaluate(document, xpathresult.ordered_node_snapshot_type); document.queryselector("output").textcontent = result.snapshotlength; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathevaluator' in that specification.
XPathException.code - Web APIs
Web › API › XPathException › code
specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathexception' in that specification.
XPathException - Web APIs
Web › API › XPathException
specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathexception' in that specification.
XPathExpression.evaluate() - Web APIs
Web › API › XPathExpression › evaluate
ample</div> <div>number of &lt;div&gt;s: <output></output></div> javascript var xpath = "//div"; var evaluator = new xpathevaluator(); var expression = evaluator.createexpression("//div"); var result = expression.evaluate(document, xpathresult.ordered_node_snapshot_type); document.queryselector("output").textcontent = result.snapshotlength; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathexpression.evaluate()' in that specification.
XPathExpression - Web APIs
Web › API › XPathExpression
example</div> <div>number of &lt;div&gt;s: <output></output></div> javascript var xpath = "//div"; var evaluator = new xpathevaluator(); var expression = evaluator.createexpression(xpath); var result = expression.evaluate(document, xpathresult.ordered_node_snapshot_type); document.queryselector("output").textcontent = result.snapshotlength; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathexpression' in that specification.
XPathNSResolver.lookupNamespaceURI() - Web APIs
Web › API › XPathNSResolver › lookupNamespaceURI
specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathnsresolver.lookupnamespaceuri()' in that specification.
XPathNSResolver - Web APIs
Web › API › XPathNSResolver
specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathnsresolver' in that specification.
XPathResult.booleanValue - Web APIs
Web › API › XPathResult › booleanValue
html <div>xpath example</div> <p>text is 'xpath example': <output></output></p> javascript var xpath = "//div/text() = 'xpath example'"; var result = document.evaluate(xpath, document, null, xpathresult.boolean_type, null); document.queryselector("output").textcontent = result.booleanvalue; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.booleanvalue' in that specification.
XPathResult.invalidIteratorState - Web APIs
Web › API › XPathResult › invalidIteratorState
"invalid" : "valid"; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.invaliditeratorstate' in that specification.
XPathResult.iterateNext() - Web APIs
Web › API › XPathResult › iterateNext
names of the matched nodes: <output></output></div> javascript var xpath = "//div"; var result = document.evaluate(xpath, document, null, xpathresult.any_type, null); var node = null; var tagnames = []; while(node = result.iteratenext()) { tagnames.push(node.localname); } document.queryselector("output").textcontent = tagnames.join(", "); result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.iteratenext()' in that specification.
XPathResult.numberValue - Web APIs
Web › API › XPathResult › numberValue
html <div>xpath example</div> <div>number of &lt;div&gt;s: <output></output></div> javascript var xpath = "count(//div)"; var result = document.evaluate(xpath, document, null, xpathresult.number_type, null); document.queryselector("output").textcontent = result.numbervalue; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.numbervalue' in that specification.
XPathResult.resultType - Web APIs
Web › API › XPathResult › resultType
v>is xpath result a node set: <output></output></div> javascript var xpath = "//div"; var result = document.evaluate(xpath, document, null, xpathresult.any_type, null); document.queryselector("output").textcontent = result.resulttype >= xpathresult.unordered_node_iterator_type && result.resulttype <= xpathresult.first_ordered_node_type; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.resulttype' in that specification.
XPathResult.singleNodeValue - Web APIs
Web › API › XPathResult › singleNodeValue
h example</div> <div>tag name of the element having the text content 'xpath example': <output></output></div> javascript var xpath = "//*[text()='xpath example']"; var result = document.evaluate(xpath, document, null, xpathresult.first_ordered_node_type, null); document.queryselector("output").textcontent = result.singlenodevalue.localname; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.singlenodevalue' in that specification.
XPathResult.snapshotItem() - Web APIs
Web › API › XPathResult › snapshotItem
ar xpath = "//div"; var result = document.evaluate(xpath, document, null, xpathresult.ordered_node_snapshot_type, null); var node = null; var tagnames = []; for(var i = 0; i < result.snapshotlength; i++) { var node = result.snapshotitem(i); tagnames.push(node.localname); } document.queryselector("output").textcontent = tagnames.join(", "); result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.snapshotitem()' in that specification.
XPathResult.snapshotLength - Web APIs
Web › API › XPathResult › snapshotLength
html <div>xpath example</div> <div>number of matched nodes: <output></output></div> javascript var xpath = "//div"; var result = document.evaluate(xpath, document, null, xpathresult.ordered_node_snapshot_type, null); document.queryselector("output").textcontent = result.snapshotlength; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.snapshotlength' in that specification.
XPathResult.stringValue - Web APIs
Web › API › XPathResult › stringValue
html <div>xpath example</div> <div>text content of the &lt;div&gt; above: <output></output></div> javascript var xpath = "//div/text()"; var result = document.evaluate(xpath, document, null, xpathresult.string_type, null); document.queryselector("output").textcontent = result.stringvalue; result specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult.stringvalue' in that specification.
XPathResult - Web APIs
Web › API › XPathResult
specifications specification status comment document object model (dom) level 3 xpath specificationthe definition of 'xpathresult' in that specification.
XRBoundedReferenceSpace.boundsGeometry - Web APIs
Web › API › XRBoundedReferenceSpace › boundsGeometry
specifications specification status comment webxr device apithe definition of 'boundsgeometry' in that specification.
XRBoundedReferenceSpace - Web APIs
Web › API › XRBoundedReferenceSpace
specifications specification status comment webxr device apithe definition of 'xrboundedreferencespace' in that specification.
XREnvironmentBlendMode - Web APIs
Web › API › XREnvironmentBlendMode
specifications specification status comment webxr augmented reality modulethe definition of 'xrenvironmentblendmode' in that specification.
XREye - Web APIs
Web › API › XREye
specifications specification status comment webxr device apithe definition of 'xreye' in that specification.
XRFrame.getPose() - Web APIs
Web › API › XRFrame › getPose
specifications specification status comment webxr device apithe definition of 'xrframe.getpose()' in that specification.
XRFrame.getViewerPose() - Web APIs
Web › API › XRFrame › getViewerPose
specifications specification status comment webxr device apithe definition of 'xrframe.getviewerpose()' in that specification.
XRFrame.session - Web APIs
Web › API › XRFrame › session
specifications specification status comment webxr device apithe definition of 'xrframe.session' in that specification.
XRFrame - Web APIs
Web › API › XRFrame
specifications specification status comment webxr device apithe definition of 'xrframe' in that specification.
XRFrameRequestCallback - Web APIs
Web › API › XRFrameRequestCallback
specifications specification status comment webxr device apithe definition of 'xrframerequestcallback' in that specification.
XRHandedness - Web APIs
Web › API › XRHandedness
specifications specification status comment webxr device apithe definition of 'xrhandedness' in that specification.
XRInputSource.gripSpace - Web APIs
Web › API › XRInputSource › gripSpace
specifications specification status comment webxr device apithe definition of 'xrinputsource.gripspace' in that specification.
XRInputSource.handedness - Web APIs
Web › API › XRInputSource › handedness
specifications specification status comment webxr device apithe definition of 'xrinputsource.handedness' in that specification.
XRInputSource.profiles - Web APIs
Web › API › XRInputSource › profiles
specifications specification status comment webxr device apithe definition of 'xrinputsource.profiles' in that specification.
XRInputSource.targetRayMode - Web APIs
Web › API › XRInputSource › targetRayMode
specifications specification status comment webxr device apithe definition of 'xrinputsource.handedness' in that specification.
XRInputSource.targetRaySpace - Web APIs
Web › API › XRInputSource › targetRaySpace
specifications specification status comment webxr device apithe definition of 'xrinputsource.targetrayspace' in that specification.
XRInputSource - Web APIs
Web › API › XRInputSource
specifications specification status comment webxr device apithe definition of 'xrinputsource' in that specification.
XRInputSourceArray.entries() - Web APIs
Web › API › XRInputSourceArray › entries
specifications specification status comment webxr device apithe definition of 'xrinputsourcearray' in that specification.1 working draft xrinputsourcearray interface [1] see iterator-like methods in information contained in a webidl file for information on how an iterable declaration in an interface definition causes entries(), foreach(), keys(), and values() methods to be exposed from objects that impl...
XRInputSourceArray.forEach() - Web APIs
Web › API › XRInputSourceArray › forEach
specifications specification status comment webxr device apithe definition of 'xrinputsourcearray' in that specification.1 working draft xrinputsourcearray interface [1] see iterator-like methods in information contained in a webidl file for information on how an iterable declaration in an interface definition causes entries(), foreach(), keys(), and values() methods to be exposed from objects that impl...
XRInputSourceArray.keys() - Web APIs
Web › API › XRInputSourceArray › keys
specifications specification status comment webxr device apithe definition of 'xrinputsourcearray' in that specification.1 working draft xrinputsourcearray interface [1] see iterator-like methods in information contained in a webidl file for information on how an iterable declaration in an interface definition causes entries(), foreach(), keys(), and values() methods to be exposed from objects that impl...
XRInputSourceArray.length - Web APIs
Web › API › XRInputSourceArray › length
specifications specification status comment webxr device apithe definition of 'xrinputsourcearray.length' in that specification.
XRInputSourceArray.values() - Web APIs
Web › API › XRInputSourceArray › values
specifications specification status comment webxr device apithe definition of 'xrinputsourcearray' in that specification.1 working draft xrinputsourcearray interface [1] see iterator-like methods in information contained in a webidl file for information on how an iterable declaration in an interface definition causes entries(), foreach(), keys(), and values() methods to be exposed from objects that impl...
XRInputSourceArray - Web APIs
Web › API › XRInputSourceArray
let sources = xrsession.inputsources; if (sources.length > 0) { handleinput(sources[0]); } examples specifications specification status comment webxr device apithe definition of 'xrinputsourcearray' in that specification.
XRInputSourceEvent() - Web APIs
Web › API › XRInputSourceEvent › XRInputSourceEvent
xrsession.addeventlistener("select", event => { let targetraypose = event.frame.getpose(event.inputsource.targetrayspace, myrefspace); if (targetraypose) { let hit = myhittest(targetraypose.transform); if (hit) { /* handle the hit */ } } }); specifications specification status comment webxr device apithe definition of 'xrinputsourceevent' in that specification.
XRInputSourceEvent.frame - Web APIs
Web › API › XRInputSourceEvent › frame
xrsession.onselectstart = event => { let targetraypose = event.frame.getpose(event.inputsource.targetrayspace, myrefspace); if (targetraypose) { checkandhandlehit(targetraypose.transform); } }; specifications specification status comment webxr device apithe definition of 'xrinputsourceevent.frame' in that specification.
XRInputSourceEvent.inputSource - Web APIs
Web › API › XRInputSourceEvent › inputSource
xrsession.onselect = event => { let source = event.inputsource; if (source.targetraymode == "gaze") { /* handle selection using a gaze input */ } }; specifications specification status comment webxr device apithe definition of 'xrinputsourceevent.inputsource' in that specification.
XRInputSourceEvent - Web APIs
Web › API › XRInputSourceEvent
xrsession.addeventlistener("select", event => { let targetraypose = event.frame.getpose(event.inputsource.targetrayspace, myrefspace); if (targetraypose) { let hit = myhittest(targetraypose.transform); if (hit) { /* handle the hit */ } } }); specifications specification status comment webxr device apithe definition of 'xrinputsourceevent' in that specification.
XRInputSourceEventInit.frame - Web APIs
Web › API › XRInputSourceEventInit › frame
let event = new xrinputsourceevent("select", { frame: eventframe, inputsource: source }; if (event) { xrsession.dispatchevent(event); } specifications specification status comment webxr device apithe definition of 'xrinputsourceeventinit.frame' in that specification.
XRInputSourceEventInit.inputSource - Web APIs
Web › API › XRInputSourceEventInit › inputSource
let event = new xrinputsourceevent("select", { frame: eventframe, inputsource: source }; if (event) { xrsession.dispatchevent(event); } specifications specification status comment webxr device apithe definition of 'xrinputsourceeventinit.inputsource' in that specification.
XRInputSourceEventInit - Web APIs
Web › API › XRInputSourceEventInit
specifications specification status comment webxr device apithe definition of 'xrinputsourceeventinit' in that specification.
XRInputSourcesChangeEvent() - Web APIs
Web › API › XRInputSourcesChangeEvent › XRInputSourcesChangeEvent
let iscevent = new xrinputsourceschangeevent("inputsourceschange", { session: xrsession, added: [newinputsource], removed: [] }); specifications specification status comment webxr device apithe definition of 'xrinputsourceschangeevent()' in that specification.
XRInputSourcesChangeEvent.added - Web APIs
Web › API › XRInputSourcesChangeEvent › added
xrsession.oninputsourcescchange = event => { for (let input of event.added) { if (input.targetraymode == "tracked-pointer") { addedpointerdevice(input); } } for (let input of event.removed) { if (input.targetraymode == "tracked-pointer") { removedpointerdevice(input); } } }; specifications specification status comment webxr device apithe definition of 'xrinputsourceschangeevent.added' in that specification.
XRInputSourcesChangeEvent.removed - Web APIs
Web › API › XRInputSourcesChangeEvent › removed
xrsession.oninputsourcescchange = event => { for (let input of event.added) { if (input.targetraymode == "tracked-pointer") { addedpointerdevice(input); } } for (let input of event.removed) { if (input.targetraymode == "tracked-pointer") { removedpointerdevice(input); } } }; specifications specification status comment webxr device apithe definition of 'xrinputsourceschangeevent.removed' in that specification.
XRInputSourcesChangeEvent.session - Web APIs
Web › API › XRInputSourcesChangeEvent › session
specifications specification status comment webxr device apithe definition of 'xrinputsourceschangeevent.session' in that specification.
XRInputSourcesChangeEvent - Web APIs
Web › API › XRInputSourcesChangeEvent
putsourceschange); function oninputsourceschange(event) { for (let input of event.added) { if (input.targetraymode == "tracked-pointer") { loadcontrollermesh(input); } } } you can also add a handler for inputsourceschange events by setting the oninputsourceschange event handler: xrsession.oninputsourceschange = oninputsourceschange; specifications specification status comment webxr device apithe definition of 'xrinputsourceschangeevent' in that specification.
XRInputSourcesChangeEventInit.added - Web APIs
Web › API › XRInputSourcesChangeEventInit › added
specifications specification status comment webxr device apithe definition of 'xrinputsourceschangeeventinit.added' in that specification.
XRInputSourcesChangeEventInit.removed - Web APIs
Web › API › XRInputSourcesChangeEventInit › removed
specifications specification status comment webxr device apithe definition of 'xrinputsourceschangeeventinit.removed' in that specification.
XRInputSourcesChangeEventInit.session - Web APIs
Web › API › XRInputSourcesChangeEventInit › session
specifications specification status comment webxr device apithe definition of 'xrinputsourceschangeeventinit.session' in that specification.
XRInputSourcesChangeEventInit - Web APIs
Web › API › XRInputSourcesChangeEventInit
examples <tbd> specifications specification status comment webxr device apithe definition of 'xrinputsourceschangeeventinit' in that specification.
XRPermissionDescriptor.mode - Web APIs
Web › API › XRPermissionDescriptor › mode
ermissions) { navigator.permissions.query(xrpermissiondesc).then(({state}) => { switch(state) { case "granted": setupxr(); break; case "prompt": promptandsetupxr(); break; default: /* do nothing otherwise */ break; } .catch(err) { console.log(err); } } else { setupxr(); } specifications specification status comment webxr device apithe definition of 'xrpermissiondescriptor.mode' in that specification.
XRPermissionDescriptor.optionalFeatures - Web APIs
Web › API › XRPermissionDescriptor › optionalFeatures
ermissions) { navigator.permissions.query(xrpermissiondesc).then(({state}) => { switch(state) { case "granted": setupxr(); break; case "prompt": promptandsetupxr(); break; default: /* do nothing otherwise */ break; } .catch(err) { console.log(err); } } else { setupxr(); } specifications specification status comment webxr device apithe definition of 'xrpermissiondescriptor.optionalfeatures' in that specification.
XRPermissionDescriptor.requiredFeatures - Web APIs
Web › API › XRPermissionDescriptor › requiredFeatures
ermissions) { navigator.permissions.query(xrpermissiondesc).then(({state}) => { switch(state) { case "granted": setupxr(); break; case "prompt": promptandsetupxr(); break; default: /* do nothing otherwise */ break; } .catch(err) { console.log(err); } } else { setupxr(); } specifications specification status comment webxr device apithe definition of 'xrpermissiondescriptor.requiredfeatures' in that specification.
XRPose.emulatedPosition - Web APIs
Web › API › XRPose › emulatedPosition
specifications specification status comment webxr device apithe definition of 'xrpose.emulatedposition' in that specification.
XRPose.transform - Web APIs
Web › API › XRPose › transform
e = event.frame; let targetraypose = frame.getpose(source.targetrayspace, myrefspace); let targetobject = findtargetusingray(targetray.transform.matrix); if (source.targetraymode == "tracked-pointer") { if (source.handedness == user.handedness) { targetobject.primaryaction(); } else { targetobject.offhandaction(); } } }); specifications specification status comment webxr device apithe definition of 'xrpose.transform' in that specification.
XRPose - Web APIs
Web › API › XRPose
example <<<--- todo: needs example --->>> specifications specification status comment webxr device apithe definition of 'xrpose' in that specification.
XRReferenceSpace.getOffsetReferenceSpace() - Web APIs
Web › API › XRReferenceSpace › getOffsetReferenceSpace
specifications specification status comment webxr device apithe definition of 'getoffsetreferencespace()' in that specification.
XRReferenceSpace.onreset - Web APIs
Web › API › XRReferenceSpace › onreset
specifications specification status comment webxr device apithe definition of 'onreset' in that specification.
XRReferenceSpace: reset event - Web APIs
Web › API › XRReferenceSpace › reset event
first, you can use the addeventlistener() method: viewerrefspace.addeventlistener("reset", (event) => { /* perform reset related tasks */ }); the second option is to set the xrreferencespace object's onreset event handler property: viewerrefspace.onreset = (event) => { /* perform reset related tasks */ }; specifications specification status comment webxr device apithe definition of 'reset event' in that specification.
XRReferenceSpace - Web APIs
Web › API › XRReferenceSpace
specifications specification status comment webxr device apithe definition of 'xrreferencespace' in that specification.
XRReferenceSpaceEvent() - Web APIs
Web › API › XRReferenceSpaceEvent › XRReferenceSpaceEvent
specifications specification status comment webxr device apithe definition of 'xrreferencespaceevent()' in that specification.
XRReferenceSpaceEvent.referenceSpace - Web APIs
Web › API › XRReferenceSpaceEvent › referenceSpace
examples specifications specification status comment webxr device apithe definition of 'xrreferencespaceevent.referencespace' in that specification.
XRReferenceSpaceEvent.transform - Web APIs
Web › API › XRReferenceSpaceEvent › transform
xrreferencespace.addeventlistener("reset", event => { for (let obj of scene.objects) { mat4.multiply(obj.transform, obj.transform, event.transform); } }); specifications specification status comment webxr device apithe definition of 'xrreferencespaceevent.transform' in that specification.
XRReferenceSpaceEvent - Web APIs
Web › API › XRReferenceSpaceEvent
specifications specification status comment webxr device apithe definition of 'xrreferencespaceevent' in that specification.
XRReferenceSpaceEventInit.referenceSpace - Web APIs
Web › API › XRReferenceSpaceEventInit › referenceSpace
let refspaceevent = new xrreferencespaceevent("reset", { referencespace: myrefspace, transform: mytransform }); specifications specification status comment webxr device apithe definition of 'xrreferencespaceeventinit.referencespace' in that specification.
XRReferenceSpaceEventInit.transform - Web APIs
Web › API › XRReferenceSpaceEventInit › transform
let refspaceevent = new xrreferencespaceevent("reset", { referencespace: myrefspace, transform: mytransform }); specifications specification status comment webxr device apithe definition of 'xrreferencespaceeventinit.transform' in that specification.
XRReferenceSpaceEventInit - Web APIs
Web › API › XRReferenceSpaceEventInit
let refspaceevent = new xrreferencespaceevent("reset", { referencespace: myrefspace, transform: mytransform }); specifications specification status comment webxr device apithe definition of 'xrreferencespaceeventinit' in that specification.
XRReferenceSpaceType - Web APIs
Web › API › XRReferenceSpaceType
xrreferencespace specifications specification status comment webxr device apithe definition of 'xrreferencespacetype' in that specification.
XRRenderState.inlineVerticalFieldOfView - Web APIs
Web › API › XRRenderState › XRRenderState.inlineVerticalFieldOfView
specifications specification status comment unknownthe definition of 'xrrenderstate.inlineverticalfieldofview' in that specification.
XRRenderState.baseLayer - Web APIs
Web › API › XRRenderState › baseLayer
specifications specification status comment webxr device apithe definition of 'xrrenderstate.baselayer' in that specification.
XRRenderState.depthFar - Web APIs
Web › API › XRRenderState › depthFar
specifications specification status comment unknownthe definition of 'xrrenderstate.depthfar' in that specification.
XRRenderState.depthNear - Web APIs
Web › API › XRRenderState › depthNear
specifications specification status comment unknownthe definition of 'xrrenderstate.depthnear' in that specification.
XRRenderState.inlineVerticalFieldOfView - Web APIs
Web › API › XRRenderState › inlineVerticalFieldOfView
specifications specification status comment webxr device apithe definition of 'xrrenderstate.inlineverticalfieldofview' in that specification.
XRRenderState - Web APIs
Web › API › XRRenderState
specifications specification status comment webxr device apithe definition of 'xrrenderstate' in that specification.
XRRenderStateInit - Web APIs
Web › API › XRRenderStateInit
specifications specification status comment webxr device apithe definition of 'xrrenderstateinit' in that specification.
XRRigidTransform() - Web APIs
Web › API › XRRigidTransform › XRRigidTransform
specifications specification status comment webxr device apithe definition of 'xrrigidtransform()' in that specification.
XRRigidTransform.inverse - Web APIs
Web › API › XRRigidTransform › inverse
specifications specification status comment webxr device apithe definition of 'xrrigidtransform.inverse' in that specification.
XRRigidTransform.matrix - Web APIs
Web › API › XRRigidTransform › matrix
let transform = new xrrigidtransform( {x: 0, y: 0.5, z: 0.5}, {x: 0, y: -0.5, z: -0.5, w: 1}); drawglobject("magic-lamp", transform.matrix); specifications specification status comment webxr device apithe definition of 'xrrigidtransform.matrix' in that specification.
XRRigidTransform.orientation - Web APIs
Web › API › XRRigidTransform › orientation
specifications specification status comment webxr device apithe definition of 'xrrigidtransform.orientation' in that specification.
XRRigidTransform.position - Web APIs
Web › API › XRRigidTransform › position
specifications specification status comment webxr device apithe definition of 'xrrigidtransform.position' in that specification.
XRRigidTransform - Web APIs
Web › API › XRRigidTransform
xrsession.requestreferencespace(refspacetype) .then((refspace) => { xrreferencespace = refspace; xrreferencespace = xrreferencespace.getoffsetreferencespace( new xrrigidtransform(viewerstartposition, cubeorientation)); animationframerequestid = xrsession.requestanimationframe(drawframe); specifications specification status comment webxr device apithe definition of 'xrrigidtransform' in that specification.
XRSession.cancelAnimationFrame() - Web APIs
Web › API › XRSession › cancelAnimationFrame
e frame } async function startxr() { xrsession = xr.requestsession("immersive-vr"); if (xrsession) { stopbutton.onclick = stopxr; requesthandle = xrsession.requestanimationframe(framecallback); } } function pausexr() { if (xrsession && requesthandle) { xrsession.cancelanimationframe(requesthandle); requesthandle = null; } } specifications specification status comment webxr device apithe definition of 'xrsession.cancelanimationframe' in that specification.
XRSession.end() - Web APIs
Web › API › XRSession › end
example specifications specification status comment webxr device apithe definition of 'xrsession.end' in that specification.
XRSession: end event - Web APIs
Web › API › XRSession › end event
n add a handler to your xrsession instance using addeventlistener(), like this: xrsession.addeventlistener("end", function(event) { /* the session has shut down */ }); alternatively, you can use the xrsession.onend event handler property to establish a handler for the end event: xrsession.onend = function(event) { /* the session has shut down */ } specifications specification status comment webxr device apithe definition of 'end event' in that specification.
XRSession.environmentBlendMode - Web APIs
Web › API › XRSession › environmentBlendMode
specifications specification status comment webxr augmented reality modulethe definition of 'xrsession.environmentblendmode' in that specification.
XRSession.inputSources - Web APIs
Web › API › XRSession › inputSources
specifications specification status comment webxr device apithe definition of 'xrsession.inputsources' in that specification.
XRSession: inputsourceschange event - Web APIs
Web › API › XRSession › inputsourceschange event
examples specifications specification status comment webxr device apithe definition of 'inputsourceschange event' in that specification.
XRSession.onend - Web APIs
Web › API › XRSession › onend
}; example xrsession.onend = function(event) { console.log("the xr session has ended") } specifications specification status comment webxr device apithe definition of 'xrsession.onend' in that specification.
XRSession.oninputsourceschange - Web APIs
Web › API › XRSession › oninputsourceschange
} example xrsession.oninputsourceschange = function(event) { console.log("the list of active xr input sources has changed.") } specifications specification status comment webxr device apithe definition of 'xrsession.oninputsourceschange' in that specification.
XRSession.onselect - Web APIs
Web › API › XRSession › onselect
xrsession.onselect = event => { let source = event.inputsource; if (source.handedness == user.handedness) { if (source.targetraymode == "tracked-pointer") { let targetraypose = event.frame.getpose(source.targetrayspace, myrefspace); if (targetraypose) { myhandleselectwithray(targetraypose); } } } }; specifications specification status comment webxr device apithe definition of 'xrsession.onselect' in that specification.
XRSession.onselectend - Web APIs
Web › API › XRSession › onselectend
} example xrsession.onselectend = function(event) { console.log("the user has completed a primary action.") } specifications specification status comment webxr device apithe definition of 'xrsession.onselectend' in that specification.
XRSession.onselectstart - Web APIs
Web › API › XRSession › onselectstart
} example xrsession.onselectstart = function(event) { console.log("the user has started a primary action, but might not have completed it.") } specifications specification status comment webxr device apithe definition of 'xrsession.onselectstart' in that specification.
XRSession.onsqueeze - Web APIs
Web › API › XRSession › onsqueeze
specifications specification status comment webxr device apithe definition of 'xrsession.onsqueeze' in that specification.
XRSession.onsqueezeend - Web APIs
Web › API › XRSession › onsqueezeend
specifications specification status comment webxr device apithe definition of 'xrsession.onsqueezeend' in that specification.
XRSession.onsqueezestart - Web APIs
Web › API › XRSession › onsqueezestart
xrsession.onsqueezestart = event => { if (event.inputsource.handedness == user.handedness) { let targetraypose = event.frame.getpose(event.inputsource.targetrayspace, myrefspace; if (targetraypose) { user.heldobject = findobjectusingray(targetraypose.transform); } } }; specifications specification status comment webxr device apithe definition of 'xrsession.onsqueezestart' in that specification.
XRSession.onvisibilitychange - Web APIs
Web › API › XRSession › onvisibilitychange
} example xrsession.onvisibilitychange = function(event) { console.log("the visibility the xr session changed.") } specifications specification status comment webxr device apithe definition of 'xrsession.onvisibilitychange' in that specification.
XRSession.renderState - Web APIs
Web › API › XRSession › renderState
specifications specification status comment webxr device apithe definition of 'xrsession.renderstate' in that specification.
XRSession.requestAnimationFrame() - Web APIs
Web › API › XRSession › requestAnimationFrame
xrsession.requestanimationframe(onxranimationframe) }) } function onxrsessionended() { xrsession = null } specifications specification status comment webxr device apithe definition of 'xrsession.requestanimationframe' in that specification.
XRSession.requestReferenceSpace() - Web APIs
Web › API › XRSession › requestReferenceSpace
specifications specification status comment webxr device apithe definition of 'requestreferencespace()' in that specification.
XRSession: select event - Web APIs
Web › API › XRSession › select event
r property to a function that handles the event: xrsession.onselect = event => { if (event.inputsource.targetraymode == "tracked-pointer") { let targetraypose = event.frame.getpose(event.inputsource.targetrayspace, myrefspace); if (targetraypose) { myhandleselectwithray(targetraypose.transform); } } }; specifications specification status comment webxr device apithe definition of 'select event' in that specification.
XRSession: selectend event - Web APIs
Web › API › XRSession › selectend event
racking(targetobj, targetraypose.matrix); break; } } you can of course also set up a handler for selectend events by setting the xrsession object's onselectend event handler property to a function that handles the event: xrsession.onselectstart = onselectionevent; xrsession.onselect = onselectionevent; xrsession.onselectend = onselectionevent; specifications specification status comment webxr device apithe definition of 'selectend event' in that specification.
XRSession: selectstart event - Web APIs
Web › API › XRSession › selectstart event
racking(targetobj, targetraypose.matrix); break; } } you can of course also set up a handler for selectend events by setting the xrsession object's onselectend event handler property to a function that handles the event: xrsession.onselectstart = onselectionevent; xrsession.onselect = onselectionevent; xrsession.onselectend = onselectionevent; specifications specification status comment webxr device apithe definition of 'selectstart event' in that specification.
XRSession: squeeze event - Web APIs
Web › API › XRSession › squeeze event
property to a function that handles the event: xrsession.onsqueeze = event => { if (event.inputsource.targetraymode == "tracked-pointer") { let targetraypose = event.frame.getpose(event.inputsource.targetrayspace, myrefspace); if (targetraypose) { myhandlesqueezewithray(targetraypose.transform); } } }; specifications specification status comment webxr device apithe definition of 'squeeze event' in that specification.
XRSession: squeezeend event - Web APIs
Web › API › XRSession › squeezeend event
mystoptracking(targetobj, targetraypose.matrix); break; } } you can of course also set up a handler these events by setting the xrsession object's onsqueezeend event handler property to a function that handles the event: xrsession.onsqueezestart = onsqueezeevent; xrsession.onsqueeze = onsqueezeevent; xrsession.onsqueezeend = onsqueezeevent; specifications specification status comment webxr device apithe definition of 'squeezeend event' in that specification.
XRSession: squeezestart event - Web APIs
Web › API › XRSession › squeezestart event
mystoptracking(targetobj, targetraypose.matrix); break; } } you can of course also set up a handler these events by setting the xrsession object's onsqueezeend event handler property to a function that handles the event: xrsession.onsqueezestart = onsqueezeevent; xrsession.onsqueeze = onsqueezeevent; xrsession.onsqueezeend = onsqueezeevent; specifications specification status comment webxr device apithe definition of 'squeezestart event' in that specification.
XRSession.updateRenderState() - Web APIs
Web › API › XRSession › updateRenderState
function onxrsessionstarted(xrsession) { let glcanvas = document.createelement("canvas"); let gl = glcanvas.getcontext("webgl", { xrcompatible: true }); loadwebglresources(); xrsession.updaterenderstate({ baselayer: new xrwebgllayer(xrsession, gl) }); } specifications specification status comment webxr device apithe definition of 'xrsession.updaterenderstate()' in that specification.
XRSession.visibilityState - Web APIs
Web › API › XRSession › visibilityState
specifications specification status comment webxr device apithe definition of 'xrsession.visibilitystate' in that specification.
XRSession: visibilitychange event - Web APIs
Web › API › XRSession › visibilitychange event
you can also create the event handler by assigning it to the xrsession's onvisibilitychange event handler property, like this: xrsession.onvisibilitychange = (e) => { /* event handled here */ }; specifications specification status comment webxr device apithe definition of 'visibilitychange event' in that specification.
XRSession - Web APIs
Web › API › XRSession
erencespace); gl.bindframebuffer(xrwebgllayer.framebuffer); for (xrview of viewer.views) { let xrviewport = xrwebgllayer.getviewport(xrview); gl.viewport(xrviewport.x, xrviewport.y, xrviewport.width, xrviewport.height); } }); }); }); } else { /* webxr is not available */ } specifications specification status comment webxr device apithe definition of 'xrsession' in that specification.
XRSessionEvent() - Web APIs
Web › API › XRSessionEvent › XRSessionEvent
xrsession.addeventlistener("visibilitystate", e => { switch(e.session.visibilitystate) { case "visible": case "visible-blurred": mysessionvisible(true); break; case "hidden": mysessionvisible(false); break; } }); specifications specification status comment webxr device apithe definition of 'xrsessionevent() constructor' in that specification.
XRSessionEvent.session - Web APIs
Web › API › XRSessionEvent › session
specifications specification status comment webxr device apithe definition of 'xrsessionevent.session' in that specification.
XRSessionEvent - Web APIs
Web › API › XRSessionEvent
xrsession.addeventlistener("visibilitystate", e => { switch(e.session.visibilitystate) { case "visible": case "visible-blurred": mysessionvisible(true); break; case "hidden": mysessionvisible(false); break; } }); specifications specification status comment webxr device apithe definition of 'xrsessionevent' in that specification.
XRSessionEventInit.session - Web APIs
Web › API › XRSessionEventInit › session
specifications specification status comment webxr device apithe definition of 'xrsessioneventinit.session' in that specification.
XRSessionEventInit - Web APIs
Web › API › XRSessionEventInit
examples <tbd> specifications specification status comment webxr device apithe definition of 'xrsessioneventinit' in that specification.
XRSessionMode - Web APIs
Web › API › XRSessionMode
specifications specification status comment webxr device apithe definition of 'xrsessionmode' in that specification.
XRSpace - Web APIs
Web › API › XRSpace
specifications specification status comment webxr device apithe definition of 'xrspace' in that specification.
XRSystem: devicechange event - Web APIs
Web › API › XRSystem › devicechange event
*/ }; } specifications specification status comment webxr device apithe definition of 'devicechange event' in that specification.
XRSystem: isSessionSupported() - Web APIs
Web › API › XRSystem › isSessionSupported
xrsession.end(); } } specifications specification status comment webxr device apithe definition of 'issessionsupported()' in that specification.
XRSystem: ondevicechange - Web APIs
Web › API › XRSystem › ondevicechange
}; value undefined example navigator.xr.ondevicechange = function(ev) { console.log("the availability of immersive xr devices has changed.") }; specifications specification status comment webxr device apithe definition of 'ondevicechange ' in that specification.
XRSystem: requestSession() - Web APIs
Web › API › XRSystem › requestSession
xrsession.end().then(() => xrsession = null); } } specifications specification status comment webxr device apithe definition of 'requestsession()' in that specification.
XRSystem - Web APIs
Web › API › XRSystem
specifications specification status comment webxr device apithe definition of 'xr' in that specification.
XRTargetRayMode - Web APIs
Web › API › XRTargetRayMode
specifications specification status comment webxr device apithe definition of 'xrtargetraymode' in that specification.
XRView.eye - Web APIs
Web › API › XRView › eye
specifications specification status comment webxr device apithe definition of 'xrview.eye' in that specification.
XRView.projectionMatrix - Web APIs
Web › API › XRView › projectionMatrix
examples specifications specification status comment webxr device apithe definition of 'xrview.projectionmatrix' in that specification.
XRView.transform - Web APIs
Web › API › XRView › transform
<<<--- finish and add link --->>> specifications specification status comment webxr device apithe definition of 'xrview.transform' in that specification.
XRView - Web APIs
Web › API › XRView
specifications specification status comment webxr device apithe definition of 'xrview' in that specification.
XRViewerPose.views - Web APIs
Web › API › XRViewerPose › views
specifications specification status comment webxr device apithe definition of 'xrviewerpose.views' in that specification.
XRViewerPose - Web APIs
Web › API › XRViewerPose
specifications specification status comment webxr device apithe definition of 'xrviewerpose' in that specification.
XRViewport.height - Web APIs
Web › API › XRViewport › height
specifications specification status comment webxr device apithe definition of 'xrviewport.height' in that specification.
XRViewport.width - Web APIs
Web › API › XRViewport › width
specifications specification status comment webxr device apithe definition of 'xrviewport.width' in that specification.
XRViewport.x - Web APIs
Web › API › XRViewport › x
specifications specification status comment webxr device apithe definition of 'xrviewport.x' in that specification.
XRViewport.y - Web APIs
Web › API › XRViewport › y
specifications specification status comment webxr device apithe definition of 'xrviewport.y' in that specification.
XRViewport - Web APIs
Web › API › XRViewport
rame.getviewerpose(xrreferencespace); gl.bindframebuffer(xrwebgllayer.framebuffer); for (xrview of viewerpose.views) { let xrviewport = xrwebgllayer.getviewport(xrview); gl.viewport(xrviewport.x, xrviewport.y, xrviewport.width, xrviewport.height); // now we can use webgl to draw into a viewport matching // the viewer's needs } }); specifications specification status comment webxr device apithe definition of 'xrviewport' in that specification.
XRVisibilityState - Web APIs
Web › API › XRVisibilityState
specifications specification status comment webxr device apithe definition of 'xrvisibilitystate' in that specification.
XRWebGLLayer() - Web APIs
Web › API › XRWebGLLayer › XRWebGLLayer
specifications specification status comment webxr device apithe definition of 'xrwebgllayer()' in that specification.
XRWebGLLayer.antialias - Web APIs
Web › API › XRWebGLLayer › antialias
*/ if (!gllayer.antialias) { /* compensate for lack of antialiasing */ } specifications specification status comment webxr device apithe definition of 'xrwebgllayer.antialias' in that specification.
XRWebGLLayer.framebufferHeight - Web APIs
Web › API › XRWebGLLayer › framebufferHeight
let gllayer = xrsession.renderstate.baselayer; gl.bindframebuffer(gl.framebuffer, gllayer.framebuffer); framewidth = gllayer.framebufferheight; frameheight = gllayer.framebufferheight; specifications specification status comment webxr device apithe definition of 'xrwebgllayer.framebufferheight' in that specification.
XRWebGLLayer.framebufferWidth - Web APIs
Web › API › XRWebGLLayer › framebufferWidth
let gllayer = xrsession.renderstate.baselayer; gl.bindframebuffer(gl.framebuffer, gllayer.framebuffer); framewidth = gllayer.framebufferwidth; frameheight = gllayer.framebufferheight; specifications specification status comment webxr device apithe definition of 'xrwebgllayer.framebufferwidth' in that specification.
XRWebGLLayer.getNativeFramebufferScaleFactor() static method - Web APIs
Web › API › XRWebGLLayer › getNativeFramebufferScaleFactor
specifications specification status comment webxr device apithe definition of 'static xrwebgllayer.getnativeframebufferscalefactor()' in that specification.
XRWebGLLayer.getViewport() - Web APIs
Web › API › XRWebGLLayer › getViewport
ffer(gl.framebuffer, gllayer.framebuffer); gl.clearcolor(0, 0, 0, 1.0); gl.cleardepth(1.0); gl.clear(gl.color_buffer_bit, gl.depth_color_bit); for (let view of pose.views) { let viewport = gllayer.getviewport(view); gl.viewport(viewport.x, viewport.y, viewport.width, viewport.height); /* render the scene now */ } } specifications specification status comment webxr device apithe definition of 'xrwebgllayer.getviewport()' in that specification.
XRWebGLLayer.ignoreDepthValues - Web APIs
Web › API › XRWebGLLayer › ignoreDepthValues
this is demonstrated in the snippet of code below: const gllayeroptions = { ignoredepthvalues: true }; let gllayer = new xrwebgllayer(xrsession, gl, gllayeroptions); specifications specification status comment webxr device apithe definition of 'xrwebgllayer.ignoredepthvalues' in that specification.
XRWebGLLayer - Web APIs
Web › API › XRWebGLLayer
pose = xrframe.getviewerpose(xrreferencespace); if (pose) { let gllayer = xrsession.renderstate.baselayer; gl.bindframebuffer(gl.framebuffer, gllayer.framebffer); for (let view of pose.views) { let viewport = gllayer.getviewport(view); gl.viewport(viewport.x, viewport.y, viewport.width, viewport.height); /* render the view */ } } specifications specification status comment webxr device apithe definition of 'xrwebgllayer' in that specification.
XRWebGLLayerInit.alpha - Web APIs
Web › API › XRWebGLLayerInit › alpha
xrsession.updaterenderstate({ baselayer: new xrwebgllayer(xrsession, gl, { alpha: false }); }); specifications specification status comment webxr device apithe definition of 'xrwebgllayerinit.alpha' in that specification.
XRWebGLLayerInit.antialias - Web APIs
Web › API › XRWebGLLayerInit › antialias
specifications specification status comment webxr device apithe definition of 'xrwebgllayerinit.antialias' in that specification.
XRWebGLLayerInit.depth - Web APIs
Web › API › XRWebGLLayerInit › depth
xrsession.updaterenderstate({ baselayer: new xrwebgllayer(xrsession, gl, { depth: false }); }); specifications specification status comment webxr device apithe definition of 'xrwebgllayerinit.depth' in that specification.
XRWebGLLayerInit.framebufferScaleFactor - Web APIs
Web › API › XRWebGLLayerInit › framebufferScaleFactor
xrsession.updaterenderstate({ baselayer: new xrwebgllayer(xrsession, gl, { framebufferscalefactor: 0.5 }); }); specifications specification status comment webxr device apithe definition of 'xrwebgllayerinit.framebufferscalefactor' in that specification.
XRWebGLLayerInit.ignoreDepthValues - Web APIs
Web › API › XRWebGLLayerInit › ignoreDepthValues
xrsession.updaterenderstate({ baselayer: new xrwebgllayer(xrsession, gl, { alpha: false, ignoredepthvalues: true }); }); specifications specification status comment webxr device apithe definition of 'xrwebgllayerinit.ignoredepthvalues' in that specification.
XRWebGLLayerInit.stencil - Web APIs
Web › API › XRWebGLLayerInit › stencil
xrsession.updaterenderstate({ baselayer: new xrwebgllayer(xrsession, gl, { stencil: false }); }); specifications specification status comment webxr device apithe definition of 'xrwebgllayerinit.stencil' in that specification.
XRWebGLLayerInit - Web APIs
Web › API › XRWebGLLayerInit
const layeroptions = { ignoredepthvalues: true }; xrsession.updaterenderstate({ baselayer: new xrwebgllayer(xrsession, gl, layeroptions); }); specifications specification status comment webxr device apithe definition of 'xrwebgllayerinit' in that specification.
Using ARIA: Roles, states, and properties - Accessibility
Web › Accessibility › ARIA › ARIA Techniques
nt structure roles application article cell columnheader definition directory document feed figure group heading img list listitem math none note presentation row rowgroup rowheader separator table term textbox toolbar tooltip landmark roles banner complementary contentinfo form main navigation region search live region roles alert log marquee status timer window roles alertdialog dialog states and properties widget attributes aria-autocomplete aria-checked aria-current aria-disabled aria-errormessage aria-expanded aria-haspopup aria-hidden aria-invalid aria-label aria-level aria-modal aria-multiline aria-multiselectable aria-orientation aria-placeholder aria-pressed aria-readonly aria-required aria-selecte...
ARIA: tabpanel role - Accessibility
Web › Accessibility › ARIA › Roles › ARIA: tabpanel role
specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'tabpanel' in that specification.
ARIA: timer role - Accessibility
Web › Accessibility › ARIA › Roles › ARIA timer role
<div id="clock" role="timer" aria-live="polite" aria-atomic="true"></div> accessibility concerns improperly using the timer role can unintentionally xxx specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'timer' in that specification.
ARIA: alert role - Accessibility
Web › Accessibility › ARIA › Roles › Alert Role
specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'alert' in that specification.
ARIA: article role - Accessibility
Web › Accessibility › ARIA › Roles › Article Role
examples the restaurant recommendations feed display along with its separate documentation from the wai-aria 1.1 authoring practices feed design pattern specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'article' in that specification.
ARIA: banner role - Accessibility
Web › Accessibility › ARIA › Roles › Banner Role
specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria: banner role' in that specification.
ARIA: cell role - Accessibility
Web › Accessibility › ARIA › Roles › Cell Role
added benefits none specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria cell role' in that specification.
ARIA: Complementary role - Accessibility
Web › Accessibility › ARIA › Roles › Complementary role
landmarks browser extension specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria: complementary role' in that specification.
ARIA: contentinfo role - Accessibility
Web › Accessibility › ARIA › Roles › Contentinfo role
landmarks browser extension specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'contentinfo landmark role' in that specification.
ARIA: document role - Accessibility
Web › Accessibility › ARIA › Roles › Document Role
specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'document' in that specification.
ARIA: feed role - Accessibility
Web › Accessibility › ARIA › Roles › Feed Role
examples example implementation of feed pattern specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'feed' in that specification.
ARIA: figure role - Accessibility
Web › Accessibility › ARIA › Roles › Figure Role
written as follows: <figure> <img src="diagram.png" alt="diagram showing the four layers of awesome and their relative priority order — music, cats, nature, and ice cream"> <pre><code> let awesome = ['music', 'cats', 'nature', 'ice cream']; </code></pre> <figcaption>figure 1: the four layers of awesome.</figcaption> </figure> specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'figure' in that specification.
ARIA: form role - Accessibility
Web › Accessibility › ARIA › Roles › Form Role
landmarks browser extension specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria form role' in that specification.
ARIA: grid role - Accessibility
Web › Accessibility › ARIA › Roles › Grid Role
specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'role grid' in that specification.
ARIA: List role - Accessibility
Web › Accessibility › ARIA › Roles › List role
specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'list' in that specification.
ARIA: Listitem role - Accessibility
Web › Accessibility › ARIA › Roles › Listitem role
specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'listitem' in that specification.
ARIA: Main role - Accessibility
Web › Accessibility › ARIA › Roles › Main role
landmarks browser extension specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria navigtion role' in that specification.
ARIA: Navigation Role - Accessibility
Web › Accessibility › ARIA › Roles › Navigation Role
landmarks browser extension specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria navigtion role' in that specification.
ARIA: Region role - Accessibility
Web › Accessibility › ARIA › Roles › Region role
landmarks browser extension specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria region role' in that specification.
ARIA: img role - Accessibility
Web › Accessibility › ARIA › Roles › Role Img
an aria-label attribute keyboard interactions required javascript features examples star rating role="img" example specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'img' in that specification.
ARIA: rowgroup role - Accessibility
Web › Accessibility › ARIA › Roles › Rowgroup Role
added benefits none specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria rowgroup role' in that specification.
ARIA: search role - Accessibility
Web › Accessibility › ARIA › Roles › Search role
landmarks browser extension specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria search role' in that specification.
ARIA: switch role - Accessibility
Web › Accessibility › ARIA › Roles › Switch role
result the result looks like this: specifications specification status comment accessible rich internet applications (wai-aria) 1.1 recommendation defines aria in general along with all roles, properties, and so forth.
ARIA: tab role - Accessibility
Web › Accessibility › ARIA › Roles › Tab Role
specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'tab' in that specification.
ARIA: table role - Accessibility
Web › Accessibility › ARIA › Roles › Table Role
added benefits none specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria table role' in that specification.
ARIA: button role - Accessibility
Web › Accessibility › ARIA › Roles › button role
specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'button' in that specification.
ARIA: checkbox role - Accessibility
Web › Accessibility › ARIA › Roles › checkbox role
cked to the sighted user onkeypress handle the case where the user presses the space key to change the state of the checkbox by changing the value of the aria-checked attribute and the appearance of the checkbox so it appears checked or unchecked to the sighted user examples the following example creates a simple checkbox element using css and javascript to handle the checked or unchecked status of the element.
ARIA: dialog role - Accessibility
Web › Accessibility › ARIA › Roles › dialog role
specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'alert' in that specification.
ARIA: heading role - Accessibility
Web › Accessibility › ARIA › Roles › heading role
specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'heading' in that specification.
ARIA: listbox role - Accessibility
Web › Accessibility › ARIA › Roles › listbox role
specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria listbox role' in that specification.
WAI-ARIA Roles - Accessibility
Web › Accessibility › ARIA › Roles
ectory feed gridcell (eric e) group input landmark link - old page listbox log - old page marquee math menu menubar menuitem menuitemcheckbox menuitemradio none note option presentation progressbar - old page radio - old page radiogroup range region roletype rowheader(estelle) scrollbar searchbox section sectionhead select separator slider - old page spinbutton status - old page structure tab tablist (michiel) tabpanel (michiel) term timer toolbar tooltip tree treegrid treeitem widget window ...
An overview of accessible web applications and widgets - Accessibility
Web › Accessibility › An overview of accessible web applications and widgets
note that there is no custom classname used, only the status of the aria-hidden attribute on line 1.
Accessibility documentation index - Accessibility
Web › Accessibility › Index
38 using the status role aria, accessibility, needscontent this technique demonstrates how to use the status role and describes the effect it has on browsers and assistive technology.
Accessibility Information for Web Authors - Accessibility
Web › Accessibility › Information for Web authors
its accessibility report is viewable in the view source window (view > source code ctrl+u or right-click on the status bar).
Keyboard-navigable JavaScript widgets - Accessibility
Web › Accessibility › Keyboard-navigable JavaScript widgets
if you want to track the focus status, you can use the document.activeelement to get the active element.
Custom properties (--*): CSS variables - CSS: Cascading Style Sheets
Web › CSS › --*
--second-color: #ffff8c; } #firstparagraph { background-color: var(--first-color); color: var(--second-color); } #secondparagraph { background-color: var(--second-color); color: var(--first-color); } #container { --first-color: #48ff32; } #thirdparagraph { background-color: var(--first-color); color: var(--second-color); } result specifications specification status comment css custom properties for cascading variables module level 1the definition of '--*' in that specification.
-webkit-line-clamp - CSS: Cascading Style Sheets
Web › CSS › -webkit-line-clamp
</p> css p { width: 300px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } result specifications specification status comment css overflow module level 3the definition of '-webkit-line-clamp' in that specification.
-webkit-text-fill-color - CSS: Cascading Style Sheets
Web › CSS › -webkit-text-fill-color
)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples changing the fill color css p { margin: 0; font-size: 3em; -webkit-text-fill-color: green; } html <p>this text is green.</p> results specifications specification status comment compatibility standardthe definition of '-webkit-text-fill-color' in that specification.
-webkit-text-stroke-color - CSS: Cascading Style Sheets
Web › CSS › -webkit-text-stroke-color
argin: 0; font-size: 4em; -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: #ff0000; /* can be changed in the live sample */ } javascript var colorpicker = document.queryselector("input"); colorpicker.addeventlistener("change", function(evt) { document.queryselector("p").style.webkittextstrokecolor = evt.target.value; }); results specifications specification status comment compatibility standardthe definition of '-webkit-text-stroke-color' in that specification.
-webkit-text-stroke-width - CSS: Cascading Style Sheets
Web › CSS › -webkit-text-stroke-width
es varying stroke widths css p { margin: 0; font-size: 4em; -webkit-text-stroke-color: red; } #thin { -webkit-text-stroke-width: thin; } #medium { -webkit-text-stroke-width: 3px; } #thick { -webkit-text-stroke-width: 1.5mm; } html <p id="thin">thin stroke</p> <p id="medium">medium stroke</p> <p id="thick">thick stroke</p> results specifications specification status comment compatibility standardthe definition of '-webkit-text-stroke-width' in that specification.
-webkit-text-stroke - CSS: Cascading Style Sheets
Web › CSS › -webkit-text-stroke
)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples adding a red text stroke html <p id="example">the stroke of this text is red.</p> css #example { font-size: 3em; margin: 0; -webkit-text-stroke: 2px red; } result specifications specification status comment compatibility standardthe definition of '-webkit-text-stroke' in that specification.
:-moz-ui-invalid - CSS: Cascading Style Sheets
Web › CSS › :-moz-ui-invalid
specifications specification status comment selectors level 4the definition of ':user-invalid' in that specification.
::after (:after) - CSS: Cascading Style Sheets
Web › CSS › ::after
ne; color: #00f; cursor: help; } span[data-descr]:hover::after, span[data-descr]:focus::after { content: attr(data-descr); position: absolute; left: 0; top: 24px; min-width: 200px; border: 1px #aaaaaa solid; border-radius: 10px; background-color: #ffffcc; padding: 12px; color: #000000; font-size: 14px; z-index: 1; } result specifications specification status comment css pseudo-elements level 4the definition of '::after' in that specification.
::backdrop - CSS: Cascading Style Sheets
Web › CSS › ::backdrop
specifications specification status comment fullscreen apithe definition of '::backdrop' in that specification.
::before (:before) - CSS: Cascading Style Sheets
Web › CSS › ::before
pancake loses its gloss</li> <li>flip it over and fry for a couple more minutes</li> <li>serve with your favorite topping</li> </ol> css li { padding:0.5em; } li[aria-current='step'] { font-weight:bold; } li[aria-current='step']::after { content: " \21e6"; /* hexadecimal for unicode leftwards white arrow*/ display: inline; } result specifications specification status comment css pseudo-elements level 4the definition of '::before' in that specification.
::cue-region - CSS: Cascading Style Sheets
Web › CSS › ::cue-region
e color font font-family font-size font-stretch font-style font-variant font-weight line-height opacity outline outline-color outline-style outline-width ruby-position text-combine-upright text-decoration text-decoration-color text-decoration-line text-decoration-style text-decoration-thickness text-shadow visibility white-space specifications specification status comment webvtt: the web video text tracks formatthe definition of 'the ::cue-region pseudo-element' in that specification.
::cue - CSS: Cascading Style Sheets
Web › CSS › ::cue
::cue { color: #fff; background-color: rgba(0, 0, 0, 0.6); } specifications specification status comment webvtt: the web video text tracks formatthe definition of '::cue' in that specification.
::first-letter (:first-letter) - CSS: Cascading Style Sheets
Web › CSS › ::first-letter
nning of a special punctuation mark.</p> <p>*the beginning of a special punctuation mark.</p> <p>#the beginning of a special punctuation mark.</p> <p>「特殊的汉字标点符号开头。</p> <p>《特殊的汉字标点符号开头。</p> <p>“特殊的汉字标点符号开头。</p> css p::first-letter { color: red; font-size: 150%; } result specifications specification status comment css pseudo-elements level 4the definition of '::first-letter' in that specification.
::first-line (:first-line) - CSS: Cascading Style Sheets
Web › CSS › ::first-line
what i mean?</p> <span>the first line of this text will not receive special styling because it is not a block-level element.</span> css ::first-line { color: blue; text-transform: uppercase; /* warning: do not use these */ /* many properties are invalid in ::first-line pseudo-elements */ margin-left: 20px; text-indent: 20px; } result specifications specification status comment css pseudo-elements level 4the definition of '::first-line' in that specification.
::grammar-error - CSS: Cascading Style Sheets
Web › CSS › ::grammar-error
html <p>my friends is coming to the party tonight.</p> css ::grammar-error { text-decoration: underline red; color: red; } result specifications specification status comment css pseudo-elements level 4the definition of '::grammar-error' in that specification.
::marker - CSS: Cascading Style Sheets
Web › CSS › ::marker
syntax ::marker examples html <ul> <li>peaches</li> <li>apples</li> <li>plums</li> </ul> css ul li::marker { color: red; font-size: 1.5em; } result specifications specification status comment css pseudo-elements level 4the definition of '::marker' in that specification.
::part() - CSS: Cascading Style Sheets
Web › CSS › ::part
ve) { color: #0060df; border-color: #0a84ff !important; } javascript let template = document.queryselector("#tabbed-custom-element"); globalthis.customelements.define(template.id, class extends htmlelement { constructor() { super(); this.attachshadow({ mode: "open" }); this.shadowroot.appendchild(template.content); } }); result specifications specification status comment shadow partsthe definition of '::part' in that specification.
::placeholder - CSS: Cascading Style Sheets
Web › CSS › ::placeholder
nts placeholders in form fields are harmful — nielsen norman group examples red text html <input placeholder="type something here!"> css input::placeholder { color: red; font-size: 1.2em; font-style: italic; } result green text html <input placeholder="type something here..."> css input::placeholder { color: green; } result specifications specification status comment css pseudo-elements level 4the definition of '::placeholder' in that specification.
::selection - CSS: Cascading Style Sheets
Web › CSS › ::selection
(wcag defines large text as between 18.66px and 24px and bold, or 24px or larger.) webaim: color contrast checker mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.3 | w3c understanding wcag 2.0 specifications specification status comment css pseudo-elements level 4the definition of '::selection' in that specification.
::slotted() - CSS: Cascading Style Sheets
Web › CSS › ::slotted
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.
::spelling-error - CSS: Cascading Style Sheets
Web › CSS › ::spelling-error
html <p contenteditable spellcheck="true">my friends are coegdfgfddffbgning to the party tonight.</p> css ::spelling-error { text-decoration: wavy red; } result specifications specification status comment css pseudo-elements level 4the definition of '::spelling-error' in that specification.
:active - CSS: Cascading Style Sheets
Web › CSS › :active
or: red; } /* active links */ p:active { background: #eee; } /* active paragraphs */ result active form elements html <form> <label for="my-button">my button: </label> <button id="my-button" type="button">try clicking me or my label!</button> </form> css form :active { color: red; } form button { background: white; } result specifications specification status comment html living standardthe definition of ':active' in that specification.
:any-link - CSS: Cascading Style Sheets
Web › CSS › :any-link
{ color: green; } syntax :any-link examples html <a href="https://example.com">external link</a><br> <a href="#">internal target link</a><br> <a>placeholder link (won't get styled)</a> css a:any-link { border: 1px solid blue; color: orange; } /* webkit browsers */ a:-webkit-any-link { border: 1px solid blue; color: orange; } result specifications specification status comment selectors level 4the definition of ':any-link' in that specification.
:blank - CSS: Cascading Style Sheets
Web › CSS › :blank
html <textarea></textarea> css textarea:blank { border: 3px solid red; } result specifications specification status comment selectors level 4the definition of ':blank' in that specification.
:checked - CSS: Cascading Style Sheets
Web › CSS › :checked
specifications specification status comment html living standardthe definition of ':checked' in that specification.
:default - CSS: Cascading Style Sheets
Web › CSS › :default
eason" id="summer" checked> <label for="summer">summer</label> <input type="radio" name="season" id="fall"> <label for="fall">fall</label> <input type="radio" name="season" id="winter"> <label for="winter">winter</label> </fieldset> css input:default { box-shadow: 0 0 2px 1px coral; } input:default + label { color: coral; } result specifications specification status comment html living standardthe definition of ':default' in that specification.
:defined - CSS: Cascading Style Sheets
Web › CSS › :defined
elements: simple-custom:not(:defined) { display: none; } simple-custom:defined { display: block; } this is useful if you have a complex custom element that takes a while to load into the page — you might want to hide instances of the element until definition is complete, so that you don't end up with flashes of ugly unstyled elements on the page specifications specification status comment html living standardthe definition of ':defined' in that specification.
:dir() - CSS: Cascading Style Sheets
Web › CSS › :dir
formal syntax :dir( ltr | rtl ) examples html <div dir="rtl"> <span>test1</span> <div dir="ltr">test2 <div dir="auto">עִבְרִית</div> </div> </div> css :dir(ltr) { background-color: yellow; } :dir(rtl) { background-color: powderblue; } result specifications specification status comment html living standardthe definition of ':dir(ltr)' in that specification.
:disabled - CSS: Cascading Style Sheets
Web › CSS › :disabled
ing-checkbox').onchange = togglebilling; }, false); function togglebilling() { // select the billing text fields var billingitems = document.queryselectorall('#billing input[type="text"]'); // toggle the billing text fields for (var i = 0; i < billingitems.length; i++) { billingitems[i].disabled = !billingitems[i].disabled; } } result specifications specification status comment html living standardthe definition of ':disabled' in that specification.
:empty - CSS: Cascading Style Sheets
Web › CSS › :empty
| the paciello group hidden content for better a11y | go make things mdn understanding wcag, guideline 2.4 explanations understanding success criterion 2.4.4 | w3c understanding wcag 2.0 specifications specification status comment selectors level 4the definition of 'the :empty pseudo-class' in that specification.
:enabled - CSS: Cascading Style Sheets
Web › CSS › :enabled
irst field (enabled):</label> <input type="text" id="firstfield" value="lorem"><br> <label for="secondfield">second field (disabled):</label> <input type="text" id="secondfield" value="ipsum" disabled="disabled"><br> <input type="button" value="submit"> </form> css input:enabled { color: #2b2; } input:disabled { color: #aaa; } result specifications specification status comment html living standardthe definition of ':enabled' in that specification.
:first-child - CSS: Cascading Style Sheets
Web › CSS › :first-child
ld { color: lime; background-color: black; padding: 5px; } result styling a list html <ul> <li>item 1</li> <li>item 2</li> <li>item 3 <ul> <li>item 3.1</li> <li>item 3.2</li> <li>item 3.3</li> </ul> </li> </ul> css ul li { color: blue; } ul li:first-child { color: red; font-weight: bold; } result specifications specification status comment selectors level 4the definition of ':first-child' in that specification.
:first-of-type - CSS: Cascading Style Sheets
Web › CSS › :first-of-type
!</div> <div>this <span>nested `span` is first</span>!</div> <div>this <em>nested `em` is first</em>, but this <em>nested `em` is last</em>!</div> <div>this <span>nested `span` gets styled</span>!</div> <b>this `b` qualifies!</b> <div>this is the final `div`.</div> </article> css article :first-of-type { background-color: pink; } result specifications specification status comment selectors level 4the definition of ':first-of-type' in that specification.
:first - CSS: Cascading Style Sheets
Web › CSS › :first
specifications specification status comment css paged media module level 3the definition of ':first' in that specification.
:focus-visible - CSS: Cascading Style Sheets
Web › CSS › :focus-visible
specifications specification status comment selectors level 4the definition of ':focus-visible' in that specification.
:focus-within - CSS: Cascading Style Sheets
Web › CSS › :focus-within
<form> <label for="given_name">given name:</label> <input id="given_name" type="text"> <br> <label for="family_name">family name:</label> <input id="family_name" type="text"> </form> css form { border: 1px solid; color: gray; padding: 4px; } form:focus-within { background: #ff8; color: black; } input { margin: 4px; } result specifications specification status comment selectors level 4the definition of ':focus-within' in that specification.
:focus - CSS: Cascading Style Sheets
Web › CSS › :focus
quick tip: never remove css outlines specifications specification status comment html living standardthe definition of ':focus' in that specification.
:fullscreen - CSS: Cascading Style Sheets
Web › CSS › :fullscreen
#fs-toggle:fullscreen { background-color: #faa; } specifications specification status comment fullscreen apithe definition of ':fullscreen' in that specification.
:has() - CSS: Cascading Style Sheets
Web › CSS › :has
examples matching <a> elements that directly contain an <img> the following selector matches only <a> elements that directly contain an <img> child: a:has(> img) matching <h1> elements that are followed by a <p> the following selector matches <h1> elements only if they have a <p> element directly following them: h1:has(+ p) specifications specification status comment selectors level 4the definition of ':has()' in that specification.
:host() - CSS: Cascading Style Sheets
Web › CSS › :host()
specifications specification status comment css scoping module level 1the definition of ':host()' in that specification.
:host-context() - CSS: Cascading Style Sheets
Web › CSS › :host-context()
specifications specification status comment css scoping module level 1the definition of ':host-context()' in that specification.
:host - CSS: Cascading Style Sheets
Web › CSS › :host
specifications specification status comment css scoping module level 1the definition of ':host' in that specification.
:in-range - CSS: Cascading Style Sheets
Web › CSS › :in-range
none; margin-bottom: 1em; } input { border: 1px solid black; } input:in-range { background-color: rgba(0, 255, 0, 0.25); } input:out-of-range { background-color: rgba(255, 0, 0, 0.25); border: 2px solid red; } input:in-range + label::after { content: 'okay.'; } input:out-of-range + label::after { content: 'out of range!'; } result specifications specification status comment html living standardthe definition of ':in-range' in that specification.
:indeterminate - CSS: Cascading Style Sheets
Web › CSS › :indeterminate
{ background: lime; } javascript var inputs = document.getelementsbytagname("input"); for (var i = 0; i < inputs.length; i++) { inputs[i].indeterminate = true; } progress bar html <progress> css progress { margin: 4px; } progress:indeterminate { opacity: 0.5; background-color: lightgray; box-shadow: 0 0 2px 1px red; } result specifications specification status comment html living standardthe definition of ':indeterminate' in that specification.
:invalid - CSS: Cascading Style Sheets
Web › CSS › :invalid
specifications specification status comment html living standardthe definition of ':invalid' in that specification.
:is() (:matches(), :any()) - CSS: Cascading Style Sheets
Web › CSS › :is
specifications specification status comment selectors level 4the definition of ':is()' in that specification.
:lang() - CSS: Cascading Style Sheets
Web › CSS › :lang
/q> quote inside.</q></div> <div lang="fr"><q>this french quote has a <q>nested</q> quote inside.</q></div> <div lang="de"><q>this german quote has a <q>nested</q> quote inside.</q></div> css :lang(en) > q { quotes: '\201c' '\201d' '\2018' '\2019'; } :lang(fr) > q { quotes: '« ' ' »'; } :lang(de) > q { quotes: '»' '«' '\2039' '\203a'; } result specifications specification status comment selectors level 4the definition of ':lang()' in that specification.
:last-child - CSS: Cascading Style Sheets
Web › CSS › :last-child
{ color: lime; background-color: black; padding: 5px; } result styling a list html <ul> <li>item 1</li> <li>item 2</li> <li>item 3 <ul> <li>item 3.1</li> <li>item 3.2</li> <li>item 3.3</li> </ul> </li> </ul> css ul li { color: blue; } ul li:last-child { border: 1px solid red; color: red; } result specifications specification status comment selectors level 4the definition of ':last-child' in that specification.
:last-of-type - CSS: Cascading Style Sheets
Web › CSS › :last-of-type
html <article> <div>this `div` is first.</div> <div>this <span>nested `span` is last</span>!</div> <div>this <em>nested `em` is first</em>, but this <em>nested `em` is last</em>!</div> <b>this `b` qualifies!</b> <div>this is the final `div`!</div> </article> css article :last-of-type { background-color: pink; } result specifications specification status comment selectors level 4the definition of ':last-of-type' in that specification.
:left - CSS: Cascading Style Sheets
Web › CSS › :left
syntax :left examples setting a margin for left-hand pages @page :left { margin: 2in 3in; } specifications specification status comment css paged media module level 3the definition of ':left' in that specification.
:link - CSS: Cascading Style Sheets
Web › CSS › :link
html <a href="#ordinary-target">this is an ordinary link.</a><br> <a href="">you've already visited this link.</a><br> <a>placeholder link (won't get styled)</a> css a:link { background-color: gold; color: green; } result specifications specification status comment html living standardthe definition of ':link' in that specification.
:not() - CSS: Cascading Style Sheets
Web › CSS › :not
*/ body :not(.crazy, .fancy) { font-family: sans-serif; } result specifications specification status comment selectors level 4the definition of ':not()' in that specification.
:nth-child() - CSS: Cascading Style Sheets
Web › CSS › :nth-child
/span> <span>span!</span> <span>span</span> <span>span!</span> </div> css html { font-family: sans-serif; } span, div em { padding: 5px; border: 1px solid green; display: inline-block; margin-bottom: 3px; } .first span:nth-child(2n+1), .second span:nth-child(2n+1), .third span:nth-of-type(2n+1) { background-color: lime; } result specifications specification status comment selectors level 4the definition of ':nth-child' in that specification.
:nth-last-child() - CSS: Cascading Style Sheets
Web › CSS › :nth-last-child
html <h4>a list of four items (styled):</h4> <ol> <li>one</li> <li>two</li> <li>three</li> <li>four</li> </ol> <h4>a list of two items (unstyled):</h4> <ol> <li>one</li> <li>two</li> </ol> css /* if there are at least three list items, style them all */ li:nth-last-child(n+3), li:nth-last-child(n+3) ~ li { color: red; } result specifications specification status comment selectors level 4the definition of ':nth-last-child' in that specification.
:nth-last-of-type() - CSS: Cascading Style Sheets
Web › CSS › :nth-last-of-type
th> = <an-plus-b> | even | odd examples html <div> <span>this is a span.</span> <span>this is another span.</span> <em>this is emphasized.</em> <span>wow, this span gets limed!!!</span> <strike>this is struck through.</strike> <span>here is one last span.</span> </div> css span:nth-last-of-type(2) { background-color: lime; } result specifications specification status comment selectors level 4the definition of ':nth-last-of-type' in that specification.
:nth-of-type() - CSS: Cascading Style Sheets
Web › CSS › :nth-of-type
p> </div> css /* odd paragraphs */ p:nth-of-type(2n+1) { color: red; } /* even paragraphs */ p:nth-of-type(2n) { color: blue; } /* first paragraph */ p:nth-of-type(1) { font-weight: bold; } /* this has no effect, as the .fancy class is only on the 4th p element, not the 1st */ p.fancy:nth-of-type(1) { text-decoration: underline; } result specifications specification status comment selectors level 4the definition of ':nth-of-type' in that specification.
:only-child - CSS: Cascading Style Sheets
Web › CSS › :only-child
<li>this list has just one element.</li> </ul> </li> <li>second <ul> <li>this list has three elements.</li> <li>this list has three elements.</li> <li>this list has three elements.</li> </ul> </li> </ol> css li li { list-style-type: disc; } li:only-child { color: red; list-style-type: square; } result specifications specification status comment selectors level 4the definition of ':only-child' in that specification.
:only-of-type - CSS: Cascading Style Sheets
Web › CSS › :only-of-type
<i>i am the only `i` child.</i> <em>i am `em` #1.</em> <em>i am `em` #2.</em> </div> </main> css main :only-of-type { color: red; } result specifications specification status comment selectors level 4the definition of ':only-of-type' in that specification.
:optional - CSS: Cascading Style Sheets
Web › CSS › :optional
mdn understanding wcag, guideline 3.3 explanations understanding success criterion 3.3.2 | w3c understanding wcag 2.0 specifications specification status comment html living standardthe definition of ':optional' in that specification.
:out-of-range - CSS: Cascading Style Sheets
Web › CSS › :out-of-range
none; margin-bottom: 1em; } input { border: 1px solid black; } input:in-range { background-color: rgba(0, 255, 0, 0.25); } input:out-of-range { background-color: rgba(255, 0, 0, 0.25); border: 2px solid red; } input:in-range + label::after { content: 'okay.'; } input:out-of-range + label::after { content: 'out of range!'; } result specifications specification status comment html living standardthe definition of ':out-of-range' in that specification.
:placeholder-shown - CSS: Cascading Style Sheets
Web › CSS › :placeholder-shown
enter student id:</label> <input type="number" pattern="[0-9]{8}" title="8 digit id" id="sid" class="studentid" placeholder="8 digit id"/> </p> <input type="submit"/> </form> css input { background-color: #e8e8e8; color: black; } input.studentid:placeholder-shown { background-color: yellow; color: red; font-style: italic; } result specifications specification status comment selectors level 4the definition of ':placeholder-shown' in that specification.
:read-only - CSS: Cascading Style Sheets
Web › CSS › :read-only
<p contenteditable>this paragraph is editable; it is read-write.</p> <p>this paragraph is not editable; it is read-only.</p> p { font-size: 150%; padding: 5px; border-radius: 5px; } p:read-only { background-color: red; color: white; } p:read-write { background-color: lime; } specifications specification status comment html living standardthe definition of ':read-only' in that specification.
:read-write - CSS: Cascading Style Sheets
Web › CSS › :read-write
<p contenteditable>this paragraph is editable; it is read-write.</p> <p>this paragraph is not editable; it is read-only.</p> p { font-size: 150%; padding: 5px; border-radius: 5px; } p:read-only { background-color: red; color: white; } p:read-write { background-color: lime; } specifications specification status comment html living standardthe definition of ':read-write' in that specification.
:required - CSS: Cascading Style Sheets
Web › CSS › :required
mdn understanding wcag, guideline 3.3 explanations understanding success criterion 3.3.2 | w3c understanding wcag 2.0 specifications specification status comment html living standardthe definition of ':required' in that specification.
:right - CSS: Cascading Style Sheets
Web › CSS › :right
syntax :right examples setting margins for right-hand pages @page :right { margin: 2in 3in; } specifications specification status comment css paged media module level 3the definition of ':right' in that specification.
:root - CSS: Cascading Style Sheets
Web › CSS › :root
/* selects the root element of the document: <html> in the case of html */ :root { background: yellow; } syntax :root examples declaring global css variables :root can be useful for declaring global css variables: :root { --main-color: hotpink; --pane-padding: 5px 42px; } specifications specification status comment selectors level 4the definition of ':root' in that specification.
:scope - CSS: Cascading Style Sheets
Web › CSS › :scope
{ return '#' + element.getattribute('id'); }).join(', '); html <div id="context"> <div id="element-1"> <div id="element-1.1"></div> <div id="element-1.2"></div> </div> <div id="element-2"> <div id="element-2.1"></div> </div> </div> <p> selected elements ids : <span id="results"></span> </p> result specifications specification status comment selectors level 4the definition of ':scope' in that specification.
:state() - CSS: Cascading Style Sheets
Web › CSS › :state
my code block and/or include a list of links to useful code samples that live elsewhere: x y z specifications specification status comment unknownthe definition of 'the :state() selector' in that specification.
:target - CSS: Cascading Style Sheets
Web › CSS › :target
align-items: center; justify-content: center; background-color: black; border-radius: 50%; color: white; content: "×"; cursor: pointer; } /* lightbox overlay */ .lightbox .close::before { left: 0; top: 0; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,.7); content: ""; cursor: default; } result specifications specification status comment html living standardthe definition of ':target' in that specification.
:valid - CSS: Cascading Style Sheets
Web › CSS › :valid
mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.1 | w3c understanding wcag 2.0 specifications specification status comment html living standardthe definition of ':valid' in that specification.
:visited - CSS: Cascading Style Sheets
Web › CSS › :visited
ed this link yet?</a><br> <a href="">you've already visited this link.</a> css a { /* specify non-transparent defaults to certain properties, allowing them to be styled with the :visited state */ background-color: white; border: 1px solid white; } a:visited { background-color: yellow; border-color: hotpink; color: hotpink; } result specifications specification status comment html living standardthe definition of ':visited' in that specification.
:where() - CSS: Cascading Style Sheets
Web › CSS › :where
'='<attr-modifier> = i | s specifications specification status comment selectors level 4the definition of ':where()' in that specification.
@charset - CSS: Cascading Style Sheets
Web › CSS › @charset
et the encoding of the style sheet to unicode utf-8 */ @charset 'iso-8859-15'; /* invalid, wrong quoting style used */ @charset "utf-8"; /* invalid, more than one space */ @charset "utf-8"; /* invalid, there is a character (a space) before the at-rule */ @charset utf-8; /* invalid, without ' or ", the charset is not a css <string> */ specifications specification status comment css level 2 (revision 1)the definition of '@charset' in that specification.
additive-symbols - CSS: Cascading Style Sheets
Web › CSS › @counter-style › additive-symbols
ngle-percentage> = <angle> | <percentage> examples specifying additive symbols html <ul class="list"> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> </ul> css @counter-style additive-symbols-example { system: additive; additive-symbols: v 5, iv 4, i 1; } .list { list-style: additive-symbols-example; } result specifications specification status comment css counter styles level 3the definition of 'additive-symbols' in that specification.
fallback - CSS: Cascading Style Sheets
Web › CSS › @counter-style › fallback
yle-name> = <custom-ident> examples specifying a fallback counter style html <ul class="list"> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> </ul> css @counter-style fallback-example { system: fixed; symbols: "\24b6" "\24b7" "\24b8"; fallback: upper-alpha; } .list { list-style: fallback-example; } result specifications specification status comment css counter styles level 3the definition of 'fallback' in that specification.
negative - CSS: Cascading Style Sheets
Web › CSS › @counter-style › negative
rcentage> = <angle> | <percentage> examples rendering negative counters html <ul class="list" start="-3"> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> </ul> css @counter-style neg { system: numeric; symbols: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9"; negative: "(-" ")"; } .list { list-style: neg; } result specifications specification status comment css counter styles level 3the definition of 'system' in that specification.
pad - CSS: Cascading Style Sheets
Web › CSS › @counter-style › pad
gle-percentage>{1,2}<angle-percentage> = <angle> | <percentage> examples padding a counter html <ul class="list"> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> </ul> css @counter-style pad-example { system: numeric; symbols: "0" "1" "2" "3" "4" "5"; pad: 2 "0"; } .list { list-style: pad-example; } result specifications specification status comment css counter styles level 3the definition of 'pad' in that specification.
prefix - CSS: Cascading Style Sheets
Web › CSS › @counter-style › prefix
"> <li>the boy who lived</li> <li>the vanishing glass</li> <li>the letters from no one</li> <li>the keeper of the keys</li> <li>diagon alley</li> </ul> css @counter-style chapters { system: numeric; symbols: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9"; prefix: 'chapter '; } .index { list-style: chapters; padding-left: 15ch; } result specifications specification status comment css counter styles level 3the definition of 'prefix' in that specification.
range - CSS: Cascading Style Sheets
Web › CSS › @counter-style › range
ten specifications specification status comment css counter styles level 3the definition of 'range' in that specification.
speak-as - CSS: Cascading Style Sheets
Web › CSS › @counter-style › speak-as
<custom-ident> examples setting the spoken form for a counter html <ul class="list"> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> </ul> css @counter-style speak-as-example { system: fixed; symbols:     ; suffix: " "; speak-as: numbers; } .list { list-style: speak-as-example; } result specifications specification status comment css counter styles level 3the definition of 'speak-as' in that specification.
suffix - CSS: Cascading Style Sheets
Web › CSS › @counter-style › suffix
e> = <angle-percentage>{1,2}<angle-percentage> = <angle> | <percentage> examples setting a suffix for a counter html <ul class="choices"> <li>one</li> <li>two</li> <li>three</li> <li>none of the above</li> </ul> css @counter-style options { system: fixed; symbols: a b c d; suffix: ") "; } .choices { list-style: options; } result specifications specification status comment css counter styles level 3the definition of 'suffix' in that specification.
symbols - CSS: Cascading Style Sheets
Web › CSS › @counter-style › symbols
e> = <angle-percentage>{1,2}<angle-percentage> = <angle> | <percentage> examples setting counter symbols html <ul class="list"> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> </ul> css @counter-style symbols-example { system: fixed; symbols: a "1" "\24b7" d e; } .list { list-style: symbols-example; } result specifications specification status comment css counter styles level 3the definition of 'symbols' in that specification.
system - CSS: Cascading Style Sheets
Web › CSS › @counter-style › system
html <ul class="list"> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> </ul> css @counter-style alpha-modified { system: extends lower-alpha; prefix: "("; suffix: ") "; } ul { list-style: alpha-modified; } result specifications specification status comment css counter styles level 3the definition of 'system' in that specification.
@counter-style - CSS: Cascading Style Sheets
Web › CSS › @counter-style
specifications specification status comment css counter styles level 3the definition of 'counter-style' in that specification.
font-display - CSS: Cascading Style Sheets
Web › CSS › @font-face › font-display
ted valueas specified formal syntax [ auto | block | swap | fallback | optional ] examples specifying fallback font-display @font-face { font-family: examplefont; src: url(/path/to/fonts/examplefont.woff) format('woff'), url(/path/to/fonts/examplefont.eot) format('eot'); font-weight: 400; font-style: normal; font-display: fallback; } specifications specification status comment css fonts module level 4the definition of 'font-display' in that specification.
font-family - CSS: Cascading Style Sheets
Web › CSS › @font-face › font-family
formal definition related at-rule@font-faceinitial valuen/a (required)computed valueas specified formal syntax <family-name>where <family-name> = <string> | <custom-ident>+ examples setting the font family name @font-face { font-family: examplefont; src: url('examplefont.ttf'); } specifications specification status comment css fonts module level 3the definition of 'font-family' in that specification.
font-stretch - CSS: Cascading Style Sheets
Web › CSS › @font-face › font-stretch
@font-face { font-family: "open sans"; src: local("open sans") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff"); font-stretch: 87.5% 112.5%; } specifications specification status comment css fonts module level 4the definition of 'font-stretch' in that specification.
font-style - CSS: Cascading Style Sheets
Web › CSS › @font-face › font-style
@font-face { font-family: garamond; src: url('garamond-italic.ttf'); font-style: italic; } specifications specification status comment css fonts module level 4the definition of 'font-style' in that specification.
font-variation-settings - CSS: Cascading Style Sheets
Web › CSS › @font-face › font-variation-settings
faceinitial valuenormalcomputed valueas specified formal syntax normal | [ <string> <number> ]# examples setting font weight and stretch in a @font-face rule @font-face { font-family: 'opentypefont'; src: url('open_type_font.woff2') format('woff2'); font-weight: normal; font-style: normal; font-variation-settings: 'wght' 400, 'wdth' 300; } specifications specification status comment css fonts module level 4the definition of 'font-variation-settings' in that specification.
font-weight - CSS: Cascading Style Sheets
Web › CSS › @font-face › font-weight
@font-face { font-family: "open sans"; src: local("open sans") format("woff2"), url("/fonts/opensans-regular-webfont.woff") format("woff"); font-weight: 400; } specifications specification status comment css fonts module level 4the definition of 'font-weight' in that specification.
src - CSS: Cascading Style Sheets
Web › CSS › @font-face › src
| local( <family-name> ) ]#where <family-name> = <string> | <custom-ident>+ examples specifying font resources using url() and local() @font-face { font-family: examplefont; src: local(example font), url('examplefont.woff') format("woff"), url('examplefont.otf') format("opentype"); } specifications specification status comment css fonts module level 3the definition of 'src' in that specification.
unicode-range - CSS: Cascading Style Sheets
Web › CSS › @font-face › unicode-range
html <div>me & you = us</div> css @font-face { font-family: 'ampersand'; src: local('times new roman'); unicode-range: u+26; } div { font-size: 4em; font-family: ampersand, helvetica, sans-serif; } result specifications specification status comment css fonts module level 3the definition of 'unicode-range' in that specification.
@font-face - CSS: Cascading Style Sheets
Web › CSS › @font-face
helvetica neue bold" is used; if the user does not have that font installed (two different names are tried), then the downloadable font named "mgopenmodernabold.ttf" is used instead: @font-face { font-family: myhelvetica; src: local("helvetica neue bold"), local("helveticaneue-bold"), url(mgopenmodernabold.ttf); font-weight: bold; } specifications specification status comment woff file format 2.0the definition of 'woff2 font format' in that specification.
@font-feature-values - CSS: Cascading Style Sheets
Web › CSS › @font-feature-values
ule /* at-rule for "nice-style" in font one */ @font-feature-values font one { @styleset { nice-style: 12; } } /* at-rule for "nice-style" in font two */ @font-feature-values font two { @styleset { nice-style: 4; } } … /* apply the at-rules with a single declaration */ .nice-look { font-variant-alternates: styleset(nice-style); } specifications specification status comment css fonts module level 4the definition of '@font-feature-values' in that specification.
@import - CSS: Cascading Style Sheets
Web › CSS › @import
nt><mf-value> = <number> | <dimension> | <ident> | <ratio> examples importing css rules @import 'custom.css'; @import url("chrome://communicator/skin/"); importing css rules conditionally @import url("fineprint.css") print; @import url("bluish.css") speech; @import "common.css" screen; @import url('landscape.css') screen and (orientation:landscape); specifications specification status comment css cascading and inheritance level 4the definition of 'the @import rule' in that specification.
@keyframes - CSS: Cascading Style Sheets
Web › CSS › @keyframes
specifications specification status comment css animationsthe definition of '@keyframes' in that specification.
-webkit-device-pixel-ratio - CSS: Cascading Style Sheets
Web › CSS › @media › -webkit-device-pixel-ratio
your device's pixel density.</p> css /* exact resolution */ @media (-webkit-device-pixel-ratio: 1) { p { color: red; } } /* minimum resolution */ @media (-webkit-min-device-pixel-ratio: 1.1) { p { font-size: 1.5em; } } /* maximum resolution */ @media (-webkit-max-device-pixel-ratio: 3) { p { background: yellow; } } result specifications specification status comment compatibility standardthe definition of '-webkit-device-pixel-ratio' in that specification.
-webkit-transform-3d - CSS: Cascading Style Sheets
Web › CSS › @media › -webkit-transform-3d
examples @media (-webkit-transform-3d) { .foo { transform-style: preserve-3d; } } @media (-webkit-transform-3d: 1) { .foo { transform-style: preserve-3d; } } specifications specification status comment compatibility standardthe definition of '-webkit-transform-3d' in that specification.
any-hover - CSS: Cascading Style Sheets
Web › CSS › @media › any-hover
examples testing whether input methods can hover html <a href="#">try hovering over me!</a> css @media (any-hover: hover) { a:hover { background: yellow; } } result specifications specification status comment media queries level 4the definition of 'any-hover' in that specification.
any-pointer - CSS: Cascading Style Sheets
Web › CSS › @media › any-pointer
-appearance: none; -webkit-appearance: none; appearance: none; width: 15px; height: 15px; border: 1px solid blue; } } @media (any-pointer: coarse) { input[type="checkbox"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 30px; height: 30px; border: 2px solid red; } } result specifications specification status comment media queries level 4the definition of 'any-pointer' in that specification.
aspect-ratio - CSS: Cascading Style Sheets
Web › CSS › @media › aspect-ratio
wport's width and height.</div>"> </iframe> css iframe{ display:block; } javascript outer.style.width=outer.style.height="165px" w.onchange=w.oninput=function(){ outer.style.width=w.value+"px" wf.textcontent="width:"+w.value } h.onchange=h.oninput=function(){ outer.style.height=h.value+"px" hf.textcontent="height:"+h.value } result specifications specification status comment media queries level 4the definition of 'aspect-ratio' in that specification.
aural - CSS: Cascading Style Sheets
Web › CSS › @media › aural
examples basic example @media aural { body { voice-family: paul } } specifications specification status comment css level 2 (revision 2)the definition of 'aural' in that specification.
color-gamut - CSS: Cascading Style Sheets
Web › CSS › @media › color-gamut
examples html <p>this is a test.</p> css @media (color-gamut: srgb) { p { background: #f4ae8a; } } result specifications specification status comment media queries level 4the definition of 'color-gamut' in that specification.
color-index - CSS: Cascading Style Sheets
Web › CSS › @media › color-index
<link rel="stylesheet" href="http://foo.bar.com/base.css" /> <link rel="stylesheet" media="all and (min-color-index: 256)" href="http://foo.bar.com/color-stylesheet.css" /> specifications specification status comment media queries level 4the definition of 'color-index' in that specification.
color - CSS: Cascading Style Sheets
Web › CSS › @media › color
ack on non-color devices, red on devices with a low number of colors, and greenish on devices with a high number of colors.</p> css p { color: black; } /* any color device */ @media (color) { p { color: red; } } /* any color device with at least 8 bits per color component */ @media (min-color: 8) { p { color: #24ba13; } } result specifications specification status comment media queries level 4the definition of 'color' in that specification.
device-aspect-ratio - CSS: Cascading Style Sheets
Web › CSS › @media › device-aspect-ratio
examples article { padding: 1rem; } @media screen and (min-device-aspect-ratio: 16/9) { article { padding: 1rem 5vw; } } specifications specification status comment media queries level 4the definition of 'device-aspect-ratio' in that specification.
device-height - CSS: Cascading Style Sheets
Web › CSS › @media › device-height
<link rel="stylesheet" media="screen and (max-device-height: 799px)" href="http://foo.bar.com/short-styles.css" /> specifications specification status comment media queries level 4the definition of 'device-height' in that specification.
device-width - CSS: Cascading Style Sheets
Web › CSS › @media › device-width
<link rel="stylesheet" media="screen and (max-device-width: 799px)" href="http://foo.bar.com/narrow-styles.css" /> specifications specification status comment media queries level 4the definition of 'device-width' in that specification.
forced-colors - CSS: Cascading Style Sheets
Web › CSS › @media › forced-colors
html <div class="colors">weird color box</div> css .colors { background-color: red; color: grey; } @media (forced-colors: active) { .colors { background-color: white; color: black; } } result specifications specification status comment media queries level 5the definition of 'forced-colors' in that specification.
grid - CSS: Cascading Style Sheets
Web › CSS › @media › grid
neato!</p> css :not(.unknown) { color: lightgray; } @media (grid: 0) { .unknown { color: lightgray; } .bitmap { color: red; text-transform: uppercase; } } @media (grid: 1) { .unknown { color: lightgray; } .grid { color: black; text-transform: uppercase; } } result specifications specification status comment media queries level 4the definition of 'grid' in that specification.
height - CSS: Cascading Style Sheets
Web › CSS › @media › height
examples html <div>watch this element as you resize your viewport's height.</div> css /* exact height */ @media (height: 360px) { div { color: red; } } /* minimum height */ @media (min-height: 25rem) { div { background: yellow; } } /* maximum height */ @media (max-height: 40rem) { div { border: 2px solid blue; } } result specifications specification status comment media queries level 4the definition of 'height' in that specification.
hover - CSS: Cascading Style Sheets
Web › CSS › @media › hover
examples html <a href="#">try hovering over me!</a> css @media (hover: hover) { a:hover { background: yellow; } } result specifications specification status comment media queries level 4the definition of 'hover' in that specification.
inverted-colors - CSS: Cascading Style Sheets
Web › CSS › @media › inverted-colors
f you're not, it should be red on light gray.</p> <p>if the text is gray, your browser doesn't support the `inverted-colors` media feature.</p> css p { color: gray; } @media (inverted-colors: inverted) { p { background: black; color: yellow; } } @media (inverted-colors: none) { p { background: #eee; color: red; } } result specifications specification status comment media queries level 5the definition of 'inverted-colors' in that specification.
light-level - CSS: Cascading Style Sheets
Web › CSS › @media › light-level
@media (light-level: normal) { p { background: url("texture.jpg"); color: #333; } } @media (light-level: dim) { p { background: #222; color: #ccc; } } @media (light-level: washed) { p { background: white; color: black; font-size: 2em; } } specifications specification status comment media queries level 5the definition of 'light-level' in that specification.
monochrome - CSS: Cascading Style Sheets
Web › CSS › @media › monochrome
s monochrome pixels!</p> <p class="no-mono">your device doesn't support monochrome pixels.</p> css p { display: none; } /* any monochrome device */ @media (monochrome) { p.mono { display: block; color: #333; } } /* any non-monochrome device */ @media (monochrome: 0) { p.no-mono { display: block; color: #ee3636; } } result specifications specification status comment media queries level 4the definition of 'monochrome' in that specification.
orientation - CSS: Cascading Style Sheets
Web › CSS › @media › orientation
examples html <div>box 1</div> <div>box 2</div> <div>box 3</div> css body { display: flex; } div { background: yellow; } @media (orientation: landscape) { body { flex-direction: row; } } @media (orientation: portrait) { body { flex-direction: column; } } result specifications specification status comment media queries level 4the definition of 'orientation' in that specification.
overflow-block - CSS: Cascading Style Sheets
Web › CSS › @media › overflow-block
sed nec augue congue eros accumsan tincidunt sed eget ex.</p> css @media (overflow-block: scroll) { p { color: red; } } result specifications specification status comment media queries level 4the definition of 'overflow-block' in that specification.
overflow-inline - CSS: Cascading Style Sheets
Web › CSS › @media › overflow-inline
sed nec augue congue eros accumsan tincidunt sed eget ex.</p> css p { white-space: nowrap; } @media (overflow-inline: scroll) { p { color: red; } } result specifications specification status comment media queries level 4the definition of 'overflow-inline' in that specification.
pointer - CSS: Cascading Style Sheets
Web › CSS › @media › pointer
n: 0; } input[type="checkbox"]:checked { background: gray; } @media (pointer: fine) { input[type="checkbox"] { width: 15px; height: 15px; border-width: 1px; border-color: blue; } } @media (pointer: coarse) { input[type="checkbox"] { width: 30px; height: 30px; border-width: 2px; border-color: red; } } result specifications specification status comment media queries level 4the definition of 'pointer' in that specification.
prefers-color-scheme - CSS: Cascading Style Sheets
Web › CSS › @media › prefers-color-scheme
r: white; } .night.dark-scheme { background: black; color: #ddd; } } @media (prefers-color-scheme: light) { .day.light-scheme { background: white; color: #555; } .night.light-scheme { background: #eee; color: black; } } .day, .night { display: inline-block; padding: 1em; width: 7em; height: 2em; vertical-align: middle; } result specifications specification status comment media queries level 5the definition of 'prefers-color-scheme' in that specification.
prefers-contrast - CSS: Cascading Style Sheets
Web › CSS › @media › prefers-contrast
html <div class="contrast">low contrast box</div> css .contrast { width: 100px; height: 100px; outline: 2px dashed black; } @media (prefers-contrast: high) { .contrast { outline: 2px solid black; } } result specifications specification status comment media queries level 5the definition of 'prefers-contrast' in that specification.
prefers-reduced-data - CSS: Cascading Style Sheets
Web › CSS › @media › prefers-reduced-data
31, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd; } } body { font-family: montserrat, -apple-system, blinkmacsystemfont, "segoe ui", roboto, helvetica, arial, "microsoft yahei", sans-serif, "apple color emoji", "segoe ui emoji", "segoe ui symbol"; } result specifications specification status comment media queries level 5the definition of 'reduced-data' in that specification.
prefers-reduced-motion - CSS: Cascading Style Sheets
Web › CSS › @media › prefers-reduced-motion
th: 10em; padding: 1em; border-radius: 1em; text-align: center; } @keyframes pulse { 0% { transform: scale(1); } 25% { transform: scale(.9); } 50% { transform: scale(1); } 75% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes dissolve { 0% { opacity: 1; } 50% { opacity: 0.8; } 100% { opacity: 1; } } result specifications specification status comment media queries level 5the definition of 'prefers-reduced-motion' in that specification.
prefers-reduced-transparency - CSS: Cascading Style Sheets
Web › CSS › @media › prefers-reduced-transparency
html <div class="transparency">transparent box</div> css .transparency { opacity: 0.5; } @media (prefers-reduced-transparency: reduce) { .transparency { opacity: 1; } } result specifications specification status comment media queries level 5the definition of 'prefers-reduced-transparency' in that specification.
resolution - CSS: Cascading Style Sheets
Web › CSS › @media › resolution
html <p>this is a test of your device's pixel density.</p> css /* exact resolution */ @media (resolution: 150dpi) { p { color: red; } } /* minimum resolution */ @media (min-resolution: 72dpi) { p { text-decoration: underline; } } /* maximum resolution */ @media (max-resolution: 300dpi) { p { background: yellow; } } result specifications specification status comment media queriesthe definition of 'resolution' in that specification.
scan - CSS: Cascading Style Sheets
Web › CSS › @media › scan
if your screen uses progressive scanning, you should see a serif font.</p> css p { font-family: cursive; } @media (scan: interlace) { p { font-family: sans-serif; } } @media (scan: progressive) { p { font-family: serif; } } result specifications specification status comment media queries level 4the definition of 'scan' in that specification.
scripting - CSS: Cascading Style Sheets
Web › CSS › @media › scripting
:-)</p> css p { color: lightgray; } @media (scripting: none) { .script-none { color: red; } } @media (scripting: initial-only) { .script-initial-only { color: red; } } @media (scripting: enabled) { .script-enabled { color: red; } } result specifications specification status comment media queries level 5the definition of 'scripting' in that specification.
shape - CSS: Cascading Style Sheets
Web › CSS › @media › shape
<head> <link rel="stylesheet" href="default.css" /> <link media="screen and (shape: rect)" rel="stylesheet" href="rectangle.css" /> <link media="screen and (shape: round)" rel="stylesheet" href="round.css" /> </head> specifications specification status css round display level 1the definition of 'shape' in that specification.
update - CSS: Cascading Style Sheets
Web › CSS › @media › update-frequency
examples html <p>if this text animates for you, you are using a fast-updating device.</p> css @keyframes jiggle { from { transform: translatey(0); } to { transform: translatey(25px); } } @media (update: fast) { p { animation: 1s jiggle linear alternate infinite; } } result specifications specification status comment media queries level 4the definition of 'update' in that specification.
width - CSS: Cascading Style Sheets
Web › CSS › @media › width
examples html <div>watch this element as you resize your viewport's width.</div> css /* exact width */ @media (width: 360px) { div { color: red; } } /* minimum width */ @media (min-width: 35rem) { div { background: yellow; } } /* maximum width */ @media (max-width: 50rem) { div { border: 2px solid blue; } } result specifications specification status comment media queries level 4the definition of 'width' in that specification.
@namespace - CSS: Cascading Style Sheets
Web › CSS › @namespace
ent> examples specifying default and prefixed namespaces @namespace url(http://www.w3.org/1999/xhtml); @namespace svg url(http://www.w3.org/2000/svg); /* this matches all xhtml <a> elements, as xhtml is the default unprefixed namespace */ a {} /* this matches all svg <a> elements */ svg|a {} /* this matches both xhtml and svg <a> elements */ *|a {} specifications specification status comment css namespaces modulethe definition of '@namespace' in that specification.
bleed - CSS: Cascading Style Sheets
Web › CSS › @page › bleed
formal definition related at-rule@pageinitial valueautocomputed valueas specified formal syntax auto | <length> examples setting a page bleed of 1cm @page { bleed: 1cm; } specifications specification status comment css paged media module level 3the definition of 'bleed' in that specification.
marks - CSS: Cascading Style Sheets
Web › CSS › @page › marks
formal definition related at-rule@pageinitial valuenonecomputed valueas specified formal syntax none | [ crop | cross ] examples adding crop and cross marks @page { marks: crop cross; } specifications specification status comment css paged media module level 3the definition of 'marks' in that specification.
size - CSS: Cascading Style Sheets
Web › CSS › @page › size
@pageinitial valueautocomputed valueas specified, but with relative lengths converted into absolute lengths formal syntax <length>{1,2} | auto | [ <page-size> | [ portrait | landscape ] ] examples specifying size and orientation @page { size: 4in 6in landscape; } nesting inside a @media rule @media print { @page { size: 50mm 150mm; } } specifications specification status comment css paged media module level 3the definition of 'size' in that specification.
@page - CSS: Cascading Style Sheets
Web › CSS › @page
:blank :first :left :right :recto :verso specifications specification status comment css logical properties and values level 1the definition of ':recto and :verso' in that specification.
@supports - CSS: Cascading Style Sheets
Web › CSS › @supports
ds to be inside the @supports block, otherwise it will be partially applied in browsers which don't support the `of` argument of :nth-child(…) is supported */ :is(:nth-child(1n of ul, ol) a, details > summary) { … /* css applied when the :is(…) selector and the `of` argument of :nth-child(…) are both supported */ } } specifications specification status comment css conditional rules module level 4the definition of '@supports' in that specification.
height - CSS: Cascading Style Sheets
Web › CSS › @viewport › height
and:min-height: the percentage as specified or the absolute lengthmax-height: the percentage as specified or the absolute length or none formal syntax <viewport-length>{1,2}where <viewport-length> = auto | <length-percentage>where <length-percentage> = <length> | <percentage> examples setting minimum and maximum height @viewport { height: 500px; } specifications specification status comment css device adaptationthe definition of '"height" descriptor' in that specification.
max-height - CSS: Cascading Style Sheets
Web › CSS › @viewport › max-height
d valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value; otherwise, auto formal syntax <viewport-length>where <viewport-length> = auto | <length-percentage>where <length-percentage> = <length> | <percentage> examples setting viewport max height in pixels @viewport { max-height: 600px; } specifications specification status comment css device adaptationthe definition of '"max-height" descriptor' in that specification.
max-width - CSS: Cascading Style Sheets
Web › CSS › @viewport › max-width
d valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value; otherwise, auto formal syntax <viewport-length>where <viewport-length> = auto | <length-percentage>where <length-percentage> = <length> | <percentage> examples setting viewport max width in pixels @viewport { max-width: 600px; } specifications specification status comment css device adaptationthe definition of '"max-width" descriptor' in that specification.
max-zoom - CSS: Cascading Style Sheets
Web › CSS › @viewport › max-zoom
formal definition related at-rule@viewportinitial valueautopercentagesthe zoom factor itselfcomputed valueauto, or a non-negative number or percentage as specified formal syntax auto | <number> | <percentage> examples setting max-zoom @viewport { max-zoom: 1.5; } specifications specification status comment css device adaptationthe definition of '"max-zoom" descriptor' in that specification.
min-height - CSS: Cascading Style Sheets
Web › CSS › @viewport › min-height
d valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value; otherwise, auto formal syntax <viewport-length>where <viewport-length> = auto | <length-percentage>where <length-percentage> = <length> | <percentage> examples setting viewport min height in pixels @viewport { min-height: 200px; } specifications specification status comment css device adaptationthe definition of '"min-height" descriptor' in that specification.
min-width - CSS: Cascading Style Sheets
Web › CSS › @viewport › min-width
ted valueif specified as a length, the corresponding absolute length; if specified as a percentage, the specified value; otherwise, auto formal syntax <viewport-length>where <viewport-length> = auto | <length-percentage>where <length-percentage> = <length> | <percentage> examples setting viewport min width in pixels @viewport { min-width: 200px; } specifications specification status comment css device adaptationthe definition of '"min-width" descriptor' in that specification.
min-zoom - CSS: Cascading Style Sheets
Web › CSS › @viewport › min-zoom
formal definition related at-rule@viewportinitial valueautopercentagesthe zoom factor itselfcomputed valueauto, or a non-negative number or percentage as specified formal syntax auto | <number> | <percentage> examples setting min zoom factor @viewport { min-zoom: 2.0; } specifications specification status comment css device adaptationthe definition of '"min-zoom" descriptor' in that specification.
orientation - CSS: Cascading Style Sheets
Web › CSS › @viewport › orientation
formal definition related at-rule@viewportinitial valueautopercentagesrefer to the size of bounding boxcomputed valueas specified formal syntax auto | portrait | landscape examples setting viewport orientation @viewport { orientation: landscape; } specifications specification status comment css device adaptationthe definition of '"orientation" descriptor' in that specification.
user-zoom - CSS: Cascading Style Sheets
Web › CSS › @viewport › user-zoom
mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.4 | understanding wcag 2.0 formal definition related at-rule@viewportinitial valuezoompercentagesrefer to the size of bounding boxcomputed valueas specified formal syntax zoom | fixed examples disabling user zoom @viewport { user-zoom: fixed; } specifications specification status comment css device adaptationthe definition of '"user-zoom" descriptor' in that specification.
viewport-fit - CSS: Cascading Style Sheets
Web › CSS › @viewport › viewport-fit
formal definition related at-rule@viewportinitial valueautocomputed valueas specified formal syntax auto | contain | cover examples scaling viewport to fit device display @viewport { viewport-fit: cover; } specifications specification status comment css round display level 1the definition of '"viewport-fit" descriptor' in that specification.
width - CSS: Cascading Style Sheets
Web › CSS › @viewport › width
orthand:min-width: the percentage as specified or the absolute lengthmax-width: the percentage as specified or the absolute length or none formal syntax <viewport-length>{1,2}where <viewport-length> = auto | <length-percentage>where <length-percentage> = <length> | <percentage> examples setting minimum and maximum width @viewport { width: 500px; } specifications specification status comment css device adaptationthe definition of '"min-width" descriptor' in that specification.
zoom - CSS: Cascading Style Sheets
Web › CSS › @viewport › zoom
formal definition related at-rule@viewportinitial valueautopercentagesthe zoom factor itselfcomputed valueauto, or a non-negative number or percentage as specified formal syntax auto | <number> | <percentage> examples setting viewport zoom factor @viewport { zoom: 2.0; } specifications specification status comment css device adaptationthe definition of '"zoom" descriptor' in that specification.
@viewport - CSS: Cascading Style Sheets
Web › CSS › @viewport
formal syntax @viewport { <group-rule-body> } examples setting viewport size, zoom, and orientation @viewport { min-width: 640px; max-width: 800px; } @viewport { zoom: 0.75; min-zoom: 0.5; max-zoom: 0.9; } @viewport { orientation: landscape; } specifications specification status comment css round display level 1the definition of '@viewport' in that specification.
Adjacent sibling combinator - CSS: Cascading Style Sheets
Web › CSS › Adjacent sibling combinator
/* paragraphs that come immediately after any image */ img + p { font-weight: bold; } syntax former_element + target_element { style properties } examples css li:first-of-type + li { color: red; } html <ul> <li>one</li> <li>two!</li> <li>three</li> </ul> result specifications specification status comment selectors level 4the definition of 'next-sibling combinator' in that specification.
Alternative style sheets - CSS: Cascading Style Sheets
Web › CSS › Alternative style sheets
specifications specification status comment html living standardthe definition of 'link type "alternate"' in that specification.
At-rules - CSS: Cascading Style Sheets
Web › CSS › At-rule
specifications specification status comment css conditional rules module level 3 candidate recommendation initial definition compatibility standardthe definition of 'css at-rules' in that specification.
Attribute selectors - CSS: Cascading Style Sheets
Web › CSS › Attribute selectors
*/ ol[type="a"] { list-style-type: lower-alpha; background: red; } ol[type="a" s] { list-style-type: lower-alpha; background: lime; } ol[type="a" s] { list-style-type: upper-alpha; background: lime; } html <ol type="a"> <li>example list</li> </ol> result specifications specification status comment selectors level 4the definition of 'attribute selectors' in that specification.
CSSOM View - CSS: Cascading Style Sheets
Web › CSS › CSSOM View
specifications specification status comment css object model (cssom) view module working draft initial definition.
CSS Animations - CSS: Cascading Style Sheets
Web › CSS › CSS Animations
specifications specification status comment css animations working draft initial definition.
CSS Backgrounds and Borders - CSS: Cascading Style Sheets
Web › CSS › CSS Backgrounds and Borders
specifications specification status comment css backgrounds and borders module level 3 candidate recommendation css level 2 (revision 1) recommendation css level 1 recommendation ...
CSS Basic User Interface - CSS: Cascading Style Sheets
Web › CSS › CSS Basic User Interface
specifications specification status comment css basic user interface module level 4 working draft css basic user interface module level 3 recommendation css level 2 (revision 1) recommendation initial definition.
Mastering margin collapsing - CSS: Cascading Style Sheets
Web › CSS › CSS Box Model › Mastering margin collapsing
raph has a <code>.4rem</code> margin between it and the text above.</p> <p>my bottom margin collapses with my parent, yielding a bottom margin of <code>2rem</code>.</p> </div> <p>i am <code>2rem</code> below the element above.</p> css div { margin: 2rem 0; background: lavender; } p { margin: .4rem 0 1.2rem 0; background: yellow; } result specifications specification status comment css level 2 (revision 1)the definition of 'margin collapsing' in that specification.
CSS Basic Box Model - CSS: Cascading Style Sheets
Web › CSS › CSS Box Model
specifications specification status comment css basic box model working draft added margin-trim css level 2 (revision 1) recommendation css level 1 recommendation initial definition.
CSS Charsets - CSS: Cascading Style Sheets
Web › CSS › CSS Charsets
reference at-rules @charset specifications specification status comment css level 2 (revision 1)the definition of '@charset' in that specification.
CSS Color - CSS: Cascading Style Sheets
Web › CSS › CSS Color
specifications specification status comment css color module level 4 working draft css color module level 3 recommendation css level 2 (revision 1) recommendation css level 1 recommendation initial definition ...
CSS Multi-column Layout - CSS: Cascading Style Sheets
Web › CSS › CSS Columns
specifications specification status comment css multi-column layout module working draft initial definition ...
CSS Conditional Rules - CSS: Cascading Style Sheets
Web › CSS › CSS Conditional Rules
reference at-rules @document @media @supports @import specifications specification status comment css conditional rules module level 3 candidate recommendation initial definition ...
CSS Counter Styles - CSS: Cascading Style Sheets
Web › CSS › CSS Counter Styles
specifications specification status comment css counter styles level 3 candidate recommendation initial definition.
CSS Device Adaptation - CSS: Cascading Style Sheets
Web › CSS › CSS Device Adaptation
reference at-rules @viewport specifications specification status comment css device adaptation working draft initial definition ...
CSS Display - CSS: Cascading Style Sheets
Web › CSS › CSS Display
concepts of grid layout relationship to other layout methods line-based placement grid template areas layout using named grid lines auto-placement in grid layout box alignment in grid layout grids, logical values and writing modes css grid layout and accessibility css grid layout and progressive enhancement realizing common layouts using grids specifications specification status comment css display module level 3the definition of 'display' in that specification.
Backwards Compatibility of Flexbox - CSS: Cascading Style Sheets
Web › CSS › CSS Flexible Box Layout › Backwards Compatibility of Flexbox
status in browsers browser support for flexbox is excellent, and the majority of browsers do not need a prefix at this point.
CSS Flexible Box Layout - CSS: Cascading Style Sheets
Web › CSS › CSS Flexible Box Layout
backwards compatibility of flexbox browser status of flexbox, interoperability issues and supporting older browsers and versions of the spec specifications specification status comment css flexible box layout module candidate recommendation initial definition.
CSS Fonts - CSS: Cascading Style Sheets
Web › CSS › CSS Fonts
specifications specification status comment css fonts module level 4 working draft adds font-variation-settings (and related higher-level properties) and font-optical-sizing.
CSS Fragmentation - CSS: Cascading Style Sheets
Web › CSS › CSS Fragmentation
reference box-decoration-break break-after break-before break-inside orphans widows specifications specification status comment css fragmentation module level 3 candidate recommendation initial definition.
CSS Generated Content - CSS: Cascading Style Sheets
Web › CSS › CSS Generated Content
reference properties content quotes specifications specification status comment css generated content module level 3 working draft css level 2 (revision 1) recommendation initial definition ...
Subgrid - CSS: Cascading Style Sheets
Web › CSS › CSS Grid Layout › Subgrid
specification specification status comment css grid layout module level 2 working draft initial definition of subgrids.
CSS Grid Layout - CSS: Cascading Style Sheets
Web › CSS › CSS Grid Layout
and progressive enhancement realising common layouts using css grid subgrid external resources css grid and ie11 (polyfill) examples from jen simmons grid by example - a collection of usage examples and video tutorials codrops grid reference firefox devtools css grid inspector css grid playground grid garden - a game for learning css grid specifications specification status comment css grid layout module level 2 working draft added subgrids.
CSS Images - CSS: Cascading Style Sheets
Web › CSS › CSS Images
specifications specification status comment css images module level 4 working draft added image-resolution, conic-gradient(), and image() css images module level 3 candidate recommendation added image-orientation, image-rendering, object-fit and object-position compatibility standardthe definition of 'css gradients' in that specification.
Using CSS counters - CSS: Cascading Style Sheets
Web › CSS › CSS Lists and Counters › Using CSS counters
1 --> <li>item</li> <!-- 2.3.2 --> <li>item</li> <!-- 2.3.3 --> </ol> </li> <li>item</li> <!-- 2.4 --> </ol> </li> <li>item</li> <!-- 3 --> <li>item</li> <!-- 4 --> </ol> <ol> <li>item</li> <!-- 1 --> <li>item</li> <!-- 2 --> </ol> result specifications specification status comment css lists module level 3the definition of 'css counters' in that specification.
CSS Lists - CSS: Cascading Style Sheets
Web › CSS › CSS Lists and Counters
specifications specification status comment css lists module level 3 working draft css level 2 (revision 1) recommendation initial definition ...
CSS Logical Properties and Values - CSS: Cascading Style Sheets
Web › CSS › CSS Logical Properties
lock-end ) offset-block-start (now inset-block-start ) offset-inline-end (now inset-inline-end ) offset-inline-start (now inset-inline-start ) guides basic concepts of logical properties and values logical properties for sizing logical properties for margins, borders and padding logical properties for floating and positioning specifications specification status comment css logical properties and values level 1 editor's draft initial definition.
CSS Masking - CSS: Cascading Style Sheets
Web › CSS › CSS Masking
reference properties clip clip-path clip-rule mask mask-border mask-border-mode mask-border-outset mask-border-repeat mask-border-slice mask-border-source mask-border-width mask-clip mask-composite mask-image mask-mode mask-origin mask-position mask-repeat mask-size mask-type specifications specification status comment css masking module level 1 candidate recommendation scalable vector graphics (svg) 1.1 (second edition)the definition of 'mask' in that specification.
CSS Motion Path - CSS: Cascading Style Sheets
Web › CSS › CSS Motion Path
h('m20,20 c20,100 200,0 200,100'); animation: move 3000ms infinite alternate ease-in-out; width: 40px; height: 40px; background: cyan; } @keyframes move { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } } reference properties offset offset-anchor offset-distance offset-path offset-position offset-rotate specifications specification status comment motion path module level 1 working draft initial definition.
CSS Namespaces - CSS: Cascading Style Sheets
Web › CSS › CSS Namespaces
reference at-rules @namespace specifications specification status comment css namespaces module recommendation initial definition ...
CSS Overflow - CSS: Cascading Style Sheets
Web › CSS › CSS Overflow
reference css properties overflow overflow-block overflow-inline overflow-x overflow-y text-overflow block-overflow line-clamp max-lines continue non-standard properties -webkit-line-clamp specifications specification status comment css overflow module level 3the definition of 'overflow' in that specification.
CSS Paged Media - CSS: Cascading Style Sheets
Web › CSS › CSS Pages
reference css properties page-break-after page-break-before page-break-inside at-rules @page pseudo-classes :blank :first :left :right specifications specification status comment css paged media module level 3 working draft css fragmentation module level 3 candidate recommendation css level 2 (revision 1) recommendation ...
CSS Positioned Layout - CSS: Cascading Style Sheets
Web › CSS › CSS Positioning
specifications specification status comment css positioned layout module level 3 working draft css level 2 (revision 1) recommendation ...
CSS Ruby Layout - CSS: Cascading Style Sheets
Web › CSS › CSS Ruby
reference properties ruby-align ruby-position specifications specification status comment css ruby layout module level 1 working draft initial definition ...
CSS Scroll Snap - CSS: Cascading Style Sheets
Web › CSS › CSS Scroll Snap
dren scroll-snap-align scroll-margin scroll-margin-top scroll-margin-right scroll-margin-bottom scroll-margin-left scroll-margin-inline scroll-margin-inline-start scroll-margin-inline-end scroll-margin-block scroll-margin-block-start scroll-margin-block-end guides basic concepts of css scroll snap browser compatibility and scroll snap specification specification status comment css scroll snap module level 1 candidate recommendation initial definition ...
CSS Scrollbars - CSS: Cascading Style Sheets
Web › CSS › CSS Scrollbars
</div> result reference css properties scrollbar-width scrollbar-color specifications specification status comment css scrollbars level 1 working draft initial definition.
CSS selectors - CSS: Cascading Style Sheets
Web › CSS › CSS Selectors
specifications specification status comment selectors level 4 working draft added the || column combinator, grid structural selectors, logical combinators, location, time-demensional, resource state, linguistic and ui pseudo-classes, modifier for ascii case-sensitive and case-insensitive attribute value selection.
CSS Shapes - CSS: Cascading Style Sheets
Web › CSS › CSS Shapes
svg: shapes and arbitrarily-shaped ui components specifications specification status comment css shapes module level 1 candidate recommendation initial definition ...
CSS Table - CSS: Cascading Style Sheets
Web › CSS › CSS Table
reference properties border-collapse border-spacing caption-side empty-cells table-layout vertical-align specifications specification status comment css level 2 (revision 1) recommendation initial definition ...
CSS Text - CSS: Cascading Style Sheets
Web › CSS › CSS Text
reference properties hanging-punctuation hyphens letter-spacing line-break overflow-wrap tab-size text-align text-align-last text-indent text-justify text-size-adjust text-transform white-space word-break word-spacing specifications specification status comment css logical properties and values level 1 editor's draft updates some properties to be independent of the directionality of the text.
CSS Text Decoration - CSS: Cascading Style Sheets
Web › CSS › CSS Text Decoration
text decoration on anchors since users often depend on the underline to denote hyperlinks.</p> <p class="underover">this text has lines above <em>and</em> below it.</p> <p class="thick">this text has a really thick purple underline in supporting browsers.</p> <p class="blink">this text might blink for you, depending on the browser you use.</p> specifications specification status comment css text decoration module level 4 working draft css text decoration module level 3 candidate recommendation css level 2 (revision 1) recommendation css level 1 recommendation initial definition ...
CSS Transforms - CSS: Cascading Style Sheets
Web › CSS › CSS Transforms
specifications specification status comment css transforms level 1 working draft initial definition.
Using CSS transitions - CSS: Cascading Style Sheets
Web › CSS › CSS Transitions › Using CSS transitions
specifications specification status comment css transitions working draft initial definition ...
CSS Transitions - CSS: Cascading Style Sheets
Web › CSS › CSS Transitions
specifications specification status comment css transitions working draft initial definition.
CSS data types - CSS: Cascading Style Sheets
Web › CSS › CSS Types
<frequency-percentage> <gradient> <ident> <image> <integer> <length> <length-percentage> <number> <number-percentage> <percentage> <position> <quote> <ratio> <resolution> <shape-box> <shape-radius> <string> <time> <time-percentage> <timing-function> <toggle-value> <transform-function> <type-or-unit> <url> <url-modifier> <zero> specifications specification status comment css values and units module level 4 editor's draft css values and units module level 3 candidate recommendation initial definition.
CSS values and units - CSS: Cascading Style Sheets
Web › CSS › CSS Values and Units
specifications specification status comment css values and units module level 4 editor's draft adds the vi, vb, ic, cap, lh and rlh units.
CSS Custom Properties for Cascading Variables - CSS: Cascading Style Sheets
Web › CSS › CSS Variables
css properties --* specifications specification status comment css custom properties for cascading variables module level 1 candidate recommendation initial definition ...
CSS Writing Modes - CSS: Cascading Style Sheets
Web › CSS › CSS Writing Modes
reference properties direction glyph-orientation-horizontal text-combine-upright text-orientation unicode-bidi writing-mode specifications specification status comment css writing modes module level 3 proposed recommendation css level 2 (revision 1) recommendation css level 1 recommendation initial definition ...
Introducing the CSS Cascade - CSS: Cascading Style Sheets
Web › CSS › Cascade
specifications specification status comment css cascading and inheritance level 4 candidate recommendation added the revert keyword, which allows rolling a property back a cascade level.
Child combinator - CSS: Cascading Style Sheets
Web › CSS › Child combinator
<span>span #2, in the span that's in the div.</span> </span> </div> <span>span #3, not in the div at all.</span> result specifications specification status comment selectors level 4the definition of 'child combinator' in that specification.
Class selectors - CSS: Cascading Style Sheets
Web › CSS › Class selectors
bg { background: #ffa; } .fancy { font-weight: bold; text-shadow: 4px 4px 3px #77f; } html <p class="red">this paragraph has red text.</p> <p class="red yellow-bg">this paragraph has red text and a yellow background.</p> <p class="red fancy">this paragraph has red text and "fancy" styling.</p> <p>this is just a regular paragraph.</p> result specifications specification status comment selectors level 4the definition of 'class selectors' in that specification.
Column combinator - CSS: Cascading Style Sheets
Web › CSS › Column combinator
"/> <col class="selected"/> </colgroup> <tbody> <tr> <td>a <td>b <td>c </tr> <tr> <td colspan="2">d</td> <td>e</td> </tr> <tr> <td>f</td> <td colspan="2">g</td> </tr> </tbody> </table> css col.selected || td { background: gray; color: white; font-weight: bold; } result specifications specification status comment selectors level 4the definition of 'column combinator' in that specification.
Compositing and Blending - CSS: Cascading Style Sheets
Web › CSS › Compositing and Blending
reference properties background-blend-mode isolation mix-blend-mode data types <blend-mode> specifications specification status comment compositing and blending level 1 candidate recommendation initial definition ...
Descendant combinator - CSS: Cascading Style Sheets
Web › CSS › Descendant combinator
* property declarations */ } examples css li { list-style-type: disc; } li li { list-style-type: circle; } html <ul> <li> <div>item 1</div> <ul> <li>subitem a</li> <li>subitem b</li> </ul> </li> <li> <div>item 2</div> <ul> <li>subitem a</li> <li>subitem b</li> </ul> </li> </ul> result specifications specification status comment selectors level 4the definition of 'descendant combinator' in that specification.
Filter Effects - CSS: Cascading Style Sheets
Web › CSS › Filter Effects
reference properties backdrop-filter filter data types <filter-function> specifications specification status comment filter effects module level 1the definition of 'filter' in that specification.
General sibling combinator - CSS: Cascading Style Sheets
Web › CSS › General sibling combinator
to any image */ img ~ p { color: red; } syntax former_element ~ target_element { style properties } examples css p ~ span { color: red; } html <span>this is not red.</span> <p>here is a paragraph.</p> <code>here is some code.</code> <span>and here is a red span!</span> <code>more code...</code> <span>and this is a red span!</span> result specifications specification status comment selectors level 4the definition of 'subsequent-sibling combinator' in that specification.
ID selectors - CSS: Cascading Style Sheets
Web › CSS › ID selectors
#id_value { style properties } note that syntactically (but not specificity-wise), this is equivalent to the following attribute selector: [id=id_value] { style properties } examples css #identified { background-color: skyblue; } html <div id="identified">this div has a special id on it!</div> <div>this is just a regular div.</div> result specifications specification status comment selectors level 4the definition of 'id selectors' in that specification.
Testing media queries programmatically - CSS: Cascading Style Sheets
Web › CSS › Media Queries › Testing media queries
to do this, call the addlistener() method on the mediaquerylist object, with a callback function to invoke when the media query status changes (e.g., the media query test goes from true to false): // create the query list.
Media queries - CSS: Cascading Style Sheets
Web › CSS › Media Queries
specifications specification status comment media queries level 5 editor's draft css conditional rules module level 3 candidate recommendation media queries level 4 candidate recommendation media queries recommendation css level 2 (revision 1) recommendation initial definition ...
Mozilla CSS extensions - CSS: Cascading Style Sheets
Web › CSS › Mozilla Extensions
adiomenuitem resizer resizerpanel scale-horizontal scalethumb-horizontal scalethumb-vertical scale-vertical scrollbarbutton-down scrollbarbutton-left scrollbarbutton-right scrollbarbutton-up scrollbar-small scrollbarthumb-horizontal scrollbarthumb-vertical scrollbartrack-horizontal scrollbartrack-vertical separator spinner spinner-downbutton spinner-textfield spinner-upbutton statusbar statusbarpanel tab tabpanels tab-scroll-arrow-back tab-scroll-arrow-forward textfield textfield-multiline toolbar toolbarbutton-dropdown toolbox tooltip treeheadercell treeheadersortarrow treeitem treetwisty treetwistyopen treeview window background-image gradients -moz-linear-gradient -moz-radial-gradient elements -moz-element ...
Pseudo-elements - CSS: Cascading Style Sheets
Web › CSS › Pseudo-elements
8.0 :pseudo-element 9.0 :pseudo-element ::pseudo-element firefox (gecko) 1.0 (1.0) :pseudo-element 1.0 (1.5) :pseudo-element ::pseudo-element opera 4.0 :pseudo-element 7.0 :pseudo-element ::pseudo-element safari (webkit) 1.0 (85) :pseudo-element ::pseudo-element specifications specification status comment css level 1 recommendation defined pseudo-classes and pseudo-elements.
Selector list - CSS: Cascading Style Sheets
Web › CSS › Selector list
h1 { font-family: sans-serif } h2:maybe-unsupported { font-family: sans-serif } h3 { font-family: sans-serif } :is(h1, h2:maybe-unsupported, h3) { font-family: sans-serif } specifications specification status comment selectors level 4the definition of 'selector lists' in that specification.
Specificity - CSS: Cascading Style Sheets
Web › CSS › Specificity
specifications specification status comment selectors level 4the definition of 'calculating a selector's specificity' in that specification.
Type selectors - CSS: Cascading Style Sheets
Web › CSS › Type selectors
*/ a { color: red; } syntax element { style properties } examples css span { background-color: skyblue; } html <span>here's a span with some text.</span> <p>here's a p with some text.</p> <span>here's a span with more text.</span> result specifications specification status comment selectors level 4the definition of 'type (tag name) selector' in that specification.
Universal selectors - CSS: Cascading Style Sheets
Web › CSS › Universal selectors
</p> result specifications specification status comment selectors level 4the definition of 'universal selector' in that specification.
Value definition syntax - CSS: Cascading Style Sheets
Web › CSS › Value definition syntax
specifications specification status comment css values and units module level 3the definition of 'value definition syntax' in that specification.
Actual value - CSS: Cascading Style Sheets
Web › CSS › actual value
specifications specification status comment css level 2 (revision 1)the definition of 'actual value' in that specification.
align-content - CSS: Cascading Style Sheets
Web › CSS › align-content
document.getelementbyid('values'); var display = document.getelementbyid('display'); var container = document.getelementbyid('container'); values.addeventlistener('change', function (evt) { container.style.aligncontent = evt.target.value; }); display.addeventlistener('change', function (evt) { container.classname = evt.target.value; }); result specifications specification status comment css box alignment module level 3the definition of 'align-content' in that specification.
align-items - CSS: Cascading Style Sheets
Web › CSS › align-items
= document.getelementbyid('values'); var display = document.getelementbyid('display'); var container = document.getelementbyid('container'); values.addeventlistener('change', function (evt) { container.style.alignitems = evt.target.value; }); display.addeventlistener('change', function (evt) { container.classname = evt.target.value; }); result specifications specification status comment css box alignment module level 3the definition of 'align-items' in that specification.
align-self - CSS: Cascading Style Sheets
Web › CSS › align-self
| flex-start | flex-end examples html <section> <div>item #1</div> <div>item #2</div> <div>item #3</div> </section> css section { display: flex; align-items: center; height: 120px; background: beige; } div { height: 60px; background: cyan; margin: 5px; } div:nth-child(3) { align-self: flex-end; background: pink; } result specifications specification status comment css box alignment module level 3the definition of 'align-self' in that specification.
all - CSS: Cascading Style Sheets
Web › CSS › all
specifications specification status comment css cascading and inheritance level 4the definition of 'all' in that specification.
<alpha-value> - CSS: Cascading Style Sheets
Web › CSS › alpha-value
here an alpha value is used to set partially transparent text: /* <rgba()> */ color: rgba(34, 12, 64, 0.6); color: rgba(34.0 12 64 / 60%); setting shape image threshold here an alpha value is used to determine which parts of an image are considered part of a shape: /* shape-image-threshold */ shape-image-threshold: 70%; shape-image-threshold: 0.7; specifications specification status comment css color module level 4the definition of '<alpha-value>' in that specification.
<angle-percentage> - CSS: Cascading Style Sheets
Web › CSS › angle-percentage
specifications specification status comment css values and units module level 4the definition of '<angle-percentage>' in that specification.
<angle> - CSS: Cascading Style Sheets
Web › CSS › angle
setting a clockwise right angle 90deg = 100grad = 0.25turn ≈ 1.5708rad setting a flat angle 180deg = 200grad = 0.5turn ≈ 3.1416rad setting a counterclockwise right angle -90deg = -100grad = -0.25turn ≈ -1.5708rad setting a null angle 0 = 0deg = 0grad = 0turn = 0rad specifications specification status comment css values and units module level 4the definition of '<angle>' in that specification.
animation-delay - CSS: Cascading Style Sheets
Web › CSS › animation-delay
specifications specification status comment css animationsthe definition of 'animation-delay' in that specification.
animation-direction - CSS: Cascading Style Sheets
Web › CSS › animation-direction
specifications specification status comment css animationsthe definition of 'animation-direction' in that specification.
animation-duration - CSS: Cascading Style Sheets
Web › CSS › animation-duration
specifications specification status comment css animationsthe definition of 'animation-duration' in that specification.
animation-fill-mode - CSS: Cascading Style Sheets
Web › CSS › animation-fill-mode
specifications specification status comment css animationsthe definition of 'animation-fill-mode' in that specification.
animation-iteration-count - CSS: Cascading Style Sheets
Web › CSS › animation-iteration-count
specifications specification status comment css animationsthe definition of 'animation-iteration-count' in that specification.
animation-name - CSS: Cascading Style Sheets
Web › CSS › animation-name
specifications specification status comment css animationsthe definition of 'animation-name' in that specification.
animation-play-state - CSS: Cascading Style Sheets
Web › CSS › animation-play-state
specifications specification status comment css animationsthe definition of 'animation-play-state' in that specification.
animation-timing-function - CSS: Cascading Style Sheets
Web › CSS › animation-timing-function
ump-none { animation-timing-function: steps(5, jump-none); } .jump-both { animation-timing-function: steps(5, jump-both); } .start { animation-timing-function: steps(5, start); } .end { animation-timing-function: steps(5, end); } .step-start { animation-timing-function: step-start; } .step-end { animation-timing-function: step-end; } specifications specification status comment css animationsthe definition of 'animation-timing-function' in that specification.
animation - CSS: Cascading Style Sheets
Web › CSS › animation
specifications specification status comment css animationsthe definition of 'animation' in that specification.
aspect-ratio - CSS: Cascading Style Sheets
Web › CSS › aspect-ratio
in firefox, the internal stylesheet rule looks like this: img, input[type="image"], video, embed, iframe, marquee, object, table { aspect-ratio: attr(width) / attr(height); } specifications specification status comment css box sizing module level 4the definition of 'aspect-ratio' in that specification.
attr() - CSS: Cascading Style Sheets
Web › CSS › attr
"; } result <color> value html <div class="background" data-background="lime">background expected to be red if your browser does not support advanced usage of attr()</div> css .background { height: 100vh; } .background { background-color: red; } .background[data-background] { background-color: attr(data-background color, red); } specifications specification status comment css values and units module level 4the definition of 'attr()' in that specification.
backdrop-filter - CSS: Cascading Style Sheets
Web › CSS › backdrop-filter
166, 166), rgb(0, 0, 172)); background-position: center center; background-repeat: no-repeat; background-size: cover; } .container { align-items: center; display: flex; justify-content: center; height: 100%; width: 100%; } html <div class="container"> <div class="box"> <p>backdrop-filter: blur(10px)</p> </div> </div> result specifications specification status comment filter effects module level 2the definition of 'backdrop-filter' in that specification.
backface-visibility - CSS: Cascading Style Sheets
Web › CSS › backface-visibility
op { background: rgba(196, 196, 0, 0.7); transform: rotatex(90deg) translatez(50px); } .bottom { background: rgba(196, 0, 196, 0.7); transform: rotatex(-90deg) translatez(50px); } /* make the table a little nicer */ th, p, td { background-color: #eeeeee; margin: 0px; padding: 6px; font-family: sans-serif; text-align: left; } result specifications specification status comment css transforms level 2the definition of 'backface-visibility' in that specification.
background-attachment - CSS: Cascading Style Sheets
Web › CSS › background-attachment
</p> css p { background-image: url("https://mdn.mozillademos.org/files/12057/starsolid.gif"), url("https://mdn.mozillademos.org/files/12059/startransparent.gif"); background-attachment: fixed, scroll; background-repeat: no-repeat, repeat-y; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'background-attachment' in that specification.
background-blend-mode - CSS: Cascading Style Sheets
Web › CSS › background-blend-mode
.org/files/8543/br.png'),url('https://mdn.mozillademos.org/files/8545/tr.png'); background-blend-mode: screen; } document.getelementbyid("select").onchange = function(event) { document.getelementbyid("div").style.backgroundblendmode = document.getelementbyid("select").selectedoptions[0].innerhtml; } console.log(document.getelementbyid('div')); specifications specification status comment compositing and blending level 1the definition of 'background-blend-mode' in that specification.
background-clip - CSS: Cascading Style Sheets
Web › CSS › background-clip
ar-gradient(60deg, red, yellow, red, yellow, red); font: 900 1.2em sans-serif; text-decoration: underline; } .border-box { background-clip: border-box; } .padding-box { background-clip: padding-box; } .content-box { background-clip: content-box; } .text { background-clip: text; -webkit-background-clip: text; color: rgba(0,0,0,.2); } result specifications specification status comment css backgrounds and borders module level 3the definition of 'background-clip' in that specification.
background-image - CSS: Cascading Style Sheets
Web › CSS › background-image
nd-color: transparent; } div { background-image: url("https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png"); } .catsandstars { background-image: url("https://mdn.mozillademos.org/files/11991/startransparent.gif"), url("https://mdn.mozillademos.org/files/7693/catfront.png"); background-color: transparent; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'background-image' in that specification.
background-origin - CSS: Cascading Style Sheets
Web › CSS › background-origin
#example2 { border: 4px solid black; padding: 10px; background: url('image.gif'); background-repeat: no-repeat; background-origin: border-box; } div { background-image: url('logo.jpg'), url('mainback.png'); /* applies two images to the background */ background-position: top right, 0px 0px; background-origin: content-box, padding-box; } specifications specification status comment css backgrounds and borders module level 3the definition of 'background-origin' in that specification.
background-position-x - CSS: Cascading Style Sheets
Web › CSS › background-position-x
html <div></div> css div { width: 300px; height: 300px; background-color: skyblue; background-image: url(https://media.prod.mdn.mozit.cloud/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png); background-repeat: no-repeat; background-position-x: center; background-position-y: bottom 10px; } result specifications specification status comment css backgrounds and borders module level 4the definition of 'background-position-x' in that specification.
background-position-y - CSS: Cascading Style Sheets
Web › CSS › background-position-y
html <div></div> css div { width: 300px; height: 300px; background-color: skyblue; background-image: url(https://media.prod.mdn.mozit.cloud/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png); background-repeat: no-repeat; background-position-x: center; background-position-y: bottom 10px; } result specifications specification status comment css backgrounds and borders module level 4the definition of 'background-position-y' in that specification.
background-position - CSS: Cascading Style Sheets
Web › CSS › background-position
*/ .examplethree { background-image: url("https://mdn.mozillademos.org/files/11987/startransparent.gif"), url("https://mdn.mozillademos.org/files/7693/catfront.png"); background-position: 0px 0px, right 3em bottom 2em; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'background-position' in that specification.
background-repeat - CSS: Cascading Style Sheets
Web › CSS › background-repeat
specifications specification status comment css backgrounds and borders module level 3the definition of 'background-repeat' in that specification.
background-size - CSS: Cascading Style Sheets
Web › CSS › background-size
specifications specification status comment css backgrounds and borders module level 3the definition of 'background-size' in that specification.
background - CSS: Cascading Style Sheets
Web › CSS › background
> examples setting backgrounds with color keywords and images html <p class="topbanner"> starry sky<br/> twinkle twinkle<br/> starry sky </p> <p class="warning">here is a paragraph<p> css .warning { background: pink; } .topbanner { background: url("https://mdn.mozillademos.org/files/11983/starsolid.gif") #99f repeat-y fixed; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'background' in that specification.
<basic-shape> - CSS: Cascading Style Sheets
Web › CSS › basic-shape
100%, 40% 60%, 0% 50%, 40% 40%); animation: 4s poly infinite alternate ease-in-out; margin: 10px auto; } @keyframes poly { from { clip-path: polygon(50% 0%, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0% 50%, 40% 40%); } to { clip-path: polygon(50% 30%, 100% 0%, 70% 50%, 100% 100%, 50% 70%, 0% 100%, 30% 50%, 0% 0%); } } result specifications specification status comment css shapes module level 1the definition of '<basic-shape>' in that specification.
<blend-mode> - CSS: Cascading Style Sheets
Web › CSS › blend-mode
2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png) no-repeat center, linear-gradient(to bottom, blue, orange); } javascript const selectelem = document.queryselector('select'); const divelem = document.queryselector('div'); selectelem.addeventlistener('change', () => { divelem.style.backgroundblendmode = selectelem.value; }); result specifications specification status comment compositing and blending level 1the definition of '<blend-mode>' in that specification.
block-size - CSS: Cascading Style Sheets
Web › CSS › block-size
itednopercentagesblock-size of containing blockcomputed valuesame as width and heightanimation typea length, percentage or calc(); formal syntax <'width'> examples block size with vertical text html <p class="exampletext">example text</p> css .exampletext { writing-mode: vertical-rl; background-color: yellow; block-size: 200px; } result specifications specification status comment css logical properties and values level 1the definition of 'block-size' in that specification.
border-block-color - CSS: Cascading Style Sheets
Web › CSS › border-block-color
coloranimation typediscrete formal syntax <'border-top-color'>{1,2} examples border with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 10px solid blue; border-block-color: red; } results specifications specification status comment css logical properties and values level 1the definition of 'border-block-color' in that specification.
border-block-end-color - CSS: Cascading Style Sheets
Web › CSS › border-block-end-color
ranimation typea color formal syntax <'border-top-color'> examples border color with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 10px solid blue; border-block-end-color: red; } results specifications specification status comment css logical properties and values level 1the definition of 'border-block-end-color' in that specification.
border-block-end-style - CSS: Cascading Style Sheets
Web › CSS › border-block-end-style
mation typediscrete formal syntax <'border-top-style'> examples dashed border with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 5px solid blue; border-block-end-style: dashed; } results specifications specification status comment css logical properties and values level 1the definition of 'border-block-end-style' in that specification.
border-block-end-width - CSS: Cascading Style Sheets
Web › CSS › border-block-end-width
nanimation typea length formal syntax <'border-top-width'> examples border width with veritcal text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 1px solid blue; border-block-end-width: 5px; } results specifications specification status comment css logical properties and values level 1the definition of 'border-block-end-width' in that specification.
border-block-end - CSS: Cascading Style Sheets
Web › CSS › border-block-end
)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples border with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; border-block-end: 5px dashed blue; } results specifications specification status comment css logical properties and values level 1the definition of 'border-block-end' in that specification.
border-block-start-color - CSS: Cascading Style Sheets
Web › CSS › border-block-start-color
nimation typea color formal syntax <'border-top-color'> examples border color with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 10px solid blue; border-block-start-color: red; } results specifications specification status comment css logical properties and values level 1the definition of 'border-block-start-color' in that specification.
border-block-start-style - CSS: Cascading Style Sheets
Web › CSS › border-block-start-style
tion typediscrete formal syntax <'border-top-style'> examples dashed border wtih vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 5px solid blue; border-block-start-style: dashed; } results specifications specification status comment css logical properties and values level 1the definition of 'border-block-start-style' in that specification.
border-block-start-width - CSS: Cascading Style Sheets
Web › CSS › border-block-start-width
nimation typea length formal syntax <'border-top-width'> examples border width with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 1px solid blue; border-block-start-width: 5px; } results specifications specification status comment css logical properties and values level 1the definition of 'border-block-start-width' in that specification.
border-block-start - CSS: Cascading Style Sheets
Web › CSS › border-block-start
)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples border with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; border-block-start: 5px dashed blue; } specifications specification status comment css logical properties and values level 1the definition of 'border-block-start' in that specification.
border-block-style - CSS: Cascading Style Sheets
Web › CSS › border-block-style
danimation typediscrete formal syntax <'border-top-style'> examples dashed border with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 5px solid blue; border-block-style: dashed; } results specifications specification status comment css logical properties and values level 1the definition of 'border-block-style' in that specification.
border-block-width - CSS: Cascading Style Sheets
Web › CSS › border-block-width
iddenanimation typediscrete formal syntax <'border-top-width'> examples border width with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 1px solid blue; border-block-width: 5px; } results specifications specification status comment css logical properties and values level 1the definition of 'border-block-width' in that specification.
border-block - CSS: Cascading Style Sheets
Web › CSS › border-block
)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples border with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; border-block: 5px dashed blue; } results specifications specification status comment css logical properties and values level 1the definition of 'border-block' in that specification.
border-bottom-color - CSS: Cascading Style Sheets
Web › CSS › border-bottom-color
note which side of the box is <span class="redtext">red</span>.</p> </div> css .mybox { border: solid 0.3em gold; border-bottom-color: red; width: auto; } .redtext { color: red; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-bottom-color' in that specification.
border-bottom-left-radius - CSS: Cascading Style Sheets
Web › CSS › border-bottom-left-radius
the background color is clipped at the border div { border-bottom-left-radius:40%; border-style: black 3px double; background-color: rgb(250,20,70); background-clip: content-box; } specifications specification status comment css backgrounds and borders module level 3the definition of 'border-bottom-left-radius' in that specification.
border-bottom-right-radius - CSS: Cascading Style Sheets
Web › CSS › border-bottom-right-radius
the background color is clipped at the border div { border-bottom-right-radius:40%; border-style: black 3px double; background-color: rgb(250,20,70); background-clip: content-box; } specifications specification status comment css backgrounds and borders module level 3the definition of 'border-bottom-right-radius' in that specification.
border-bottom-style - CSS: Cascading Style Sheets
Web › CSS › border-bottom-style
.b1 {border-bottom-style: none;} .b2 {border-bottom-style: hidden;} .b3 {border-bottom-style: dotted;} .b4 {border-bottom-style: dashed;} .b5 {border-bottom-style: solid;} .b6 {border-bottom-style: double;} .b7 {border-bottom-style: groove;} .b8 {border-bottom-style: ridge;} .b9 {border-bottom-style: inset;} .b10 {border-bottom-style: outset;} result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-bottom-style' in that specification.
border-bottom-width - CSS: Cascading Style Sheets
Web › CSS › border-bottom-width
ion typea length formal syntax <line-width>where <line-width> = <length> | thin | medium | thick examples comparing bottom border widths html <div>element 1</div> <div>element 2</div> css div { border: 1px solid red; margin: 1em 0; } div:nth-child(1) { border-bottom-width: thick; } div:nth-child(2) { border-bottom-width: 2em; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-bottom-width' in that specification.
border-bottom - CSS: Cascading Style Sheets
Web › CSS › border-bottom
</div> css div { border-bottom: 4px dashed blue; background-color: gold; height: 100px; width: 100px; font-weight: bold; text-align: center; } results specifications specification status comment css backgrounds and borders module level 3the definition of 'border-bottom' in that specification.
border-collapse - CSS: Cascading Style Sheets
Web › CSS › border-collapse
table td { border: solid 3px; } .fx { border-color: orange blue; } .gk { border-color: black red; } .ed { border-color: blue gold; } .tr { border-color: aqua; } .sa { border-color: silver blue; } .wk { border-color: gold blue; } .ch { border-color: red yellow green blue; } .bk { border-color: navy blue teal aqua; } .op { border-color: red; } result specifications specification status comment css level 2 (revision 1)the definition of 'border-collapse' in that specification.
border-color - CSS: Cascading Style Sheets
Web › CSS › border-color
div> css #justone { border-color: red; } #horzvert { border-color: gold red; } #topvertbott { border-color: red cyan gold; } #trbl { border-color: red cyan black gold; } /* set width and style for all divs */ div { border: solid 0.3em; width: auto; margin: 0.5em; padding: 0.5em; } ul { margin: 0; list-style: none; } result specifications specification status comment css logical properties and values level 1 editor's draft added the logical keyword.
border-end-end-radius - CSS: Cascading Style Sheets
Web › CSS › border-end-end-radius
> examples border radius with vertical text html <div> <p class="exampletext">example</p> </div> css content div { background-color: rebeccapurple; width: 120px; height: 120px; border-end-end-radius: 10px; } .exampletext { writing-mode: vertical-rl; padding: 10px; background-color: #fff; border-end-end-radius: 10px; } results specifications specification status comment css logical properties and values level 1the definition of 'border-end-end-radius' in that specification.
border-end-start-radius - CSS: Cascading Style Sheets
Web › CSS › border-end-start-radius
tage> examples border radius with vertical text html <div> <p class="exampletext">example</p> </div> css div { background-color: rebeccapurple; width: 120px; height: 120px; border-end-start-radius: 10px; } .exampletext { writing-mode: vertical-rl; padding: 10px; background-color: #fff; border-end-start-radius: 10px; } results specifications specification status comment css logical properties and values level 1the definition of 'border-end-start-radius' in that specification.
border-image-outset - CSS: Cascading Style Sheets
Web › CSS › border-image-outset
yntax [ <length> | <number> ]{1,4} examples outsetting a border image html <div id="outset">this element has an outset border image!</div> css #outset { width: 10rem; background: #cef; border: 1.4rem solid; border-image: radial-gradient(#ff2, #55f) 40; border-image-outset: 1.5; /* 1.5 × 1.4rem = 2.1rem */ margin: 2.1rem; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-image-outset' in that specification.
border-image-repeat - CSS: Cascading Style Sheets
Web › CSS › border-image-repeat
space</option> <option value="stretch repeat">stretch repeat</option> <option value="space round">space round</option> </select> javascript var repetition = document.getelementbyid("repetition"); repetition.addeventlistener("change", function (evt) { document.getelementbyid("bordered").style.borderimagerepeat = evt.target.value; }); results specifications specification status comment css backgrounds and borders module level 3the definition of 'border-image-repeat' in that specification.
border-image-slice - CSS: Cascading Style Sheets
Web › CSS › border-image-slice
); widthslider.addeventlistener('input', () => { const newvalue = widthslider.value + 'px'; divelem.style.borderwidth = newvalue; widthoutput.textcontent = newvalue; }) sliceslider.addeventlistener('input', () => { const newvalue = sliceslider.value; divelem.style.borderimageslice = newvalue; sliceoutput.textcontent = newvalue; }) result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-image-slice' in that specification.
border-image-source - CSS: Cascading Style Sheets
Web › CSS › border-image-source
specifications specification status comment css backgrounds and borders module level 3the definition of 'border-image-source' in that specification.
border-image-width - CSS: Cascading Style Sheets
Web › CSS › border-image-width
stet clita kasd gubergren, no sea takimata sanctus est lorem ipsum dolor sit amet.</p> css p { border: 20px solid; border-image: url("/static/external/21/214842819586a8dd293c17b38d0fd0e26430146a86dd04294a53ecaeeea7d0e2.png") 30 round; border-image-width: 16px; padding: 40px; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-image-width' in that specification.
border-image - CSS: Cascading Style Sheets
Web › CSS › border-image
px 14px 9px 4px /* outset */ round; /* repeat */ } result gradient html <div id="gradient">this element is surrounded by a gradient-based border image!</div> css #gradient { width: 200px; border: 30px solid; border-image: repeating-linear-gradient(45deg, #f33, #3bf, #f33 30px) 60; padding: 20px; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-image' in that specification.
border-inline-color - CSS: Cascading Style Sheets
Web › CSS › border-inline-color
imation typediscrete formal syntax <'border-top-color'>{1,2} examples border color with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 10px solid blue; border-inline-color: red; } results specifications specification status comment css logical properties and values level 1the definition of 'border-inline-color' in that specification.
border-inline-end-color - CSS: Cascading Style Sheets
Web › CSS › border-inline-end-color
ntsinheritednocomputed valuecomputed coloranimation typea color formal syntax <'border-top-color'> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 10px solid blue; border-inline-end-color: red; } specifications specification status comment css logical properties and values level 1the definition of 'border-inline-end-color' in that specification.
border-inline-end-style - CSS: Cascading Style Sheets
Web › CSS › border-inline-end-style
ednocomputed valueas specifiedanimation typediscrete formal syntax <'border-top-style'> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 5px solid blue; border-inline-end-style: dashed; } results specifications specification status comment css logical properties and values level 1the definition of 'border-inline-end-style' in that specification.
border-inline-end-width - CSS: Cascading Style Sheets
Web › CSS › border-inline-end-width
tion typea length formal syntax <'border-top-width'> examples applying a border with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 1px solid blue; border-inline-end-width: 5px; } results specifications specification status comment css logical properties and values level 1the definition of 'border-inline-end-width' in that specification.
border-inline-end - CSS: Cascading Style Sheets
Web › CSS › border-inline-end
)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; border-inline-end: 5px dashed blue; } specifications specification status comment css logical properties and values level 1the definition of 'border-inline-end' in that specification.
border-inline-start-color - CSS: Cascading Style Sheets
Web › CSS › border-inline-start-color
sinheritednocomputed valuecomputed coloranimation typea color formal syntax <'border-top-color'> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 10px solid blue; border-inline-start-color: red; } specifications specification status comment css logical properties and values level 1the definition of 'border-inline-start-color' in that specification.
border-inline-start-style - CSS: Cascading Style Sheets
Web › CSS › border-inline-start-style
inheritednocomputed valueas specifiedanimation typediscrete formal syntax <'border-top-style'> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 5px solid blue; border-inline-start-style: dashed; } specifications specification status comment css logical properties and values level 1the definition of 'border-inline-start-style' in that specification.
border-inline-start-width - CSS: Cascading Style Sheets
Web › CSS › border-inline-start-width
0 if the border style is none or hiddenanimation typea length formal syntax <'border-top-width'> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 1px solid blue; border-inline-start-width: 5px; } specifications specification status comment css logical properties and values level 1the definition of 'border-inline-start-width' in that specification.
border-inline-start - CSS: Cascading Style Sheets
Web › CSS › border-inline-start
)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; border-inline-start: 5px dashed blue; } specifications specification status comment css logical properties and values level 1the definition of 'border-inline-start' in that specification.
border-inline-style - CSS: Cascading Style Sheets
Web › CSS › border-inline-style
ocomputed valueas specifiedanimation typediscrete formal syntax <'border-top-style'> examples html content <div> <p class="exampletext">example text</p> </div> css content div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 5px solid blue; border-inline-style: dashed; } specifications specification status comment css logical properties and values level 1the definition of 'border-inline-style' in that specification.
border-inline-width - CSS: Cascading Style Sheets
Web › CSS › border-inline-width
; 0 if the border style is none or hiddenanimation typediscrete formal syntax <'border-top-width'> examples html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; border: 1px solid blue; border-inline-width: 5px 10px; } specifications specification status comment css logical properties and values level 1the definition of 'border-inline-width' in that specification.
border-inline - CSS: Cascading Style Sheets
Web › CSS › border-inline
)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples border with vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; border-inline: 5px dashed blue; } results specifications specification status comment css logical properties and values level 1the definition of 'border-inline' in that specification.
border-left-color - CSS: Cascading Style Sheets
Web › CSS › border-left-color
note which side of the box is <span class="redtext">red</span>.</p> </div> css .mybox { border: solid 0.3em gold; border-left-color: red; width: auto; } .redtext { color: red; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-left-color' in that specification.
border-left-style - CSS: Cascading Style Sheets
Web › CSS › border-left-style
e example classes */ .b1 {border-left-style: none;} .b2 {border-left-style: hidden;} .b3 {border-left-style: dotted;} .b4 {border-left-style: dashed;} .b5 {border-left-style: solid;} .b6 {border-left-style: double;} .b7 {border-left-style: groove;} .b8 {border-left-style: ridge;} .b9 {border-left-style: inset;} .b10 {border-left-style: outset;} result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-left-style' in that specification.
border-left-width - CSS: Cascading Style Sheets
Web › CSS › border-left-width
iddenanimation typea length formal syntax <line-width>where <line-width> = <length> | thin | medium | thick examples comparing border widths html <div>element 1</div> <div>element 2</div> css div { border: 1px solid red; margin: 1em 0; } div:nth-child(1) { border-left-width: thick; } div:nth-child(2) { border-left-width: 2em; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-left-width' in that specification.
border-left - CSS: Cascading Style Sheets
Web › CSS › border-left
</div> css div { border-left: 4px dashed blue; background-color: gold; height: 100px; width: 100px; font-weight: bold; text-align: center; } results specifications specification status comment css backgrounds and borders module level 3the definition of 'border-left' in that specification.
border-radius - CSS: Cascading Style Sheets
Web › CSS › border-radius
x; border-radius: 10px 40px; border: dashed; border-width: 2px 4px; border-radius: 40px; live samples sample 1 : http://jsfiddle.net/tripad/qngkj/2/ sample 2 : http://jsfiddle.net/tripad/qngkj/3/ sample 3 : http://jsfiddle.net/tripad/qngkj/4/ sample 4 : http://jsfiddle.net/tripad/qngkj/5/ sample 5 : http://jsfiddle.net/tripad/qngkj/6/ specifications specification status comment css backgrounds and borders module level 3the definition of 'border-radius' in that specification.
border-right-color - CSS: Cascading Style Sheets
Web › CSS › border-right-color
note which side of the box is <span class="redtext">red</span>.</p> </div> css .mybox { border: solid 0.3em gold; border-right-color: red; width: auto; } .redtext { color: red; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-right-color' in that specification.
border-right-style - CSS: Cascading Style Sheets
Web › CSS › border-right-style
classes */ .b1 {border-right-style: none;} .b2 {border-right-style: hidden;} .b3 {border-right-style: dotted;} .b4 {border-right-style: dashed;} .b5 {border-right-style: solid;} .b6 {border-right-style: double;} .b7 {border-right-style: groove;} .b8 {border-right-style: ridge;} .b9 {border-right-style: inset;} .b10 {border-right-style: outset;} result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-right-style' in that specification.
border-right-width - CSS: Cascading Style Sheets
Web › CSS › border-right-width
denanimation typea length formal syntax <line-width>where <line-width> = <length> | thin | medium | thick examples comparing border widths html <div>element 1</div> <div>element 2</div> css div { border: 1px solid red; margin: 1em 0; } div:nth-child(1) { border-right-width: thick; } div:nth-child(2) { border-right-width: 2em; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-right-width' in that specification.
border-right - CSS: Cascading Style Sheets
Web › CSS › border-right
</div> css div { border-right: 4px dashed blue; background-color: gold; height: 100px; width: 100px; font-weight: bold; text-align: center; } results specifications specification status comment css backgrounds and borders module level 3the definition of 'border-right' in that specification.
border-spacing - CSS: Cascading Style Sheets
Web › CSS › border-spacing
td>2</td><td>3</td> </tr> <tr> <td>4</td><td>5</td><td>6</td> </tr> <tr> <td>7</td><td>8</td><td>9</td> </tr> </table> css table { border-spacing: 1em .5em; padding: 0 2em 1em 0; border: 1px solid orange; } td { width: 1.5em; height: 1.5em; background: #d2d2d2; text-align: center; vertical-align: middle; } result specifications specification status comment css level 2 (revision 1)the definition of 'border-spacing' in that specification.
border-start-end-radius - CSS: Cascading Style Sheets
Web › CSS › border-start-end-radius
tage> examples border radius with vertical text html <div> <p class="exampletext">example</p> </div> css div { background-color: rebeccapurple; width: 120px; height: 120px; border-start-end-radius: 10px; } .exampletext { writing-mode: vertical-rl; padding: 10px; background-color: #fff; border-start-end-radius: 10px; } results specifications specification status comment css logical properties and values level 1the definition of 'border-start-end-radius' in that specification.
border-start-start-radius - CSS: Cascading Style Sheets
Web › CSS › border-start-start-radius
> examples border radius with vertical text html <div> <p class="exampletext">example</p> </div> css div { background-color: rebeccapurple; width: 120px; height: 120px; border-start-start-radius: 10px; } .exampletext { writing-mode: vertical-rl; padding: 10px; background-color: #fff; border-start-start-radius: 10px; } results specifications specification status comment css logical properties and values level 1the definition of 'border-start-start-radius' in that specification.
border-style - CSS: Cascading Style Sheets
Web › CSS › border-style
color: #52e396; } tr, td { padding: 2px; } /* border-style example classes */ .b1 {border-style:none;} .b2 {border-style:hidden;} .b3 {border-style:dotted;} .b4 {border-style:dashed;} .b5 {border-style:solid;} .b6 {border-style:double;} .b7 {border-style:groove;} .b8 {border-style:ridge;} .b9 {border-style:inset;} .b10 {border-style:outset;} result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-style' in that specification.
border-top-color - CSS: Cascading Style Sheets
Web › CSS › border-top-color
note which side of the box is <span class="redtext">red</span>.</p> </div> css .mybox { border: solid 0.3em gold; border-top-color: red; width: auto; } .redtext { color: red; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-top-color' in that specification.
border-top-left-radius - CSS: Cascading Style Sheets
Web › CSS › border-top-left-radius
the box is not a square: an arc of ellipse is used as the border div { border-top-left-radius: 40%; } the background color is clipped at the border div { border-top-left-radius:40%; border-style: black 3px double; background-color: rgb(250,20,70); background-clip: content-box; } specifications specification status comment css backgrounds and borders module level 3the definition of 'border-top-left-radius' in that specification.
border-top-right-radius - CSS: Cascading Style Sheets
Web › CSS › border-top-right-radius
the box is not a square: an arc of ellipse is used as the border div { border-top-right-radius: 40%; } the background color is clipped at the border div { border-top-right-radius:40%; border-style: black 3px double; background-color: rgb(250,20,70); background-clip: content-box; } specifications specification status comment css backgrounds and borders module level 3the definition of 'border-top-right-radius' in that specification.
border-top-style - CSS: Cascading Style Sheets
Web › CSS › border-top-style
r-top-style example classes */ .b1 {border-top-style: none;} .b2 {border-top-style: hidden;} .b3 {border-top-style: dotted;} .b4 {border-top-style: dashed;} .b5 {border-top-style: solid;} .b6 {border-top-style: double;} .b7 {border-top-style: groove;} .b8 {border-top-style: ridge;} .b9 {border-top-style: inset;} .b10 {border-top-style: outset;} result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-top-style' in that specification.
border-top-width - CSS: Cascading Style Sheets
Web › CSS › border-top-width
rder-top-style is none or hiddenanimation typea length formal syntax <line-width>where <line-width> = <length> | thin | medium | thick examples html <div>element 1</div> <div>element 2</div> css div { border: 1px solid red; margin: 1em 0; } div:nth-child(1) { border-top-width: thick; } div:nth-child(2) { border-top-width: 2em; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-top-width' in that specification.
border-top - CSS: Cascading Style Sheets
Web › CSS › border-top
</div> css div { border-top: 4px dashed blue; background-color: gold; height: 100px; width: 100px; font-weight: bold; text-align: center; } results specifications specification status comment css backgrounds and borders module level 3the definition of 'border-top' in that specification.
border-width - CSS: Cascading Style Sheets
Web › CSS › border-width
bottom, and 1em left</p> css #sval { border: ridge #ccc; border-width: 6px; } #bival { border: solid red; border-width: 2px 10px; } #treval { border: dotted orange; border-width: 0.3em 0 9px; } #fourval { border: solid lightgreen; border-width: thin medium thick 1em; } p { width: auto; margin: 0.25em; padding: 0.25em; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border-width' in that specification.
border - CSS: Cascading Style Sheets
Web › CSS › border
amazing, isn't it?</div> css div { border: 0.5rem outset pink; outline: 0.5rem solid khaki; box-shadow: 0 0 0 2rem skyblue; border-radius: 12px; font: bold 1rem sans-serif; margin: 2rem; padding: 1rem; outline-offset: 0.5rem; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'border' in that specification.
bottom - CSS: Cascading Style Sheets
Web › CSS › bottom
ass="fixed"><p>fixed</p></div> <div class="absolute"><p>absolute</p></div> css p { font-size: 30px; line-height: 2em; } div { width: 48%; text-align: center; background: rgba(55,55,55,.2); border: 1px solid blue; } .absolute { position: absolute; bottom: 0; left: 0; } .fixed { position: fixed; bottom: 0; right: 0; } result specifications specification status comment css positioned layout module level 3the definition of 'bottom' in that specification.
box-decoration-break - CSS: Cascading Style Sheets
Web › CSS › box-decoration-break
specifications specification status comment css fragmentation module level 3the definition of 'box-decoration-break' in that specification.
box-shadow - CSS: Cascading Style Sheets
Web › CSS › box-shadow
html <div><p>hello world</p></div> css p { box-shadow: 0 0 0 2em #f4aab9, 0 0 0 4em #66ccff; margin: 4em; padding:1em; } result specifications specification status comment css backgrounds and borders module level 3the definition of 'box-shadow' in that specification.
box-sizing - CSS: Cascading Style Sheets
Web › CSS › box-sizing
16px total height: 80px + (2 * 20px) + (2 * 8px) = 136px content box width: 160px content box height: 80px */ } .border-box { box-sizing: border-box; /* total width: 160px total height: 80px content box width: 160px - (2 * 20px) - (2 * 8px) = 104px content box height: 80px - (2 * 20px) - (2 * 8px) = 24px */ } result specifications specification status comment css basic user interface module level 3the definition of 'box-sizing' in that specification.
break-after - CSS: Cascading Style Sheets
Web › CSS › break-after
suscipit faucibus dui sed ultricies.</p> </article> css html { font-family: helvetica, arial, sans-serif; } h1 { font-size: 3rem; letter-spacing: 2px; column-span: all; } h2 { font-size: 1.2rem; color: red; letter-spacing: 1px; } p { line-height: 1.5; break-after: column; } article { column-width: 200px; gap: 20px; } result specifications specification status comment css fragmentation module level 3the definition of 'break-after' in that specification.
break-before - CSS: Cascading Style Sheets
Web › CSS › break-before
uscipit faucibus dui sed ultricies.</p> </article> css html { font-family: helvetica, arial, sans-serif; } h1 { font-size: 3rem; letter-spacing: 2px; column-span: all; } h2 { font-size: 1.2rem; color: red; letter-spacing: 1px; break-before: column; } p { line-height: 1.5; } article { column-width: 200px; gap: 20px; } result specifications specification status comment css fragmentation module level 3the definition of 'break-before' in that specification.
break-inside - CSS: Cascading Style Sheets
Web › CSS › break-inside
m; letter-spacing: 2px; column-span: all; } h1 + p { margin-top: 0; } p { line-height: 1.5; break-after: column; } figure { break-inside: avoid; } img { max-width: 70%; display: block; margin: 0 auto; } figcaption { font-style: italic; font-size: 0.8rem; width: 70%; } article { column-width: 200px; gap: 20px; } result specifications specification status comment css fragmentation module level 3the definition of 'break-inside' in that specification.
calc() - CSS: Cascading Style Sheets
Web › CSS › calc
specifications specification status comment css values and units module level 3the definition of 'calc()' in that specification.
caption-side - CSS: Cascading Style Sheets
Web › CSS › caption-side
ome more data</td> </tr> </table> <br> <table class="bottom"> <caption>caption below the table</caption> <tr> <td>some data</td> <td>some more data</td> </tr> </table> css .top caption { caption-side: top; } .bottom caption { caption-side: bottom; } table { border: 1px solid red; } td { border: 1px solid blue; } result specifications specification status comment css logical properties and values level 1the definition of 'caption-side' in that specification.
caret-color - CSS: Cascading Style Sheets
Web › CSS › caret-color
ze="64"/> <input class="custom" value="i have a custom caret color!" size="64"/> <p contenteditable class="custom">this paragraph can be edited, and its caret has a custom color as well!</p> css input { caret-color: auto; display: block; margin-bottom: .5em; } input.custom { caret-color: red; } p.custom { caret-color: green; } result specifications specification status comment css basic user interface module level 3the definition of 'caret-color' in that specification.
clamp() - CSS: Cascading Style Sheets
Web › CSS › clamp
</p> css html { font-family: sans-serif; } body { margin: 0 auto; width: min(1000px, calc(70% + 100px)); } h1 { letter-spacing: 2px; font-size: clamp(1.8rem, 2.5vw, 2.8rem); } p { line-height: 1.5; font-size: max(1.2rem, 1.2vw); } specifications specification status comment css values and units module level 4the definition of 'clamp()' in that specification.
clear - CSS: Cascading Style Sheets
Web › CSS › clear
lass="both">this paragraph clears both.</p> </div> css .wrapper{ border:1px solid black; padding:10px; } .both { border: 1px solid black; clear: both; } .black { float: left; margin: 0; background-color: black; color: #fff; width:20%; } .red { float: right; margin: 0; background-color: pink; width:20%; } p { width: 45%; } specifications specification status comment css logical properties and values level 1the definition of 'float and clear' in that specification.
clip-path - CSS: Cascading Style Sheets
Web › CSS › clip-path
110 a 110,90 0,0,1 240,100 l 200 340 z')">path</option> </select> css #clipped { margin-bottom: 20px; clip-path: url(#cross); } javascript const clippathselect = document.getelementbyid("clippath"); clippathselect.addeventlistener("change", function (evt) { document.getelementbyid("clipped").style.clippath = evt.target.value; }); result specifications specification status comment css masking module level 1the definition of 'clip-path' in that specification.
clip - CSS: Cascading Style Sheets
Web › CSS › clip
ps://udn.realityripple.com/samples/8f/15174f3500.jpg" title="graphic clipped to upper left"> <img id="middle" src="https://udn.realityripple.com/samples/8f/15174f3500.jpg" title="graphic clipped towards middle"> <img id="bottom-right" src="https://udn.realityripple.com/samples/8f/15174f3500.jpg" title="graphic clipped to bottom right"> </p> result specifications specification status comment css masking module level 1the definition of 'clip' in that specification.
color-adjust - CSS: Cascading Style Sheets
Web › CSS › color-adjust
background-image: linear-gradient(rgba(0, 0, 180, 0.5), rgba(70, 140, 220, 0.5)); color: #900; width: 15rem; height: 6rem; text-align: center; font: 24px "helvetica", sans-serif; display: flex; align-items: center; justify-content: center; color-adjust: exact; } html <div class="my-box"> <p>need more contrast!</p> </div> result specifications specification status comment css color adjustment module level 1the definition of 'color-adjust' in that specification.
color - CSS: Cascading Style Sheets
Web › CSS › color
ples making text red the following are all ways to make a paragraph's text red: p { color: red; } p { color: #f00; } p { color: #ff0000; } p { color: rgb(255,0,0); } p { color: rgb(100%, 0%, 0%); } p { color: hsl(0, 100%, 50%); } /* 50% translucent */ p { color: #ff000080; } p { color: rgba(255, 0, 0, 0.5); } p { color: hsla(0, 100%, 50%, 0.5); } specifications specification status comment css color module level 4the definition of 'color' in that specification.
<color> - CSS: Cascading Style Sheets
Web › CSS › color value
/* 5% opaque blue */ hsla(240, 100%, 50%, .4) /* 40% opaque blue */ hsla(240, 100%, 50%, .7) /* 70% opaque blue */ hsla(240, 100%, 50%, 1) /* full opaque blue */ /* whitespace syntax */ hsla(240 100% 50% / .05) /* 5% opaque blue */ /* percentage value for alpha */ hsla(240 100% 50% / 5%) /* 5% opaque blue */ specifications specification status comment css color module level 4 working draft adds rebeccapurple, four- (#rgba) and eight-digit (#rrggbbaa) hexadecimal notations, rgba() and hsla() as aliases of rgb() and hsl() (both with identical parameter syntax), space-separated function parameters as an alternative to commas, percentages for alpha values, and angles for the hue component in hsl() colors.
column-count - CSS: Cascading Style Sheets
Web › CSS › column-count
</p> css .content-box { column-count: 3; } result specifications specification status comment css multi-column layout modulethe definition of 'column-count' in that specification.
column-fill - CSS: Cascading Style Sheets
Web › CSS › column-fill
</p> css .content-box { column-count: 4; column-rule: 1px solid black; column-fill: balance; } result specifications specification status comment css multi-column layout modulethe definition of 'column-fill' in that specification.
column-gap (grid-column-gap) - CSS: Cascading Style Sheets
Web › CSS › column-gap
</p> css .content-box { column-count: 3; column-gap: 40px; } result specifications specification status comment css box alignment module level 3the definition of 'column-gap' in that specification.
column-rule-color - CSS: Cascading Style Sheets
Web › CSS › column-rule-color
don't you think that's wonderful?</p> css p { column-count: 3; column-rule-style: solid; column-rule-color: blue; } result specifications specification status comment css multi-column layout modulethe definition of 'column-rule-color' in that specification.
column-rule-style - CSS: Cascading Style Sheets
Web › CSS › column-rule-style
don't you think that's wonderful?</p> css p { column-count: 3; column-rule-style: dashed; } result specifications specification status comment css multi-column layout modulethe definition of 'column-rule-style' in that specification.
column-rule-width - CSS: Cascading Style Sheets
Web › CSS › column-rule-width
don't you think that's wonderful?</p> css p { column-count: 3; column-rule-style: solid; column-rule-width: thick; } result specifications specification status comment css multi-column layout modulethe definition of 'column-rule-width' in that specification.
column-rule - CSS: Cascading Style Sheets
Web › CSS › column-rule
</p> css .content-box { padding: 0.3em; background: #ff7; column-count: 3; column-rule: inset 2px #33f; } result specifications specification status comment css multi-column layout modulethe definition of 'column-rule' in that specification.
column-span - CSS: Cascading Style Sheets
Web › CSS › column-span
the text is equally distributed over the columns.</p> </article> css article { columns: 3; } h2 { column-span: all; } result specifications specification status comment css multi-column layout modulethe definition of 'column-span' in that specification.
column-width - CSS: Cascading Style Sheets
Web › CSS › column-width
</p> css .content-box { column-width: 100px; } result specifications specification status comment css writing modes level 4the definition of 'column-width' in that specification.
columns - CSS: Cascading Style Sheets
Web › CSS › columns
</p> css .content-box { columns: 3 auto; } result specifications specification status comment css multi-column layout modulethe definition of 'columns' in that specification.
Computed value - CSS: Cascading Style Sheets
Web › CSS › computed value
specifications specification status comment css level 2 (revision 2)the definition of 'computed-value' in that specification.
conic-gradient() - CSS: Cascading Style Sheets
Web › CSS › conic-gradient
specifications specification status comment css images module level 4the definition of 'conic-gradient()' in that specification.
contain - CSS: Cascading Style Sheets
Web › CSS › contain
of another article</h2> <img src="graphic.jpg" alt="photo"> <p>more content here.</p> </article> img { float: left; border: 3px solid black; } article { border: 1px solid black; contain: content; } this also means that the first image no longer floats down to the second article, and instead stays inside it's containing element's bounds: specifications specification status comment css containment module level 1the definition of 'contain' in that specification.
content - CSS: Cascading Style Sheets
Web › CSS › content
html <div id="replaced">mozilla</div> css #replaced { content: url("https://mdn.mozillademos.org/files/12668/mdn.svg"); } #replaced::after { /* will not show if element replacement is supported */ content: " (" attr(id) ")"; } result specifications specification status comment css generated content module level 3the definition of 'content' in that specification.
counter-increment - CSS: Cascading Style Sheets
Web › CSS › counter-increment
]+ | none examples incrementing named counters h1 { counter-increment: chapter section 2 page; /* increases the value of the chapter and page counters by 1, and the section counter by 2 */ } specifications specification status comment css lists module level 3the definition of 'counter-increment' in that specification.
counter-reset - CSS: Cascading Style Sheets
Web › CSS › counter-reset
]+ | none examples resetting named counters h1 { counter-reset: chapter section 1 page; /* sets the chapter and page counters to 0, and the section counter to 1 */ } specifications specification status comment css lists module level 3the definition of 'counter-reset' in that specification.
counter-set - CSS: Cascading Style Sheets
Web › CSS › counter-set
]+ | none examples setting named counters h1 { counter-set: chapter section 1 page; /* sets the chapter and page counters to 0, and the section counter to 1 */ } specifications specification status comment css lists module level 3the definition of 'counter-set' in that specification.
counter() - CSS: Cascading Style Sheets
Web › CSS › counter
counter(listcounter, upper-roman) "]"; } result decimal-leading-zero compared to lower-alpha html <ol> <li></li> <li></li> <li></li> </ol> css ol { counter-reset: count; } li { counter-increment: count; } li::after { content: "[" counter(count, decimal-leading-zero) "] == [" counter(count, lower-alpha) "]"; } result specifications specification status comment css lists module level 3the definition of 'css counters' in that specification.
counters() - CSS: Cascading Style Sheets
Web › CSS › counters
<li></li> <li></li> </ol> </li> </ol> </li> </ol> css ol { counter-reset: count; } li { counter-increment: count; } li::marker { content: counters(count, '.', upper-alpha) ') '; } li::before { content: counters(count, ".", decimal-leading-zero) " == " counters(count, ".", lower-alpha); } result specifications specification status comment css lists module level 3the definition of 'css counters' in that specification.
cross-fade() - CSS: Cascading Style Sheets
Web › CSS › cross-fade
und-image: -webkit-cross-fade( url('https://mdn.mozillademos.org/files/8543/br.png'), url('https://mdn.mozillademos.org/files/8545/tr.png'), 75%); background-image: cross-fade( url('https://mdn.mozillademos.org/files/8543/br.png'), url('https://mdn.mozillademos.org/files/8545/tr.png'), 75%); } result specifications specification status comment css images module level 4the definition of 'cross-fade()' in that specification.
<custom-ident> - CSS: Cascading Style Sheets
Web › CSS › custom-ident
specifications specification status comment css values and units module level 4the definition of '<custom-ident>' in that specification.
<dimension> - CSS: Cascading Style Sheets
Web › CSS › dimension
specifications specification status comment css values and units module level 4the definition of '<dimension>' in that specification.
direction - CSS: Cascading Style Sheets
Web › CSS › direction
formal definition initial valueltrapplies toall elementsinheritedyescomputed valueas specifiedanimation typediscrete formal syntax ltr | rtl examples setting right-to-left direction blockquote { direction: rtl; } specifications specification status comment css writing modes module level 3the definition of 'direction' in that specification.
<display-box> - CSS: Cascading Style Sheets
Web › CSS › display-box
html <div class="outer"> <div>inner div.</div> </div> css .outer { border: 2px solid red; width: 300px; display: contents; } .outer > div { border: 1px solid green; } result specifications specification status css display module level 3the definition of 'display-box' in that specification.
<display-inside> - CSS: Cascading Style Sheets
Web › CSS › display-inside
="float">i am a floated box!</div> <p>i am content inside the container.</p> </div> css .box { background-color: rgb(224, 206, 247); border: 5px solid rebeccapurple; display: flow-root; } .float { float: left; width: 200px; height: 150px; background-color: white; border:1px solid black; padding: 10px; } result specifications specification status css display module level 3the definition of 'display-inside' in that specification.
<display-internal> - CSS: Cascading Style Sheets
Web › CSS › display-internal
html <main> <div> <label for="name">name</label> <input type="text" id="name" name="name"> </div> <div> <label for="age">age</label> <input type="text" id="age" name="age"> </div> </main> css main { display: table; } div { display: table-row; } label, input { display: table-cell; margin: 5px; } result specifications specification status css display module level 3the definition of 'display-internal' in that specification.
<display-legacy> - CSS: Cascading Style Sheets
Web › CSS › display-legacy
.container { display: inline flex; } specifications specification status css display module level 3the definition of 'display-legacy' in that specification.
<display-listitem> - CSS: Cascading Style Sheets
Web › CSS › display-listitem
examples html <div class="fake-list">i will display as a list item</div> css .fake-list { display: list-item; list-style-position: inside; } result specifications specification status css display module level 3the definition of 'display-listitem' in that specification.
<display-outside> - CSS: Cascading Style Sheets
Web › CSS › display-outside
html <span>span 1</span> <span>span 2</span> css span { display: block; border: 1px solid rebeccapurple; } result specifications specification status css display module level 3the definition of 'display-outside' in that specification.
display - CSS: Cascading Style Sheets
Web › CSS › display
specifications specification status comment css display module level 3the definition of 'display' in that specification.
<easing-function> - CSS: Cascading Style Sheets
Web › CSS › easing-function
*/ steps(-3, start) /* there must be at least one step.*/ steps(0, jump-none) specifications specification status comment css animationsthe definition of '<timing-function>' in that specification.
element() - CSS: Cascading Style Sheets
Web › CSS › element
<div style="width:400px; height:100px; background:-moz-element(#mybackground2);"> </div> <div style="overflow:hidden; height:0;"> <button id="mybackground2" type="button">evil button!</button> </div> specifications specification status comment css images module level 4the definition of 'using elements as images: the element() notation' in that specification.
empty-cells - CSS: Cascading Style Sheets
Web › CSS › empty-cells
>larry</td> </tr> <tr> <td>curly</td> <td></td> </tr> </table> <br> <table class="table_2"> <tr> <td>moe</td> <td>larry</td> </tr> <tr> <td>curly</td> <td></td> </tr> </table> css .table_1 { empty-cells: show; } .table_2 { empty-cells: hide; } td, th { border: 1px solid gray; padding: 0.5rem; } result specifications specification status comment css level 2 (revision 1)the definition of 'empty-cells' in that specification.
env() - CSS: Cascading Style Sheets
Web › CSS › env
specifications specification status comment css environment variables module level 1the definition of 'env()' in that specification.
blur() - CSS: Cascading Style Sheets
Web › CSS › filter-function › blur
examples setting a blur with pixels and with rem blur(0) /* no effect */ blur(8px) /* blur with 8px radius */ blur(1.17rem) /* blur with 1.17rem radius */ specifications specification status filter effects module level 1the definition of 'blur()' in that specification.
brightness() - CSS: Cascading Style Sheets
Web › CSS › filter-function › brightness
examples setting brightness using numbers and percentages brightness(0%) /* completely black */ brightness(0.4) /* 40% brightness */ brightness(1) /* no effect */ brightness(200%) /* double brightness */ specifications specification status filter effects module level 1the definition of 'brightness()' in that specification.
contrast() - CSS: Cascading Style Sheets
Web › CSS › filter-function › contrast
examples setting contrast using numbers and percentages contrast(0) /* completely gray */ contrast(65%) /* 65% contrast */ contrast(1) /* no effect */ contrast(200%) /* double contrast */ specifications specification status filter effects module level 1the definition of 'contrast()' in that specification.
drop-shadow() - CSS: Cascading Style Sheets
Web › CSS › filter-function › drop-shadow
examples setting a drop shadow using pixel offsets and blur radius /* black shadow with 10px blur */ drop-shadow(16px 16px 10px black) setting a drop shadow using rem offsets and blur radius /* reddish shadow with 1rem blur */ drop-shadow(.5rem .5rem 1rem #e23) specifications specification status filter effects module level 1the definition of 'drop-shadow()' in that specification.
grayscale() - CSS: Cascading Style Sheets
Web › CSS › filter-function › grayscale
examples grayscale(0) /* no effect */ grayscale(.7) /* 70% grayscale */ grayscale(100%) /* completely grayscale */ specifications specification status filter effects module level 1the definition of 'grayscale()' in that specification.
hue-rotate() - CSS: Cascading Style Sheets
Web › CSS › filter-function › hue-rotate
examples hue-rotate(-90deg) /* same as 270deg rotation */ hue-rotate(0deg) /* no effect */ hue-rotate(90deg) /* 90deg rotation */ hue-rotate(.5turn) /* 180deg rotation */ hue-rotate(405deg) /* same as 45deg rotation */ specifications specification status filter effects module level 1the definition of 'hue-rotate()' in that specification.
invert() - CSS: Cascading Style Sheets
Web › CSS › filter-function › invert
examples invert(0) /* no effect */ invert(.6) /* 60% inversion */ invert(100%) /* completely inverted */ specifications specification status filter effects module level 1the definition of 'invert()' in that specification.
opacity() - CSS: Cascading Style Sheets
Web › CSS › filter-function › opacity
examples opacity(0%) /* completely transparent */ opacity(50%) /* 50% transparent */ opacity(1) /* no effect */ specifications specification status filter effects module level 1the definition of 'opacity()' in that specification.
saturate() - CSS: Cascading Style Sheets
Web › CSS › filter-function › saturate
examples saturate(0) /* completely unsaturated */ saturate(.4) /* 40% saturated */ saturate(100%) /* no effect */ saturate(200%) /* double saturation */ specifications specification status filter effects module level 1the definition of 'saturate()' in that specification.
sepia() - CSS: Cascading Style Sheets
Web › CSS › filter-function › sepia
examples sepia(0) /* no effect */ sepia(.65) /* 65% sepia */ sepia(100%) /* completely sepia */ specifications specification status filter effects module level 1the definition of 'sepia()' in that specification.
<filter-function> - CSS: Cascading Style Sheets
Web › CSS › filter-function
style.filter = `${selectelem.value}(${slider.value}${slider.getattribute('data-unit')}`; } updateoutput(); updatecurvalue(); } function updateoutput() { output.textcontent = slider.value; } function updatecurvalue() { curvalue.textcontent = `filter: ${divelem.style.filter}`; } setslider(selectelem.value); setdiv(selectelem.value); result specifications specification status filter effects module level 1the definition of 'filter-function' in that specification.
filter - CSS: Cascading Style Sheets
Web › CSS › filter
.mydiv { filter: grayscale(50%); } /* gray all images by 50% and blur by 10px */ img { filter: grayscale(0.5) blur(10px); } applying svg filters examples of using the url function with an svg resource are as follows: .target { filter: url(#c1); } .mydiv { filter: url(commonfilters.xml#large-blur); } specifications specification status comment filter effects module level 1the definition of 'filter' in that specification.
fit-content() - CSS: Cascading Style Sheets
Web › CSS › fit-content
</div> <div>flexible item</div> </div> css #container { display: grid; grid-template-columns: fit-content(300px) fit-content(300px) 1fr; grid-gap: 5px; box-sizing: border-box; height: 200px; width: 100%; background-color: #8cffa0; padding: 10px; } #container > div { background-color: #8ca0ff; padding: 5px; } result specifications specification status comment css box sizing module level 3the definition of 'fit-content()' in that specification.
flex-basis - CSS: Cascading Style Sheets
Web › CSS › flex-basis
ter { content: 'max-content'; } .flex3 { flex-basis: min-content; } .flex3:after { content: 'min-content'; } .flex4 { flex-basis: fit-content; } .flex4:after { content: 'fit-content'; } .flex5 { flex-basis: content; } .flex5:after { content: 'content'; } .flex6 { flex-basis: fill; } .flex6:after { content: 'fill'; } results specifications specification status comment css flexible box layout modulethe definition of 'flex-basis' in that specification.
flex-direction - CSS: Cascading Style Sheets
Web › CSS › flex-direction
/div> css #content { width: 200px; height: 200px; border: 1px solid #c3c3c3; display: flex; flex-direction: column-reverse; } .box { width: 50px; height: 50px; } #content1 { width: 200px; height: 200px; border: 1px solid #c3c3c3; display: flex; flex-direction: row-reverse; } .box1 { width: 50px; height: 50px; } result specifications specification status comment css flexible box layout modulethe definition of 'flex-direction' in that specification.
flex-flow - CSS: Cascading Style Sheets
Web › CSS › flex-flow
flex items are laid out in multiple lines */ flex-flow: column-reverse wrap; } specifications specification status comment css flexible box layout modulethe definition of 'flex-flow' in that specification.
flex-grow - CSS: Cascading Style Sheets
Web › CSS › flex-grow
ckground-color:lightgreen;">e</div> <div class="box" style="background-color:brown;">f</div> </div> css #content { display: flex; justify-content: space-around; flex-flow: row wrap; align-items: stretch; } .box { flex-grow: 1; border: 3px solid rgba(0,0,0,.2); } .box1 { flex-grow: 2; border: 3px solid rgba(0,0,0,.2); } result specifications specification status comment css flexible box layout modulethe definition of 'flex-grow' in that specification.
flex-shrink - CSS: Cascading Style Sheets
Web › CSS › flex-shrink
ound-color:yellow;">c</div> <div class="box1" style="background-color:brown;">d</div> <div class="box1" style="background-color:lightgreen;">e</div> </div> css #content { display: flex; width: 500px; } #content div { flex-basis: 120px; border: 3px solid rgba(0,0,0,.2); } .box { flex-shrink: 1; } .box1 { flex-shrink: 2; } result specifications specification status comment css flexible box layout modulethe definition of 'flex-shrink' in that specification.
flex-wrap - CSS: Cascading Style Sheets
Web › CSS › flex-wrap
height: 50%; width: 300px; } .red { background: orangered; } .green { background: yellowgreen; } .blue { background: steelblue; } /* flexbox styles */ .content { display: flex; flex-wrap: wrap; } .content1 { display: flex; flex-wrap: nowrap; } .content2 { display: flex; flex-wrap: wrap-reverse; } results specifications specification status comment css flexible box layout modulethe definition of 'flex-wrap' in that specification.
flex - CSS: Cascading Style Sheets
Web › CSS › flex
"block" : "none"; }); #flex-container { width: 100%; font-family: consolas, arial, sans-serif; } #flex-container > div { border: 1px solid #f00; padding: 1rem; } #flex-container > .raw-item { border: 1px solid #000; } result specifications specification status comment css flexible box layout modulethe definition of 'flex' in that specification.
<flex> - CSS: Cascading Style Sheets
Web › CSS › flex value
examples 1fr /* using an integer value */ 2.5fr /* using a float value */ specifications specification status comment css grid layoutthe definition of '<flex>' in that specification.
float - CSS: Cascading Style Sheets
Web › CSS › float
specifications specification status comment css logical properties and values level 1the definition of 'float and clear' in that specification.
font-family - CSS: Cascading Style Sheets
Web › CSS › font-family
</div> specifications specification status comment css fonts module level 4the definition of 'generic font families' in that specification.
font-feature-settings - CSS: Cascading Style Sheets
Web › CSS › font-feature-settings
{ font-feature-settings: "tnum"; } /* enable automatic fractions */ .fractions { font-feature-settings: "frac"; } /* use the second available swash character */ .swash { font-feature-settings: "swsh" 2; } /* enable stylistic set 7 */ .fancystyle { font-family: gabriola; /* available on windows 7, and on mac os */ font-feature-settings: "ss07"; } specifications specification status comment css fonts module level 3the definition of 'font-feature-settings' in that specification.
font-kerning - CSS: Cascading Style Sheets
Web › CSS › font-kerning
t.getelementbyid('input'); let kern = document.getelementbyid('kern'); let nokern = document.getelementbyid('nokern'); input.addeventlistener('keyup', function() { kern.textcontent = input.value; /* update content */ nokern.textcontent = input.value; }); kern.textcontent = input.value; /* initialize content */ nokern.textcontent = input.value; specifications specification status comment css fonts module level 3the definition of 'font-kerning' in that specification.
font-language-override - CSS: Cascading Style Sheets
Web › CSS › font-language-override
pecifiedanimation typediscrete formal syntax normal | <string> examples using danish glyphs html <p class="para1">default language setting.</p> <p class="para2">this is a string with the <code>font-language-override</code> set to danish.</p> css p.para1 { font-language-override: normal; } p.para2 { font-language-override: "dan"; } result specifications specification status comment css fonts module level 4the definition of 'font-language-override' in that specification.
font-optical-sizing - CSS: Cascading Style Sheets
Web › CSS › font-optical-sizing
specifications specification status comment css fonts module level 4the definition of 'font-optical-sizing' in that specification.
font-size-adjust - CSS: Cascading Style Sheets
Web › CSS › font-size-adjust
se letters.</p> <p class="adjtimes">this is the 10px times, but now adjusted to the same aspect ratio as the verdana.</p> css .times { font-family: times, serif; font-size: 10px; } .verdana { font-family: verdana, sans-serif; font-size: 10px; } .adjtimes { font-family: times, serif; font-size-adjust: 0.58; font-size: 10px; } results specifications specification status comment css fonts module level 3the definition of 'font-size-adjust' in that specification.
font-size - CSS: Cascading Style Sheets
Web › CSS › font-size
h-percentage> = <length> | <percentage> examples setting font sizes css .small { font-size: xx-small; } .larger { font-size: larger; } .point { font-size: 24pt; } .percent { font-size: 200%; } html <h1 class="small">small h1</h1> <h1 class="larger">larger h1</h1> <h1 class="point">24 point h1</h1> <h1 class="percent">200% h1</h1> result specifications specification status comment css fonts module level 4the definition of 'font-size' in that specification.
font-stretch - CSS: Cascading Style Sheets
Web › CSS › font-stretch
able.ttf'); font-family:'leaguemonovariable'; font-style: normal; font-stretch: 1% 500%; /* required by chrome */ } .container { border: 10px solid #f5f9fa; padding: 0 1rem; font: 1.5rem 'leaguemonovariable', sans-serif; } .condensed { font-stretch: 50%; } .normal { font-stretch: 100%; } .expanded { font-stretch: 200%; } result specifications specification status comment css fonts module level 4the definition of 'font-stretch' in that specification.
font-style - CSS: Cascading Style Sheets
Web › CSS › font-style
examples font styles <p class="normal">this paragraph is normal.</p> <p class="italic">this paragraph is italic.</p> <p class="oblique">this paragraph is oblique.</p> .normal { font-style: normal; } .italic { font-style: italic; } .oblique { font-style: oblique; } specifications specification status comment css fonts module level 4the definition of 'font-style' in that specification.
font-synthesis - CSS: Cascading Style Sheets
Web › CSS › font-synthesis
站直。</em> css em { font-weight: bold; } .syn { font-synthesis: style weight; } .no-syn { font-synthesis: none; } result specifications specification status comment css fonts module level 3the definition of 'font-synthesis' in that specification.
font-variant-caps - CSS: Cascading Style Sheets
Web › CSS › font-variant-caps
caps | all-petite-caps | unicase | titling-caps examples setting the small-caps font variant html <p class="small-caps">firefox rocks, small caps!</p> <p class="normal">firefox rocks, normal caps!</p> css .small-caps { font-variant-caps: small-caps; font-style: italic; } .normal { font-variant-caps: normal; font-style: italic; } result specifications specification status comment css fonts module level 3the definition of 'font-variant-caps' in that specification.
font-variant-east-asian - CSS: Cascading Style Sheets
Web › CSS › font-variant-east-asian
ional:</th> <td>大学</td> <td class="traditional">大学</td> </tr> </tbody> </table> css td{ font-family:"yu gothic"; font-size:20px; } th{ color:grey; padding-right:10px; } .ruby { font-variant-east-asian: ruby; } .jis78 { font-variant-east-asian: jis78; } .traditional{ font-variant-east-asian: traditional; } result specifications specification status comment css fonts module level 3the definition of 'font-variant-east-asian' in that specification.
font-variant-ligatures - CSS: Cascading Style Sheets
Web › CSS › font-variant-ligatures
ionary-ligatures; } .historical-ligatures { font-variant-ligatures: historical-ligatures; } .no-historical-ligatures { font-variant-ligatures: no-historical-ligatures; } .contextual { font-variant-ligatures: contextual; } .no-contextual { font-variant-ligatures: no-contextual; } .contextual { font-variant-ligatures: contextual; } result specifications specification status comment css fonts module level 3the definition of 'font-variant-ligatures' in that specification.
font-variant-numeric - CSS: Cascading Style Sheets
Web › CSS › font-variant-numeric
ion 1.1: http://scripts.sil.org/cms/scripts/page.php?item_id=ofl_web */ @font-face { font-family: "source sans pro"; font-style: normal; font-weight: 400; src: url("https://mdn.mozillademos.org/files/15757/sourcesanspro-regular.otf") format("opentype"); } .ordinal { font-variant-numeric: ordinal; font-family: "source sans pro"; } result specifications specification status comment css fonts module level 3the definition of 'font-variant-numeric' in that specification.
font-variant-position - CSS: Cascading Style Sheets
Web › CSS › font-variant-position
screte formal syntax normal | sub | super examples setting superscript and subscript forms html <p class="normal">normal!</p> <p class="super">super!</p> <p class="sub">sub!</p> css p { display: inline; } .normal { font-variant-position: normal; } .super { font-variant-position: super; } .sub { font-variant-position: sub; } result specifications specification status comment css fonts module level 3the definition of 'font-variant-position' in that specification.
font-variant - CSS: Cascading Style Sheets
Web › CSS › font-variant
-values> = [ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]<east-asian-width-values> = [ full-width | proportional-width ] examples setting the small-caps font variant html <p class="normal">firefox rocks!</p> <p class="small">firefox rocks!</p> css p.normal { font-variant: normal; } p.small { font-variant: small-caps; } result specifications specification status comment css fonts module level 3the definition of 'font-variant' in that specification.
font-variation-settings - CSS: Cascading Style Sheets
Web › CSS › font-variation-settings
specifications specification status comment css fonts module level 4the definition of 'font-variation-settings' in that specification.
font-weight - CSS: Cascading Style Sheets
Web › CSS › font-weight
*/ span { font-weight: lighter; } result specifications specification status comment css fonts module level 4the definition of 'font-weight' in that specification.
<frequency-percentage> - CSS: Cascading Style Sheets
Web › CSS › frequency-percentage
specifications specification status comment css values and units module level 4the definition of '<frequency-percentage>' in that specification.
<frequency> - CSS: Cascading Style Sheets
Web › CSS › frequency
specifications specification status comment css values and units module level 3the definition of '<frequency>' in that specification.
gap (grid-gap) - CSS: Cascading Style Sheets
Web › CSS › gap
</p> css .content-box { column-count: 3; gap: 40px; } result specifications specification status comment css box alignment module level 3the definition of 'gap' in that specification.
<gradient> - CSS: Cascading Style Sheets
Web › CSS › gradient
<div class="conic-gradient">conic gradient</div> div { width: 200px; height: 200px; } .conic-gradient { background: conic-gradient(lightpink, white, powderblue); } specifications specification status comment css images module level 4the definition of '<gradient>' in that specification.
grid-area - CSS: Cascading Style Sheets
Web › CSS › grid-area
<div id="grid"> <div id="item1"></div> <div id="item2"></div> <div id="item3"></div> </div> css #grid { display: grid; height: 100px; grid-template: repeat(4, 1fr) / 50px 100px; } #item1 { background-color: lime; grid-area: 2 / 2 / auto / span 3; } #item2 { background-color: yellow; } #item3 { background-color: blue; } result specifications specification status comment css grid layoutthe definition of 'grid-area' in that specification.
grid-auto-columns - CSS: Cascading Style Sheets
Web › CSS › grid-auto-columns
rcentage> = <length> | <percentage> examples setting grid column size html <div id="grid"> <div id="item1"></div> <div id="item2"></div> <div id="item3"></div> </div> css #grid { height: 100px; display: grid; grid-template-areas: "a a"; grid-gap: 10px; grid-auto-columns: 200px; } #grid > div { background-color: lime; } result specifications specification status comment css grid layoutthe definition of 'grid-auto-columns' in that specification.
grid-auto-flow - CSS: Cascading Style Sheets
Web › CSS › grid-auto-flow
"row" : "column"; if (dense.checked) { gridautoflow += " dense"; } grid.style.gridautoflow = gridautoflow; } result specifications specification status comment css grid layoutthe definition of 'grid-auto-flow' in that specification.
grid-auto-rows - CSS: Cascading Style Sheets
Web › CSS › grid-auto-rows
ength-percentage> = <length> | <percentage> examples setting grid row size html <div id="grid"> <div id="item1"></div> <div id="item2"></div> <div id="item3"></div> </div> css #grid { width: 200px; display: grid; grid-template-areas: "a a"; grid-gap: 10px; grid-auto-rows: 100px; } #grid > div { background-color: lime; } result specifications specification status comment css grid layoutthe definition of 'grid-auto-rows' in that specification.
grid-column-end - CSS: Cascading Style Sheets
Web › CSS › grid-column-end
r-box;} .wrapper { border: 2px solid #f76707; border-radius: 5px; background-color: #fff4e6; } .wrapper > div { border: 2px solid #ffa94d; border-radius: 5px; background-color: #ffd8a8; padding: 1em; color: #d9480f; } .nested { border: 2px solid #ffec99; border-radius: 5px; background-color: #fff9db; padding: 1em; } result specifications specification status comment css grid layoutthe definition of 'grid-column-end' in that specification.
grid-column-start - CSS: Cascading Style Sheets
Web › CSS › grid-column-start
r-box;} .wrapper { border: 2px solid #f76707; border-radius: 5px; background-color: #fff4e6; } .wrapper > div { border: 2px solid #ffa94d; border-radius: 5px; background-color: #ffd8a8; padding: 1em; color: #d9480f; } .nested { border: 2px solid #ffec99; border-radius: 5px; background-color: #fff9db; padding: 1em; } result specifications specification status comment css grid layoutthe definition of 'grid-column-start' in that specification.
grid-column - CSS: Cascading Style Sheets
Web › CSS › grid-column
iv> <div id="item2"></div> <div id="item3"></div> </div> css #grid { display: grid; height: 100px; grid-template-columns: repeat(6, 1fr); grid-template-rows: 100px; } #item1 { background-color: lime; } #item2 { background-color: yellow; grid-column: 2 / 4; } #item3 { background-color: blue; grid-column: span 2 / 7; } result specifications specification status comment css grid layoutthe definition of 'grid-column' in that specification.
grid-row-end - CSS: Cascading Style Sheets
Web › CSS › grid-row-end
r-box;} .wrapper { border: 2px solid #f76707; border-radius: 5px; background-color: #fff4e6; } .wrapper > div { border: 2px solid #ffa94d; border-radius: 5px; background-color: #ffd8a8; padding: 1em; color: #d9480f; } .nested { border: 2px solid #ffec99; border-radius: 5px; background-color: #fff9db; padding: 1em; } result specifications specification status comment css grid layoutthe definition of 'grid-row-end' in that specification.
grid-row-start - CSS: Cascading Style Sheets
Web › CSS › grid-row-start
r-box;} .wrapper { border: 2px solid #f76707; border-radius: 5px; background-color: #fff4e6; } .wrapper > div { border: 2px solid #ffa94d; border-radius: 5px; background-color: #ffd8a8; padding: 1em; color: #d9480f; } .nested { border: 2px solid #ffec99; border-radius: 5px; background-color: #fff9db; padding: 1em; } result specifications specification status comment css grid layoutthe definition of 'grid-row-start' in that specification.
grid-row - CSS: Cascading Style Sheets
Web › CSS › grid-row
1"></div> <div id="item2"></div> <div id="item3"></div> </div> css #grid { display: grid; height: 200px; grid-template-columns: 200px; grid-template-rows: repeat(6, 1fr); } #item1 { background-color: lime; } #item2 { background-color: yellow; grid-row: 2 / 4; } #item3 { background-color: blue; grid-row: span 2 / 7; } result specifications specification status comment css grid layoutthe definition of 'grid-row' in that specification.
grid-template-areas - CSS: Cascading Style Sheets
Web › CSS › grid-template-areas
ot"; grid-template-rows: 50px 1fr 30px; grid-template-columns: 150px 1fr; } #page > header { grid-area: head; background-color: #8ca0ff; } #page > nav { grid-area: nav; background-color: #ffa08c; } #page > main { grid-area: main; background-color: #ffff64; } #page > footer { grid-area: foot; background-color: #8cffa0; } result specifications specification status comment css grid layoutthe definition of 'grid-template-areas' in that specification.
grid-template-columns - CSS: Cascading Style Sheets
Web › CSS › grid-template-columns
-percentage>where <length-percentage> = <length> | <percentage> examples specifying grid column sizes html <div id="grid"> <div id="areaa">a</div> <div id="areab">b</div> </div> css #grid { display: grid; width: 100%; grid-template-columns: 50px 1fr; } #areaa { background-color: lime; } #areab { background-color: yellow; } result specifications specification status comment css grid layoutthe definition of 'grid-template-columns' in that specification.
grid-template-rows - CSS: Cascading Style Sheets
Web › CSS › grid-template-rows
ngth-percentage>where <length-percentage> = <length> | <percentage> examples specifying grid row sizes html <div id="grid"> <div id="areaa">a</div> <div id="areab">b</div> </div> css #grid { display: grid; height: 100px; grid-template-rows: 30px 1fr; } #areaa { background-color: lime; } #areab { background-color: yellow; } result specifications specification status comment css grid layoutthe definition of 'grid-template-rows' in that specification.
grid-template - CSS: Cascading Style Sheets
Web › CSS › grid-template
nd-color: lime; grid-area: head; } nav { background-color: lightblue; grid-area: nav; } main { background-color: yellow; grid-area: main; } footer { background-color: red; grid-area: foot; } html <section id="page"> <header>header</header> <nav>navigation</nav> <main>main area</main> <footer>footer</footer> </section> result specifications specification status comment css grid layoutthe definition of 'grid-template' in that specification.
grid - CSS: Cascading Style Sheets
Web › CSS › grid
s'> examples creating a grid layout html <div id="container"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> css #container { display: grid; grid: repeat(2, 60px) / auto-flow 80px; } #container > div { background-color: #8ca0ff; width: 50px; height: 50px; } result specifications specification status comment css grid layoutthe definition of 'grid' in that specification.
hanging-punctuation - CSS: Cascading Style Sheets
Web › CSS › hanging-punctuation
praesent laoreet tortor massa, sit amet vulputate nulla pharetra ut.”</p> css p { hanging-punctuation: first last; margin: .5rem; } result specifications specification status comment css text module level 3the definition of 'hanging-punctuation' in that specification.
height - CSS: Cascading Style Sheets
Web › CSS › height
</div> </div> css div { width: 250px; margin-bottom: 5px; border: 2px solid blue; } #taller { height: 50px; } #shorter { height: 25px; } #parent { height: 100px; } #child { height: 50%; width: 75%; } result specifications specification status comment css box sizing module level 4the definition of 'height' in that specification.
hyphens - CSS: Cascading Style Sheets
Web › CSS › hyphens
"auto">an extreme&shy;ly long english word</dd> </dl> css dd { width: 55px; border: 1px solid black; } dd.none { -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } dd.manual { -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } dd.auto { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } result specifications specification status comment css text module level 3the definition of 'hyphens' in that specification.
ident - CSS: Cascading Style Sheets
Web › CSS › ident
specifications specification status comment css values and units module level 4the definition of '<ident>' in that specification.
image-orientation - CSS: Cascading Style Sheets
Web › CSS › image-orientation
id="imageorientation"> <option value="from-image">from-image</option> <option value="none">none</option> </select> javascript var imageorientation = document.getelementbyid("imageorientation"); imageorientation.addeventlistener("change", function (evt) { document.getelementbyid("image").style.imageorientation = evt.target.value; }); result specifications specification status comment css images module level 3the definition of 'image-orientation' in that specification.
image-rendering - CSS: Cascading Style Sheets
Web › CSS › image-rendering
t="crisp-edges" src="https://udn.realityripple.com/samples/de/cedd397be3.jpg" /> </div> img { height: 200px; } css .auto { image-rendering: auto; } .pixelated { -ms-interpolation-mode: nearest-neighbor; image-rendering: pixelated; } .crisp-edges { image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; } result specifications specification status comment css images module level 3the definition of 'image-rendering' in that specification.
image-set() - CSS: Cascading Style Sheets
Web › CSS › image-set
mdn understanding wcag, guideline 1.1 explanations understanding success criterion 1.1.1 | w3c understanding wcag 2.0 specifications specification status comment css images module level 4the definition of 'the image-set() notation' in that specification.
<image> - CSS: Cascading Style Sheets
Web › CSS › image
*/ image(z.jpg#xy=0,0) /* the spatial fragment must be written in the format of xywh=#,#,#,# */ image-set('cat.jpg' 1x, 'dog.jpg' 1x) /* every image in an image set must have a different resolutions */ specifications specification status comment css images module level 4the definition of '<image>' in that specification.
image() - CSS: Cascading Style Sheets
Web › CSS › imagefunction
specifications specification status comment css images module level 4the definition of 'image()' in that specification.
ime-mode - CSS: Cascading Style Sheets
Web › CSS › ime-mode
specifications specification status comment css basic user interface module level 3the definition of 'ime-mode' in that specification.
inherit - CSS: Cascading Style Sheets
Web › CSS › inherit
specifications specification status comment css cascading and inheritance level 4the definition of 'inherit' in that specification.
initial-letter-align - CSS: Cascading Style Sheets
Web › CSS › initial-letter-align
t-initial-letter-align: auto; initial-letter-align: auto; } .alphabetic { -webkit-initial-letter-align: alphabetic; initial-letter-align: alphabetic; } .hanging { -webkit-initial-letter-align: hanging; initial-letter-align: hanging; } .ideographic { -webkit-initial-letter-align: ideographic; initial-letter-align: ideographic; } result specifications specification status comment css inline layoutthe definition of 'initial-letter-align' in that specification.
initial-letter - CSS: Cascading Style Sheets
Web › CSS › initial-letter
al letter is normal</p> <p class="onefive">initial letter occupies 1.5 lines</p> <p class="three">initial letter occupies 3 lines</p> css .normal { -webkit-initial-letter: normal; initial-letter: normal; } .onefive { -webkit-initial-letter: 1.5; initial-letter: 1.5; } .three { -webkit-initial-letter: 3.0; initial-letter: 3.0; } result specifications specification status comment css inline layoutthe definition of 'initial-letter' in that specification.
initial - CSS: Cascading Style Sheets
Web › CSS › initial
examples using initial to reset color for an element html <p> <span>this text is red.</span> <em>this text is in the initial color (typically black).</em> <span>this is red again.</span> </p> css p { color: red; } em { color: initial; } result specifications specification status comment css cascading and inheritance level 4the definition of 'initial' in that specification.
Initial value - CSS: Cascading Style Sheets
Web › CSS › initial value
specifications specification status comment css cascade 4 formal definition.
inline-size - CSS: Cascading Style Sheets
Web › CSS › inline-size
ednopercentagesinline-size of containing blockcomputed valuesame as width and heightanimation typea length, percentage or calc(); formal syntax <'width'> examples setting inline size in pixels html <p class="exampletext">example text</p> css .exampletext { writing-mode: vertical-rl; background-color: yellow; inline-size: 110px; } result specifications specification status comment css logical properties and values level 1the definition of 'inline-size' in that specification.
inset-block-end - CSS: Cascading Style Sheets
Web › CSS › inset-block-end
th, percentage or calc(); formal syntax <'top'> examples setting block end offset html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; position: relative; inset-block-end: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'inset-block-end' in that specification.
inset-block-start - CSS: Cascading Style Sheets
Web › CSS › inset-block-start
length, percentage or calc(); formal syntax <'top'> examples setting block start offset html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; position: relative; inset-block-start: 20px; background-color: #c8c800; } specifications specification status comment css logical properties and values level 1the definition of 'inset-block-start' in that specification.
inset-block - CSS: Cascading Style Sheets
Web › CSS › inset-block
calc(); formal syntax <'top'>{1,2} examples setting block start and end offsets html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; position: relative; inset-block: 20px 50px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'inset-block' in that specification.
inset-inline-end - CSS: Cascading Style Sheets
Web › CSS › inset-inline-end
h, percentage or calc(); formal syntax <'top'> examples setting inline end offset html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; position: relative; inset-inline-end: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'inset-inline-end' in that specification.
inset-inline-start - CSS: Cascading Style Sheets
Web › CSS › inset-inline-start
rcentage or calc(); formal syntax <'top'> examples setting inline start offset html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; position: relative; inset-inline-start: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'inset-inline-start' in that specification.
inset-inline - CSS: Cascading Style Sheets
Web › CSS › inset-inline
alc(); formal syntax <'top'>{1,2} examples setting inline start and end offsets html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; position: relative; inset-inline: 20px 50px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'inset-inline' in that specification.
inset - CSS: Cascading Style Sheets
Web › CSS › inset
top'>{1,4} examples setting offsets for an element html <div> <span class="exampletext">example text</span> </div> css div { background-color: yellow; width: 150px; height: 120px; position: relative; } .exampletext { writing-mode: sideways-rl; position: absolute; inset: 20px 40px 30px 10px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'inset' in that specification.
<integer> - CSS: Cascading Style Sheets
Web › CSS › integer
specifications specification status comment css values and units module level 4the definition of '<integer>' in that specification.
isolation - CSS: Cascading Style Sheets
Web › CSS › isolation
a c">auto</div> </div> <div id="e"> <div class="a c">isolate</div> </div> </div> css .a { background-color: rgb(0,255,0); } #b { width: 200px; height: 210px; } .c { width: 100px; height: 100px; border: 1px solid black; padding: 2px; mix-blend-mode: difference; } #d { isolation: auto; } #e { isolation: isolate; } result specifications specification status comment compositing and blending level 1the definition of 'isolation' in that specification.
justify-content - CSS: Cascading Style Sheets
Web › CSS › justify-content
und</option> <option value="space-evenly">space-evenly</option> <option value="stretch">stretch</option> </select> javascript var justifycontent = document.getelementbyid("justifycontent"); justifycontent.addeventlistener("change", function (evt) { document.getelementbyid("container").style.justifycontent = evt.target.value; }); result specifications specification status comment css box alignment module level 3the definition of 'justify-content' in that specification.
justify-items - CSS: Cascading Style Sheets
Web › CSS › justify-items
olumns: 1fr 1fr; grid-auto-rows: 40px; grid-gap: 10px; width: 300px; justify-items: stretch; } article:hover, article:focus { justify-items: center; } article span { background-color: black; color: white; margin: 1px; text-align: center; } article, span { padding: 10px; border-radius: 7px; } article { margin: 20px; } result specifications specification status comment css box alignment module level 3the definition of 'justify-items' in that specification.
justify-self - CSS: Cascading Style Sheets
Web › CSS › justify-self
justify-items: stretch; } span:nth-child(2) { justify-self: start; } span:nth-child(3) { justify-self: center; } span:nth-child(4) { justify-self: end; } article span { background-color: black; color: white; margin: 1px; text-align: center; } article, span { padding: 10px; border-radius: 7px; } article { margin: 20px; } result specifications specification status comment css box alignment module level 3the definition of 'justify-self' in that specification.
left - CSS: Cascading Style Sheets
Web › CSS › left
e_3 { width: 600px; height: 400px; position: relative; top: 20px; left: 20px; background-color: #ffd7c2; } #example_4 { width:200px; height:200px; position:absolute; bottom:10px; right:20px; background-color:#ffc7e4; } #example_5 { position: absolute; right: 0; left: 0; top: 100px; background-color: #d7ffc2; } result specifications specification status comment css positioned layout module level 3the definition of 'left' in that specification.
<length-percentage> - CSS: Cascading Style Sheets
Web › CSS › length-percentage
therefore, all of the following values are acceptable for width: width: 200px; width: 20%; width: calc(100% - 200px); specifications specification status comment css values and units module level 4the definition of '<length-percentage>' in that specification.
<length> - CSS: Cascading Style Sheets
Web › CSS › length
lem.addeventlistener('change', () => { inputdiv.style.width = inputelem.value; const result = document.createelement('div'); result.classname = 'result'; result.style.width = inputelem.value; result.innerhtml = `<code>width: ${inputelem.value}</code>`; resultsdiv.appendchild(result); inputelem.value = ''; inputelem.focus(); }) result specifications specification status comment css values and units module level 4the definition of '<length>' in that specification.
letter-spacing - CSS: Cascading Style Sheets
Web › CSS › letter-spacing
<p class="em-wide">letter spacing</p> <p class="em-wider">letter spacing</p> <p class="em-tight">letter spacing</p> <p class="px-wide">letter spacing</p> css .normal { letter-spacing: normal; } .em-wide { letter-spacing: 0.4em; } .em-wider { letter-spacing: 1em; } .em-tight { letter-spacing: -0.05em; } .px-wide { letter-spacing: 6px; } result specifications specification status comment css text module level 3the definition of 'letter-spacing' in that specification.
line-break - CSS: Cascading Style Sheets
Web › CSS › line-break
その景色に、美しいなぁと思わずつぶやいた。</p> </div> css .wrapbox { width: 10em; margin: 0.5em; white-space: normal; vertical-align: top; display: inline-block; } .auto { line-break: auto; } .loose { line-break: loose; } .normal { line-break: normal; } .strict { line-break: strict; } .anywhere { line-break: anywhere; } result specifications specification status comment css text module level 3the definition of 'line-break' in that specification.
line-height-step - CSS: Cascading Style Sheets
Web › CSS › line-height-step
:root { font-size: 12pt; --my-grid: 18pt; line-height-step: var(--my-grid); } h1 { font-size: 20pt; margin-top: calc(2 * var(--my-grid)); } the result of these rules is shown below in the following screenshot: specifications specification status comment css rhythmic sizingthe definition of 'line-height-step' in that specification.
line-height - CSS: Cascading Style Sheets
Web › CSS › line-height
h1> line-height results from the red div's font-size (15px × 1.1) = 16.5px, probably not what you want --> css .green { line-height: 1.1; border: solid limegreen; } .red { line-height: 1.1em; border: solid red; } h1 { font-size: 30px; } .box { width: 18em; display: inline-block; vertical-align: top; font-size: 15px; } result specifications specification status comment css level 2 (revision 1)the definition of 'line-height' in that specification.
linear-gradient() - CSS: Cascading Style Sheets
Web › CSS › linear-gradient
specifications specification status comment css images module level 4the definition of 'gradient color-stops' in that specification.
list-style-image - CSS: Cascading Style Sheets
Web › CSS › list-style-image
initial valuenoneapplies tolist itemsinheritedyescomputed valuenone or the image with its uri made absoluteanimation typediscrete formal syntax <url> | none examples setting list item images html <ul> <li>item 1</li> <li>item 2</li> </ul> css ul { list-style-image: url("https://mdn.mozillademos.org/files/11981/starsolid.gif"); } result specifications specification status comment css lists module level 3the definition of 'list-style-image' in that specification.
list-style-position - CSS: Cascading Style Sheets
Web › CSS › list-style-position
m 3-2</li> <li>list item 3-3</li> <li>list item 3-4</li> </ul> css .inside { list-style-position: inside; list-style-type: square; } .outside { list-style-position: outside; list-style-type: circle; } .inside-img { list-style-position: inside; list-style-image: url("https://mdn.mozillademos.org/files/11979/starsolid.gif"); } result specifications specification status comment css lists module level 3the definition of 'list-style-position' in that specification.
list-style-type - CSS: Cascading Style Sheets
Web › CSS › list-style-type
item markers html list 1 <ol class="normal"> <li>hello</li> <li>world</li> <li>what's up?</li> </ol> list 2 <ol class="shortcut"> <li>looks</li> <li>like</li> <li>the</li> <li>same</li> </ol> css ol.normal { list-style-type: upper-alpha; } /* or use the shortcut "list-style": */ ol.shortcut { list-style: upper-alpha; } result specifications specification status comment css counter styles level 3the definition of 'list-style-type' in that specification.
list-style - CSS: Cascading Style Sheets
Web › CSS › list-style
'list-style-image'> examples setting list style type and position html list 1 <ul class="one"> <li>list item1</li> <li>list item2</li> <li>list item3</li> </ul> list 2 <ul class="two"> <li>list item a</li> <li>list item b</li> <li>list item c</li> </ul> css .one { list-style: circle; } .two { list-style: square inside; } result specifications specification status comment css lists module level 3the definition of 'list-style' in that specification.
margin-block-end - CSS: Cascading Style Sheets
Web › CSS › margin-block-end
otherwise, autoanimation typea length formal syntax <'margin-left'> examples setting block end margin html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; margin-block-end: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'margin-block-end' in that specification.
margin-block-start - CSS: Cascading Style Sheets
Web › CSS › margin-block-start
erwise, autoanimation typea length formal syntax <'margin-left'> examples setting block start margin html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; margin-block-start: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'margin-block-start' in that specification.
margin-block - CSS: Cascading Style Sheets
Web › CSS › margin-block
nimation typediscrete formal syntax <'margin-left'>{1,2} examples setting block start and end margins html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; margin-block: 20px 40px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'margin-block' in that specification.
margin-bottom - CSS: Cascading Style Sheets
Web › CSS › margin-bottom
ttom:-1.5em; height:4em; } .box2 { border:1px dashed black; border-width:1px 0; margin-bottom:2em; } some definitions for container and divs so margins' effects can be seen more clearly .container { background-color:orange; width:320px; border:1px solid black; } div { width:320px; background-color:gold; } result specifications specification status comment css basic box modelthe definition of 'margin-bottom' in that specification.
margin-inline-end - CSS: Cascading Style Sheets
Web › CSS › margin-inline-end
therwise, autoanimation typea length formal syntax <'margin-left'> examples setting inline end margin html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; margin-inline-end: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'margin-inline-end' in that specification.
margin-inline-start - CSS: Cascading Style Sheets
Web › CSS › margin-inline-start
wise, autoanimation typea length formal syntax <'margin-left'> examples setting inline start margin html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; margin-inline-start: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'margin-inline-start' in that specification.
margin-inline - CSS: Cascading Style Sheets
Web › CSS › margin-inline
mation typediscrete formal syntax <'margin-left'>{1,2} examples setting inline start and end margins html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; margin-inline: 20px 40px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'margin-inline' in that specification.
margin-left - CSS: Cascading Style Sheets
Web › CSS › margin-left
ne.inheritednopercentagesrefer to the width of the containing blockcomputed valuethe percentage as specified or the absolute lengthanimation typea length formal syntax <length> | <percentage> | auto examples setting left margin using pixels and percentages .content { margin-left: 5%; } .sidebox { margin-left: 10px; } .logo { margin-left: -5px; } specifications specification status comment css basic box modelthe definition of 'margin-left' in that specification.
margin-right - CSS: Cascading Style Sheets
Web › CSS › margin-right
nheritednopercentagesrefer to the width of the containing blockcomputed valuethe percentage as specified or the absolute lengthanimation typea length formal syntax <length> | <percentage> | auto examples setting right margin using pixels and percentages .content { margin-right: 5%; } .sidebox { margin-right: 10px; } .logo { margin-right: -5px; } specifications specification status comment css basic box modelthe definition of 'margin-right' in that specification.
margin-top - CSS: Cascading Style Sheets
Web › CSS › margin-top
esrefer to the width of the containing blockcomputed valuethe percentage as specified or the absolute lengthanimation typea length formal syntax <length> | <percentage> | auto examples setting positive and negative top margins .content { margin-top: 5%; } .sidebox { margin-top: 10px; } .logo { margin-top: -5px; } #footer { margin-top: 1em; } specifications specification status comment css basic box modelthe definition of 'margin-top' in that specification.
margin-trim - CSS: Cascading Style Sheets
Web › CSS › margin-trim
} specifications specification status css box model module level 4the definition of 'margin-trim' in that specification.
margin - CSS: Cascading Style Sheets
Web › CSS › margin
specifications specification status comment css basic box modelthe definition of 'margin' in that specification.
mask-border-mode - CSS: Cascading Style Sheets
Web › CSS › mask-border-mode
when browsers support it, it will specify the type of blending mode used for the mask border — luminance or alpha: mask-border-mode: luminance; mask-border-mode: alpha; specifications specification status comment css masking module level 1the definition of 'mask-border-mode' in that specification.
mask-border-outset - CSS: Cascading Style Sheets
Web › CSS › mask-border-outset
specifications specification status comment css masking module level 1the definition of 'mask-border-outset' in that specification.
mask-border-repeat - CSS: Cascading Style Sheets
Web › CSS › mask-border-repeat
specifications specification status comment css masking module level 1the definition of 'mask-border-repeat' in that specification.
mask-border-slice - CSS: Cascading Style Sheets
Web › CSS › mask-border-slice
specifications specification status comment css masking module level 1the definition of 'mask-border-slice' in that specification.
mask-border-source - CSS: Cascading Style Sheets
Web › CSS › mask-border-source
specifications specification status comment css masking module level 1the definition of 'mask-border-source' in that specification.
mask-border-width - CSS: Cascading Style Sheets
Web › CSS › mask-border-width
specifications specification status comment css masking module level 1the definition of 'mask-border-width' in that specification.
mask-border - CSS: Cascading Style Sheets
Web › CSS › mask-border
et */ round; /* repeat */ /* updated standard shorthand property, not supported anywhere yet */ mask-border: url("https://udn.realityripple.com/samples/2d/fd08a3134c.png") /* source */ 30 fill / /* slice */ 20px / /* width */ 1px /* outset */ round; /* repeat */ } result specifications specification status comment css masking module level 1the definition of 'mask-border' in that specification.
mask-clip - CSS: Cascading Style Sheets
Web › CSS › mask-clip
ption> <option value="stroke-box">stroke-box</option> <option value="view-box">view-box</option> <option value="no-clip">no-clip</option> </select> javascript var clipbox = document.getelementbyid("clipbox"); clipbox.addeventlistener("change", function (evt) { document.getelementbyid("masked").style.maskclip = evt.target.value; }); result specifications specification status comment css masking module level 1the definition of 'mask-clip' in that specification.
mask-composite - CSS: Cascading Style Sheets
Web › CSS › mask-composite
<option value="subtract">subtract</option> <option value="intersect">intersect</option> <option value="exclude">exclude</option> </select> javascript var clipbox = document.getelementbyid("compositemode"); clipbox.addeventlistener("change", function (evt) { document.getelementbyid("masked").style.maskcomposite = evt.target.value; }); result specifications specification status comment css masking module level 1the definition of 'mask-composite' in that specification.
mask-image - CSS: Cascading Style Sheets
Web › CSS › mask-image
}<angle-percentage> = <angle> | <percentage> examples setting a mask image with a url html <div id="masked"></div> css #masked { width: 100px; height: 100px; background-color: #8cffa0; -webkit-mask-image: url(https://mdn.mozillademos.org/files/12676/star.svg); mask-image: url(https://mdn.mozillademos.org/files/12676/star.svg); } result specifications specification status comment css masking module level 1the definition of 'mask-image' in that specification.
mask-mode - CSS: Cascading Style Sheets
Web › CSS › mask-mode
> <option value="alpha">alpha</option> <option value="luminance">luminance</option> <option value="match-source">match-source</option> </select> javascript var maskmode = document.getelementbyid("maskmode"); maskmode.addeventlistener("change", function (evt) { document.getelementbyid("masked").style.maskmode = evt.target.value; }); result specifications specification status comment css masking module level 1the definition of 'mask-mode' in that specification.
mask-origin - CSS: Cascading Style Sheets
Web › CSS › mask-origin
tion> <option value="fill-box">fill-box</option> <option value="stroke-box">stroke-box</option> <option value="view-box">view-box</option> </select> javascript var origin = document.getelementbyid("origin"); origin.addeventlistener("change", function (evt) { document.getelementbyid("masked").style.maskorigin = evt.target.value; }); result specifications specification status comment css masking module level 1the definition of 'mask-origin' in that specification.
mask-position - CSS: Cascading Style Sheets
Web › CSS › mask-position
"bottom left">bottom left</option> <option value="10px 20px">10px 20px</option> <option value="60% 20%">60% 20%</option> </select> javascript var maskposition = document.getelementbyid("maskposition"); maskposition.addeventlistener("change", function (evt) { document.getelementbyid("masked").style.maskposition = evt.target.value; }); result specifications specification status comment css masking module level 1the definition of 'mask-position' in that specification.
mask-repeat - CSS: Cascading Style Sheets
Web › CSS › mask-repeat
specifications specification status comment css masking module level 1the definition of 'mask-repeat' in that specification.
mask-size - CSS: Cascading Style Sheets
Web › CSS › mask-size
option> <option value="200px 100px">200px 100px</option> <option value="cover">cover</option> <option value="contain">contain</option> </select> javascript var masksize = document.getelementbyid("masksize"); masksize.addeventlistener("change", function (evt) { document.getelementbyid("masked").style.masksize = evt.target.value; }); result specifications specification status comment css masking module level 1the definition of 'mask-size' in that specification.
mask-type - CSS: Cascading Style Sheets
Web › CSS › mask-type
entunits="objectboundingbox" style="mask-type:luminance"> <rect x=".1" y=".1" width=".8" height=".8" fill="red" fill-opacity="0.7"/> </mask> </defs> </svg> css .redsquare { height: 100px; width: 100px; background-color: rgb(128, 128, 128); border: solid 1px black; mask: url("#m"); mask-type:luminance; } result specifications specification status comment css masking module level 1the definition of 'mask-type' in that specification.
mask - CSS: Cascading Style Sheets
Web › CSS › mask
color-stop-angle>?<angular-color-hint> = <angle-percentage>where <color-stop-length> = <length-percentage>{1,2}<color-stop-angle> = <angle-percentage>{1,2}<angle-percentage> = <angle> | <percentage> examples masking an image .target { mask: url(#c1) luminance; } .anothertarget { mask: url(resources.svg#c1) 50px 30px/10px 10px repeat-x exclude; } specifications specification status comment css masking module level 1the definition of 'mask' in that specification.
max-block-size - CSS: Cascading Style Sheets
Web › CSS › max-block-size
.standard-box { padding: 4px; background-color: #abcdef; color: #000; font: 16px "open sans", "helvetica", "arial", sans-serif; max-block-size: 160px; min-block-size: 100px; } .horizontal { writing-mode: horizontal-tb; } .vertical { writing-mode: vertical-rl; } result specifications specification status comment css logical properties and values level 1the definition of 'max-block-size' in that specification.
max-height - CSS: Cascading Style Sheets
Web › CSS › max-height
he absolute length or noneanimation typea length, percentage or calc(); formal syntax auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)where <length-percentage> = <length> | <percentage> examples setting max-height using percentage and keyword values table { max-height: 75%; } form { max-height: none; } specifications specification status comment css box sizing module level 4the definition of 'max-height' in that specification.
max-inline-size - CSS: Cascading Style Sheets
Web › CSS › max-inline-size
blockcomputed valuesame as max-width and max-heightanimation typea length, percentage or calc(); formal syntax <'max-width'> examples setting max inline size in pixels html <p class="exampletext">example text</p> css .exampletext { writing-mode: vertical-rl; background-color: yellow; block-size: 100%; max-inline-size: 200px; } result specifications specification status comment css logical properties and values level 1the definition of 'max-inline-size' in that specification.
max-width - CSS: Cascading Style Sheets
Web › CSS › max-width
</div> </div> css #parent { background: lightblue; width: 300px; } #child { background: gold; width: 100%; max-width: 150px; } result specifications specification status comment css box sizing module level 4the definition of 'max-width' in that specification.
max() - CSS: Cascading Style Sheets
Web › CSS › max
mdn understanding wcag, guideline 1.4 explanations understanding success criterion 1.4.4 | w3c understanding wcag 2.0 specifications specification status comment css values and units module level 4the definition of 'max()' in that specification.
min-block-size - CSS: Cascading Style Sheets
Web › CSS › min-block-size
containing blockcomputed valuesame as min-width and min-heightanimation typea length, percentage or calc(); formal syntax <'min-width'> examples setting minimum block size for vertical text html <p class="exampletext">example text</p> css .exampletext { writing-mode: vertical-rl; background-color: yellow; min-block-size: 200px; } result specifications specification status comment css logical properties and values level 1the definition of 'min-block-size' in that specification.
min-height - CSS: Cascading Style Sheets
Web › CSS › min-height
0.computed valuethe percentage as specified or the absolute lengthanimation typea length, percentage or calc(); formal syntax auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)where <length-percentage> = <length> | <percentage> examples setting min-height table { min-height: 75%; } form { min-height: 0; } specifications specification status comment css box sizing module level 4the definition of 'min-height' in that specification.
min-inline-size - CSS: Cascading Style Sheets
Web › CSS › min-inline-size
uted valuesame as min-width and min-heightanimation typea length, percentage or calc(); formal syntax <'min-width'> examples setting minimum inline size for vertical text html <p class="exampletext">example text</p> css .exampletext { writing-mode: vertical-rl; background-color: yellow; block-size: 5%; min-inline-size: 200px; } result specifications specification status comment css logical properties and values level 1the definition of 'min-inline-size' in that specification.
min-width - CSS: Cascading Style Sheets
Web › CSS › min-width
d valuethe percentage as specified or the absolute lengthanimation typea length, percentage or calc(); formal syntax auto | <length> | <percentage> | min-content | max-content | fit-content(<length-percentage>)where <length-percentage> = <length> | <percentage> examples setting minimum element width table { min-width: 75%; } form { min-width: 0; } specifications specification status comment css box sizing module level 4the definition of 'min-width' in that specification.
min() - CSS: Cascading Style Sheets
Web › CSS › min
<form> <label>type something:</label> <input type="text"> </form> specifications specification status comment css values and units module level 4the definition of 'min()' in that specification.
minmax() - CSS: Cascading Style Sheets
Web › CSS › minmax
</div> </div> result specifications specification status comment css grid layoutthe definition of 'minmax()' in that specification.
mix-blend-mode - CSS: Cascading Style Sheets
Web › CSS › mix-blend-mode
svg <svg> <g class="isolate"> <circle cx="40" cy="40" r="40" fill="red"/> <circle cx="80" cy="40" r="40" fill="lightgreen"/> <circle cx="60" cy="80" r="40" fill="blue"/> </g> </svg> css circle { mix-blend-mode: screen; } .isolate { isolation: isolate; } /* without isolation, the background color will be taken into account */ result specifications specification status comment compositing and blending level 1the definition of 'mix-blend-mode' in that specification.
<number> - CSS: Cascading Style Sheets
Web › CSS › number
specifications specification status comment css values and units module level 4the definition of '<number>' in that specification.
object-fit - CSS: Cascading Style Sheets
Web › CSS › object-fit
tems: flex-start; height: 940px; } img { width: 150px; height: 100px; border: 1px solid #000; } .narrow { width: 100px; height: 150px; margin-top: 10px; } .fill { object-fit: fill; } .contain { object-fit: contain; } .cover { object-fit: cover; } .none { object-fit: none; } .scale-down { object-fit: scale-down; } result specifications specification status comment css images module level 4the definition of 'object-fit' in that specification.
object-position - CSS: Cascading Style Sheets
Web › CSS › object-position
result specifications specification status comment css images module level 3the definition of 'object-position' in that specification.
offset-anchor - CSS: Cascading Style Sheets
Web › CSS › offset-anchor
1px solid #ccc; margin-bottom: 10px; } .offset-anchor1 { offset-anchor: auto; background: cyan; } .offset-anchor2 { offset-anchor: right top; background: purple; } .offset-anchor3 { offset-anchor: left bottom; background: magenta; } @keyframes move { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } } result specifications specification status comment motion path module level 1the definition of 'offset-anchor' in that specification.
offset-distance - CSS: Cascading Style Sheets
Web › CSS › offset-distance
html <div id="motion-demo"></div> css #motion-demo { offset-path: path('m20,20 c20,100 200,0 200,100'); animation: move 3000ms infinite alternate ease-in-out; width: 40px; height: 40px; background: cyan; } @keyframes move { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } } result specifications specification status comment motion path module level 1the definition of 'offset-distance' in that specification.
offset-path - CSS: Cascading Style Sheets
Web › CSS › offset-path
1,11 0 0,1 1004,190 h1075 a11,11 0 0,1 1086,201 v300 l1294,423 h1216 a11,11 0 0,0 1205,434 v789 a11,11 0 0,1 1194,800 h606 a11,11 0 0,1 595,789 v434 a11,11 0 0,0 584,423 h506 l900,190'); animation: followpath 4s linear infinite; } @keyframes followpath { to { motion-offset: 100%; offset-distance: 100%; } } result specifications <body> specification status comment motion path module level 1the definition of 'offset-path' in that specification.
offset-position - CSS: Cascading Style Sheets
Web › CSS › offset-position
tial offset position <div id="motion-demo"></div> #motion-demo { offset-path: path('m20,20 c20,100 200,0 200,100'); offset-position: left top; animation: move 3000ms infinite alternate ease-in-out; width: 40px; height: 40px; background: cyan; } @keyframes move { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } } specifications specification status comment motion path module level 1the definition of 'offset-position' in that specification.
offset-rotate - CSS: Cascading Style Sheets
Web › CSS › offset-rotate
50%, 70% 100%, 0% 100%, 30% 50%); animation: move 5000ms infinite alternate ease-in-out; offset-path: path('m20,20 c20,50 180,-10 180,20'); } div:nth-child(1) { offset-rotate: auto; } div:nth-child(2) { offset-rotate: auto 90deg; } div:nth-child(3) { offset-rotate: 30deg; } @keyframes move { 100% { offset-distance: 100%; } } result specifications specification status comment motion path module level 1the definition of 'offset-rotate' in that specification.
offset - CSS: Cascading Style Sheets
Web › CSS › offset
nimating an element along a path html <div id="offsetelement"></div> css @keyframes move { from { offset-distance: 0%; } to { offset-distance: 100%; } } #offsetelement { width: 50px; height: 50px; background-color: blue; offset: path("m 100 100 l 300 100 l 200 300 z") auto; animation: move 3s linear infinite; } result specifications specification status comment motion path module level 1the definition of 'offset' in that specification.
opacity - CSS: Cascading Style Sheets
Web › CSS › opacity
mg src="//developer.mozilla.org/static/img/opengraph-logo.png" alt="mdn logo" width="128" height="146" class="opacity"> css img.opacity { opacity: 1; filter: alpha(opacity=100); /* ie8 and lower */ zoom: 1; /* triggers "haslayout" in ie 7 and lower */ } img.opacity:hover { opacity: 0.5; filter: alpha(opacity=50); zoom: 1; } result specifications specification status comment css color module level 4the definition of 'opacity' in that specification.
order - CSS: Cascading Style Sheets
Web › CSS › order
html <header>...</header> <main> <article>article</article> <nav>nav</nav> <aside>aside</aside> </main> <footer>...</footer> css main { display: flex; text-align:center; } main > article { flex:1; order: 2; } main > nav { width: 200px; order: 1; } main > aside { width: 200px; order: 3; } result specifications specification status comment css flexible box layout modulethe definition of 'order' in that specification.
orphans - CSS: Cascading Style Sheets
Web › CSS › orphans
it has a little bit more text than the first one.</p> </div> css div { background-color: #8cffa0; height: 150px; columns: 3; orphans: 3; } p { background-color: #8ca0ff; } p:first-child { margin-top: 0; } result specifications specification status comment css fragmentation module level 3the definition of 'orphans' in that specification.
outline-color - CSS: Cascading Style Sheets
Web › CSS › outline-color
)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples setting a solid blue outline html <p>my outline is blue, as you can see.</p> css p { outline: 2px solid; /* set the outline width and style */ outline-color: #0000ff; /* make the outline blue */ margin: 5px; } result specifications specification status comment css basic user interface module level 3the definition of 'outline-color' in that specification.
outline-offset - CSS: Cascading Style Sheets
Web › CSS › outline-offset
ueas specified, but with relative lengths converted into absolute lengthsanimation typea length formal syntax <length> examples setting outline offset in pixels html <p>gallia est omnis divisa in partes tres.</p> css p { outline: 1px dashed red; outline-offset: 10px; background: yellow; border: 1px solid blue; margin: 15px; } result specifications specification status comment css basic user interface module level 3the definition of 'outline-offset' in that specification.
outline-style - CSS: Cascading Style Sheets
Web › CSS › outline-style
learer */ * { outline-width: 10px; padding: 15px; } result setting outline style to inset and outset html <div> <div class="inset"> <p class="outset">outline demo</p> </div> </div> css .inset { outline-style: inset; } .outset { outline-style: outset; } /* to make the demo clearer */ * { outline-width: 10px; padding: 15px; } result specifications specification status comment css basic user interface module level 3the definition of 'outline-style' in that specification.
outline-width - CSS: Cascading Style Sheets
Web › CSS › outline-width
n id="oneex">1ex</span> <span id="em">1.2em</span> css span { outline-style: solid; display: inline-block; margin: 20px; } #thin { outline-width: thin; } #medium { outline-width: medium; } #thick { outline-width: thick; } #twopixels { outline-width: 2px; } #oneex { outline-width: 1ex; } #em { outline-width: 1.2em; } result specifications specification status comment css basic user interface module level 3the definition of 'outline-width' in that specification.
outline - CSS: Cascading Style Sheets
Web › CSS › outline
| <'outline-style'> | <'outline-width'> ] examples using outline to set a focus style html <a href="#">this link has a special focus style.</a> css a { border: 1px solid; border-radius: 3px; display: inline-block; margin: 10px; padding: 5px; } a:focus { outline: 4px dotted #e73; outline-offset: 4px; background: #ffa; } result specifications specification status comment css basic user interface module level 3the definition of 'outline' in that specification.
overflow-anchor - CSS: Cascading Style Sheets
Web › CSS › overflow-anchor
body { overflow-anchor: none; } specifications specification status comment css scroll anchoring module level 1the definition of 'overflow-anchor' in that specification.
overflow-block - CSS: Cascading Style Sheets
Web › CSS › overflow-block
</div> </li> </ul> css #div1, #div2, #div3, #div4 { border: 1px solid black; width: 250px; height: 100px; } #div1 { overflow-block: hidden; margin-bottom: 120px;} #div2 { overflow-block: scroll; margin-bottom: 120px;} #div3 { overflow-block: visible; margin-bottom: 120px;} #div4 { overflow-block: auto; margin-bottom: 120px;} result specifications specification status comment css overflow module level 3the definition of 'overflow-block' in that specification.
overflow-inline - CSS: Cascading Style Sheets
Web › CSS › overflow-inline
<div id="div4"> abcdefghijklmopqrstuvwxyzabcdefghijklmopqrstuvwxyz </div> </li> </ul> css #div1, #div2, #div3, #div4 { border: 1px solid black; width: 250px; margin-bottom: 12px; } #div1 { overflow-inline: hidden;} #div2 { overflow-inline: scroll;} #div3 { overflow-inline: visible;} #div4 { overflow-inline: auto;} result specifications specification status comment css overflow module level 3the definition of 'overflow-inline' in that specification.
overflow-wrap - CSS: Cascading Style Sheets
Web › CSS › overflow-wrap
(<code>hyphens</code>, german rules)</p> css p { width: 13em; margin: 2px; background: gold; } .ow-anywhere { overflow-wrap: anywhere; } .ow-break-word { overflow-wrap: break-word; } .word-break { word-break: break-all; } .hyphens { hyphens: auto; } result specifications specification status comment css text module level 3the definition of 'overflow-wrap' in that specification.
overflow-x - CSS: Cascading Style Sheets
Web › CSS › overflow-x
<code>scroll</code> <div id="div4"> abcdefghijklmopqrstuvwxyzabcdefghijklmopqrstuvwxyz </div> </li> </ul> css #div1, #div2, #div3, #div4 { border: 1px solid black; width: 250px; margin-bottom: 12px; } #div1 { overflow-x: hidden;} #div2 { overflow-x: scroll;} #div3 { overflow-x: visible;} #div4 { overflow-x: auto;} result specifications specification status comment css overflow module level 3the definition of 'overflow-x' in that specification.
overflow-y - CSS: Cascading Style Sheets
Web › CSS › overflow-y
</div> </li> </ul> css #div1, #div2, #div3, #div4 { border: 1px solid black; width: 250px; height: 100px; } #div1 { overflow-y: hidden; margin-bottom: 12px;} #div2 { overflow-y: scroll; margin-bottom: 12px;} #div3 { overflow-y: visible; margin-bottom: 120px;} #div4 { overflow-y: auto; margin-bottom: 120px;} result specifications specification status comment css overflow module level 3the definition of 'overflow-y' in that specification.
overflow - CSS: Cascading Style Sheets
Web › CSS › overflow
specifications specification status comment css overflow module level 3the definition of 'overflow' in that specification.
overscroll-behavior-block - CSS: Cascading Style Sheets
Web › CSS › overscroll-behavior-block
contain; } div > div { height: 1500px; width: 100%; background-color: yellow; background-image: repeating-linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 19px, rgba(0,0,0,0.5) 20px); } p { padding: 10px; background-color: rgba(255,0,0,0.5); margin: 0; width: 340px; position: relative; top: 10px; left: 10px; } result specifications specification status comment css overscroll behavior module level 1the definition of 'overscroll-behavior-block' in that specification.
overscroll-behavior-inline - CSS: Cascading Style Sheets
Web › CSS › overscroll-behavior-inline
contain; } div > div { height: 100%; width: 1500px; background-color: yellow; background-image: repeating-linear-gradient(to right, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 19px, rgba(0,0,0,0.5) 20px); } p { padding: 10px; background-color: rgba(255,0,0,0.5); margin: 0; width: 360px; position: relative; top: 10px; left: 10px; } result specifications specification status comment css overscroll behavior module level 1the definition of 'overscroll-behavior-inline' in that specification.
overscroll-behavior-x - CSS: Cascading Style Sheets
Web › CSS › overscroll-behavior-x
to avoid this, you can set overscroll-behavior-x: contain on the inner box: main > div { height: 300px; width: 500px; overflow: auto; position: relative; top: 100px; left: 100px; overscroll-behavior-x: contain; } specifications specification status comment css overscroll behavior module level 1the definition of 'overscroll-behavior-x' in that specification.
overscroll-behavior-y - CSS: Cascading Style Sheets
Web › CSS › overscroll-behavior-y
specifications specification status comment css overscroll behavior module level 1the definition of 'overscroll-behavior-y' in that specification.
overscroll-behavior - CSS: Cascading Style Sheets
Web › CSS › overscroll-behavior
this can be prevented by setting overscroll-behavior: none on the <body> element: body { margin: 0; overscroll-behavior: none; } specifications specification status comment css overscroll behavior module level 1the definition of 'overscroll-behavior' in that specification.
padding-block-end - CSS: Cascading Style Sheets
Web › CSS › padding-block-end
formal syntax <'padding-left'> examples setting block end padding for vertical text html content <div> <p class="exampletext">example text</p> </div> css content div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; padding-block-end: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'padding-block-end' in that specification.
padding-block-start - CSS: Cascading Style Sheets
Web › CSS › padding-block-start
typea length formal syntax <'padding-left'> examples setting block start padding for vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; padding-block-start: 20px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'padding-block-start' in that specification.
padding-block - CSS: Cascading Style Sheets
Web › CSS › padding-block
on typediscrete formal syntax <'padding-left'>{1,2} examples setting block padding for vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; padding-block: 20px 40px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'padding-block' in that specification.
padding-bottom - CSS: Cascading Style Sheets
Web › CSS › padding-bottom
o ::first-letter and ::first-line.inheritednopercentagesrefer to the width of the containing blockcomputed valuethe percentage as specified or the absolute lengthanimation typea length formal syntax <length> | <percentage> examples setting padding bottom with pixels and percentages .content { padding-bottom: 5%; } .sidebox { padding-bottom: 10px; } specifications specification status comment css basic box modelthe definition of 'padding-bottom' in that specification.
padding-inline-end - CSS: Cascading Style Sheets
Web › CSS › padding-inline-end
>animation typea length formal syntax <'padding-left'> examples setting inline end padding for vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; padding-inline-end: 20px; background-color: #c8c800; } specifications specification status comment css logical properties and values level 1the definition of 'padding-inline-end' in that specification.
padding-inline-start - CSS: Cascading Style Sheets
Web › CSS › padding-inline-start
mation typea length formal syntax <'padding-left'> examples setting inline start padding for vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-lr; padding-inline-start: 20px; background-color: #c8c800; } specifications specification status comment css logical properties and values level 1the definition of 'padding-inline-start' in that specification.
padding-inline - CSS: Cascading Style Sheets
Web › CSS › padding-inline
typediscrete formal syntax <'padding-left'>{1,2} examples setting inline padding for vertical text html <div> <p class="exampletext">example text</p> </div> css div { background-color: yellow; width: 120px; height: 120px; } .exampletext { writing-mode: vertical-rl; padding-inline: 20px 40px; background-color: #c8c800; } result specifications specification status comment css logical properties and values level 1the definition of 'padding-inline' in that specification.
padding-left - CSS: Cascading Style Sheets
Web › CSS › padding-left
ies to ::first-letter and ::first-line.inheritednopercentagesrefer to the width of the containing blockcomputed valuethe percentage as specified or the absolute lengthanimation typea length formal syntax <length> | <percentage> examples setting left padding using pixels and percentages .content { padding-left: 5%; } .sidebox { padding-left: 10px; } specifications specification status comment css basic box modelthe definition of 'padding-left' in that specification.
padding-right - CSS: Cascading Style Sheets
Web › CSS › padding-right
to ::first-letter and ::first-line.inheritednopercentagesrefer to the width of the containing blockcomputed valuethe percentage as specified or the absolute lengthanimation typea length formal syntax <length> | <percentage> examples setting right padding using pixels and percentages .content { padding-right: 5%; } .sidebox { padding-right: 10px; } specifications specification status comment css basic box modelthe definition of 'padding-right' in that specification.
padding-top - CSS: Cascading Style Sheets
Web › CSS › padding-top
pplies to ::first-letter and ::first-line.inheritednopercentagesrefer to the width of the containing blockcomputed valuethe percentage as specified or the absolute lengthanimation typea length formal syntax <length> | <percentage> examples setting top padding using pixels and percentages .content { padding-top: 5%; } .sidebox { padding-top: 10px; } specifications specification status comment css basic box modelthe definition of 'padding-top' in that specification.
padding - CSS: Cascading Style Sheets
Web › CSS › padding
dding */ /* left and right: 3% padding */ /* bottom: 20px padding */ padding: 1em 3px 30px 5px; /* top: 1em padding */ /* right: 3px padding */ /* bottom: 30px padding */ /* left: 5px padding */ specifications specification status comment css basic box modelthe definition of 'padding' in that specification.
page-break-after - CSS: Cascading Style Sheets
Web › CSS › page-break-after
user agents may also apply it to other elements like table-row elements.inheritednocomputed valueas specifiedanimation typediscrete formal syntax auto | always | avoid | left | right | recto | verso examples setting a page break after footnotes /* move to a new page after footnotes */ div.footnotes { page-break-after: always; } specifications specification status comment css logical properties and values level 1the definition of 'recto and verso' in that specification.
page-break-before - CSS: Cascading Style Sheets
Web › CSS › page-break-before
user agents may also apply it to other elements like table-row elements.inheritednocomputed valueas specifiedanimation typediscrete formal syntax auto | always | avoid | left | right | recto | verso examples avoid a page break before the dic /* avoid page break before the div */ div.note { page-break-before: avoid; } specifications specification status comment css logical properties and values level 1the definition of 'recto and verso' in that specification.
page-break-inside - CSS: Cascading Style Sheets
Web › CSS › page-break-inside
than the third one.</p> </div> css .page { background-color: #8cffa0; height: 90px; width: 200px; columns: 1; column-width: 100px; } .list, ol, ul, p { break-inside: avoid; } p { background-color: #8ca0ff; } ol, ul, .list { margin: 0.5em 0; display: block; background-color: orange; } p:first-child { margin-top: 0; } result specifications specification status comment css paged media module level 3the definition of 'page-break-inside' in that specification.
paint-order - CSS: Cascading Style Sheets
Web › CSS › paint-order
/www.w3.org/2000/svg" width="400" height="200"> <text x="10" y="75">stroke in front</text> <text x="10" y="150" class="stroke-behind">stroke behind</text> </svg> css text { font-family: sans-serif; font-size: 50px; font-weight: bold; fill: black; stroke: red; stroke-width: 4px; } .stroke-behind { paint-order: stroke fill; } result specifications specification status comment scalable vector graphics (svg) 2the definition of 'paint-order' in that specification.
paint() - CSS: Cascading Style Sheets
Web › CSS › paint
specifications specification status comment css painting api level 1the definition of 'paint notation' in that specification.
<percentage> - CSS: Cascading Style Sheets
Web › CSS › percentage
dth:30%; margin-left:60%; background-color:pink;"> width: 30%, left margin: 60% </div> </div> the above html will output: font-size <div style="font-size:18px;"> <p>full-size text (18px)</p> <p><span style="font-size:50%;">50% (9px)</span></p> <p><span style="font-size:200%;">200% (36px)</span></p> </div> the above html will output: specifications specification status comment css values and units module level 4the definition of '<percentage>' in that specification.
perspective-origin - CSS: Cascading Style Sheets
Web › CSS › perspective-origin
7); transform: rotatex(90deg) translatez(50px); } .bottom { background: rgba(196, 0, 196, 0.7); transform: rotatex(-90deg) translatez(50px); } /* make the layout a little nicer */ section { background-color: #eee; padding: 10px; font-family: sans-serif; text-align: left; display: grid; grid-template-columns: repeat(3, 1fr); } result specifications specification status comment css transforms level 2the definition of 'perspective-origin' in that specification.
perspective - CSS: Cascading Style Sheets
Web › CSS › perspective
z(50px); } .top { background: rgba(196, 196, 0, 0.7); transform: rotatex(90deg) translatez(50px); } .bottom { background: rgba(196, 0, 196, 0.7); transform: rotatex(-90deg) translatez(50px); } /* make the table a little nicer */ th, p, td { background-color: #eeeeee; padding: 10px; font-family: sans-serif; text-align: left; } result specifications specification status comment css transforms level 2the definition of 'perspective' in that specification.
place-content - CSS: Cascading Style Sheets
Web › CSS › place-content
changed in the live sample */ direction: ltr; /* can be changed in the live sample */ place-content: flex-end center; /* can be changed in the live sample */ } div > div { border: 2px solid #8c8c8c; width: 50px; background-color: #a0c8ff; } .small { font-size: 12px; height: 40px; } .large { font-size: 14px; height: 50px; } result specifications specification status comment css box alignment module level 3the definition of 'place content' in that specification.
place-items - CSS: Cascading Style Sheets
Web › CSS › place-items
ntainer.classname = evt.target.value; }); css #container { height:200px; width: 240px; place-items: center; /* you can change this value by selecting another option in the list */ background-color: #8c8c8c; } .flex { display: flex; flex-wrap: wrap; } .grid { display: grid; grid-template-columns: repeat(auto-fill, 50px); } result specifications specification status comment css box alignment module level 3the definition of 'place-items' in that specification.
place-self - CSS: Cascading Style Sheets
Web › CSS › place-self
width: 300px; } span:nth-child(2) { place-self: start center; } span:nth-child(3) { place-self: center start; } span:nth-child(4) { place-self: end; } article span { background-color: black; color: white; margin: 1px; text-align: center; } article, span { padding: 10px; border-radius: 7px; } article { margin: 20px; } result specifications specification status comment css box alignment module level 3the definition of 'place-self' in that specification.
pointer-events - CSS: Cascading Style Sheets
Web › CSS › pointer-events
html <ul> <li><a href="https://developer.mozilla.org">mdn</a></li> <li><a href="http://example.com">example.com</a></li> </ul> css a[href="http://example.com"] { pointer-events: none; } result specifications specification status comment scalable vector graphics (svg) 2the definition of 'pointer-events' in that specification.
position - CSS: Cascading Style Sheets
Web › CSS › position
olid #717d85; color: #fff; font: bold 18px/21px helvetica, arial, sans-serif; margin: 0; padding: 2px 0 0 12px; position: -webkit-sticky; position: sticky; top: -1px; } dd { font: bold 20px/45px helvetica, arial, sans-serif; margin: 0; padding: 0 0 0 12px; white-space: nowrap; } dd + dd { border-top: 1px solid #ccc; } result specifications specification status comment css level 2 (revision 1)the definition of 'position' in that specification.
<position> - CSS: Cascading Style Sheets
Web › CSS › position value
examples valid positions center left center top right 8.5% bottom 12vmin right -6px 10% 20% 8rem 14px invalid positions left right bottom top 10px 15px 20px 15px specifications specification status comment css values and units module level 3the definition of '<position>' in that specification.
quotes - CSS: Cascading Style Sheets
Web › CSS › quotes
html <div lang="fr"> <q>ceci est une citation française.</q> <div> <hr> <div lang="ru"> <q>Это русская цитата</q> <div> <hr> <div lang="de"> <q>dies ist ein deutsches zitat</q> <div> <hr> <div lang="en"> <q>this is an english quote.</q> <div> css /*q { quotes: auto; }*/ result specifications specification status comment css generated content module level 3the definition of 'quotes' in that specification.
radial-gradient() - CSS: Cascading Style Sheets
Web › CSS › radial-gradient
specifications specification status comment css images module level 3the definition of 'radial-gradients()' in that specification.
<ratio> - CSS: Cascading Style Sheets
Web › CSS › ratio
specifications specification status comment media queries level 4the definition of '<ratio>' in that specification.
repeat() - CSS: Cascading Style Sheets
Web › CSS › repeat
</div> </div> css #container { display: grid; grid-template-columns: repeat(2, 50px 1fr) 100px; grid-gap: 5px; box-sizing: border-box; height: 200px; width: 100%; background-color: #8cffa0; padding: 10px; } #container > div { background-color: #8ca0ff; padding: 5px; } result specifications specification status comment css grid layoutthe definition of 'repeat()' in that specification.
repeating-conic-gradient() - CSS: Cascading Style Sheets
Web › CSS › repeating-conic-gradient
specifications specification status comment css images module level 4the definition of 'repeating-conic-gradient()' in that specification.
repeating-linear-gradient() - CSS: Cascading Style Sheets
Web › CSS › repeating-linear-gradient
specifications specification status comment css images module level 3the definition of 'repeating-linear-gradient()' in that specification.
repeating-radial-gradient() - CSS: Cascading Style Sheets
Web › CSS › repeating-radial-gradient
specifications specification status comment css images module level 3the definition of 'repeating-radial-gradient()' in that specification.
resize - CSS: Cascading Style Sheets
Web › CSS › resize
</p> </div> css .resizable { resize: both; overflow: scroll; border: 1px solid black; } div { height: 300px; width: 300px; } p { height: 200px; width: 200px; } result specifications specification status comment css logical properties and values level 1the definition of 'resize' in that specification.
<resolution> - CSS: Cascading Style Sheets
Web › CSS › resolution
specifications specification status comment css values and units module level 4the definition of '<resolution>' in that specification.
Resolved value - CSS: Cascading Style Sheets
Web › CSS › resolved value
specifications specification status comment css object model (cssom)the definition of 'resolved value' in that specification.
revert - CSS: Cascading Style Sheets
Web › CSS › revert
specifications specification status comment css cascading and inheritance level 4the definition of 'revert' in that specification.
right - CSS: Cascading Style Sheets
Web › CSS › right
> </div> css div { outline: 1px solid #cccccc; } #parent { width: 200px; height: 200px; background-color: #ffc7e4; position: relative; } /* declare both a left and a right */ #width, #nowidth { background-color: #c2ffd7; position: absolute; left: 0; right: 0; } /* declare a width */ #width { width: 100px; top: 60px; } result specifications specification status comment css positioned layout module level 3the definition of 'right' in that specification.
rotate - CSS: Cascading Style Sheets
Web › CSS › rotate
css * { box-sizing: border-box; } html { font-family: sans-serif; } div { width: 150px; margin: 0 auto; } p { padding: 10px 5px; border: 3px solid black; border-radius: 20px; width: 150px; font-size: 1.2rem; text-align: center; } .rotate { transition: rotate 1s; } div:hover .rotate { rotate: 1 -0.5 1 180deg; } result specifications specification status comment css transforms level 2the definition of 'individual transforms' in that specification.
row-gap (grid-row-gap) - CSS: Cascading Style Sheets
Web › CSS › row-gap
0px; } result grid layout html <div id="grid"> <div></div> <div></div> <div></div> </div> css #grid { grid-row-gap: 20px; } #grid { display: grid; height: 200px; grid-template-columns: 200px; grid-template-rows: repeat(3, 1fr); row-gap: 20px; } #grid > div { border: 1px solid green; background-color: lime; } result specifications specification status comment css box alignment module level 3the definition of 'row-gap' in that specification.
ruby-align - CSS: Cascading Style Sheets
Web › CSS › ruby-align
is a long text to check</rb> <rp>（</rp><rt>short ruby</rt><rp>）</rp> </ruby> css ruby { ruby-align: space-between; } result extra space distributed between and around ruby elements html <ruby> <rb>this is a long text to check</rb> <rp>（</rp><rt>short ruby</rt><rp>）</rp> </ruby> css ruby { ruby-align: space-around; } result specifications specification status comment css ruby layout module level 1the definition of 'ruby-align' in that specification.
ruby-position - CSS: Cascading Style Sheets
Web › CSS › ruby-position
ruby positioned over the text html <ruby> <rb>超電磁砲</rb> <rp>（</rp><rt>レールガン</rt><rp>）</rp> </ruby> css ruby { ruby-position:over; } result ruby positioned under the text html <ruby> <rb>超電磁砲</rb> <rp>（</rp><rt>レールガン</rt><rp>）</rp> </ruby> css ruby { ruby-position:under; } result specifications specification status comment css ruby layout module level 1the definition of 'ruby-position' in that specification.
scale - CSS: Cascading Style Sheets
Web › CSS › scale
aling</p> </div> css * { box-sizing: border-box; } html { font-family: sans-serif; } div { width: 150px; margin: 0 auto; } p { padding: 10px 5px; border: 3px solid black; border-radius: 20px; width: 150px; font-size: 1.2rem; text-align: center; } .scale { transition: scale 1s; } div:hover .scale { scale: 2 0.7; } result specifications specification status comment css transforms level 2the definition of 'individual transforms' in that specification.
scroll-behavior - CSS: Cascading Style Sheets
Web › CSS › scroll-behavior
margin: 0 auto; text-align: center; } nav { width: 339px; padding: 5px; border: 1px solid black; } scroll-container { display: block; width: 350px; height: 200px; overflow-y: scroll; scroll-behavior: smooth; } scroll-page { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 5em; } result specifications specification status comment css object model (cssom) view modulethe definition of 'scroll-behavior' in that specification.
scroll-margin-block-end - CSS: Cascading Style Sheets
Web › CSS › scroll-margin-block-end
formal definition initial value0applies toall elementsinheritednocomputed valueas specifiedanimation typeby computed value type formal syntax <length> specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-block-end' in that specification.
scroll-margin-block-start - CSS: Cascading Style Sheets
Web › CSS › scroll-margin-block-start
formal definition initial value0applies toall elementsinheritednocomputed valueas specifiedanimation typeby computed value type formal syntax <length> specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-block-start' in that specification.
scroll-margin-block - CSS: Cascading Style Sheets
Web › CSS › scroll-margin-block
formal definition initial value0applies toall elementsinheritednocomputed valueas specifiedanimation typeby computed value type formal syntax <length>{1,2} specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-block' in that specification.
scroll-margin-bottom - CSS: Cascading Style Sheets
Web › CSS › scroll-margin-bottom
formal definition initial value0applies toall elementsinheritednocomputed valueas specifiedanimation typeby computed value type formal syntax <length> specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-bottom' in that specification.
scroll-margin-inline-end - CSS: Cascading Style Sheets
Web › CSS › scroll-margin-inline-end
result try it for yourself: specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-inline-end' in that specification.
scroll-margin-inline-start - CSS: Cascading Style Sheets
Web › CSS › scroll-margin-inline-start
result try it for yourself: specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-inline-start' in that specification.
scroll-margin-inline - CSS: Cascading Style Sheets
Web › CSS › scroll-margin-inline
result try it for yourself: specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-inline' in that specification.
scroll-margin-left - CSS: Cascading Style Sheets
Web › CSS › scroll-margin-left
formal definition initial value0applies toall elementsinheritednocomputed valueas specifiedanimation typeby computed value type formal syntax <length> specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-left' in that specification.
scroll-margin-right - CSS: Cascading Style Sheets
Web › CSS › scroll-margin-right
formal definition initial value0applies toall elementsinheritednocomputed valueas specifiedanimation typeby computed value type formal syntax <length> specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-right' in that specification.
scroll-margin-top - CSS: Cascading Style Sheets
Web › CSS › scroll-margin-top
formal definition initial value0applies toall elementsinheritednocomputed valueas specifiedanimation typeby computed value type formal syntax <length> specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin-top' in that specification.
scroll-margin - CSS: Cascading Style Sheets
Web › CSS › scroll-margin
result try it for yourself: specifications specification status comment css scroll snap module level 1the definition of 'scroll-margin' in that specification.
scroll-padding-block-end - CSS: Cascading Style Sheets
Web › CSS › scroll-padding-block-end
formal definition initial valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed valueas specifiedanimation typeby computed value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-block-end' in that specification.
scroll-padding-block-start - CSS: Cascading Style Sheets
Web › CSS › scroll-padding-block-start
formal definition initial valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed valueas specifiedanimation typeby computed value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-block-start' in that specification.
scroll-padding-block - CSS: Cascading Style Sheets
Web › CSS › scroll-padding-block
formal definition initial valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed valueas specifiedanimation typeby computed value type formal syntax [ auto | <length-percentage> ]{1,2}where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-block' in that specification.
scroll-padding-bottom - CSS: Cascading Style Sheets
Web › CSS › scroll-padding-bottom
formal definition initial valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed valueas specifiedanimation typeby computed value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-bottom' in that specification.
scroll-padding-inline-end - CSS: Cascading Style Sheets
Web › CSS › scroll-padding-inline-end
formal definition initial valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed valueas specifiedanimation typeby computed value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-inline-end' in that specification.
scroll-padding-inline-start - CSS: Cascading Style Sheets
Web › CSS › scroll-padding-inline-start
formal definition initial valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed valueas specifiedanimation typeby computed value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-inline-start' in that specification.
scroll-padding-inline - CSS: Cascading Style Sheets
Web › CSS › scroll-padding-inline
formal definition initial valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed valueas specifiedanimation typeby computed value type formal syntax [ auto | <length-percentage> ]{1,2}where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-inline' in that specification.
scroll-padding-left - CSS: Cascading Style Sheets
Web › CSS › scroll-padding-left
formal definition initial valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed valueas specifiedanimation typeby computed value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-left' in that specification.
scroll-padding-right - CSS: Cascading Style Sheets
Web › CSS › scroll-padding-right
formal definition initial valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed valueas specifiedanimation typeby computed value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-right' in that specification.
scroll-padding-top - CSS: Cascading Style Sheets
Web › CSS › scroll-padding-top
formal definition initial valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed valueas specifiedanimation typeby computed value type formal syntax auto | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding-top' in that specification.
scroll-padding - CSS: Cascading Style Sheets
Web › CSS › scroll-padding
formal definition initial valueautoapplies toscroll containersinheritednopercentagesrelative to the scroll container's scrollportcomputed valueas specifiedanimation typeby computed value type formal syntax [ auto | <length-percentage> ]{1,4}where <length-percentage> = <length> | <percentage> specifications specification status comment css scroll snap module level 1the definition of 'scroll-padding' in that specification.
scroll-snap-align - CSS: Cascading Style Sheets
Web › CSS › scroll-snap-align
formal definition initial valuenoneapplies toall elementsinheritednocomputed valueas specifiedanimation typediscrete formal syntax [ none | start | end | center ]{1,2} specifications specification status comment css scroll snap module level 1the definition of 'scroll-snap-align' in that specification.
scroll-snap-stop - CSS: Cascading Style Sheets
Web › CSS › scroll-snap-stop
rtl</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> </div> result specifications specification status comment css scroll snap module level 1the definition of 'scroll-snap-stop' in that specification.
scroll-snap-type - CSS: Cascading Style Sheets
Web › CSS › scroll-snap-type
.y.container > div { line-height: 256px; font-size: 128px; width: 256px; height: 100%; } /* appearance fixes */ .y.container > div:first-child { line-height: 1.3; font-size: 64px; } /* coloration */ .container > div:nth-child(even) { background-color: #87ea87; } .container > div:nth-child(odd) { background-color: #87ccea; } results specifications specification status comment css scroll snap module level 1the definition of 'scroll-snap-type' in that specification.
scrollbar-color - CSS: Cascading Style Sheets
Web › CSS › scrollbar-color
dandelion cucumber earthnut pea peanut soko zucchini.</div> result specifications specification status comment css scrollbars level 1the definition of 'scrollbar-color' in that specification.
scrollbar-width - CSS: Cascading Style Sheets
Web › CSS › scrollbar-width
dandelion cucumber earthnut pea peanut soko zucchini.</div> result specifications specification status comment css scrollbars level 1the definition of 'scrollbar-width' in that specification.
shape-image-threshold - CSS: Cascading Style Sheets
Web › CSS › shape-image-threshold
result specifications specification status comment css shapes module level 1the definition of 'shape-image-threshold' in that specification.
shape-margin - CSS: Cascading Style Sheets
Web › CSS › shape-margin
ead; and the inhabitant of mars, if he exists, probably knows its truth as we know it.</section> css section { max-width: 400px; } .shape { float: left; width: 150px; height: 150px; background-color: maroon; clip-path: polygon(0 0, 150px 150px, 0 150px); shape-outside: polygon(0 0, 150px 150px, 0 150px); shape-margin: 20px; } result specifications specification status comment css shapes module level 1the definition of 'shape-margin' in that specification.
shape-outside - CSS: Cascading Style Sheets
Web › CSS › shape-outside
, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 100%, 0 100%); } .right { -webkit-shape-outside: polygon(100% 0, 100% 100%, 0 100%); shape-outside: polygon(100% 0, 100% 100%, 0 100%); float: right; -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%); clip-path: polygon(100% 0, 100% 100%, 0 100%); } p { text-align: center; } result specifications specification status comment css shapes module level 1the definition of 'shape-outside' in that specification.
<shape> - CSS: Cascading Style Sheets
Web › CSS › shape
example img.clip04 { clip: rect(10px, 20px, 20px, 10px); } specifications specification status comment css level 2 (revision 1)the definition of '<shape>' in that specification.
Specified value - CSS: Cascading Style Sheets
Web › CSS › specified value
however, the border is not an inheriting property.</p> </div> css .fun { border: 1px dotted pink; font-family: fantasy; } p { color: green; } result specifications specification status comment css level 2 (revision 2)the definition of 'cascaded value' in that specification.
<string> - CSS: Cascading Style Sheets
Web › CSS › string
with \' an escaped single quote.' 'this string also has \27 an escaped single quote.' "this is a string with \\ an escaped backslash." /* new line in a string */ "this string has a \aline break in it." /* string spanning two lines of code (these two strings will have identical output) */ "a really long \ awesome string" "a really long awesome string" specifications specification status comment css values and units module level 3the definition of '<string>' in that specification.
symbols() - CSS: Cascading Style Sheets
Web › CSS › symbols
examples html <ol> <li>one</li> <li>two</li> <li>three</li> <li>four</li> <li>five</li> </ol> css ol { list-style: symbols(cyclic "*" "†" "‡"); } result specifications specification status comment css counter styles level 3the definition of 'symbols()' in that specification.
tab-size - CSS: Cascading Style Sheets
Web › CSS › tab-size
html <p>no tab</p> <p>&#0009;default tab size of 8 characters wide</p> <p class="custom">&#0009;custom tab size of 3 characters wide</p> <p>&nbsp;&nbsp;&nbsp;3 spaces, equivalent to the custom tab size</p> css p { white-space: pre; } .custom { tab-size: 3; -moz-tab-size: 3; } result specifications specification status comment css text module level 3the definition of 'tab-size' in that specification.
table-layout - CSS: Cascading Style Sheets
Web › CSS › table-layout
d><td>wood</td></tr> <tr><td>albert</td><td>schweitzer</td></tr> <tr><td>jane</td><td>fonda</td></tr> <tr><td>william</td><td>shakespeare</td></tr> </table> css table { table-layout: fixed; width: 120px; border: 1px solid red; } td { border: 1px solid blue; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } result specifications specification status comment css level 2 (revision 1)the definition of 'table-layout' in that specification.
text-align-last - CSS: Cascading Style Sheets
Web › CSS › text-align-last
nullam est eros, suscipit sed dictum quis, accumsan a ligula.</p> css p { font-size: 1.4em; text-align: justify; text-align-last: center; } results specifications specification status comment css text module level 3the definition of 'text-align-last' in that specification.
text-align - CSS: Cascading Style Sheets
Web › CSS › text-align
</p> css .example { text-align: justify; border: solid; } result notes the standard-compatible way to center a block itself without centering its inline content is setting the left and right margin to auto, e.g.: .something { margin: auto; } .something { margin: 0 auto; } .something { margin-left: auto; margin-right: auto; } specifications specification status comment css logical properties and values level 1the definition of 'text-align' in that specification.
text-combine-upright - CSS: Cascading Style Sheets
Web › CSS › text-combine-upright
html <p lang="zh-hant">民國<span class="num">105</span >年<span class="num">4</span >月<span class="num">29</span>日</p> css html { writing-mode: vertical-rl; font: 24px serif } .num { text-combine-upright: all } results screenshotlive sample specifications specification status comment css writing modes level 4the definition of 'text-combine-upright' in that specification.
text-decoration-color - CSS: Cascading Style Sheets
Web › CSS › text-decoration-color
lpha-value> = <number> | <percentage><hue> = <number> | <angle> examples <p>this paragraph has <s>some erroneous text</s> inside it that i want to call attention to.</p> p { text-decoration-line: underline; text-decoration-color: cyan; } s { text-decoration-line: line-through; text-decoration-color: red; text-decoration-style: wavy; } specifications specification status comment css text decoration module level 3the definition of 'text-decoration-color' in that specification.
text-decoration-line - CSS: Cascading Style Sheets
Web › CSS › text-decoration-line
ine-through | blink ] | spelling-error | grammar-error examples <p class="wavy">here's some text with wavy red underline!</p> <p class="both">this text has lines both above and below it.</p> .wavy { text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: red; } .both { text-decoration-line: underline overline; } specifications specification status comment css text decoration module level 3the definition of 'text-decoration-line' in that specification.
text-decoration-skip-ink - CSS: Cascading Style Sheets
Web › CSS › text-decoration-skip-ink
class="skip-ink-all">この文は、 text-decoration-skip-ink: all の使用例を示しています。</p> css p { font-size: 1.5em; text-decoration: underline blue; text-decoration-skip-ink: auto; /* this is the default anyway */ } .no-skip-ink { text-decoration-skip-ink: none; } .skip-ink-all{ text-decoration-skip-ink: all; } result specifications specification status comment css text decoration module level 4the definition of 'text-decoration-skip-ink' in that specification.
text-decoration-skip - CSS: Cascading Style Sheets
Web › CSS › text-decoration-skip
tedyescomputed valueas specifiedanimation typediscrete formal syntax none | [ objects | [ spaces | [ leading-spaces | trailing-spaces ] ] | edges | box-decoration ] examples skipping edges html <p>hey, grab a cup of <em>coffee!</em></p> css p { margin: 0; font-size: 3em; text-decoration: underline; text-decoration-skip: edges; } result specifications specification status comment css text decoration module level 4the definition of 'text-decoration-skip' in that specification.
text-decoration-style - CSS: Cascading Style Sheets
Web › CSS › text-decoration-style
-moz-text-decoration-color: red; -webkit-text-decoration-line: underline; -webkit-text-decoration-style: wavy; -webkit-text-decoration-color: red; } css .wavy { text-decoration-line: underline; text-decoration-style: wavy; text-decoration-color: red; } html <p class="wavy">this text has a wavy red line beneath it.</p> results specifications specification status comment css text decoration module level 3the definition of 'text-decoration-style' in that specification.
text-decoration-thickness - CSS: Cascading Style Sheets
Web › CSS › text-decoration-thickness
.thin { text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: red; text-decoration-thickness: 1px; } .thick { text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: red; text-decoration-thickness: 5px; } .shorthand { text-decoration: underline solid red 5px; } results specifications specification status comment css text decoration module level 4the definition of 'text-decoration-width' in that specification.
text-decoration - CSS: Cascading Style Sheets
Web › CSS › text-decoration
text decoration on anchors since users often depend on the underline to denote hyperlinks.</p> <p class="underover">this text has lines above <em>and</em> below it.</p> <p class="thick">this text has a really thick purple underline in supporting browsers.</p> <p class="blink">this text might blink for you, depending on the browser you use.</p> specifications specification status comment css text decoration module level 4 working draft adds text-decoration-thickness; note that this isn't yet officially part of the shorthand — this is as yet unspecified.
text-emphasis-color - CSS: Cascading Style Sheets
Web › CSS › text-emphasis-color
)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples emphasis with a color and custom character css em { text-emphasis-color: green; text-emphasis-style: "*"; } html <p>here's an example:</p> <em>this has emphasis marks!</em> result specifications specification status comment css text decoration module level 3the definition of 'text-emphasis' in that specification.
text-emphasis-position - CSS: Cascading Style Sheets
Web › CSS › text-emphasis-position
in html, this can be done with the following pattern: em { text-emphasis: dot; /* set text-emphasis for <em> elements */ } em rt { display: none; /* hide ruby inside <em> elements */ } specifications specification status comment css text decoration module level 3the definition of 'text-emphasis' in that specification.
text-emphasis-style - CSS: Cascading Style Sheets
Web › CSS › text-emphasis-style
formal definition initial valuenoneapplies toall elementsinheritednocomputed valueas specifiedanimation typediscrete formal syntax none | [ [ filled | open ] | [ dot | circle | double-circle | triangle | sesame ] ] | <string> examples h2 { text-emphasis-style: sesame; } specifications specification status comment css text decoration module level 3the definition of 'text-emphasis' in that specification.
text-emphasis - CSS: Cascading Style Sheets
Web › CSS › text-emphasis
css h2 { text-emphasis: triangle #d55; } html <h2>this is important!</h2> result specifications specification status comment css text decoration module level 3the definition of 'text-emphasis' in that specification.
text-indent - CSS: Cascading Style Sheets
Web › CSS › text-indent
lor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <p>lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> css p { text-indent: 30%; background: plum; } result specifications specification status comment css text module level 3the definition of 'text-indent' in that specification.
text-justify - CSS: Cascading Style Sheets
Web › CSS › text-justify
cras eu elementum dui.</p> p { font-size: 1.5em; border: 1px solid black; padding: 10px; width: 95%; margin: 10px auto; text-align: justify; } .none { text-justify: none; } .auto { text-justify: auto; } .dist { text-justify: distribute; } .word { text-justify: inter-word; } .char { text-justify: inter-character; } specifications specification status comment css text module level 3the definition of 'text-justify' in that specification.
text-orientation - CSS: Cascading Style Sheets
Web › CSS › text-orientation
al definition initial valuemixedapplies toall elements, except table row groups, rows, column groups, and columnsinheritedyescomputed valueas specifiedanimation typediscrete formal syntax mixed | upright | sideways examples html <p>lorem ipsum dolet semper quisquam.</p> css p { writing-mode: vertical-rl; text-orientation: upright; } result specifications specification status comment css writing modes module level 3the definition of 'text-orientation' in that specification.
text-rendering - CSS: Cascading Style Sheets
Web › CSS › text-rendering
html <p class="speed">lyowat - ff fi fl ffl</p> <p class="legibility">lyowat - ff fi fl ffl</p> css p { font: 1.5em "constantia", "times new roman", "georgia", "palatino", serif } .speed { text-rendering: optimizespeed; } .legibility { text-rendering: optimizelegibility; } result specifications specification status comment scalable vector graphics (svg) 2the definition of 'text-rendering' in that specification.
text-shadow - CSS: Cascading Style Sheets
Web › CSS › text-shadow
dows .white-text-with-blue-shadow { text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue; color: white; font: 1.5em georgia, serif; } <p class="white-text-with-blue-shadow">sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore.</p> specifications specification status comment css text decoration module level 3the definition of 'text-shadow' in that specification.
text-size-adjust - CSS: Cascading Style Sheets
Web › CSS › text-size-adjust
alueas specifiedanimation typediscrete formal syntax none | auto | <percentage> examples basic disabling usage as hinted at above, on a properly designed responsive site the text-size-adjust behavior is not needed, so developers can elect to turn it off by specifying a vlaue of none: p { -webkit-text-size-adjust: none; text-size-adjust: none; } specifications specification status comment css mobile text size adjustment module level 1the definition of 'text-size-adjust' in that specification.
text-transform - CSS: Cascading Style Sheets
Web › CSS › text-transform
full-size-kana <p>ァィゥェ ォヵㇰヶ ㇱㇲッㇳ ㇴㇵㇶㇷ ㇸㇹㇺャ ュョㇻㇼ ㇽㇾㇿヮ</p> <p>ァィゥェ ォヵㇰヶ ㇱㇲッㇳ ㇴㇵㇶㇷ ㇸㇹㇺャ ュョㇻㇼ ㇽㇾㇿヮ</p> </p> p:nth-of-type(2) { text-transform: full-size-kana; } specifications specification status comment css text module level 3the definition of 'text-transform' in that specification.
text-underline-offset - CSS: Cascading Style Sheets
Web › CSS › text-underline-offset
only the bottom one is offset.</p> p { text-decoration: underline wavy red; text-underline-offset: 1em; } .twolines { text-decoration-color: purple; text-decoration-line: underline overline; } specifications specification status comment css text decoration module level 4the definition of 'text-underline-offset' in that specification.
text-underline-position - CSS: Cascading Style Sheets
Web › CSS › text-underline-position
:root { text-underline-position: under; } specifications specification status comment css text decoration module level 3the definition of 'text-underline-position' in that specification.
<time-percentage> - CSS: Cascading Style Sheets
Web › CSS › time-percentage
specifications specification status comment css values and units module level 4the definition of '<time-percentage>' in that specification.
<time> - CSS: Cascading Style Sheets
Web › CSS › time
specifications specification status comment css values and units module level 4the definition of '<time>' in that specification.
top - CSS: Cascading Style Sheets
Web › CSS › top
ise, autoanimation typea length, percentage or calc(); formal syntax <length> | <percentage> | auto examples body { background: beige; } div { position: absolute; top: 10%; right: 40%; bottom: 20%; left: 15%; background: gold; border: 1px solid blue; } <div>the size of this content is determined by the position of its edges.</div> specifications specification status comment css positioned layout module level 3the definition of 'top' in that specification.
touch-action - CSS: Cascading Style Sheets
Web › CSS › touch-action
html <div id="map"></div> css #map { height: 400px; width: 400px; background: blue; touch-action: none; } result specifications specification status comment compatibility standardthe definition of 'touch-action' in that specification.
transform-box - CSS: Cascading Style Sheets
Web › CSS › transform-box
specifications specification status comment css transforms level 1the definition of 'transform-box' in that specification.
matrix() - CSS: Cascading Style Sheets
Web › CSS › transform-function › matrix
he values represent the following functions: matrix( scalex(), skewy(), skewx(), scaley(), translatex(), translatey() ) examples html <div>normal</div> <div class="changed">changed</div> css div { width: 80px; height: 80px; background-color: skyblue; } .changed { transform: matrix(1, 2, -1, 1, 80, 80); background-color: pink; } result specifications specification status comment css transforms level 1the definition of 'matrix()' in that specification.
matrix3d() - CSS: Cascading Style Sheets
Web › CSS › transform-function › matrix3d
scales down by 10% */ transform: matrix3d( 1,0,0,0, 0,1,0,0, 0,0,1,0, -50,-100,0,1.1 ); } 50% { transform: matrix3d( 1,0,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,0.9 ); } to { transform: matrix3d( 1,0,0,0, 0,1,0,0, 0,0,1,0, 50,100,0,1.1 ) } } result specifications specification status comment css transforms level 2the definition of 'matrix3d()' in that specification.
perspective() - CSS: Cascading Style Sheets
Web › CSS › transform-function › perspective
tive-box-closer { transform: perspective(4cm) rotatex(-15deg) rotatey(30deg); } .top { background-color: skyblue; transform: rotatex(90deg) translate3d(0, 0, 50px); } .left { background-color: pink; transform: rotatey(-90deg) translate3d(0, 0, 50px); } .front { background-color: limegreen; transform: translate3d(0, 0, 50px); } result specifications specification status comment css transforms level 2the definition of 'perspective()' in that specification.
rotate() - CSS: Cascading Style Sheets
Web › CSS › transform-function › rotate
: 100px; height: 100px; background-color: lightgray; } .rotate { background-color: transparent; outline: 2px dashed; transform: rotate(45deg); } .rotate-translate { background-color: pink; transform: rotate(45deg) translatex(180px); } .translate-rotate { background-color: gold; transform: translatex(180px) rotate(45deg); } result specifications specification status comment css transforms level 1the definition of 'rotate()' in that specification.
rotate3d() - CSS: Cascading Style Sheets
Web › CSS › transform-function › rotate3d
sform: rotate3d(0, 1, 0, 60deg); background-color: pink; } result rotating on a custom axis html <div>normal</div> <div class="rotated">rotated</div> css body { perspective: 800px; } div { width: 80px; height: 80px; background-color: skyblue; } .rotated { transform: rotate3d(1, 2, -1, 192deg); background-color: pink; } result specifications specification status comment css transforms level 2the definition of 'rotate3d()' in that specification.
rotateX() - CSS: Cascading Style Sheets
Web › CSS › transform-function › rotateX
1000cos(a)-sin(a)0sin(a)cos(a) 10000cos(a)-sin(a)00sin(a)cos(a)00001 examples html <div>normal</div> <div class="rotated">rotated</div> css div { width: 80px; height: 80px; background-color: skyblue; } .rotated { transform: rotatex(45deg); background-color: pink; } result specifications specification status comment css transforms level 2the definition of 'rotatex()' in that specification.
rotateY() - CSS: Cascading Style Sheets
Web › CSS › transform-function › rotateY
cos(a)0sin(a)010-sin(a)0cos(a) cos(a)0sin(a)00100-sin(a)0cos(a)00001 examples html <div>normal</div> <div class="rotated">rotated</div> css div { width: 80px; height: 80px; background-color: skyblue; } .rotated { transform: rotatey(60deg); background-color: pink; } result specifications specification status comment css transforms level 2the definition of 'rotatey()' in that specification.
rotateZ() - CSS: Cascading Style Sheets
Web › CSS › transform-function › rotateZ
cos(a)-sin(a)0sin(a)cos(a)0001 cos(a)-sin(a)00 sin(a)cos(a)00 0010 0001 examples html <div>normal</div> <div class="rotated">rotated</div> css div { width: 80px; height: 80px; background-color: skyblue; } .rotated { transform: rotatez(45deg); background-color: pink; } result specifications specification status comment css transforms level 2the definition of 'rotatez()' in that specification.
scale() - CSS: Cascading Style Sheets
Web › CSS › transform-function › scale
nk; } result scaling x and y dimensions separately, and translating the origin html <div>normal</div> <div class="scaled">scaled</div> css div { width: 80px; height: 80px; background-color: skyblue; } .scaled { transform: scale(2, 0.5); /* equal to scalex(2) scaley(0.5) */ transform-origin: left; background-color: pink; } result specifications specification status comment css transforms level 1the definition of 'scale()' in that specification.
scale3d() - CSS: Cascading Style Sheets
Web › CSS › transform-function › scale3d
ound-color: pink; } result translating the origin of the transformation html <div>normal</div> <div class="scaled">scaled</div> css div { width: 80px; height: 80px; background-color: skyblue; } .scaled { transform: perspective(500px) scale3d(2, 0.7, 0.2) translatez(100px); transform-origin: left; background-color: pink; } result specifications specification status comment css transforms level 2the definition of 'scale3d()' in that specification.
scaleX() - CSS: Cascading Style Sheets
Web › CSS › transform-function › scaleX
eneous coordinates on ℝℙ3 s0 01 s00010001 s00010001 s000010000100001 [s 0 0 1 0 0] examples html <div>normal</div> <div class="scaled">scaled</div> css div { width: 80px; height: 80px; background-color: skyblue; } .scaled { transform: scalex(0.6); background-color: pink; } result specifications specification status comment css transforms level 1the definition of 'scalex()' in that specification.
scaleY() - CSS: Cascading Style Sheets
Web › CSS › transform-function › scaleY
ogeneous coordinates on ℝℙ3 10 0s 1000s0001 1000s0001 10000s0000100001 [1 0 0 s 0 0] examples html <div>normal</div> <div class="scaled">scaled</div> css div { width: 80px; height: 80px; background-color: skyblue; } .scaled { transform: scaley(0.6); background-color: pink; } result specifications specification status comment css transforms level 1the definition of 'scaley()' in that specification.
scaleZ() - CSS: Cascading Style Sheets
Web › CSS › transform-function › scaleZ
background-color: skyblue; } .perspective { /* includes a perspective to create a 3d space */ transform: perspective(400px) translatez(-100px); background-color: limegreen; } .scaled-translated { /* includes a perspective to create a 3d space */ transform: perspective(400px) scalez(2) translatez(-100px); background-color: pink; } result specifications specification status comment css transforms level 2the definition of 'scalez()' in that specification.
skew() - CSS: Cascading Style Sheets
Web › CSS › transform-function › skew
d-color: skyblue; } .skewed { transform: skew(10deg); /* equal to skewx(10deg) */ background-color: pink; } result using two angles html <div>normal</div> <div class="skewed">skewed</div> css div { width: 80px; height: 80px; background-color: skyblue; } .skewed { transform: skew(10deg, 10deg); background-color: pink; } result specifications specification status comment css transforms level 1the definition of 'skew()' in that specification.
skewX() - CSS: Cascading Style Sheets
Web › CSS › transform-function › skewX
a)01 1tan(a)0010001 1tan(a)0010001 1tan(a)00010000100001 [1 0 tan(a) 1 0 0] examples html <div>normal</div> <div class="skewed">skewed</div> css div { width: 80px; height: 80px; background-color: skyblue; } .skewed { transform: skewx(10deg); /* equal to skew(10deg) */ background-color: pink; } result specifications specification status comment css transforms level 1the definition of 'skewx()' in that specification.
skewY() - CSS: Cascading Style Sheets
Web › CSS › transform-function › skewY
ℝℙ3 10tan(a)1 100tan(a)10001 100tan(a)10001 1000tan(a)10000100001 [1 tan(a) 0 1 0 0] examples html <div>normal</div> <div class="skewed">skewed</div> css div { width: 80px; height: 80px; background-color: skyblue; } .skewed { transform: skewy(40deg); background-color: pink; } result specifications specification status comment css transforms level 1the definition of 'skewy()' in that specification.
translate() - CSS: Cascading Style Sheets
Web › CSS › transform-function › translate
: translatex(10px) or translate(10px, 0) */ background-color: pink; } result combining y-axis and x-axis translation html <div>static</div> <div class="moved">moved</div> <div>static</div> css div { width: 60px; height: 60px; background-color: skyblue; } .moved { transform: translate(10px, 10px); background-color: pink; } result specifications specification status comment css transforms level 1the definition of 'translate()' in that specification.
translate3d() - CSS: Cascading Style Sheets
Web › CSS › transform-function › translate3d
e3d(10px, 0, 0px); background-color: pink; } result combining z-axis and x-axis translation html <div>static</div> <div class="moved">moved</div> <div>static</div> css div { width: 60px; height: 60px; background-color: skyblue; } .moved { transform: perspective(500px) translate3d(10px, 0, 100px); background-color: pink; } result specifications specification status comment css transforms level 2the definition of 'translate3d()' in that specification.
translateX() - CSS: Cascading Style Sheets
Web › CSS › transform-function › translateX
0100001 [1 0 0 1 t 0] formal syntax translatex(<length-percentage>) examples html <div>static</div> <div class="moved">moved</div> <div>static</div> css div { width: 60px; height: 60px; background-color: skyblue; } .moved { transform: translatex(10px); /* equal to translate(10px) */ background-color: pink; } result specifications specification status comment css transforms level 1the definition of 'translatex()' in that specification.
translateY() - CSS: Cascading Style Sheets
Web › CSS › transform-function › translateY
10001t001 1000010t00100001 [1 0 0 1 0 t] formal syntax translatey(<length-percentage>) examples html <div>static</div> <div class="moved">moved</div> <div>static</div> css div { width: 60px; height: 60px; background-color: skyblue; } .moved { transform: translatey(10px); background-color: pink; } result specifications specification status comment css transforms level 1the definition of 'translatey()' in that specification.
translateZ() - CSS: Cascading Style Sheets
Web › CSS › transform-function › translateZ
result specifications specification status comment css transforms level 2the definition of 'transform' in that specification.
<transform-function> - CSS: Cascading Style Sheets
Web › CSS › transform-function
cument.queryselector('#example-element'); selectelem.addeventlistener('change', () => { if(selectelem.value === 'choose a function') { return; } else { example.style.transform = `rotate3d(1, 1, 1, 30deg) ${selectelem.value}`; settimeout(function() { example.style.transform = 'rotate3d(1, 1, 1, 30deg)'; }, 2000) } }) result specifications specification status comment css transforms level 2the definition of '<transform-function>' in that specification.
transform-origin - CSS: Cascading Style Sheets
Web › CSS › transform-origin
sform: skewy(50deg); transform-origin: 100% -30%; <div class="box10">&nbsp;</div> .box10 { margin: 0.5em; width: 3em; height: 3em; border: solid 1px; background-color: palegreen; transform: skewy(50deg); -webkit-transform: skewy(50deg); transform-origin: 100% -30%; -webkit-transform-origin: 100% -30%; } specifications specification status comment css transforms level 1the definition of 'transform-origin' in that specification.
transform-style - CSS: Cascading Style Sheets
Web › CSS › transform-style
transform: rotatex(-90deg) translatez(50px); } javascript const cube = document.getelementbyid('example-element'); const checkbox = document.getelementbyid('preserve'); checkbox.addeventlistener('change', () => { if(checkbox.checked) { cube.style.transformstyle = 'preserve-3d'; } else { cube.style.transformstyle = 'flat'; } }) result specifications specification status comment css transforms level 2the definition of 'transform-style' in that specification.
transform - CSS: Cascading Style Sheets
Web › CSS › transform
specifications specification status comment css transforms level 2the definition of 'transform' in that specification.
transition-delay - CSS: Cascading Style Sheets
Web › CSS › transition-delay
transition-delay:4s; transition-timing-function: ease-in-out; } function updatetransition() { var el = document.queryselector("div.box"); if (el) { el.classname = "box1"; } else { el = document.queryselector("div.box1"); el.classname = "box"; } return el; } var intervalid = window.setinterval(updatetransition, 7000); specifications specification status comment css transitionsthe definition of 'transition-delay' in that specification.
transition-duration - CSS: Cascading Style Sheets
Web › CSS › transition-duration
ansition-duration:4s; transition-timing-function: ease-in-out; } function updatetransition() { var el = document.queryselector("div.box"); if (el) { el.classname = "box1"; } else { el = document.queryselector("div.box1"); el.classname = "box"; } return el; } var intervalid = window.setinterval(updatetransition, 7000); specifications specification status comment css transitionsthe definition of 'transition-duration' in that specification.
transition-property - CSS: Cascading Style Sheets
Web › CSS › transition-property
specifications specification status comment css transitionsthe definition of 'transition-property' in that specification.
transition-timing-function - CSS: Cascading Style Sheets
Web › CSS › transition-timing-function
timing-function: steps(5, jump-start); } .jump-end { transition-timing-function: steps(5, jump-end); } .jump-none { transition-timing-function: steps(5, jump-none); } .jump-both { transition-timing-function: steps(5, jump-both); } .step-start { transition-timing-function: step-start; } .step-end { transition-timing-function: step-end; } specifications specification status comment css transitionsthe definition of 'transition-timing-function' in that specification.
transition - CSS: Cascading Style Sheets
Web › CSS › transition
specifications specification status comment css transitionsthe definition of 'transition' in that specification.
translate - CSS: Cascading Style Sheets
Web › CSS › translate
* { box-sizing: border-box; } html { font-family: sans-serif; } div { width: 150px; margin: 0 auto; } p { padding: 10px 5px; border: 3px solid black; border-radius: 20px; width: 150px; font-size: 1.2rem; text-align: center; } .translate { transition: translate 1s; } div:hover .translate { translate: 200px 50px; } result specifications specification status comment css transforms level 2the definition of 'individual transforms' in that specification.
unicode-bidi - CSS: Cascading Style Sheets
Web › CSS › unicode-bidi
effect on non-inline elementsinheritednocomputed valueas specifiedanimation typediscrete formal syntax normal | embed | isolate | bidi-override | isolate-override | plaintext examples css .bible-quote { direction: rtl; unicode-bidi: embed; } html <div class="bible-quote"> a line of text </div> <div> another line of text </div> result specifications specification status comment css writing modes module level 3the definition of 'unicode-bidi' in that specification.
unset - CSS: Cascading Style Sheets
Web › CSS › unset
} .bar p { color: unset; } result border html <p>this text has a red border.</p> <div> <p>this text has a red border.</p> </div> <div class="bar"> <p>this text has a black border (initial default, not inherited).</p> </div> css div { border: 1px solid green; } p { border: 1px solid red; } .bar p { border-color: unset; } result specifications specification status comment css cascading and inheritance level 4the definition of 'unset' in that specification.
url() - CSS: Cascading Style Sheets
Web › CSS › url()
nd { height: 100vh; } .background { background: yellow; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='90' height='45'%3e%3cpath d='m10 10h60' stroke='%2300f' stroke-width='5'/%3e%3cpath d='m10 20h60' stroke='%230f0' stroke-width='5'/%3e%3cpath d='m10 30h60' stroke='red' stroke-width='5'/%3e%3c/svg%3e"); } specifications specification status comment css values and units module level 4the definition of 'url()' in that specification.
<url> - CSS: Cascading Style Sheets
Web › CSS › url
<a_css_property>: url("http://mysite.example.com/mycursor.png") <a_css_property>: url('http://mysite.example.com/mycursor.png') <a_css_property>: url(http://mysite.example.com/mycursor.png) examples .topbanner { background: url("topbanner.png") #00d no-repeat fixed; } ul { list-style: square url(http://www.example.com/redball.png); } specifications specification status comment css values and units module level 4the definition of '<url>' in that specification.
Used value - CSS: Cascading Style Sheets
Web › CSS › used value
depend on layout, so they have a different computed value and used value: (taken from css 2.1 changes: specified, computed, and actual values): background-position bottom, left, right, top height, width margin-bottom, margin-left, margin-right, margin-top min-height, min-width padding-bottom, padding-left, padding-right, padding-top text-indent specification specification status comment css level 2 (revision 2)the definition of 'used value' in that specification.
user-select - CSS: Cascading Style Sheets
Web › CSS › user-select
nselectable">hey, you can't select this text!</p> <p class="all">clicking once will select all of this text.</p> css .unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .all { -moz-user-select: all; -webkit-user-select: all; -ms-user-select: all; user-select: all; } result specifications specification status comment css basic user interface module level 4the definition of 'user-select' in that specification.
var() - CSS: Cascading Style Sheets
Web › CSS › var
ound-color: var(--main-bg-color); } /* fallback */ /* in the component’s style: */ .component .header { color: var(--header-color, blue); /* header-color isn’t set, and so remains blue, the fallback value */ } .component .text { color: var(--text-color, black); } /* in the larger application’s style: */ .component { --text-color: #080; } specifications specification status comment css custom properties for cascading variables module level 1the definition of 'var()' in that specification.
vertical-align - CSS: Cascading Style Sheets
Web › CSS › vertical-align
ght="32" /> image with a text-bottom alignment.</div> <div>an <img class="middle" src="https://udn.realityripple.com/samples/b4/e1f0faff5b.svg" alt="link" width="32" height="32" /> image with a middle alignment.</div> css img.top { vertical-align: text-top; } img.bottom { vertical-align: text-bottom; } img.middle { vertical-align: middle; } result specifications specification status comment css level 2 (revision 1)the definition of 'vertical-align' in that specification.
visibility - CSS: Cascading Style Sheets
Web › CSS › visibility
<tr> <td>1.1</td> <td class="collapse">1.2</td> <td>1.3</td> </tr> <tr class="collapse"> <td>2.1</td> <td>2.2</td> <td>2.3</td> </tr> <tr> <td>3.1</td> <td>3.2</td> <td>3.3</td> </tr> </table> css .collapse { visibility: collapse; } table { border: 1px solid red; } td { border: 1px solid gray; } specifications specification status comment css flexible box layout modulethe definition of 'visibility' in that specification.
white-space - CSS: Cascading Style Sheets
Web › CSS › white-space
excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> result specifications specification status comment css text module level 3the definition of 'white-space' in that specification.
widows - CSS: Cascading Style Sheets
Web › CSS › widows
it has a little bit more text than the first one.</p> </div> css div { background-color: #8cffa0; columns: 3; widows: 2; } p { background-color: #8ca0ff; } p:first-child { margin-top: 0; } result specifications specification status comment css fragmentation module level 3the definition of 'widows' in that specification.
width - CSS: Cascading Style Sheets
Web › CSS › width
me */ width: max-content; } <p class="maxgreen">the mozilla community produces a lot of great software.</p> min-content p.minblue { background: lightblue; width: -moz-min-content; /* firefox */ width: -webkit-min-content; /* chrome */ width: min-content; } <p class="minblue">the mozilla community produces a lot of great software.</p> specifications specification status comment css box sizing module level 4the definition of 'width' in that specification.
will-change - CSS: Cascading Style Sheets
Web › CSS › will-change
en the element is hovered el.addeventlistener('mouseenter', hintbrowser); el.addeventlistener('animationend', removehint); function hintbrowser() { // the optimizable properties that are going to change // in the animation's keyframes block this.style.willchange = 'transform, opacity'; } function removehint() { this.style.willchange = 'auto'; } specifications specification status comment css will change module level 1the definition of 'will-change' in that specification.
word-break - CSS: Cascading Style Sheets
Web › CSS › word-break
国という言葉は本当に長い言葉</p> css .narrow { padding: 10px; border: 1px solid; width: 500px; margin: 0 auto; font-size: 20px; line-height: 1.5; letter-spacing: 1px; } .normal { word-break: normal; } .breakall { word-break: break-all; } .keepall { word-break: keep-all; } .breakword { word-break: break-word; } specifications specification status comment css text module level 3the definition of 'word-break' in that specification.
word-spacing - CSS: Cascading Style Sheets
Web › CSS › word-spacing
lies to ::first-letter and ::first-line.inheritedyespercentagesrefer to the width of the affected glyphcomputed valuean optimum, minimum, and maximum value, each consisting of either an absolute length, a percentage, or the keyword normalanimation typea length formal syntax normal | <length-percentage>where <length-percentage> = <length> | <percentage> specifications specification status comment css text module level 3the definition of 'word-spacing' in that specification.
writing-mode - CSS: Cascading Style Sheets
Web › CSS › writing-mode
de: sideways-lr; -webkit-writing-mode: sideways-lr; -ms-writing-mode: sideways-lr; } .example.text5 span, .example.text5 { writing-mode: sideways-rl; -webkit-writing-mode: sideways-rl; -ms-writing-mode: sideways-rl; } result this image shows what the output should look like, in case your browser's support for writing-mode is incomplete: specifications specification status comment css writing modes level 4the definition of 'writing-mode' in that specification.
z-index - CSS: Cascading Style Sheets
Web › CSS › z-index
-box { position: absolute; z-index: 3; /* put .gold-box above .green-box and .dashed-box */ background: gold; width: 80%; left: 60px; top: 3em; } .green-box { position: absolute; z-index: 2; /* put .green-box above .dashed-box */ background: lightgreen; width: 20%; left: 65%; top: -25px; height: 7em; opacity: 0.9; } result specifications specification status comment css level 2 (revision 1)the definition of 'z-index' in that specification.
touchstart - Event reference
Web › Events › touchstart
element: touchstart document: touchstart bubbles yes cancelable yes interface touchevent event handler property ontouchstart specifications specification status touch events recommendation ...
Block formatting context - Developer guides
Web › Guide › CSS › Block formatting context
margin collapsing creating a new bfc to avoid the margin collapsing between two neighbor div: html <div class="blue"></div> <div class="red-outer"> <div class="red-inner">red inner</div> </div> css .blue, .red-inner { height: 50px; margin: 10px 0; } .blue { background: blue; } .red-outer { overflow: hidden; background: red; } specifications specification status comment css display module level 3the definition of 'block formatting context' in that specification.
DOM onevent handlers - Developer guides
Web › Guide › Events › Event handlers
when discussing the various methods of listening to events: event listener refers to a function or object registered via eventtarget.addeventlistener() event handler refers to a function registered via on… attributes or properties specifications specification status comment html living standardthe definition of 'event handlers' in that specification.
HTML5 - Developer guides
Web › Guide › HTML › HTML5
incidentally, you also need to know when your application has returned to an online status again.
Printing - Developer guides
Web › Guide › Printing
a popup window (for example, the printer-friendly version of a document) after the user prints its contents, you can use code like this: <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>javascript window close example </title> <script type="text/javascript"> function popuponclick() { my_window = window.open('', 'mywindow', 'status=1,width=350,height=150'); my_window.document.write('<html><head><title>print me</title></head>'); my_window.document.write('<body onafterprint="self.close()">'); my_window.document.write('<p>when you print this window, it will close afterward.</p>'); my_window.document.write('</body></html>'); } </script> </head> <body> <p>to try out the <code>afterprint</code> event...
The Web Open Font Format (WOFF) - Developer guides
Web › Guide › WOFF
specifications specification status comment woff file format 2.0 recommendation new compression algorithm woff file format 1.0 recommendation initial specification.
HTML attribute: accept - HTML: Hypertext Markup Language
Web › HTML › Attributes › accept
let's look at a more complete example: <form method="post" enctype="multipart/form-data"> <div> <label for="profile_pic">choose file to upload</label> <input type="file" id="profile_pic" name="profile_pic" accept=".jpg, .jpeg, .png"> </div> <div> <button>submit</button> </div> </form> div { margin-bottom: 10px; } specifications specification status html living standardthe definition of 'accept attribute' in that specification.
The HTML autocomplete attribute - HTML: Hypertext Markup Language
Web › HTML › Attributes › autocomplete
specifications specification status comment html living standard living standard ...
HTML attribute: capture - HTML: Hypertext Markup Language
Web › HTML › Attributes › capture
specifications specification status html media capturethe definition of 'capture attribute' in that specification.
HTML attribute: crossorigin - HTML: Hypertext Markup Language
Web › HTML › Attributes › crossorigin
<link rel="manifest" href="/app.webmanifest" crossorigin="use-credentials"> specifications specification status comment html living standardthe definition of 'cors settings attributes' in that specification.
disabled - HTML: Hypertext Markup Language
Web › HTML › Attributes › disabled
.1</option> <option>disabled 3.2</option> <option>disabled 3.3</option> </optgroup> </select> </label> </p> <fieldset disabled> <legend>disabled fieldset</legend> <p> <label>name: <input type="name" name="radio" value="regular"> regular </label> </p> <p> <label>number: <input type="number"></label> </p> </fieldset> specifications specification status comment html living standardthe definition of 'disabled attribute' in that specification.
HTML attribute: maxlength - HTML: Hypertext Markup Language
Web › HTML › Attributes › maxlength
examples <input type="password" maxlength="4"/> specifications specification status html living standardthe definition of 'maxlength attribute' in that specification.
HTML attribute: minlength - HTML: Hypertext Markup Language
Web › HTML › Attributes › minlength
input { border: 2px solid currentcolor; } input:invalid { border: 2px dashed red; } input:invalid:focus { background-image: linear-gradient(pink, lightgreen); } specifications specification status html living standardthe definition of 'minlength attribute' in that specification.
HTML attribute: multiple - HTML: Hypertext Markup Language
Web › HTML › Attributes › multiple
specifications specification status comment html living standardthe definition of 'multiple attribute' in that specification.
HTML attribute: pattern - HTML: Hypertext Markup Language
Web › HTML › Attributes › pattern
specifications specification status comment html living standardthe definition of 'pattern' in that specification.
HTML attribute: readonly - HTML: Hypertext Markup Language
Web › HTML › Attributes › readonly
dset> <fieldset> <legend>radio buttons</legend> <p><label> <input type="radio" name="radio" value="regular"> regular </label></p> <p><label> <input type="radio" name="radio" value="readonly" readonly> readonly </label></p> <p><label> <input type="radio" name="radio" value="disabled" disabled> disabled </label></p> </fieldset> specifications specification status comment html living standardthe definition of 'readonly attribute' in that specification.
HTML attribute: required - HTML: Hypertext Markup Language
Web › HTML › Attributes › required
specifications specification status comment html living standardthe definition of 'required attribute' in that specification.
HTML attribute: size - HTML: Hypertext Markup Language
Web › HTML › Attributes › size
t name="fruits" size="5"> <option>banana</option> <option>cherry</option> <option>strawberry</option> <option>durian</option> <option>blueberry</option> </select> <select name="vegetables" size="5"> <option>carrot</option> <option>cucumber</option> <option>cauliflower</option> <option>celery</option> <option>collard greens</option> </select> specifications specification status html living standardthe definition of 'size attribute' in that specification.
HTML attribute: step - HTML: Hypertext Markup Language
Web › HTML › Attributes › step
specifications specification status comment html living standardthe definition of 'step attribute' in that specification.
<h1>–<h6>: The HTML Section Heading elements - HTML: Hypertext Markup Language
Web › HTML › Element › Heading Elements
using the aria-labelledby attribute labeling regions • page structure • w3c wai web accessibility tutorials specifications specification status comment html living standardthe definition of '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>' in that specification.
<a>: The Anchor element - HTML: Hypertext Markup Language
Web › HTML › Element › a
hand tremors and the giant-button-problem specifications specification status comment referrer policythe definition of 'referrer attribute' in that specification.
<abbr>: The Abbreviation element - HTML: Hypertext Markup Language
Web › HTML › Element › abbr
specifications specification status comment html living standardthe definition of '<abbr>' in that specification.
<acronym> - HTML: Hypertext Markup Language
Web › HTML › Element › acronym
specifications specification status comment html 4.01 specificationthe definition of '<acronym>' in that specification.
<address>: The Contact Address element - HTML: Hypertext Markup Language
Web › HTML › Element › address
specifications specification status comment html living standardthe definition of '<address>' in that specification.
<applet>: The Embed Java Applet element - HTML: Hypertext Markup Language
Web › HTML › Element › applet
example html <applet code="game.class" align="left" archive="game.zip" height="250" width="350"> <param name="difficulty" value="easy"> <b>sorry, you need java to play this game.</b> </applet> specifications specification status comment html 5.2the definition of '<applet>' in that specification.
<area> - HTML: Hypertext Markup Language
Web › HTML › Element › area
as no effect in any user agents.) examples <map name="primary"> <area shape="circle" coords="75,75,75" href="left.html" alt="click to go left"> <area shape="circle" coords="275,75,75" href="right.html" alt="click to go right"> </map> <img usemap="#primary" src="https://udn.realityripple.com/samples/6a/7e559101b3.png" alt="350 x 150 pic"> result specifications specification status comment referrer policythe definition of 'referrerpolicy attribute' in that specification.
<article>: The Article Contents element - HTML: Hypertext Markup Language
Web › HTML › Element › article
</p> </footer> </article> specifications specification status comment html living standardthe definition of '<article>' in that specification.
<aside>: The Aside element - HTML: Hypertext Markup Language
Web › HTML › Element › aside
</p> </article> specifications specification status comment html living standardthe definition of '<aside>' in that specification.
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
Web › HTML › Element › audio
implicit aria role no corresponding role permitted aria roles application dom interface htmlaudioelement specifications specification status comment html living standardthe definition of '<audio>' in that specification.
<b>: The Bring Attention To element - HTML: Hypertext Markup Language
Web › HTML › Element › b
</p> keywords are displayed with the default style of the <b>element, likely in bold.</b> result specifications specification status comment html living standardthe definition of '<b>' in that specification.
<base>: The Document Base URL element - HTML: Hypertext Markup Language
Web › HTML › Element › base
for example: <meta property="og:image" content="https://example.com/thumbnail.jpg"> examples <base href="https://www.example.com/"> <base target="_blank"> <base target="_top" href="https://example.com/"> specifications specification status comment html living standardthe definition of '<base>' in that specification.
<bdi>: The Bidirectional Isolate element - HTML: Hypertext Markup Language
Web › HTML › Element › bdi
ext, so the example output is properly ordered: <ul> <li><bdi class="name">اَلأَعْشَى</bdi> - 1st place</li> <li><bdi class="name">jerry cruncher</bdi> - 2nd place</li> </ul> body { border: 1px solid #3f87a6; max-width: calc(100% - 40px - 6px); padding: 20px; width: calc(100% - 40px - 6px); border-width: 1px 1px 1px 5px; } specifications specification status comment html living standardthe definition of '<bdi>' in that specification.
<bdo>: The Bidirectional Text Override element - HTML: Hypertext Markup Language
Web › HTML › Element › bdo
specifications specification status comment html living standardthe definition of '<bdo>' in that specification.
<blockquote>: The Block Quotation element - HTML: Hypertext Markup Language
Web › HTML › Element › blockquote
the carriers have an intrinsic collision avoidance system, which increases availability.</p> </blockquote> the output from this html snippet looks like this: specifications specification status comment html living standardthe definition of '<blockquote>' in that specification.
<body>: The Document Body element - HTML: Hypertext Markup Language
Web › HTML › Element › body
example <html> <head> <title>document title</title> </head> <body> <p>this is a paragraph</p> </body> </html> specifications specification status comment html living standardthe definition of '<body>' in that specification.
<br>: The Line Break element - HTML: Hypertext Markup Language
Web › HTML › Element › br
implicit aria role no corresponding role permitted aria roles none, presentation dom interface htmlbrelement specifications specification status comment html living standardthe definition of '<br>' in that specification.
<button>: The Button element - HTML: Hypertext Markup Language
Web › HTML › Element › button
mobile browsers ios 7.1.2 android 4.4.4 safari mobile no (even with a tabindex) n/a chrome 35 no (even with a tabindex) yes specifications specification status comment html living standardthe definition of '<button>' in that specification.
<canvas>: The Graphics Canvas element - HTML: Hypertext Markup Language
Web › HTML › Element › canvas
mdn hit regions and accessability canvas accessibility use cases canvas element accessibility issues html5 canvas accessibility in firefox 13 – by steve faulkner best practices for interactive canvas elements specifications specification status comment html living standardthe definition of '<canvas>' in that specification.
<caption>: The Table Caption element - HTML: Hypertext Markup Language
Web › HTML › Element › caption
specifications specification status comment html living standardthe definition of '<caption>' in that specification.
<cite>: The Citation element - HTML: Hypertext Markup Language
Web › HTML › Element › cite
example <p>more information can be found in <cite>[iso-0000]</cite>.</p> the html above outputs: specifications specification status comment html living standardthe definition of '<cite>' in that specification.
<code>: The Inline Code element - HTML: Hypertext Markup Language
Web › HTML › Element › code
specifications specification status comment html living standardthe definition of '<code>' in that specification.
<col> - HTML: Hypertext Markup Language
Web › HTML › Element › col
specifications specification status comment html living standardthe definition of '<col>' in that specification.
<colgroup> - HTML: Hypertext Markup Language
Web › HTML › Element › colgroup
specifications specification status comment html living standardthe definition of '<colgroup>' in that specification.
<command>: The HTML Command element - HTML: Hypertext Markup Language
Web › HTML › Element › command
examples <command type="command" label="save" icon="icons/save.png" onclick="save()"> specifications specification status comment html5the definition of '<command>' in that specification.
<data> - HTML: Hypertext Markup Language
Web › HTML › Element › data
<p>new products</p> <ul> <li><data value="398">mini ketchup</data></li> <li><data value="399">jumbo ketchup</data></li> <li><data value="400">mega jumbo ketchup</data></li> </ul> specifications specification status comment html living standardthe definition of '<data>' in that specification.
<datalist>: The HTML Data List element - HTML: Hypertext Markup Language
Web › HTML › Element › datalist
examples <label for="mybrowser">choose a browser from this list:</label> <input list="browsers" id="mybrowser" name="mybrowser" /> <datalist id="browsers"> <option value="chrome"> <option value="firefox"> <option value="internet explorer"> <option value="opera"> <option value="safari"> <option value="microsoft edge"> </datalist> result specifications specification status comment html living standardthe definition of '<datalist>' in that specification.
<dd>: The Description Details element - HTML: Hypertext Markup Language
Web › HTML › Element › dd
specifications specification status comment html living standardthe definition of '<dd>' in that specification.
<del>: The Deleted Text element - HTML: Hypertext Markup Language
Web › HTML › Element › del
short note on making your mark (more accessible) | the paciello group tweaking text level styles | adrian roselli specifications specification status comment html living standardthe definition of '<del>' in that specification.
<dfn>: The Definition element - HTML: Hypertext Markup Language
Web › HTML › Element › dfn
result the output of the above code looks like this: specifications specification status comment html living standardthe definition of '<dfn>' in that specification.
<dialog>: The Dialog element - HTML: Hypertext Markup Language
Web › HTML › Element › dialog
it button selectel.addeventlistener('change', function onselect(e) { confirmbtn.value = selectel.value; }); // "confirm" button of form triggers "close" on dialog because of [method="dialog"] favdialog.addeventlistener('close', function onclose() { outputbox.value = favdialog.returnvalue + " button clicked - " + (new date()).tostring(); }); result specifications specification status comment html living standardthe definition of '<dialog>' in that specification.
<div>: The Content Division element - HTML: Hypertext Markup Language
Web › HTML › Element › div
html <div class="shadowbox"> <p>here's a very interesting note displayed in a lovely shadowed box.</p> </div> css .shadowbox { width: 15em; border: 1px solid #333; box-shadow: 8px 8px 5px #444; padding: 8px 12px; background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc); } result specifications specification status comment html living standardthe definition of '<div>' in that specification.
<dl>: The Description List element - HTML: Hypertext Markup Language
Web › HTML › Element › dl
codepen - html buddies: dt & dd specifications specification status comment html living standardthe definition of '<dl>' in that specification.
<dt>: The Description Term element - HTML: Hypertext Markup Language
Web › HTML › Element › dt
specifications specification status comment html living standardthe definition of '<dt>' in that specification.
<em>: The Emphasis element - HTML: Hypertext Markup Language
Web › HTML › Element › em
</p> result specifications specification status comment html living standardthe definition of '<em>' in that specification.
<embed>: The Embed External Content element - HTML: Hypertext Markup Language
Web › HTML › Element › embed
specifications specification status comment html living standardthe definition of '<embed>' in that specification.
<fieldset>: The Field Set element - HTML: Hypertext Markup Language
Web › HTML › Element › fieldset
implicit aria role group permitted aria roles radiogroup, presentation, none dom interface htmlfieldsetelement specifications specification status comment html living standardthe definition of '<fieldset>' in that specification.
<figcaption>: The Figure Caption element - HTML: Hypertext Markup Language
Web › HTML › Element › figcaption
specifications specification status comment html living standardthe definition of '<figcaption>' in that specification.
<figure>: The Figure with Optional Caption element - HTML: Hypertext Markup Language
Web › HTML › Element › figure
discourse, i will enchant thine ear, or like a fairy trip upon the green, or, like a nymph, with long dishevell'd hair, dance on the sands, and yet no footing seen: love is a spirit all compact of fire, not gross to sink, but light, and will aspire.</p> <figcaption><cite>venus and adonis</cite>, by william shakespeare</figcaption> </figure> specifications specification status comment html living standardthe definition of '<figure>' in that specification.
<footer> - HTML: Hypertext Markup Language
Web › HTML › Element › footer
webkit bugzilla: 146930 – ax: html native elements (header, footer, main, aside, nav) should work the same as aria landmarks, sometimes they don't specifications specification status comment html living standardthe definition of '<footer>' in that specification.
<form> - HTML: Hypertext Markup Language
Web › HTML › Element › form
uest to the current url --> <form method="post"> <label>name: <input name="submitted-name" autocomplete="name"> </label> <button>save</button> </form> <!-- form with fieldset, legend, and label --> <form method="post"> <fieldset> <legend>title</legend> <label><input type="radio" name="radio"> select me</label> </fieldset> </form> specifications specification status comment html living standardthe definition of '<form>' in that specification.
<head>: The Document Metadata (Header) element - HTML: Hypertext Markup Language
Web › HTML › Element › head
specifications specification status comment html living standardthe definition of '<head>' in that specification.
<header> - HTML: Hypertext Markup Language
Web › HTML › Element › header
article header <article> <header> <h2>the planet earth</h2> <p>posted on wednesday, <time datetime="2017-10-04">4 october 2017</time> by jane smith</p> </header> <p>we live on a planet that's blue and green, with so many things still unseen.</p> <p><a href="https://janesmith.com/the-planet-earth/">continue reading....</a></p> </article> specifications specification status comment html living standardthe definition of '<header>' in that specification.
<hgroup> - HTML: Hypertext Markup Language
Web › HTML › Element › hgroup
examples <hgroup id="document-title"> <h1>html</h1> <h2>living standard — last updated 12 august 2016</h2> </hgroup> specifications specification status comment html living standardthe definition of '<hgroup>' in that specification.
<hr>: The Thematic Break (Horizontal Rule) element - HTML: Hypertext Markup Language
Web › HTML › Element › hr
</p> result specifications specification status comment html living standardthe definition of '<hr>' in that specification.
manifest - HTML: Hypertext Markup Language
Web › HTML › Element › html › manifest
specifications specification status comment html5the definition of '<html> manifest attribute' in that specification.
<html>: The HTML Document / Root element - HTML: Hypertext Markup Language
Web › HTML › Element › html
mdn understanding wcag, guideline 3.1 explanations understanding success criterion 3.1.1 | w3c understanding wcag 2.0 specifications specification status comment html living standardthe definition of '<html>' in that specification.
<i>: The Idiomatic Text element - HTML: Hypertext Markup Language
Web › HTML › Element › i
<p>the latin phrase <i>veni, vidi, vici</i> is often mentioned in music, art, and literature.</p> result specifications specification status comment html living standardthe definition of '<i>' in that specification.
<iframe>: The Inline Frame element - HTML: Hypertext Markup Language
Web › HTML › Element › iframe
specifications specification status comment referrer policythe definition of 'referrerpolicy attribute' in that specification.
<img>: The Image Embed element - HTML: Hypertext Markup Language
Web › HTML › Element › img
button checkbox link menuitem menuitemcheckbox menuitemradio option progressbar scrollbar separator slider switch tab treeitem with empty alt attribute, none or presentation with no alt attribute, no role permitted dom interface htmlimageelement specifications specification status comment referrer policythe definition of 'referrer attribute' in that specification.
<input type="button"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › button
sed = false; } clearbtn.onclick = function() { ctx.fillstyle = 'rgb(0,0,0)'; ctx.fillrect(0,0,width,height); } function draw() { if(pressed) { ctx.fillstyle = colorpicker.value; ctx.beginpath(); ctx.arc(curx, cury-85, sizepicker.value, degtorad(0), degtorad(360), false); ctx.fill(); } requestanimationframe(draw); } draw(); specifications specification status comments html living standardthe definition of '<input type="button">' in that specification.
<input type="checkbox"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › checkbox
ueryselector('input[value="other"]'); var othertext = document.queryselector('input[id="othervalue"]'); othertext.style.visibility = 'hidden'; othercheckbox.addeventlistener('change', () => { if(othercheckbox.checked) { othertext.style.visibility = 'visible'; othertext.value = ''; } else { othertext.style.visibility = 'hidden'; } }); specifications specification status comment html living standardthe definition of '<input type="checkbox">' in that specification.
<input type="color"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › color
result the final result looks like this: specifications specification status comment html living standard living standard initial definition html5 recommendation initial definition ...
<input type="date"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › date
specifications specification status comments html living standardthe definition of '<input type="date">' in that specification.
<input type="datetime-local"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › datetime-local
specifications specification status comments html living standardthe definition of '<input type="datetime-local">' in that specification.
<input type="email"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › email
type="email" placeholder="user@example.gov" list="defaultemails" size="64" maxlength="256" multiple> <datalist id="defaultemails"> <option value="jbond007@mi6.defence.gov.uk"> <option value="jbourne@unknown.net"> <option value="nfury@shield.org"> <option value="tony@starkindustries.com"> <option value="hulk@grrrrrrrr.arg"> </datalist> specifications specification status comment html living standardthe definition of '<input type="email">' in that specification.
<input type="file"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › file
function returnfilesize(number) { if(number < 1024) { return number + 'bytes'; } else if(number >= 1024 && number < 1048576) { return (number/1024).tofixed(1) + 'kb'; } else if(number >= 1048576) { return (number/1048576).tofixed(1) + 'mb'; } } the example looks like this; have a play: specifications specification status comment html living standardthe definition of '<input type="file">' in that specification.
<input type="hidden"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › hidden
specifications specification status comment html living standardthe definition of '<input type="hidden">' in that specification.
<input type="image"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › image
specifications specification status comments html living standardthe definition of '<input type="image">' in that specification.
<input type="month"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › month
specifications specification status comments html living standardthe definition of '<input type="month">' in that specification.
<input type="number"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › number
specifications specification status comment html living standardthe definition of '<input type="number">' in that specification.
<input type="password"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › password
var ssn = document.getelementbyid("ssn"); var current = document.getelementbyid("current"); ssn.oninput = function(event) { current.innerhtml = ssn.value; } result specifications specification status comment html living standardthe definition of '<input type="password">' in that specification.
<input type="radio"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › radio
specifications specification status html living standardthe definition of '<input type="radio">' in that specification.
<input type="range"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › range
ent="vertical"> css we target just the inputs with a type of range, changing the writing mode from the default to bt-lr, or bottom-to-top and left-to-right, for edge and internet explorer, and add -webkit-appearance: slider-vertical for all -webkit-based browsers: input[type="range"] { writing-mode: bt-lr; -webkit-appearance: slider-vertical; } specifications specification status comment html living standardthe definition of '<input type="range">' in that specification.
<input type="reset"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › reset
specifications specification status html living standardthe definition of '<input type="reset">' in that specification.
<input type="submit"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › submit
there's a reason this kind of control is sometimes called a "simple button." specifications specification status comments html living standardthe definition of '<input type="submit">' in that specification.
<input type="time"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › time
+ i) : i; minuteselect.appendchild(option); } } // make it so that if the hour is 18, the minutes value is set to 00 // — you can't select times past 18:00 function setminutestozero() { if(hourselect.value === '18') { minuteselect.value = '00'; } } hourselect.onchange = setminutestozero; minuteselect.onchange = setminutestozero; specifications specification status comments html living standardthe definition of '<input type="time">' in that specification.
<input type="week"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › week
specifications specification status comments html living standardthe definition of '<input type="week">' in that specification.
<ins> - HTML: Hypertext Markup Language
Web › HTML › Element › ins
short note on making your mark (more accessible) | the paciello group tweaking text level styles | adrian roselli specifications specification status comment html living standardthe definition of '<ins>' in that specification.
<kbd>: The Keyboard Input element - HTML: Hypertext Markup Language
Web › HTML › Element › kbd
result specifications specification status comment html living standardthe definition of '<kbd>' in that specification.
<keygen> - HTML: Hypertext Markup Language
Web › HTML › Element › keygen
ucracy&locality=anytown&state=california&country=us& key=mihfmhewxdanbgkqhkig9w0baqefaanladbiakeanx0tiljromuue%2bptwbre6xfv%0awtkqbsshxk5zhcuwcwyvcniq9b82qhjdoacdd34rqfcaind46fxkqunb0mvkzqid%0aaqabfhfnb3ppbgxhsxnneuzyawvuzdanbgkqhkig9w0baqqfaanbaakv2eex2n%2fs%0ar%2f7ijnrowlszsmttiqteb%2badwhgj9u1xruroilq%2fo2cuqxifzcnzkyakwp4dubqw%0ai0%2f%2frgbvmco%3d specifications specification status comment html5the definition of 'the <keygen> element' in that specification.
<label> - HTML: Hypertext Markup Language
Web › HTML › Element › label
implicit aria role no corresponding role permitted aria roles no role permitted dom interface htmllabelelement specifications specification status comment html living standardthe definition of '<label>' in that specification.
<legend> - HTML: Hypertext Markup Language
Web › HTML › Element › legend
specifications specification status comment html living standardthe definition of '<legend>' in that specification.
<li> - HTML: Hypertext Markup Language
Web › HTML › Element › li
ordered list <ol> <li>first item</li> <li>second item</li> <li>third item</li> </ol> ordered list with a custom value <ol type="i"> <li value="3">third item</li> <li>fourth item</li> <li>fifth item</li> </ol> unordered list <ul> <li>first item</li> <li>second item</li> <li>third item</li> </ul> specifications specification status comment html living standardthe definition of '<li>' in that specification.
<link>: The External Resource Link element - HTML: Hypertext Markup Language
Web › HTML › Element › link
implicit aria role link with href attribute permitted aria roles no role permitted dom interface htmllinkelement specifications specification status comment html living standardthe definition of '<link>' in that specification.
<main> - HTML: Hypertext Markup Language
Web › HTML › Element › main
specifications specification status comment html living standardthe definition of '<main>' in that specification.
<map> - HTML: Hypertext Markup Language
Web › HTML › Element › map
cle" coords="275,75,75" href="right.html"> </map> <img usemap="#primary" src="https://udn.realityripple.com/samples/6a/7e559101b3.png" alt="350 x 150 pic"> result expected live example output the live example above should appear similar to the following images (when using your keyboard tab key): for the left.html link: for the right.html link specifications specification status comment html living standardthe definition of '<map>' in that specification.
<mark>: The Mark Text element - HTML: Hypertext Markup Language
Web › HTML › Element › mark
short note on making your mark (more accessible) | the paciello group tweaking text level styles | adrian roselli specifications specification status comment html living standardthe definition of '<mark>' in that specification.
<marquee>: The Marquee element (Obsolete) - HTML: Hypertext Markup Language
Web › HTML › Element › marquee
examples <marquee>this text will scroll from right to left</marquee> <marquee direction="up">this text will scroll from bottom to top</marquee> <marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid"> <marquee behavior="alternate"> this text will bounce </marquee> </marquee> specifications specification status comment html living standardthe definition of '<marquee>' in that specification.
<menu> - HTML: Hypertext Markup Language
Web › HTML › Element › menu
="save..." onclick="savefile()"> </menu> </li> <li> <button type="menu" menu="edit-menu">edit</button> <menu type="context" id="edit-menu"> <menuitem label="cut..." onclick="cutedit()"> <menuitem label="copy..." onclick="copyedit()"> <menuitem label="paste..." onclick="pasteedit()"> </menu> </li> </menu> result specifications specification status comment html living standardthe definition of '<menu>' in that specification.
<menuitem> - HTML: Hypertext Markup Language
Web › HTML › Element › menuitem
</menuitem> <hr> <menuitem type="radio" radiogroup="group1">radio button 1</menuitem> <menuitem type="radio" radiogroup="group1">radio button 2</menuitem> </menu> css content div { width: 300px; height: 80px; background-color: lightgreen; } result specifications specification status comment html 5.2the definition of '<menuitem>' in that specification.
Standard metadata names - HTML: Hypertext Markup Language
Web › HTML › Element › meta › name
it is different from the <title> element, which usually contain the application name, but may also contain information like the document name or a status.
<meta>: The Document-level Metadata element - HTML: Hypertext Markup Language
Web › HTML › Element › meta
examples <meta charset="utf-8"> <!-- redirect page after 3 seconds --> <meta http-equiv="refresh" content="3;url=https://www.mozilla.org"> specifications specification status comment html living standardthe definition of '<meta>' in that specification.
<meter>: The HTML Meter element - HTML: Hypertext Markup Language
Web › HTML › Element › meter
html <p>he got a <meter low="69" high="80" max="100" value="84">b</meter> on the exam.</p> result on google chrome, the resulting meter looks like this: specifications specification status comment html living standardthe definition of '<meter>' in that specification.
<nav>: The Navigation Section element - HTML: Hypertext Markup Language
Web › HTML › Element › nav
<nav class="menu"> <ul> <li><a href="#">home</a></li> <li><a href="#">about</a></li> <li><a href="#">contact</a></li> </ul> </nav> specifications specification status comment html living standardthe definition of '<nav>' in that specification.
<noframes>: The Frame Fallback element - HTML: Hypertext Markup Language
Web › HTML › Element › noframes
<frameset cols="50%,50%"> <frame src="https://developer.mozilla.org/en/html/element/frameset" /> <frame src="https://developer.mozilla.org/en/html/element/frame" /> <noframes><p>it seems your browser does not support frames or is configured to not allow them.</p></noframes> </frameset> specifications specification status comment html5the definition of 'noframes' in that specification.
<noscript> - HTML: Hypertext Markup Language
Web › HTML › Element › noscript
specifications specification status comment html living standardthe definition of '<noscript>' in that specification.
<object> - HTML: Hypertext Markup Language
Web › HTML › Element › object
no percentages) examples embed a flash movie <!-- embed a flash movie --> <object data="movie.swf" type="application/x-shockwave-flash"></object> <!-- embed a flash movie with parameters --> <object data="movie.swf" type="application/x-shockwave-flash"> <param name="foo" value="bar"> </object> specifications specification status comment html living standardthe definition of '<object>' in that specification.
<ol>: The Ordered List element - HTML: Hypertext Markup Language
Web › HTML › Element › ol
--> <ul> <li>second item first subitem</li> <li>second item second subitem</li> <li>second item third subitem</li> </ul> </li> <!-- here's the closing </li> tag --> <li>third item</li> </ol> the above html will output: specifications specification status comment html living standardthe definition of '<ol>' in that specification.
<optgroup> - HTML: Hypertext Markup Language
Web › HTML › Element › optgroup
lect> <optgroup label="group 1"> <option>option 1.1</option> </optgroup> <optgroup label="group 2"> <option>option 2.1</option> <option>option 2.2</option> </optgroup> <optgroup label="group 3" disabled> <option>option 3.1</option> <option>option 3.2</option> <option>option 3.3</option> </optgroup> </select> result specifications specification status comment html living standardthe definition of '<optgroup>' in that specification.
<option>: The HTML Option element - HTML: Hypertext Markup Language
Web › HTML › Element › option
specifications specification status comment html living standardthe definition of '<option>' in that specification.
<p>: The Paragraph element - HTML: Hypertext Markup Language
Web › HTML › Element › p
if extra space is desired, use css properties like margin to create the effect: p { margin-bottom: 2em; // increase white space after a paragraph } specifications specification status comment html living standardthe definition of '<p>' in that specification.
<param>: The Object Parameter element - HTML: Hypertext Markup Language
Web › HTML › Element › param
specifications specification status comment html living standardthe definition of '<param>' in that specification.
<picture>: The Picture element - HTML: Hypertext Markup Language
Web › HTML › Element › picture
<picture> <source srcset="logo.webp" type="image/webp"> <img src="logo.png" alt="logo"> </picture> specifications specification status comment html living standardthe definition of '<picture>' in that specification.
<pre>: The Preformatted Text element - HTML: Hypertext Markup Language
Web › HTML › Element › pre
</figcaption> </figure> mdn understanding wcag, guideline 1.1 explanations h86: providing text alternatives for ascii art, emoticons, and leetspeak | w3c techniques for wcag 2.0 specifications specification status comment html living standardthe definition of '<pre>' in that specification.
<progress>: The Progress Indicator element - HTML: Hypertext Markup Language
Web › HTML › Element › progress
examples <progress value="70" max="100">70 %</progress> result on windows 7, the resulting progress looks like this: specifications specification status comment html living standardthe definition of '<progress>' in that specification.
<q>: The Inline Quotation element - HTML: Hypertext Markup Language
Web › HTML › Element › q
example <p>according to mozilla's website, <q cite="https://www.mozilla.org/about/history/details/">firefox 1.0 was released in 2004 and became a big success.</q></p> specifications specification status comment html living standardthe definition of '<q>' in that specification.
<rb>: The Ruby Base element - HTML: Hypertext Markup Language
Web › HTML › Element › rb
specifications specification status comment html5the definition of '<rb>' in that specification.
<rp>: The Ruby Fallback Parenthesis element - HTML: Hypertext Markup Language
Web › HTML › Element › rp
specifications specification status comment html living standardthe definition of '<rp>' in that specification.
<rt>: The Ruby Text element - HTML: Hypertext Markup Language
Web › HTML › Element › rt
simple example provides romaji transliteration for the kanji characters within the <ruby> element: <ruby> 漢 <rt>kan</rt> 字 <rt>ji</rt> </ruby> body { font-size: 22px; } the output looks like this in your browser: on a browser without ruby support, this example might look like this: 漢 kan 字 ji body { font-size: 22px; } specifications specification status comment html living standardthe definition of '<rt>' in that specification.
<rtc>: The Ruby Text Container element - HTML: Hypertext Markup Language
Web › HTML › Element › rtc
examples <div class="info"> <ruby> <rbc> <rb>旧</rb><rt>jiù</rt> <rb>金</rb><rt>jīn</rt> <rb>山</rb><rt>shān</rt> </rbc> <rtc>san francisco</rtc> </ruby> </div> .info { padding-top: 10px; font-size: 36px; } specifications specification status comment html 5.2the definition of '<rtc>' in that specification.
<ruby> - HTML: Hypertext Markup Language
Web › HTML › Element › ruby
examples example 1: character <ruby> 漢 <rp>(</rp><rt>kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp> </ruby> example 2: word <ruby> 明日 <rp>(</rp><rt>ashita</rt><rp>)</rp> </ruby> specifications specification status comment html living standardthe definition of '<ruby>' in that specification.
<s> - HTML: Hypertext Markup Language
Web › HTML › Element › s
short note on making your mark (more accessible) | the paciello group tweaking text level styles | adrian roselli specifications specification status comment html living standardthe definition of 's element' in that specification.
<samp>: The Sample Output element - HTML: Hypertext Markup Language
Web › HTML › Element › samp
result the resulting output is this: specifications specification status comment html living standardthe definition of '<samp>' in that specification.
<script>: The Script element - HTML: Hypertext Markup Language
Web › HTML › Element › script
<!-- generated by the server --> <script id="data" type="application/json">{"userid":1234,"username":"john doe","membersince":"2000-01-01t00:00:00.000z"}</script> <!-- static --> <script> const userinfo = json.parse(document.getelementbyid("data").text); console.log("user information: %o", userinfo); </script> specifications specification status comments html living standardthe definition of '<script>' in that specification.
<select>: The HTML Select element - HTML: Hypertext Markup Language
Web › HTML › Element › select
implicit aria role combobox with no multiple attribute and no size attribute greater than 1, otherwise listbox permitted aria roles menu with no multiple attribute and no size attribute greater than 1, otherwise no role permitted dom interface htmlselectelement specifications specification status comments html living standardthe definition of '<select>' in that specification.
<slot> - HTML: Hypertext Markup Language
Web › HTML › Element › slot
specifications specification status comments html living standardthe definition of '<slot>' in that specification.
<small>: the side comment element - HTML: Hypertext Markup Language
Web › HTML › Element › small
<span style="font-size:0.8em">this whole sentence is in small letters.</span> </p> specifications specification status comments html living standardthe definition of '<small>' in that specification.
<source>: The Media or Image Source element - HTML: Hypertext Markup Language
Web › HTML › Element › source
specifications specification status comment html living standardthe definition of '<source>' in that specification.
<span> - HTML: Hypertext Markup Language
Web › HTML › Element › span
example example 1 html <p><span>some text</span></p> result example 2 html <li><span> <a href="portfolio.html" target="_blank">see my portfolio</a> </span></li> css li span { background: gold; } result specifications specification status comment html living standardthe definition of '<span>' in that specification.
<strike> - HTML: Hypertext Markup Language
Web › HTML › Element › strike
example &lt;strike&gt;: <strike>today's special: salmon</strike> sold out<br /> &lt;s&gt;: <s>today's special: salmon</s> sold out the result of this code is: specifications specification status comment html5the definition of '<strike>' in that specification.
<strong>: The Strong Importance element - HTML: Hypertext Markup Language
Web › HTML › Element › strong
examples basic example <p>before proceeding, <strong>make sure you put on your safety goggles</strong>.</p> the resulting output: labeling warnings <p><strong>important:</strong> before proceeding, make sure you add plenty of butter.</p> this results in: specifications specification status comment html living standardthe definition of '<strong>' in that specification.
<style>: The Style Information element - HTML: Hypertext Markup Language
Web › HTML › Element › style
implicit aria role no corresponding role permitted aria roles no role permitted dom interface htmlstyleelement specifications specification status comment html living standardthe definition of 'style' in that specification.
<sub>: The Subscript element - HTML: Hypertext Markup Language
Web › HTML › Element › sub
another example: <p>almost every developer's favorite molecule is c<sub>8</sub>h<sub>10</sub>n<sub>4</sub>o<sub>2</sub>, which is commonly known as "caffeine."</p> the output: specifications specification status comment html living standardthe definition of '<sub> and <sup>' in that specification.
<summary>: The Disclosure Summary element - HTML: Hypertext Markup Language
Web › HTML › Element › summary
html in summaries this example adds some semantics to the <summary> element to indicate the label as important: <details open> <summary><strong>overview</strong></summary> <ol> <li>cash on hand: $500.00</li> <li>current invoice: $75.30</li> <li>due date: 5/6/19</li> </ol> </details> specifications specification status comment html living standardthe definition of '<summary>' in that specification.
<sup>: The Superscript element - HTML: Hypertext Markup Language
Web › HTML › Element › sup
ordinal numbers ordinal numbers, such as "fourth" in english or "quinto" in spanish may be abbreviated using numerals and language-specific text rendered in superscript: <p>the ordinal number "fifth" can be abbreviated in various languages as follows:</p> <ul> <li>english: 5<sup>th</sup></li> <li>french: 5<sup>ème</sup></li> </ul> the output: specifications specification status comment html living standardthe definition of '<sub> and <sup>' in that specification.
<table>: The Table element - HTML: Hypertext Markup Language
Web › HTML › Element › table
mdn tables for visually impaired users tables with multi-level headers • tables • w3c wai web accessibility tutorials h43: using id and headers attributes to associate data cells with header cells in data tables | techniques for w3c wcag 2.0 specifications specification status comment html living standardthe definition of 'table element' in that specification.
<tbody>: The Table Body element - HTML: Hypertext Markup Language
Web › HTML › Element › tbody
tbody > tr > th { background-color: #dde; border-bottom: 1.5px solid #bbb; font-weight: normal; } specifications specification status comment html living standardthe definition of 'tbody element' in that specification.
<td>: The Table Data Cell element - HTML: Hypertext Markup Language
Web › HTML › Element › td
specifications specification status comment html living standardthe definition of 'td element' in that specification.
<template>: The Content Template element - HTML: Hypertext Markup Language
Web › HTML › Element › template
specifications specification status comment html living standardthe definition of 'template element' in that specification.
<textarea> - HTML: Hypertext Markup Language
Web › HTML › Element › textarea
implicit aria role textbox permitted aria roles no role permitted dom interface htmltextareaelement specifications specification status comment html living standardthe definition of '<textarea>' in that specification.
<tfoot>: The Table Foot element - HTML: Hypertext Markup Language
Web › HTML › Element › tfoot
specifications specification status comment html living standardthe definition of 'tfoot element' in that specification.
<th> - HTML: Hypertext Markup Language
Web › HTML › Element › th
specifications specification status comment html living standardthe definition of 'th element' in that specification.
<thead>: The Table Head element - HTML: Hypertext Markup Language
Web › HTML › Element › thead
specifications specification status comment html living standardthe definition of 'thead element' in that specification.
<time> - HTML: Hypertext Markup Language
Web › HTML › Element › time
14:54:39.929z 2011-11-18 14:54:39.929-0400 2011-11-18 14:54:39.929-04:00 a valid duration string pt4h18m3s examples simple example html <p>the concert starts at <time datetime="2018-07-07t20:00:00">20:00</time>.</p> output datetime example html <p>the concert took place on <time datetime="2001-05-15t19:00">may 15</time>.</p> output specifications specification status comment html living standardthe definition of '<time>' in that specification.
<title>: The Document Title element - HTML: Hypertext Markup Language
Web › HTML › Element › title
example <title>2 errors - your order - blue house chinese food - foodyum: online takeout today!</title> mdn understanding wcag, guideline 2.4 explanations understanding success criterion 2.4.2 | w3c understanding wcag 2.0 specifications specification status comment html living standardthe definition of '<title>' in that specification.
<tr>: The Table Row element - HTML: Hypertext Markup Language
Web › HTML › Element › tr
ot>) element permitted parents <table> (only if the table has no child <tbody> element, and even then only after any <caption>, <colgroup>, and <thead> elements); otherwise, the parent must be <thead>, <tbody> or <tfoot> implicit aria role row permitted aria roles any dom interface htmltablerowelement specifications specification status comment html living standardthe definition of 'tr element' in that specification.
<track>: The Embed Text Track element - HTML: Hypertext Markup Language
Web › HTML › Element › track
</video> specifications specification status comment html living standardthe definition of 'track element' in that specification.
<tt>: The Teletype Text element (obsolete) - HTML: Hypertext Markup Language
Web › HTML › Element › tt
specifications specification status comment html5the definition of '<tt>' in that specification.
<u>: The Unarticulated Annotation (Underline) element - HTML: Hypertext Markup Language
Web › HTML › Element › u
you can, if you wish, override that using css: cite { font-style: normal; text-decoration: underline; } result with custom style specifications specification status comment html living standardthe definition of '<u>' in that specification.
<ul>: The Unordered List element - HTML: Hypertext Markup Language
Web › HTML › Element › ul
--> <ol> <li>second item first subitem</li> <li>second item second subitem</li> <li>second item third subitem</li> </ol> <!-- here is the closing </li> tag --> </li> <li>third item</li> </ul> the above html will output: specifications specification status comment html living standardthe definition of '<ul>' in that specification.
<var>: The Variable element - HTML: Hypertext Markup Language
Web › HTML › Element › var
result specifications specification status comment html living standardthe definition of '<var>' in that specification.
<wbr> - HTML: Hypertext Markup Language
Web › HTML › Element › wbr
<p>http://this<wbr>.is<wbr>.a<wbr>.really<wbr>.long<wbr>.example<wbr>.com/with<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages</p> specifications specification status comment html living standardthe definition of '<wbr>' in that specification.
accesskey - HTML: Hypertext Markup Language
Web › HTML › Global attributes › accesskey
webaim: keyboard accessibility - accesskey specifications specification status comment html 5.2the definition of 'accesskey' in that specification.
autocapitalize - HTML: Hypertext Markup Language
Web › HTML › Global attributes › autocapitalize
specifications specification status comment html living standardthe definition of 'autocapitalize' in that specification.
class - HTML: Hypertext Markup Language
Web › HTML › Global attributes › class
specifications specification status comment html living standardthe definition of 'class' in that specification.
contenteditable - HTML: Hypertext Markup Language
Web › HTML › Global attributes › contenteditable
specifications specification status comment html living standardthe definition of 'contenteditable' in that specification.
contextmenu - HTML: Hypertext Markup Language
Web › HTML › Global attributes › contextmenu
elementbyid("fontsizing").style.fontsize = "larger"; } function decfont() { document.getelementbyid("fontsizing").style.fontsize = "smaller"; } function changeimage() { var index = math.ceil(math.random() * 39 + 1); document.images[0].src = "https://developer.mozilla.org/media/img/promote/promobutton_mdn" + index + ".png"; } result specifications specification status comment html 5.1the definition of 'contextmenu' in that specification.
data-* - HTML: Hypertext Markup Language
Web › HTML › Global attributes › data-*
specifications specification status comment html living standardthe definition of 'data-*' in that specification.
dir - HTML: Hypertext Markup Language
Web › HTML › Global attributes › dir
specifications specification status comment html living standardthe definition of 'dir' in that specification.
draggable - HTML: Hypertext Markup Language
Web › HTML › Global attributes › draggable
specifications specification status comment html living standardthe definition of 'draggable' in that specification.
dropzone - HTML: Hypertext Markup Language
Web › HTML › Global attributes › dropzone
specifications specification status comment html 5.1the definition of 'dropzone' in that specification.
hidden - HTML: Hypertext Markup Language
Web › HTML › Global attributes › hidden
specifications specification status comment html living standardthe definition of 'hidden' in that specification.
id - HTML: Hypertext Markup Language
Web › HTML › Global attributes › id
specifications specification status comment html living standardthe definition of 'id' in that specification.
inputmode - HTML: Hypertext Markup Language
Web › HTML › Global attributes › inputmode
specifications specification status comment html living standardthe definition of 'inputmode' in that specification.
is - HTML: Hypertext Markup Language
Web › HTML › Global attributes › is
} } // define the new element customelements.define('word-count', wordcount, { extends: 'p' }); <p is="word-count"></p> specifications specification status comment html living standardthe definition of 'is' in that specification.
itemid - HTML: Hypertext Markup Language
Web › HTML › Global attributes › itemid
hamilton itemprop pubdate 1996-01-26 result specifications specification status comment html living standardthe definition of 'itemid' in that specification.
itemprop - HTML: Hypertext Markup Language
Web › HTML › Global attributes › itemprop
hamilton itemprop pubdate 1996-01-26 result specifications specification status comment html microdatathe definition of 'itemprop' in that specification.
itemref - HTML: Hypertext Markup Language
Web › HTML › Global attributes › itemref
<div id="b" itemprop="band" itemscope itemref="c"></div> <div id="c"> <p>band: <span itemprop="name">jazz band</span> </p> <p>size: <span itemprop="size">12</span> players</p> </div> structured data (in json-ld format) { "@id": "amanda", "name": "amanda", "band": { "@id": "b", "name": "jazz band", "size": 12 } } result specifications specification status comment html microdatathe definition of 'itemref' in that specification.
itemscope - HTML: Hypertext Markup Language
Web › HTML › Global attributes › itemscope
specifications specification status comment html microdatathe definition of 'itemscope' in that specification.
itemtype - HTML: Hypertext Markup Language
Web › HTML › Global attributes › itemtype
try it on the html shown above specifications specification status comment html microdatathe definition of 'itemtype' in that specification.
lang - HTML: Hypertext Markup Language
Web › HTML › Global attributes › lang
specifications specification status comment html living standardthe definition of 'lang' in that specification.
part - HTML: Hypertext Markup Language
Web › HTML › Global attributes › part
specifications specification status comment shadow partsthe definition of 'part' in that specification.
slot - HTML: Hypertext Markup Language
Web › HTML › Global attributes › slot
specifications specification status comment html living standardthe definition of 'slot attribute' in that specification.
spellcheck - HTML: Hypertext Markup Language
Web › HTML › Global attributes › spellcheck
specifications specification status comment html living standardthe definition of 'spellcheck' in that specification.
style - HTML: Hypertext Markup Language
Web › HTML › Global attributes › style
specifications specification status comment html living standardthe definition of 'style' in that specification.
title - HTML: Hypertext Markup Language
Web › HTML › Global attributes › title
semantics, structure, and apis of html documents using the html title attribute – updated | the paciello group tooltips & toggletips - inclusive components the trials and tribulations of the title attribute - 24 accessibility specifications specification status comment html living standardthe definition of 'title' in that specification.
translate - HTML: Hypertext Markup Language
Web › HTML › Global attributes › translate
<footer> <small>© 2020 <span translate="no">brandname</span></small> </footer> specifications specification status comment html living standardthe definition of 'translate' in that specification.
Global attributes - HTML: Hypertext Markup Language
Web › HTML › Global attributes
specifications specification status comment html living standardthe definition of 'global attributes' in that specification.
Link types: dns-prefetch - HTML: Hypertext Markup Language
Web › HTML › Link types › dns-prefetch
specifications specification status comment html living standardthe definition of 'dns-prefetch' in that specification.
Link types: manifest - HTML: Hypertext Markup Language
Web › HTML › Link types › manifest
specifications specification status comment web app manifest working draft ...
Link types: modulepreload - HTML: Hypertext Markup Language
Web › HTML › Link types › modulepreload
specifications specification status comment html living standardthe definition of 'modulepreload' in that specification.
Link types: noopener - HTML: Hypertext Markup Language
Web › HTML › Link types › noopener
specifications specification status comment html living standardthe definition of 'noopener' in that specification.
Link types: noreferrer - HTML: Hypertext Markup Language
Web › HTML › Link types › noreferrer
specifications specification status comment html living standardthe definition of 'noreferrer' in that specification.
Link types: preconnect - HTML: Hypertext Markup Language
Web › HTML › Link types › preconnect
specifications specification status comment html living standardthe definition of 'preconnect' in that specification.
Link types: prefetch - HTML: Hypertext Markup Language
Web › HTML › Link types › prefetch
specifications specification status comment html living standardthe definition of 'prefetch' in that specification.
Link types: preload - HTML: Hypertext Markup Language
Web › HTML › Link types › preload
specifications specification status comment html living standardthe definition of 'preload' in that specification.
Link types: prerender - HTML: Hypertext Markup Language
Web › HTML › Link types › prerender
specifications specification status comment html living standardthe definition of 'prerender' in that specification.
Link types - HTML: Hypertext Markup Language
Web › HTML › Link types
<a>, <area>, <link> <form> specifications specification status comment preloadthe definition of 'preload' in that specification.
Preloading content with rel="preload" - HTML: Hypertext Markup Language
Web › HTML › Preloading content
specifications specification status comment preloadthe definition of 'preload' in that specification.
MIME types (IANA media types) - HTTP
Web › HTTP › Basics of HTTP › MIME types
when the 206 partial content status code is sent, this mime type indicates that the document is composed of several parts, one for each of the requested ranges.
Cross-Origin Resource Sharing (CORS) - HTTP
Web › HTTP › CORS
specifications specification status comment fetchthe definition of 'cors' in that specification.
Content Security Policy (CSP) - HTTP
Web › HTTP › CSP
status-code the http status code of the resource on which the global object was instantiated.
HTTP conditional requests - HTTP
Web › HTTP › Conditional requests
with an empty cache, or without a cache, the requested resource is sent back with a status of 200 ok.
Feature Policy - HTTP
Web › HTTP › Feature Policy
specifications specification status comment feature policythe definition of 'feature-policy' in that specification.
Access-Control-Allow-Credentials - HTTP
Web › HTTP › Headers › Access-Control-Allow-Credentials
examples allow credentials: access-control-allow-credentials: true using xhr with credentials: var xhr = new xmlhttprequest(); xhr.open('get', 'http://example.com/', true); xhr.withcredentials = true; xhr.send(null); using fetch with credentials: fetch(url, { credentials: 'include' }) specifications specification status comment fetchthe definition of 'access-control-allow-credentials' in that specification.
Access-Control-Allow-Headers - HTTP
Web › HTTP › Headers › Access-Control-Allow-Headers
specifications specification status comment fetchthe definition of 'access-control-allow-headers' in that specification.
Access-Control-Allow-Methods - HTTP
Web › HTTP › Headers › Access-Control-Allow-Methods
examples access-control-allow-methods: post, get, options access-control-allow-methods: * specifications specification status comment fetchthe definition of 'access-control-allow-methods' in that specification.
Access-Control-Allow-Origin - HTTP
Web › HTTP › Headers › Access-Control-Allow-Origin
access-control-allow-origin: https://developer.mozilla.org vary: origin specifications specification status comment fetchthe definition of 'access-control-allow-origin' in that specification.
Access-Control-Expose-Headers - HTTP
Web › HTTP › Headers › Access-Control-Expose-Headers
ated by a comma: access-control-expose-headers: content-length, x-kuma-revision in requests without credentials, you can also use a wildcard value: access-control-expose-headers: * however, this won't wildcard the authorization header, so if you need to expose that, you will need to list it explicitly: access-control-expose-headers: *, authorization specifications specification status comment fetchthe definition of 'access-control-expose-headers' in that specification.
Access-Control-Max-Age - HTTP
Web › HTTP › Headers › Access-Control-Max-Age
examples cache results of a preflight request for 10 minutes: access-control-max-age: 600 specifications specification status comment fetchthe definition of 'access-control-max-age' in that specification.
Access-Control-Request-Headers - HTTP
Web › HTTP › Headers › Access-Control-Request-Headers
examples access-control-request-headers: x-pingother, content-type specifications specification status comment fetchthe definition of 'access-control-request-headers' in that specification.
Access-Control-Request-Method - HTTP
Web › HTTP › Headers › Access-Control-Request-Method
examples access-control-request-method: post specifications specification status comment fetchthe definition of 'access-control-request-method' in that specification.
Allow - HTTP
Web › HTTP › Headers › Allow
this header must be sent if the server responds with a 405 method not allowed status code to indicate which request methods can be used.
Alt-Svc - HTTP
Web › HTTP › Headers › Alt-Svc
example alt-svc: h2=":443"; ma=2592000; alt-svc: h2=":443"; ma=2592000; persist=1 alt-svc: h2="alt.example.com:443", h2=":443" alt-svc: h3-25=":443"; ma=3600, h2=":443"; ma=3600 specifications specification status comment rfc 7838 ietf rfc initial definition.
Authorization - HTTP
Web › HTTP › Headers › Authorization
the http authorization request header contains the credentials to authenticate a user agent with a server, usually, but not necessarily, after the server has responded with a 401 unauthorized status and the www-authenticate header.
Clear-Site-Data - HTTP
Web › HTTP › Headers › Clear-Site-Data
clear-site-data: "cookies" specifications specification status title clear site data working draft initial definition.
CSP: base-uri - HTTP
Web › HTTP › Headers › Content-Security-Policy › base-uri
<meta http-equiv="content-security-policy" content="base-uri 'self'"> <base href="https://example.com/"> // error: refused to set the document's base uri to 'https://example.com/' // because it violates the following content security policy // directive: "base-uri 'self'" specifications specification status comment content security policy level 3the definition of 'base-uri' in that specification.
CSP: block-all-mixed-content - HTTP
Web › HTTP › Headers › Content-Security-Policy › block-all-mixed-content
for example, to disallow nonsecure http images: content-security-policy: img-src https: specifications specification status comment mixed contentthe definition of 'block-all-mixed-content' in that specification.
CSP: child-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › child-src
examples violation cases given this csp header: content-security-policy: child-src https://example.com/ this <iframe> and worker are blocked and won't load: <iframe src="https://not-example.com"></iframe> <script> var blockedworker = new worker("data:application/javascript,..."); </script> specifications specification status comment content security policy level 3the definition of 'child-src' in that specification.
CSP: connect-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › connect-src
}); </script> specifications specification status comment content security policy level 3the definition of 'connect-src' in that specification.
CSP: default-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › default-src
frame-src 'self'; img-src 'self'; manifest-src 'self'; media-src 'self'; object-src 'self'; script-src https://example.com; style-src 'self'; worker-src 'self' specifications specification status comment content security policy level 3the definition of 'default-src' in that specification.
CSP: font-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › font-src
examples violation cases given this csp header: content-security-policy: font-src https://example.com/ the following font resource loading is blocked and won't load: <style> @font-face { font-family: "myfont"; src: url("https://not-example.com/font"); } body { font-family: "myfont"; } </style> specifications specification status comment content security policy level 3the definition of 'font-src' in that specification.
CSP: form-action - HTTP
Web › HTTP › Headers › Content-Security-Policy › form-action
specifications specification status comment content security policy level 3the definition of 'form-action' in that specification.
CSP: frame-ancestors - HTTP
Web › HTTP › Headers › Content-Security-Policy › frame-ancestors
examples content-security-policy: frame-ancestors 'none'; content-security-policy: frame-ancestors 'self' https://www.example.org; specifications specification status comment content security policy level 3the definition of 'frame-ancestors' in that specification.
CSP: frame-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › frame-src
examples violation cases given this csp header: content-security-policy: frame-src https://example.com/ the following <iframe> is blocked and won't load: <iframe src="https://not-example.com/"></iframe> specifications specification status comment content security policy level 3the definition of 'frame-src' in that specification.
CSP: img-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › img-src
examples violation cases given this csp header: content-security-policy: img-src https://example.com/ the following <img> is blocked and won't load: <img src="https://not-example.com/foo.jpg" alt="example picture"> specifications specification status comment content security policy level 3the definition of 'img-src' in that specification.
CSP: manifest-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › manifest-src
examples violation cases given this csp header: content-security-policy: manifest-src https://example.com/ the following <link> is blocked and won't load: <link rel="manifest" href="https://not-example.com/manifest"> specifications specification status comment content security policy level 3the definition of 'manifest-src' in that specification.
CSP: media-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › media-src
les violation cases given this csp header: content-security-policy: media-src https://example.com/ the following <audio>, <video> and <track> elements are blocked and won't load: <audio src="https://not-example.com/audio"></audio> <video src="https://not-example.com/video"> <track kind="subtitles" src="https://not-example.com/subtitles"> </video> specifications specification status comment content security policy level 3the definition of 'media-src' in that specification.
CSP: navigate-to - HTTP
Web › HTTP › Headers › Content-Security-Policy › navigate-to
<meta http-equiv="content-security-policy" content="navigate-to 'none'"> <form action="javascript:alert('foo')" id="form1" method="post"> <input type="text" name="fieldname" value="fieldvalue"> <input type="submit" id="submit" value="submit"> </form> specifications specification status comment content security policy level 3the definition of 'navigate-to' in that specification.
CSP: object-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › object-src
xamples violation cases given this csp header: content-security-policy: object-src https://example.com/ the following <object>, <embed>, and <applet> elements are blocked and won't load: <embed src="https://not-example.com/flash"></embed> <object data="https://not-example.com/plugin"></object> <applet archive="https://not-example.com/java"></applet> specifications specification status comment content security policy level 3the definition of 'object-src' in that specification.
CSP: plugin-types - HTTP
Web › HTTP › Headers › Content-Security-Policy › plugin-types
ity policy content-security-policy: plugin-types application/x-shockwave-flash will allow to load flash objects: <object data="https://example.com/flash" type="application/x-shockwave-flash"></object> allowing java applets to load an <applet> you must specify application/x-java-applet: content-security-policy: plugin-types application/x-java-applet specifications specification status comment content security policy level 3the definition of 'plugin-types' in that specification.
CSP: prefetch-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › prefetch-src
er given a page with the following content security policy: content-security-policy: prefetch-src https://example.com/ fetches for the following code will return network errors, as the urls provided do not match prefetch-src's source list: <link rel="prefetch" src="https://example.org/"></link> <link rel="prerender" src="https://example.org/"></link> specification specification status comment content security policy level 3the definition of 'prefetch-src' in that specification.
CSP: report-uri - HTTP
Web › HTTP › Headers › Content-Security-Policy › report-uri
$log_file; mail($email_address, $email_subject, $message, 'content-type: text/plain;charset=utf-8'); } else if (filesize($log_file) > $log_file_size_limit) { exit(0); } file_put_contents($log_file, $json_data, file_append | lock_ex); } specifications specification status comment content security policy level 3the definition of 'report-uri' in that specification.
CSP: sandbox - HTTP
Web › HTTP › Headers › Content-Security-Policy › sandbox
examples content-security-policy: sandbox allow-scripts; specifications specification status comment content security policy level 3the definition of 'sandbox' in that specification.
CSP: script-src-attr - HTTP
Web › HTTP › Headers › Content-Security-Policy › script-src-attr
specifications specification status comment content security policy level 3the definition of 'script-src-attr' in that specification.
CSP: script-src-elem - HTTP
Web › HTTP › Headers › Content-Security-Policy › script-src-elem
specifications specification status comment content security policy level 3the definition of 'script-src-elem' in that specification.
CSP: script-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › script-src
specifications specification status comment content security policy level 3the definition of 'script-src' in that specification.
CSP: style-src-attr - HTTP
Web › HTTP › Headers › Content-Security-Policy › style-src-attr
examples todo: add examples specifications specification status comment content security policy level 3the definition of 'style-src-attr' in that specification.
CSP: style-src-elem - HTTP
Web › HTTP › Headers › Content-Security-Policy › style-src-elem
examples todo: add examples specifications specification status comment content security policy level 3the definition of 'style-src-elem' in that specification.
CSP: style-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › style-src
if 'unsafe-eval' isn't specified with the style-src directive, the following methods are blocked and won't have any effect: cssstylesheet.insertrule() cssgroupingrule.insertrule() cssstyledeclaration.csstext specifications specification status comment content security policy level 3the definition of 'style-src' in that specification.
CSP: trusted-types - HTTP
Web › HTTP › Headers › Content-Security-Policy › trusted-types
specifications specification status comment trusted types draft initial definition.
CSP: upgrade-insecure-requests - HTTP
Web › HTTP › Headers › Content-Security-Policy › upgrade-insecure-requests
specifications specification status comment upgrade insecure requeststhe definition of 'upgrade-insecure-requests' in that specification.
CSP: worker-src - HTTP
Web › HTTP › Headers › Content-Security-Policy › worker-src
csp header: content-security-policy: worker-src https://example.com/ worker, sharedworker, serviceworker are blocked and won't load: <script> var blockedworker = new worker("data:application/javascript,..."); blockedworker = new sharedworker("https://not-example.com/"); navigator.serviceworker.register('https://not-example.com/sw.js'); </script> specifications specification status comment content security policy level 3the definition of 'worker-src' in that specification.
Content-Security-Policy - HTTP
Web › HTTP › Headers › Content-Security-Policy
specifications specification status comment content security policy level 3 working draft adds manifest-src, navigate-to, report-to, strict-dynamic, worker-src.
Cross-Origin-Resource-Policy - HTTP
Web › HTTP › Headers › Cross-Origin-Resource-Policy
specifications specification status comment fetch living standard initial definition ...
DNT - HTTP
Web › HTTP › Headers › DNT
examples reading do not track status from javascript the user's dnt preference can also be read from javascript using the navigator.donottrack property: navigator.donottrack; // "0" or "1" specifications specification status comment tracking preference expression (dnt)the definition of 'dnt header field for http requests' in that specification.
Device-Memory - HTTP
Web › HTTP › Headers › Device-Memory
accept-ch: device-memory accept-ch-lifetime: 86400 then on subsequent requests the client might send device-memory header back: device-memory: 1 specifications specification status comment device memory 1the definition of 'device-memory' in that specification.
ETag - HTTP
Web › HTTP › Headers › ETag
old to be considered usable), the client will send the value of its etag along in an if-none-match header field: if-none-match: "33a64df551425fcc55e4d42a148795d9f25f89d4" the server compares the client's etag (sent with if-none-match) with the etag for its current version of the resource, and if both values match (that is, the resource has not changed), the server sends back a 304 not modified status, without a body, which tells the client that the cached version of the response is still good to use (fresh).
Early-Data - HTTP
Web › HTTP › Headers › Early-Data
the early-data header is set by an intermediary to indicate that the request has been conveyed in tls early data, and also indicates that the intermediary understands the 425 (too early) status code.
Expect-CT - HTTP
Web › HTTP › Headers › Expect-CT
ct requirements can be satisfied via any one of the following mechanisms: x.509v3 certificate extension to allow embedding of signed certificate timestamps issued by individual logs a tls extension of type signed_certificate_timestamp sent during the handshake supporting ocsp stapling (that is, the status_request tls extension) and providing a signedcertificatetimestamplist when a site enables the expect-ct header, they are requesting that the browser check that any certificate for that site appears in public ct logs.
Feature-Policy: accelerometer - HTTP
Web › HTTP › Headers › Feature-Policy › accelerometer
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: ambient-light-sensor - HTTP
Web › HTTP › Headers › Feature-Policy › ambient-light-sensor
specification specification status comment feature policy editor's draft initial definition.
Feature-Policy: autoplay - HTTP
Web › HTTP › Headers › Feature-Policy › autoplay
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: camera - HTTP
Web › HTTP › Headers › Feature-Policy › camera
specification specification status comment feature policy editor's draft initial definition.
Feature-Policy: display-capture - HTTP
Web › HTTP › Headers › Feature-Policy › display-capture
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: document-domain - HTTP
Web › HTTP › Headers › Feature-Policy › document-domain
specifications specification status comment html living standardthe definition of 'document-domain' in that specification.
Feature-Policy: encrypted-media - HTTP
Web › HTTP › Headers › Feature-Policy › encrypted-media
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: fullscreen - HTTP
Web › HTTP › Headers › Feature-Policy › fullscreen
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: geolocation - HTTP
Web › HTTP › Headers › Feature-Policy › geolocation
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: gyroscope - HTTP
Web › HTTP › Headers › Feature-Policy › gyroscope
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: layout-animations - HTTP
Web › HTTP › Headers › Feature-Policy › layout-animations
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: legacy-image-formats - HTTP
Web › HTTP › Headers › Feature-Policy › legacy-image-formats
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: magnetometer - HTTP
Web › HTTP › Headers › Feature-Policy › magnetometer
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: microphone - HTTP
Web › HTTP › Headers › Feature-Policy › microphone
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: midi - HTTP
Web › HTTP › Headers › Feature-Policy › midi
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: oversized-images - HTTP
Web › HTTP › Headers › Feature-Policy › oversized-images
specification specification status comment feature policy editor's draft initial definition.
Feature-Policy: payment - HTTP
Web › HTTP › Headers › Feature-Policy › payment
specifications specification status comment payment request api candidate recommendation see section 16.
Feature-Policy: picture-in-picture - HTTP
Web › HTTP › Headers › Feature-Policy › picture-in-picture
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: publickey-credentials-get - HTTP
Web › HTTP › Headers › Feature-Policy › publickey-credentials-get
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: screen-wake-lock - HTTP
Web › HTTP › Headers › Feature-Policy › screen-wake-lock
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: sync-xhr - HTTP
Web › HTTP › Headers › Feature-Policy › sync-xhr
specification specification status comment feature policy editor's draft initial definition.
Feature-Policy: unoptimized-images - HTTP
Web › HTTP › Headers › Feature-Policy › unoptimized-images
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: unsized-media - HTTP
Web › HTTP › Headers › Feature-Policy › unsized-media
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: usb - HTTP
Web › HTTP › Headers › Feature-Policy › usb
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: vibrate - HTTP
Web › HTTP › Headers › Feature-Policy › vibrate
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: wake-lock - HTTP
Web › HTTP › Headers › Feature-Policy › wake-lock
specifications specification status comment feature policy editor's draft initial definition.
web-share - HTTP
Web › HTTP › Headers › Feature-Policy › web-share
specifications specification status comment feature policy editor's draft initial definition.
Feature-Policy: xr-spatial-tracking - HTTP
Web › HTTP › Headers › Feature-Policy › xr-spatial-tracking
specifications specification status comment webxr device apithe definition of 'permissions policy' in that specification.
Feature-Policy - HTTP
Web › HTTP › Headers › Feature-Policy
battery controls whether the use of the battery status api is allowed.
Host - HTTP
Web › HTTP › Headers › Host
a 400 (bad request) status code may be sent to any http/1.1 request message that lacks a host header field or that contains more than one.
If-Modified-Since - HTTP
Web › HTTP › Headers › If-Modified-Since
the if-modified-since request http header makes the request conditional: the server will send back the requested resource, with a 200 status, only if it has been last modified after the given date.
If-Range - HTTP
Web › HTTP › Headers › If-Range
if the condition is not fulfilled, the full resource is sent back, with a 200 ok status.
Link - HTTP
Web › HTTP › Headers › Link
be enclosed between < and >: link: <https://example.com>; rel="preconnect" link: https://bad.example; rel="preconnect" specifying multiple links you can specify multiple links separated by commas, for example: link: <https://one.example.com>; rel="preconnect", <https://two.example.com>; rel="preconnect", <https://three.example.com>; rel="preconnect" specifications specification status comments rfc 8288, section 3: link serialisation in http headers ietf rfc rfc 5988, section 5: the link header field ietf rfc initial definition ...
Proxy-Authorization - HTTP
Web › HTTP › Headers › Proxy-Authorization
the http proxy-authorization request header contains the credentials to authenticate a user agent to a proxy server, usually after the server has responded with a 407 proxy authentication required status and the proxy-authenticate header.
Range - HTTP
Web › HTTP › Headers › Range
the server can also ignore the range header and return the whole document with a 200 status code.
Referrer-Policy - HTTP
Web › HTTP › Headers › Referrer-Policy
specifications specification status referrer policy editor's draft ...
Server-Timing - HTTP
Web › HTTP › Headers › Server-Timing
specifications specification status title server timingthe definition of 'server-timing header field' in that specification.
Strict-Transport-Security - HTTP
Web › HTTP › Headers › Strict-Transport-Security
strict-transport-security: max-age=63072000; includesubdomains; preload specifications specification status comment http strict transport security (hsts) ietf rfc initial definition ...
Timing-Allow-Origin - HTTP
Web › HTTP › Headers › Timing-Allow-Origin
examples to allow any resource to see timing resources: timing-allow-origin: * to allow https://developer.mozilla.org to see timing resources, you can specify: timing-allow-origin: https://developer.mozilla.org specifications specification status comment resource timing level 3the definition of 'timing-allow-origin' in that specification.
Trailer - HTTP
Web › HTTP › Headers › Trailer
the trailer response header allows the sender to include additional fields at the end of chunked messages in order to supply metadata that might be dynamically generated while the message body is sent, such as a message integrity check, digital signature, or post-processing status.
Upgrade-Insecure-Requests - HTTP
Web › HTTP › Headers › Upgrade-Insecure-Requests
location: https://example.com/ vary: upgrade-insecure-requests specifications specification status comment upgrade insecure requeststhe definition of 'upgrade-insecure-requests' in that specification.
X-Content-Type-Options - HTTP
Web › HTTP › Headers › X-Content-Type-Options
, or "script" and the mime type is not a javascript mime type enables cross-origin read blocking (corb) protection for the mime-types: text/html text/plain text/json, application/json or any other type with a json extension: */*+json text/xml, application/xml or any other type with an xml extension: */*+xml (excluding image/svg+xml) specifications specification status comment fetchthe definition of 'x-content-type-options definition' in that specification.
HTTP headers - HTTP
Web › HTTP › Headers
tk indicates the tracking status of the corresponding response.
PATCH - HTTP
Web › HTTP › Methods › PATCH
response has body yes safe no idempotent no cacheable no allowed in html forms no syntax patch /file.txt http/1.1 example request patch /file.txt http/1.1 host: www.example.com content-type: application/example if-match: "e0023aa4e" content-length: 100 [description of changes] response a successful response is indicated by any 2xx status code.
101 Switching Protocols - HTTP
Web › HTTP › Status › 101
status 101 switching protocols examples switching protocols might be used with websockets.
304 Not Modified - HTTP
Web › HTTP › Status › 304
status 304 not modified specifications specification title rfc 7232, section 4.1: 304 not modified hypertext transfer protocol (http/1.1): conditional requests ...
411 Length Required - HTTP
Web › HTTP › Status › 411
status 411 length required specifications specification title rfc 7231, section 6.5.10: 411 length required hypertext transfer protocol (http/1.1): semantics and content ...
412 Precondition Failed - HTTP
Web › HTTP › Status › 412
status 412 precondition failed examples etag: "33a64df551425fcc55e4d42a148795d9f25f89d4" etag: w/"0815" avoiding mid-air collisions with the help of the etag and the if-match headers, you can detect mid-air edit collisions.
415 Unsupported Media Type - HTTP
Web › HTTP › Status › 415
status 415 unsupported media type specifications specification title rfc 7231, section 6.5.13: 415 unsupported media type hypertext transfer protocol (http/1.1): semantics and content ...
416 Range Not Satisfiable - HTTP
Web › HTTP › Status › 416
status 416 range not satisfiable specifications specification title rfc 7233, section 4.4: 416 request not satisfiable hypertext transfer protocol (http/1.1): range requests ...
417 Expectation Failed - HTTP
Web › HTTP › Status › 417
status 417 expectation failed specifications specification title rfc 7231, section 6.5.14: 417 expectation failed hypertext transfer protocol (http/1.1): semantics and content ...
418 I'm a teapot - HTTP
Web › HTTP › Status › 418
status 418 i'm a teapot specifications specification title rfc 2324, section 2.3.2: 418 i'm a teapot hyper text coffee pot control protocol (htcpcp/1.0): semantics and content rfc 7168, section 2.3.3: 418 i'm a teapot the hyper text coffee pot control protocol for tea efflux appliances (htcpcp-tea): response codes ...
426 Upgrade Required - HTTP
Web › HTTP › Status › 426
status 426 upgrade required examples http/1.1 426 upgrade required upgrade: http/2.0 connection: upgrade content-length: 53 content-type: text/plain this service requires use of the http/2.0 protocol specifications specification title rfc 7231, section 6.5.15: 426 upgrade required hypertext transfer protocol (http/1.1): semantics and content ...
502 Bad Gateway - HTTP
Web › HTTP › Status › 502
status 502 bad gateway specifications specification title rfc 7231, section 6.6.3: 502 bad gateway hypertext transfer protocol (http/1.1): semantics and content ...
504 Gateway Timeout - HTTP
Web › HTTP › Status › 504
status 504 gateway timeout specifications specification title rfc 7231, section 6.6.5: 504 gateway timeout hypertext transfer protocol (http/1.1): semantics and content ...
HTTP
Web › HTTP
http status response codes http response codes indicate whether a specific http request has been successfully completed.
Meta programming - JavaScript
Web › JavaScript › Guide › Meta programming
because reflect.defineproperty returns a boolean success status, you can just use an if...else block here: if (reflect.defineproperty(target, property, attributes)) { // success } else { // failure } « previousnext » ...
Using Promises - JavaScript
Web › JavaScript › Guide › Using promises
when promises and tasks collide if you run into situations in which you have promises and tasks (such as events or callbacks) which are firing in unpredictable orders, it's possible you may benefit from using a microtask to check status or balance out your promises when promises are created conditionally.
JavaScript technologies overview - JavaScript
Web › JavaScript › JavaScript technologies overview
the initial standard was approved in december 2012; the status of implementations in browsers is tracked in the documentation of the intl object.
getter - JavaScript
Web › JavaScript › Reference › Functions › get
description sometimes it is desirable to allow access to a property that returns a dynamically computed value, or you may want to reflect the status of an internal variable without requiring the use of explicit method calls.
Intl.RelativeTimeFormat() constructor - JavaScript
Web › JavaScript › Reference › Global Objects › Intl › RelativeTimeFormat › RelativeTimeFormat
rtf.format(1, "day"); // > "tomorrow" specifications specification status comment ecmascript internationalization api (ecma-402)the definition of 'relativetimeformat()' in that specification.
Intl.RelativeTimeFormat.prototype.format() - JavaScript
Web › JavaScript › Reference › Global Objects › Intl › RelativeTimeFormat › format
rtf.format(1, "day"); // > "tomorrow" specifications specification status comment ecmascript internationalization api (ecma-402)the definition of 'relativetimeformat.format()' in that specification.
Intl.RelativeTimeFormat.prototype.formatToParts() - JavaScript
Web › JavaScript › Reference › Global Objects › Intl › RelativeTimeFormat › formatToParts
onst rtf = new intl.relativetimeformat("en", { numeric: "auto" }); // format relative time using the day unit rtf.formattoparts(-1, "day"); // > [{ type: "literal", value: "yesterday"}] rtf.formattoparts(100, "day"); // > [{ type: "literal", value: "in " }, // > { type: "integer", value: "100", unit: "day" }, // > { type: "literal", value: " days" }] specifications specification status comment ecmascript internationalization api (ecma-402)the definition of 'relativetimeformat.formattoparts()' in that specification.
Intl.RelativeTimeFormat.prototype.resolvedOptions() - JavaScript
Web › JavaScript › Reference › Global Objects › Intl › RelativeTimeFormat › resolvedOptions
examples using the resolvedoptions method var de = new intl.relativetimeformat('de-de'); var usedoptions = de.resolvedoptions(); usedoptions.locale; // "de-de" usedoptions.style; // "long" usedoptions.numeric; // "always" usedoptions.numberingsystem; // "latn" specifications specification status comment ecmascript internationalization api (ecma-402)the definition of 'relativetimeformat.resolvedoptions()' in that specification.
Intl.RelativeTimeFormat.supportedLocalesOf() - JavaScript
Web › JavaScript › Reference › Global Objects › Intl › RelativeTimeFormat › supportedLocalesOf
const locales = ['ban', 'id-u-co-pinyin', 'de-id']; const options = { localematcher: 'lookup' }; console.log(intl.relativetimeformat.supportedlocalesof(locales, options).join(', ')); // → "id-u-co-pinyin, de-id" specifications specification status comment ecmascript internationalization api (ecma-402)the definition of 'relativetimeformat.supportedlocalesof()' in that specification.
Intl.RelativeTimeFormat - JavaScript
Web › JavaScript › Reference › Global Objects › Intl › RelativeTimeFormat
rtf.formattoparts(-1, "day"); // > [{ type: "literal", value: "yesterday"}] rtf.formattoparts(100, "day"); // > [{ type: "literal", value: "in " }, // > { type: "integer", value: "100", unit: "day" }, // > { type: "literal", value: " days" }] specifications specification status comment ecmascript internationalization api (ecma-402)the definition of 'relativetimeformat' in that specification.
JSON - JavaScript
Web › JavaScript › Reference › Global Objects › JSON
examples example json { "browsers": { "firefox": { "name": "firefox", "pref_url": "about:config", "releases": { "1": { "release_date": "2004-11-09", "status": "retired", "engine": "gecko", "engine_version": "1.7" } } } } } specifications specification ecmascript (ecma-262)the definition of 'json' in that specification.
Promise() constructor - JavaScript
Web › JavaScript › Reference › Global Objects › Promise › Promise
filled // or // reject("failure reason") // rejected }); making functions return a promise to provide a function with promise functionality, have it return a promise: function myasyncfunction(url) { return new promise((resolve, reject) => { const xhr = new xmlhttprequest() xhr.open("get", url) xhr.onload = () => resolve(xhr.responsetext) xhr.onerror = () => reject(xhr.statustext) xhr.send() }); } specifications specification ecmascript (ecma-262)the definition of 'promise constructor' in that specification.
Promise.any() - JavaScript
Web › JavaScript › Reference › Global Objects › Promise › any
status: ${response.status}`); } else { return response.blob(); } }) } let coffee = fetchanddecode('coffee.jpg'); let tea = fetchanddecode('tea.jpg'); promise.any([coffee, tea]).then(value => { let objecturl = url.createobjecturl(value); let image = document.createelement('img'); image.src = objecturl; document.body.appendchild(image); }) .catch(e => { console.log(e.message); ...
Reflect.defineProperty() - JavaScript
Web › JavaScript › Reference › Global Objects › Reflect › defineProperty
] because reflect.defineproperty returns a boolean success status, you can just use an if...else block here: if (reflect.defineproperty(target, property, attributes)) { // success } else { // failure } specifications specification ecmascript (ecma-262)the definition of 'reflect.defineproperty' in that specification.
JavaScript
Web › JavaScript
javascript versions and release notes browse javascript's feature history and implementation status.
background_color - Web app manifests
Web › Manifest › background color
examples "background_color": "red" specification specification status comment feedback web app manifestthe definition of 'background_color' in that specification.
categories - Web app manifests
Web › Manifest › categories
example "categories": ["books", "education", "medical"] specification specification status comment feedback web app manifestthe definition of 'categories' in that specification.
description - Web app manifests
Web › Manifest › description
examples simple description in left-to-right language: "description": "awesome application that will help you achieve your dreams." description in arabic, which will be displayed right-to-left: "dir": "rtl", "lang": "ar", "description": ".تطبيق رائع سيساعدك على تحقيق أحلامك" specification specification status comment feedback web app manifestthe definition of 'description' in that specification.
dir - Web app manifests
Web › Manifest › dir
example "dir": "rtl", "lang": "ar", "short_name": "!أنا من التطبيق" specification specification status comment feedback web app manifestthe definition of 'dir' in that specification.
iarc_rating_id - Web app manifests
Web › Manifest › iarc rating id
examples "iarc_rating_id": "e84b072d-71b3-4d3e-86ae-31a8ce4e53b7" specification specification status comment feedback web app manifestthe definition of 'iarc_rating_id' in that specification.
icons - Web app manifests
Web › Manifest › icons
specification specification status comment feedback web app manifestthe definition of 'icons' in that specification.
lang - Web app manifests
Web › Manifest › lang
examples "lang": "en-us" specification specification status comment feedback web app manifestthe definition of 'lang' in that specification.
name - Web app manifests
Web › Manifest › name
examples simple name in left-to-right language: "name": "awesome application" right-to-left name in arabic: "dir": "rtl", "lang": "ar", "name": "!أنا من التطبيق" specification specification status comment feedback web app manifestthe definition of 'name' in that specification.
orientation - Web app manifests
Web › Manifest › orientation
values orientation can take one of the following values: any natural landscape landscape-primary landscape-secondary portrait portrait-primary portrait-secondary examples "orientation": "portrait-primary" specification specification status comment feedback web app manifestthe definition of 'orientation' in that specification.
prefer_related_applications - Web app manifests
Web › Manifest › prefer related applications
examples "prefer_related_applications": true specification specification status comment feedback web app manifestthe definition of 'prefer_related_applications' in that specification.
related_applications - Web app manifests
Web › Manifest › related applications
specification specification status comment feedback web app manifestthe definition of 'related_applications' in that specification.
scope - Web app manifests
Web › Manifest › scope
examples if the scope is relative, the manifest url is used as a base url: "scope": "/app/" the following scope limits navigation to the current site: "scope": "https://example.com/" finally, the following example limits navigation to a subdirectory of the current site: "scope": "https://example.com/subdirectory/" specification specification status comment feedback web app manifestthe definition of 'scope' in that specification.
screenshots - Web app manifests
Web › Manifest › screenshots
examples "screenshots" : [ { "src": "screenshot1.webp", "sizes": "1280x720", "type": "image/webp" }, { "src": "screenshot2.webp", "sizes": "1280x720", "type": "image/webp" } ] specification specification status comment feedback web app manifestthe definition of 'screenshots' in that specification.
short_name - Web app manifests
Web › Manifest › short name
examples simple short_name in left-to-right language: "name": "awesome application", "short_name": "awesome app" short_name in arabic, which will be displayed right-to-left: "dir": "rtl", "lang": "ar", "name": "تطبيق رائع", "short_name": "رائع" specification specification status comment feedback web app manifestthe definition of 'short_name' in that specification.
shortcuts - Web app manifests
Web › Manifest › shortcuts
examples the following is a list of shortcuts a calendar app might have: "shortcuts" : [ { "name": "today's agenda", "url": "/today", "description": "list of events planned for today" }, { "name": "new event", "url": "/create/event" }, { "name": "new reminder", "url": "/create/reminder" } ] specification specification status comment feedback web app manifestthe definition of 'shortcuts' in that specification.
start_url - Web app manifests
Web › Manifest › start url
"start_url": "../startpoint.html" specification specification status comment feedback web app manifestthe definition of 'start_url' in that specification.
theme_color - Web app manifests
Web › Manifest › theme color
examples "theme_color": "red" specification specification status comment feedback web app manifestthe definition of 'theme_color' in that specification.
Web app manifests
Web › Manifest
specifications specification status comment web app manifest working draft initial definition.
<math> - MathML
Web › MathML › Element › math
specifications specification status comment mathml 3.0the definition of 'the top-level math element' in that specification.
<menclose> - MathML
Web › MathML › Element › menclose
through contents madruwb a2 + b2 arabic factorial symbol updiagonalarrow a2 + b2 diagonal arrow phasorangle a2 + b2 phasor angle examples <math> <menclose notation="circle box"> <mi> x </mi> <mo> + </mo> <mi> y </mi> </menclose> </math> specifications specification status comment mathml 3.0the definition of 'menclose' in that specification.
<merror> - MathML
Web › MathML › Element › merror
examples <math> <merror> <mrow> <mtext> division by zero: </mtext> <mfrac> <mn> 1 </mn> <mn> 0 </mn> </mfrac> </mrow> </merror> </math> specifications specification status comment mathml 3.0the definition of 'merror' in that specification.
<mfrac> - MathML
Web › MathML › Element › mfrac
examples sample rendering: your browser rendering: a b c d <math> <mfrac bevelled="true"> <mfrac> <mi> a </mi> <mi> b </mi> </mfrac> <mfrac> <mi> c </mi> <mi> d </mi> </mfrac> </mfrac> </math> specifications specification status comment mathml 3.0the definition of 'mfrac' in that specification.
<mglyph> - MathML
Web › MathML › Element › mglyph
examples <math> <mi><mglyph src="my-glyph.png" alt="my glyph"/></mi> </math> specifications specification status comment mathml 3.0the definition of 'mglyph' in that specification.
<mi> - MathML
Web › MathML › Element › mi
xample bold-sans-serif ; example sans-serif-italic ; example sans-serif-bold-italic ; example monospace ; example initial ; مثال tailed ; مثال looped ; مثال stretched ; مثال examples <math> <mi> y </mi> <mi> sin </mi> <mi mathvariant="monospace"> x </mi> <mi mathvariant="bold"> &pi; </mi> </math> specifications specification status comment mathml 3.0the definition of 'mi' in that specification.
<mlabeledtr> - MathML
Web › MathML › Element › mlabeledtr
examples rendering: <math> <mtable> <mlabeledtr> <mtd><mn>1</mn></mtd> <!-- label --> <mtd><mi>a</mi></mtd> <mtd><mi>b</mi></mtd> </mlabeledtr> <mtr> <mtd><mi>c</mi></mtd> <mtd><mi>d</mi></mtd> <mtd><mi>e</mi></mtd> </mtr> </mtable> </math> specifications specification status comment mathml 3.0the definition of 'mlabeledtr' in that specification.
<mmultiscripts> - MathML
Web › MathML › Element › mmultiscripts
in your browser: x c b <math> <mmultiscripts> <mi>x</mi> <!-- base expression --> <none /> <!-- postsubscript --> <mi>c</mi> <!-- postsuperscript --> <mprescripts /> <mi>b</mi> <!-- presubscript --> <none /> <!-- presuperscript --> </mmultiscripts> </math> specifications specification status comment mathml 3.0the definition of 'mmultiscripts' in that specification.
<mn> - MathML
Web › MathML › Element › mn
sans-serif ; example bold-sans-serif ; example sans-serif-italic ; example sans-serif-bold-italic ; example monospace ; example initial ; مثال tailed ; مثال looped ; مثال stretched ; مثال examples <math> <mn> 0 </mn> <mn> 1.337 </mn> <mn> twelve </mn> <mn> xvi </mn> <mn> 2e10 </mn> </math> specifications specification status comment mathml 3.0the definition of 'mn' in that specification.
<mo> - MathML
Web › MathML › Element › mo
examples <math> <mrow> <mn>5</mn> <mo>+</mo> <mn>5</mn> </mrow> <mrow> <mo> [ </mo> <!-- default form value: prefix --> <mrow> <mn> 0 </mn> <mo> ; </mo> <!-- default form value: infix --> <mn> 1 </mn> </mrow> <mo> ) </mo> <!-- default form value: postfix --> </mrow> </math> specifications specification status comment mathml 3.0the definition of 'mo' in that specification.
<mover> - MathML
Web › MathML › Element › mover
examples sample rendering: rendering in your browser: x + y + z ⏞ <math> <mover accent="true"> <mrow> <mi> x </mi> <mo> + </mo> <mi> y </mi> <mo> + </mo> <mi> z </mi> </mrow> <mo> &#x23de; <!--top curly bracket--> </mo> </mover> </math> specifications specification status comment mathml 3.0the definition of 'mover' in that specification.
<mpadded> - MathML
Web › MathML › Element › mpadded
examples <math> <mpadded height="+150px" width="100px" lspace="2height"> <mi> x </mi> <mo> + </mo> <mi> y </mi> </mpadded> </math> specifications specification status comment mathml 3.0the definition of 'mpadded' in that specification.
<mphantom> - MathML
Web › MathML › Element › mphantom
examples sample rendering: rendering in your browser: x + y + z <math> <mrow> <mi> x </mi> <mo> + </mo> <mphantom> <mi> y </mi> <mo> + </mo> </mphantom> <mi> z </mi> </mrow> </math> specifications specification status comment mathml 3.0the definition of 'mphantom' in that specification.
<mroot> - MathML
Web › MathML › Element › mroot
examples sample rendering: rendering in your browser: x 3 <math> <mroot> <mi>x</mi> <mn>3</mn> </mroot> </math> specifications specification status comment mathml 3.0the definition of 'mroot' in that specification.
<mrow> - MathML
Web › MathML › Element › mrow
examples <math> <mrow> <mn> 1 </mn> <mo> + </mo> <mn> 1 </mn> </mrow> <mrow> <mo> ( </mo> <mrow> <mi> x </mi> <mo> , </mo> <mi> y </mi> </mrow> <mo> ) </mo> </mrow> </math> specifications specification status comment mathml 3.0the definition of 'mrow' in that specification.
<ms> - MathML
Web › MathML › Element › ms
examples <math> <ms lquote="„" rquote="“"> abc </ms> </math> specifications specification status comment mathml 3.0the definition of 'ms' in that specification.
<mspace> - MathML
Web › MathML › Element › mspace
examples <math> <mspace depth="40px" height="20px" /> <mspace width="100px" /> </math> specifications specification status comment mathml 3.0the definition of 'mspace' in that specification.
<msqrt> - MathML
Web › MathML › Element › msqrt
examples sample rendering: rendering in your browser: x <math> <msqrt> <mi>x</mi> </msqrt> </math> specifications specification status comment mathml 3.0the definition of 'msqrt' in that specification.
<mstyle> - MathML
Web › MathML › Element › mstyle
<mo stretchy="true" form="prefix">&sum;</mo> <mrow> <mi>i</mi> <mo form="infix">=</mo> <mn>1</mn> </mrow> <mi>n</mi> </munderover> <mstyle displaystyle="true"> <mfrac> <mn>1</mn> <mi>n</mi> </mfrac> </mstyle> </mrow> </mstyle> </math> specifications specification status comment mathml 3.0the definition of 'mstyle' in that specification.
<msub> - MathML
Web › MathML › Element › msub
examples sample rendering: rendering in your browser: x 1 <math> <msub> <mi>x</mi> <mn>1</mn> </msub> </math> specifications specification status comment mathml 3.0the definition of 'msub' in that specification.
<msubsup> - MathML
Web › MathML › Element › msubsup
examples sample rendering: rendering in your browser: ∫ 0 1 <math displaystyle="true"> <msubsup> <mo> &#x222b;<!--integral --> </mo> <mn> 0 </mn> <mn> 1 </mn> </msubsup> </math> specifications specification status comment mathml 3.0the definition of 'msubsup' in that specification.
<msup> - MathML
Web › MathML › Element › msup
examples sample rendering: rendering in your browser: x 2 <math> <msup> <mi>x</mi> <mn>2</mn> </msup> </math> specifications specification status comment mathml 3.0the definition of 'msup' in that specification.
<mtable> - MathML
Web › MathML › Element › mtable
d" rowlines="solid" align="axis 3"> <mtr> <mtd><mi>a</mi></mtd> <mtd><mi>b</mi></mtd> </mtr> <mtr> <mtd><mi>c</mi></mtd> <mtd><mi>d</mi></mtd> </mtr> <mtr> <mtd><mi>e</mi></mtd> <mtd><mi>f</mi></mtd> </mtr> </mtable> </math> specifications specification status comment mathml 3.0the definition of 'mtable' in that specification.
<mtd> - MathML
Web › MathML › Element › mtd
specifications specification status comment mathml 3.0the definition of 'mtd' in that specification.
<mtext> - MathML
Web › MathML › Element › mtext
xample bold-sans-serif ; example sans-serif-italic ; example sans-serif-bold-italic ; example monospace ; example normal (default) ; مثال initial ; مثال tailed ; مثال looped ; مثال stretched ; مثال examples <math> <mtext> theorem of pythagoras </mtext> <mtext> /* comment here */ </mtext> </math> specifications specification status comment mathml 3.0the definition of 'mtext' in that specification.
<mtr> - MathML
Web › MathML › Element › mtr
specifications specification status comment mathml 3.0the definition of 'mtr' in that specification.
<munder> - MathML
Web › MathML › Element › munder
examples sample rendering: rendering in your browser: x + y + z ⏟ <math> <munder accentunder="true"> <mrow> <mi> x </mi> <mo> + </mo> <mi> y </mi> <mo> + </mo> <mi> z </mi> </mrow> <mo> &#x23df; <!--bottom curly bracket--> </mo> </munder> </math> specifications specification status comment mathml 3.0the definition of 'munder' in that specification.
<munderover> - MathML
Web › MathML › Element › munderover
examples sample rendering: rendering in your browser: ∫ 0 ∞ <math displaystyle="true"> <munderover > <mo> &#x222b; <!--integral--> </mo> <mn> 0 </mn> <mi> &#x221e; <!--infinity--> </mi> </munderover> </math> specifications specification status comment mathml 3.0the definition of 'munderover' in that specification.
<semantics> - MathML
Web › MathML › Element › semantics
<ci>x</ci> <cn type="integer">2</cn> </apply> <ci>y</ci> </apply> </annotation-xml> <!-- annotate an image --> <annotation encoding="image/png" src="some/path/formula.png"/> <!-- annotate tex --> <annotation encoding="application/x-tex"> x^{2} + y </annotation> </semantics> </math> specifications specification status comment mathml 3.0the definition of 'mixing markup languages for mathematical expressions' in that specification.
Web video codec guide - Web media technologies
Web › Media › Formats › Video codecs
but its status as being free from any licensing concerns and its relatively low cpu resource requirements make it a popular choice for many software and web projects.
Lazy loading - Web Performance
Web › Performance › Lazy loading
event handlers when browser compatibility is crucial, there are a few options: polyfill intersection observer fallback to scroll, resize or orientation change event handlers to determine if a specific element is in viewport specifications specification status comment html living standard living standard ...
Performance Monitoring: RUM vs synthetic monitoring - Web Performance
Web › Performance › Rum-vs-Synthetic
it is done in a controlled environment where variable like geography, network, device, browser, and cached status are predetermined.
Privacy, permissions, and information security
Web › Privacy
ol downgrade and cookie hijack attacks by letting sites tell clients that they can only use https to communicate with the server http/2 while http/2 technically does not have to use encryption, most browser developers are only supporting it when used with https, so it can be thought of in that regard as being security-related permissions api provides a way to determine the status of permissions for the current browser context transport layer security (tls); formerly known as secure sockets layer (ssl) tls provides security and privacy by encrypting data during transport over the network.
Add to Home screen - Progressive web apps (PWAs)
Web › Progressive web apps › Add to home screen
to make it feel like a distinct app (and not just a web page), you should choose a value such as fullscreen (no ui is shown at all) or standalone (very similar, but system-level ui elements such as the status bar might be visible).
accent-height - SVG: Scalable Vector Graphics
Web › SVG › Attribute › accent-height
value <number> default value value of ascent animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'accent-height' in that specification.
accumulate - SVG: Scalable Vector Graphics
Web › SVG › Attribute › accumulate
specifications specification status comment svg animations level 2the definition of 'accumulate' in that specification.
additive - SVG: Scalable Vector Graphics
Web › SVG › Attribute › additive
specifications specification status comment svg animations level 2the definition of 'additive' in that specification.
alignment-baseline - SVG: Scalable Vector Graphics
Web › SVG › Attribute › alignment-baseline
specifications specification status comment css inline layoutthe definition of 'alignment-baseline' in that specification.
alphabetic - SVG: Scalable Vector Graphics
Web › SVG › Attribute › alphabetic
only one element is using this attribute: <font-face> usage notes value <number> default value 0 animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'alphabetic' in that specification.
amplitude - SVG: Scalable Vector Graphics
Web › SVG › Attribute › amplitude
four elements are using this attribute: <fefunca>, <fefuncb>, <fefuncg>, and <fefuncr> usage notes value <number> default value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'amplitude' in that specification.
arabic-form - SVG: Scalable Vector Graphics
Web › SVG › Attribute › arabic-form
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'arabic-form' in that specification.
ascent - SVG: Scalable Vector Graphics
Web › SVG › Attribute › ascent
value <number> default value difference between units-per-em and vert-origin-y animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'ascent' in that specification.
attributeName - SVG: Scalable Vector Graphics
Web › SVG › Attribute › attributeName
specifications specification status comment svg animations level 2the definition of 'attributename' in that specification.
attributeType - SVG: Scalable Vector Graphics
Web › SVG › Attribute › attributeType
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'attributetype' in that specification.
azimuth - SVG: Scalable Vector Graphics
Web › SVG › Attribute › azimuth
tantlight azimuth="240" /> </fediffuselighting> </filter> <circle cx="100" cy="100" r="80" style="filter: url(#distantlight1);" /> <circle cx="100" cy="100" r="80" style="filter: url(#distantlight2); transform: translatex(240px);" /> </svg> usage notes value <number> default value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'azimuth' in that specification.
baseFrequency - SVG: Scalable Vector Graphics
Web › SVG › Attribute › baseFrequency
id="displacementfilter"> <feturbulence type="turbulence" basefrequency="0.05" numoctaves="2" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="50" xchannelselector="r" ychannelselector="g"/> </filter> <circle cx="100" cy="100" r="100" style="filter: url(#displacementfilter)"/> </svg> specifications specification status comment filter effects module level 1the definition of 'basefrequency' in that specification.
baseProfile - SVG: Scalable Vector Graphics
Web › SVG › Attribute › baseProfile
</svg> specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'baseprofile' in that specification.
baseline-shift - SVG: Scalable Vector Graphics
Web › SVG › Attribute › baseline-shift
specifications specification status comment css inline layoutthe definition of 'alignment-baseline' in that specification.
bbox - SVG: Scalable Vector Graphics
Web › SVG › Attribute › bbox
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'bbox' in that specification.
begin - SVG: Scalable Vector Graphics
Web › SVG › Attribute › begin
begin-5-accesskey.svg specifications specification status comment svg animations level 2the definition of 'begin for <discard>' in that specification.
bias - SVG: Scalable Vector Graphics
Web › SVG › Attribute › bias
specifications specification status comment filter effects module level 1the definition of 'bias' in that specification.
by - SVG: Scalable Vector Graphics
Web › SVG › Attribute › by
specifications specification status comment svg animations level 2the definition of 'by' in that specification.
calcMode - SVG: Scalable Vector Graphics
Web › SVG › Attribute › calcMode
specifications specification status comment svg animations level 2the definition of 'calcmode' in that specification.
cap-height - SVG: Scalable Vector Graphics
Web › SVG › Attribute › cap-height
only one element is using this attribute: <font-face> usage notes value <number> default value none animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'cap-height' in that specification.
clip-path - SVG: Scalable Vector Graphics
Web › SVG › Attribute › clip-path
legend compatibility unknown compatibility unknown specifications specification status comment css masking module level 1the definition of 'clip-path' in that specification.
clip - SVG: Scalable Vector Graphics
Web › SVG › Attribute › clip
specifications specification status comment css masking module level 1the definition of 'clip' in that specification.
clipPathUnits - SVG: Scalable Vector Graphics
Web › SVG › Attribute › clipPathUnits
specifications specification status comment css masking module level 1the definition of 'clippathunits' in that specification.
color-interpolation-filters - SVG: Scalable Vector Graphics
Web › SVG › Attribute › color-interpolation-filters
specifications specification status comment filter effects module level 1the definition of 'color-interpolation' in that specification.
color-interpolation - SVG: Scalable Vector Graphics
Web › SVG › Attribute › color-interpolation
specifications specification status comment scalable vector graphics (svg) 2the definition of 'color-interpolation' in that specification.
color-profile - SVG: Scalable Vector Graphics
Web › SVG › Attribute › color-profile
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'color-profile' in that specification.
color - SVG: Scalable Vector Graphics
Web › SVG › Attribute › color
alue depends on user agent animatable yes example html, body, svg { height: 100%; } <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <g color="green"> <rect width="50" height="50" fill="currentcolor" /> <circle r="25" cx="70" cy="70" stroke="currentcolor" fill="none" stroke-width="5" /> </g> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'color' in that specification.
contentScriptType - SVG: Scalable Vector Graphics
Web › SVG › Attribute › contentScriptType
usage notes value one of the content types specified in the media types default value application/ecmascript animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'contentscripttype' in that specification.
contentStyleType - SVG: Scalable Vector Graphics
Web › SVG › Attribute › contentStyleType
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'contentscripttype' in that specification.
cx - SVG: Scalable Vector Graphics
Web › SVG › Attribute › cx
n" /> <stop offset="100%" stop-color="white" /> </radialgradient> </defs> <rect x="1" y="1" width="8" height="8" fill="url(#mygradient000)" stroke="black" /> <rect x="13" y="1" width="8" height="8" fill="url(#mygradient050)" stroke="black" /> <rect x="25" y="1" width="8" height="8" fill="url(#mygradient100)" stroke="black" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'cx' in that specification.
cy - SVG: Scalable Vector Graphics
Web › SVG › Attribute › cy
n" /> <stop offset="100%" stop-color="white" /> </radialgradient> </defs> <rect x="1" y="1" width="8" height="8" fill="url(#mygradient000)" stroke="black" /> <rect x="13" y="1" width="8" height="8" fill="url(#mygradient050)" stroke="black" /> <rect x="25" y="1" width="8" height="8" fill="url(#mygradient100)" stroke="black" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'cy' in that specification.
d - SVG: Scalable Vector Graphics
Web › SVG › Attribute › d
l -4,8 8,0" /> <!-- an open shape with the last point of the path matching the first one --> <path stroke="red" d="m 15,1 l -4,8 8,0 -4,-8" /> <!-- a closed shape with the last point of the path different to the first one --> <path stroke="red" d="m 25,1 l -4,8 8,0 z" /> </svg> specification specification status comment scalable vector graphics (svg) 2the definition of 'd' in that specification.
data-* - SVG: Scalable Vector Graphics
Web › SVG › Attribute › data-*
specifications specification status comment scalable vector graphics (svg) 2the definition of 'data-*' in that specification.
descent - SVG: Scalable Vector Graphics
Web › SVG › Attribute › descent
only one element is using this attribute: <font-face> usage notes value <number> default value value of vert-origin-y animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'descent' in that specification.
diffuseConstant - SVG: Scalable Vector Graphics
Web › SVG › Attribute › diffuseConstant
</fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> usage notes value <number> default value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'diffuseconstant' in that specification.
direction - SVG: Scalable Vector Graphics
Web › SVG › Attribute › direction
body, svg { height: 100%; } <svg viewbox="0 0 600 72" xmlns="http://www.w3.org/2000/svg" direction="rtl" lang="fa"> <text x="300" y="50" text-anchor="middle" font-size="36">داستان svg 1.1 se طولا ني است.</text> </svg> usage notes value ltr | rtl default value ltr animatable yes specifications specification status comment css writing modes module level 3the definition of 'direction' in that specification.
display - SVG: Scalable Vector Graphics
Web › SVG › Attribute › display
specifications specification status comment scalable vector graphics (svg) 2the definition of 'display' in that specification.
divisor - SVG: Scalable Vector Graphics
Web › SVG › Attribute › divisor
specifications specification status comment filter effects module level 1the definition of 'divisor' in that specification.
dominant-baseline - SVG: Scalable Vector Graphics
Web › SVG › Attribute › dominant-baseline
<circle cx="60" cy="70" r="3" fill="red" /> <circle cx="60" cy="120" r="3" fill="red" /> <circle cx="60" cy="170" r="3" fill="red" /> <circle cx="60" cy="220" r="3" fill="red" /> <circle cx="60" cy="270" r="3" fill="red" /> <style><![cdata[ text { font: bold 30px verdana, helvetica, arial, sans-serif; } ]]></style> </svg> result specifications specification status comment scalable vector graphics (svg) 2the definition of 'dominant-baseline' in that specification.
dur - SVG: Scalable Vector Graphics
Web › SVG › Attribute › dur
specifications specification status comment svg animations level 2the definition of 'dur' in that specification.
dx - SVG: Scalable Vector Graphics
Web › SVG › Attribute › dx
value list of <length> default value none animatable yes specifications specification status comment filter effects module level 1the definition of 'dx' in that specification.
dy - SVG: Scalable Vector Graphics
Web › SVG › Attribute › dy
value list of <length> default value none animatable yes specifications specification status comment filter effects module level 1the definition of 'dy' in that specification.
edgeMode - SVG: Scalable Vector Graphics
Web › SVG › Attribute › edgeMode
specifications specification status comment filter effects module level 1the definition of 'edgemode for <fegaussianblur>' in that specification.
elevation - SVG: Scalable Vector Graphics
Web › SVG › Attribute › elevation
antlight elevation="45" /> </fediffuselighting> </filter> <circle cx="100" cy="100" r="80" style="filter: url(#distantlight1);" /> <circle cx="100" cy="100" r="80" style="filter: url(#distantlight2); transform: translatex(240px);" /> </svg> usage notes value <number> default value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'elevation' in that specification.
enable-background - SVG: Scalable Vector Graphics
Web › SVG › Attribute › enable-background
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'enable-background' in that specification.
end - SVG: Scalable Vector Graphics
Web › SVG › Attribute › end
specifications specification status comment svg animations level 2the definition of 'end' in that specification.
exponent - SVG: Scalable Vector Graphics
Web › SVG › Attribute › exponent
t="200" fill="url(#gradient)" style="filter: url(#componenttransfer2); transform: translatex(220px);" /> </svg> usage notes value <number> default value 1 animatable yes <number> if the type attribute of the component element is set to gamma, this value specifies the exponent of the gamma function specifications specification status comment filter effects module level 1the definition of 'exponent' in that specification.
externalResourcesRequired - SVG: Scalable Vector Graphics
Web › SVG › Attribute › externalResourcesRequired
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'externalresourcesrequired' in that specification.
fill-opacity - SVG: Scalable Vector Graphics
Web › SVG › Attribute › fill-opacity
legend compatibility unknown compatibility unknown specifications specification status comment scalable vector graphics (svg) 2the definition of 'fill-opacity' in that specification.
fill-rule - SVG: Scalable Vector Graphics
Web › SVG › Attribute › fill-rule
legend compatibility unknown compatibility unknown specifications specification status comment scalable vector graphics (svg) 2the definition of 'fill-rule' in that specification.
fill - SVG: Scalable Vector Graphics
Web › SVG › Attribute › fill
specifications specification status comment svg animations level 2the definition of 'transform' in that specification.
filter - SVG: Scalable Vector Graphics
Web › SVG › Attribute › filter
specifications specification status comment filter effects module level 1the definition of 'filter' in that specification.
filterRes - SVG: Scalable Vector Graphics
Web › SVG › Attribute › filterRes
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'filterres' in that specification.
filterUnits - SVG: Scalable Vector Graphics
Web › SVG › Attribute › filterUnits
specifications specification status comment filter effects module level 1the definition of 'filterunits' in that specification.
flood-color - SVG: Scalable Vector Graphics
Web › SVG › Attribute › flood-color
reen" x="0" y="0" width="200" height="200"/> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#flood2); transform: translatex(220px);" /> </svg> usage notes value color initial value black animatable yes specifications specification status comment filter effects module level 1the definition of 'flood-color' in that specification.
flood-opacity - SVG: Scalable Vector Graphics
Web › SVG › Attribute › flood-opacity
specifications specification status comment filter effects module level 1the definition of 'flood-opacity' in that specification.
font-family - SVG: Scalable Vector Graphics
Web › SVG › Attribute › font-family
specifications specification status comment css fonts module level 4the definition of 'generic font families' in that specification.
font-size-adjust - SVG: Scalable Vector Graphics
Web › SVG › Attribute › font-size-adjust
specifications specification status comment css fonts module level 3the definition of 'font-size-adjust' in that specification.
font-size - SVG: Scalable Vector Graphics
Web › SVG › Attribute › font-size
specifications specification status comment css fonts module level 3the definition of 'font-size' in that specification.
font-stretch - SVG: Scalable Vector Graphics
Web › SVG › Attribute › font-stretch
ts: <altglyph>, <text>, <textpath>, <tref>, and <tspan> usage notes value <font-stretch-absolute>where <font-stretch-absolute> = normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | <percentage> default value normal animatable yes specifications specification status comment css fonts module level 4the definition of 'font-stretch' in that specification.
font-style - SVG: Scalable Vector Graphics
Web › SVG › Attribute › font-style
specifications specification status comment css fonts module level 4the definition of 'font-style' in that specification.
font-variant - SVG: Scalable Vector Graphics
Web › SVG › Attribute › font-variant
specifications specification status comment css fonts module level 4the definition of 'font-variant' in that specification.
font-weight - SVG: Scalable Vector Graphics
Web › SVG › Attribute › font-weight
specifications specification status comment css fonts module level 4the definition of 'font-weight' in that specification.
format - SVG: Scalable Vector Graphics
Web › SVG › Attribute › format
doc™ portable font resource embedded-opentype embedded opentype type-1 postscript™ type 1 truetype truetype opentype opentype, including truetype open truetype-gx truetype with gx extensions speedo speedo intellifont intellifont specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'format for <glyphref>' in that specification.
fr - SVG: Scalable Vector Graphics
Web › SVG › Attribute › fr
t" stroke="white" stroke-width="2"/> <circle cx="35" cy="35" r="2" fill="white" stroke="white"/> <circle cx="60" cy="60" r="2" fill="white" stroke="white"/> <text x="38" y="40" fill="white" font-family="sans-serif" font-size="10pt">(fx,fy)</text> <text x="63" y="63" fill="white" font-family="sans-serif" font-size="10pt">(cx,cy)</text> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'fr' in that specification.
from - SVG: Scalable Vector Graphics
Web › SVG › Attribute › from
specifications specification status comment svg animations level 2the definition of 'from' in that specification.
fx - SVG: Scalable Vector Graphics
Web › SVG › Attribute › fx
rent" stroke="white" stroke-width="2"/> <circle cx="35" cy="35" r="2" fill="white" stroke="white"/> <circle cx="60" cy="60" r="2" fill="white" stroke="white"/> <text x="38" y="40" fill="white" font-family="sans-serif" font-size="10pt">(fx,fy)</text> <text x="63" y="63" fill="white" font-family="sans-serif" font-size="10pt">(cx,cy)</text> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'fx' in that specification.
fy - SVG: Scalable Vector Graphics
Web › SVG › Attribute › fy
rent" stroke="white" stroke-width="2"/> <circle cx="35" cy="35" r="2" fill="white" stroke="white"/> <circle cx="60" cy="60" r="2" fill="white" stroke="white"/> <text x="38" y="40" fill="white" font-family="sans-serif" font-size="10pt">(fx,fy)</text> <text x="63" y="63" fill="white" font-family="sans-serif" font-size="10pt">(cx,cy)</text> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'fy' in that specification.
g1 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › g1
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'g1' in that specification.
g2 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › g2
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'g2' in that specification.
glyph-name - SVG: Scalable Vector Graphics
Web › SVG › Attribute › glyph-name
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'glyph-name' in that specification.
glyph-orientation-horizontal - SVG: Scalable Vector Graphics
Web › SVG › Attribute › glyph-orientation-horizontal
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'glyph-orientation-horizontal' in that specification.
glyph-orientation-vertical - SVG: Scalable Vector Graphics
Web › SVG › Attribute › glyph-orientation-vertical
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'glyph-orientation-vertical' in that specification.
glyphRef - SVG: Scalable Vector Graphics
Web › SVG › Attribute › glyphRef
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'glyphref for <glyphref>' in that specification.
gradientTransform - SVG: Scalable Vector Graphics
Web › SVG › Attribute › gradientTransform
specifications specification status comment css transforms level 1the definition of 'surfacescale for <fespecularlighting>' in that specification.
gradientUnits - SVG: Scalable Vector Graphics
Web › SVG › Attribute › gradientUnits
specifications specification status comment scalable vector graphics (svg) 2the definition of 'gradientunits for <radialgradient>' in that specification.
hanging - SVG: Scalable Vector Graphics
Web › SVG › Attribute › hanging
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'hanging' in that specification.
height - SVG: Scalable Vector Graphics
Web › SVG › Attribute › height
specifications specification status comment filter effects module level 1the definition of 'height' in that specification.
horiz-adv-x - SVG: Scalable Vector Graphics
Web › SVG › Attribute › horiz-adv-x
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'horiz-adv-x for <glyph> and <missing-glyph>' in that specification.
horiz-origin-x - SVG: Scalable Vector Graphics
Web › SVG › Attribute › horiz-origin-x
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'horiz-origin-x' in that specification.
horiz-origin-y - SVG: Scalable Vector Graphics
Web › SVG › Attribute › horiz-origin-y
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'horiz-origin-y' in that specification.
href - SVG: Scalable Vector Graphics
Web › SVG › Attribute › href
value <url> default value none animatable yes specifications specification status comment scalable vector graphics (svg) 2the definition of 'href for <a>' in that specification.
id - SVG: Scalable Vector Graphics
Web › SVG › Attribute › id
specifications specification status comment scalable vector graphics (svg) 2the definition of 'id' in that specification.
ideographic - SVG: Scalable Vector Graphics
Web › SVG › Attribute › ideographic
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'ideographic' in that specification.
image-rendering - SVG: Scalable Vector Graphics
Web › SVG › Attribute › image-rendering
specifications specification status comment css images module level 3the definition of 'image-rendering' in that specification.
in - SVG: Scalable Vector Graphics
Web › SVG › Attribute › in
--> <feimage xlink:href="https://developer.mozilla.org/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%"/> <feblend in2="sourcegraphic" mode="multiply"/> </filter> </defs> <circle cx="50%" cy="40%" r="40%" fill="#c00" style="filter:url(#imagemultiply);"/> </svg> </div> result specifications specification status comment filter effects module level 1the definition of 'in' in that specification.
in2 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › in2
value sourcegraphic | sourcealpha | backgroundimage | backgroundalpha | fillpaint | strokepaint | <filter-primitive-reference> default value sourcegraphic for first filter primitive, otherwise result of previous filter primitive animatable yes specifications specification status comment filter effects module level 1the definition of 'in2 for <fedisplacementmap>' in that specification.
intercept - SVG: Scalable Vector Graphics
Web › SVG › Attribute › intercept
idth="200" height="200" fill="url(#gradient)" style="filter: url(#componenttransfer1);" /> <rect x="0" y="0" width="200" height="200" fill="url(#gradient)" style="filter: url(#componenttransfer2); transform: translatex(220px);" /> </svg> usage notes value <number> default value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'intercept' in that specification.
k - SVG: Scalable Vector Graphics
Web › SVG › Attribute › k
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'k' in that specification.
k1 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › k1
" width="200" height="200" style="filter: url(#composite1);" /> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite2); transform: translatex(220px);" /> </svg> usage notes value <number> default value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'k1' in that specification.
k2 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › k2
" width="200" height="200" style="filter: url(#composite1);" /> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite2); transform: translatex(220px);" /> </svg> usage notes value <number> default value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'k2' in that specification.
k3 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › k3
" width="200" height="200" style="filter: url(#composite1);" /> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite2); transform: translatex(220px);" /> </svg> usage notes value <number> default value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'k3' in that specification.
k4 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › k4
" width="200" height="200" style="filter: url(#composite1);" /> <image href="https://mdn.mozillademos.org/files/12668/mdn.svg" x="0" y="0" width="200" height="200" style="filter: url(#composite2); transform: translatex(220px);" /> </svg> usage notes value <number> default value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'k4' in that specification.
kernelMatrix - SVG: Scalable Vector Graphics
Web › SVG › Attribute › kernelMatrix
specifications specification status comment filter effects module level 1the definition of 'kernelmatrix' in that specification.
kernelUnitLength - SVG: Scalable Vector Graphics
Web › SVG › Attribute › kernelUnitLength
value <number-optional-number> default value pixel in offscreen bitmap animatable yes specifications specification status comment filter effects module level 1the definition of 'kernelunitlength for <fespecularlighting>' in that specification.
keyPoints - SVG: Scalable Vector Graphics
Web › SVG › Attribute › keyPoints
specifications specification status comment svg animations level 2the definition of 'keypoints' in that specification.
keySplines - SVG: Scalable Vector Graphics
Web › SVG › Attribute › keySplines
specifications specification status comment svg animations level 2the definition of 'keysplines' in that specification.
keyTimes - SVG: Scalable Vector Graphics
Web › SVG › Attribute › keyTimes
specifications specification status comment svg animations level 2the definition of 'keytimes' in that specification.
lang - SVG: Scalable Vector Graphics
Web › SVG › Attribute › lang
specifications specification status comment scalable vector graphics (svg) 2the definition of 'lang' in that specification.
lengthAdjust - SVG: Scalable Vector Graphics
Web › SVG › Attribute › lengthAdjust
</text> </g> </svg> usage notes value spacing | spacingandglyphs default value spacing animatable yes specifications specification status comment scalable vector graphics (svg) 2the definition of 'lengthadjust' in that specification.
letter-spacing - SVG: Scalable Vector Graphics
Web › SVG › Attribute › letter-spacing
specifications specification status comment css text module level 3the definition of 'letter-spacing' in that specification.
lighting-color - SVG: Scalable Vector Graphics
Web › SVG › Attribute › lighting-color
</fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting2); transform: translatex(220px);" /> </svg> usage notes value color default value white animatable yes specifications specification status comment filter effects module level 1the definition of 'lighting-color' in that specification.
limitingConeAngle - SVG: Scalable Vector Graphics
Web › SVG › Attribute › limitingConeAngle
ngle="40" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#spotlight1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#spotlight2); transform: translatex(220px);" /> </svg> usage notes value <number> default value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'limitingconeangle' in that specification.
local - SVG: Scalable Vector Graphics
Web › SVG › Attribute › local
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'local' in that specification.
marker-end - SVG: Scalable Vector Graphics
Web › SVG › Attribute › marker-end
specifications specification status comment scalable vector graphics (svg) 2the definition of 'marker-end' in that specification.
marker-mid - SVG: Scalable Vector Graphics
Web › SVG › Attribute › marker-mid
specifications specification status comment scalable vector graphics (svg) 2the definition of 'marker-mid' in that specification.
marker-start - SVG: Scalable Vector Graphics
Web › SVG › Attribute › marker-start
specifications specification status comment scalable vector graphics (svg) 2the definition of 'marker-start' in that specification.
markerHeight - SVG: Scalable Vector Graphics
Web › SVG › Attribute › markerHeight
specifications specification status comment scalable vector graphics (svg) 2the definition of 'markerheight' in that specification.
markerUnits - SVG: Scalable Vector Graphics
Web › SVG › Attribute › markerUnits
specifications specification status comment scalable vector graphics (svg) 2the definition of 'markerunits' in that specification.
markerWidth - SVG: Scalable Vector Graphics
Web › SVG › Attribute › markerWidth
specifications specification status comment scalable vector graphics (svg) 2the definition of 'markerwidth' in that specification.
mask - SVG: Scalable Vector Graphics
Web › SVG › Attribute › mask
has noticeable effects mostly on the following nineteen elements: <a>, <circle>, <clippath>, <ellipse>, <g>, <glyph>, <image>, <line>, <marker>, <mask>, <path>, <pattern>, <polygon>, <polyline>, <rect>, <svg>, <symbol>, <text>, <use> usage notes value see the css property mask default value none animatable yes specifications specification status comment css masking module level 1the definition of 'mask' in that specification.
maskContentUnits - SVG: Scalable Vector Graphics
Web › SVG › Attribute › maskContentUnits
specifications specification status comment css masking module level 1the definition of 'maskcontentunits' in that specification.
maskUnits - SVG: Scalable Vector Graphics
Web › SVG › Attribute › maskUnits
specifications specification status comment css masking module level 1the definition of 'maskunits' in that specification.
mathematical - SVG: Scalable Vector Graphics
Web › SVG › Attribute › mathematical
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'mathematical' in that specification.
max - SVG: Scalable Vector Graphics
Web › SVG › Attribute › max
specifications specification status comment svg animations level 2the definition of 'max' in that specification.
media - SVG: Scalable Vector Graphics
Web › SVG › Attribute › media
specifications specification status comment scalable vector graphics (svg) 2the definition of 'media' in that specification.
method - SVG: Scalable Vector Graphics
Web › SVG › Attribute › method
specifications specification status comment scalable vector graphics (svg) 2the definition of 'method' in that specification.
min - SVG: Scalable Vector Graphics
Web › SVG › Attribute › min
specifications specification status comment svg animations level 2the definition of 'min' in that specification.
mode - SVG: Scalable Vector Graphics
Web › SVG › Attribute › mode
specifications specification status comment filter effects module level 1the definition of 'mode' in that specification.
name - SVG: Scalable Vector Graphics
Web › SVG › Attribute › name
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'name for <font-face-name>' in that specification.
numOctaves - SVG: Scalable Vector Graphics
Web › SVG › Attribute › numOctaves
00/svg"> <filter id="displacementfilter"> <feturbulence basefrequency="0.05" numoctaves="3" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="50" xchannelselector="r" ychannelselector="g"/> </filter> <circle cx="100" cy="100" r="100" style="filter: url(#displacementfilter)"/> </svg> specifications specification status comment filter effects module level 1the definition of 'numoctaves' in that specification.
onclick - SVG: Scalable Vector Graphics
Web › SVG › Attribute › onclick
le>, <tref>, <tspan>, <use>, <view> html, body, svg { height: 100%; margin: 0; } <svg viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <circle cx="100" cy="100" r="100" onclick="alert('you have clicked the circle.')" /> </svg> usage notes value <anything> default value none animatable no specifications specification status comment scalable vector graphics (svg) 2the definition of 'onclick' in that specification.
opacity - SVG: Scalable Vector Graphics
Web › SVG › Attribute › opacity
specifications specification status comment css color module level 4the definition of 'opacity' in that specification.
operator - SVG: Scalable Vector Graphics
Web › SVG › Attribute › operator
specifications specification status comment filter effects module level 1the definition of 'operator for <femorphology>' in that specification.
order - SVG: Scalable Vector Graphics
Web › SVG › Attribute › order
specifications specification status comment filter effects module level 1the definition of 'order' in that specification.
orient - SVG: Scalable Vector Graphics
Web › SVG › Attribute › orient
specifications specification status comment scalable vector graphics (svg) 2the definition of 'orient' in that specification.
orientation - SVG: Scalable Vector Graphics
Web › SVG › Attribute › orientation
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'orientation' in that specification.
origin - SVG: Scalable Vector Graphics
Web › SVG › Attribute › origin
only one element is using this attribute: <animatemotion> context notes value default default value default animatable no specifications specification status comment svg animations level 2the definition of 'origin' in that specification.
overflow - SVG: Scalable Vector Graphics
Web › SVG › Attribute › overflow
specifications specification status comment css level 2 (revision 1)the definition of 'overflow' in that specification.
paint-order - SVG: Scalable Vector Graphics
Web › SVG › Attribute › paint-order
y="sans-serif" font-size="50px" font-weight="bold"> <text x="200" y="75">stroke over</text> <text x="200" y="150" paint-order="stroke" id="stroke-under">stroke under</text> </g> </svg> the example would be rendered as follows: the stroke under effect could be achieved via the following css property: #stroke-under { paint-order: stroke; } specifications specification status comment scalable vector graphics (svg) 2the definition of 'paint-order' in that specification.
panose-1 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › panose-1
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'panose-1' in that specification.
path - SVG: Scalable Vector Graphics
Web › SVG › Attribute › path
specifications specification status comment scalable vector graphics (svg) 2the definition of 'path for <textpath>' in that specification.
pathLength - SVG: Scalable Vector Graphics
Web › SVG › Attribute › pathLength
value <number> default value none animatable yes specification specification status comment scalable vector graphics (svg) 2the definition of 'pathlength' in that specification.
patternContentUnits - SVG: Scalable Vector Graphics
Web › SVG › Attribute › patternContentUnits
specifications specification status comment scalable vector graphics (svg) 2the definition of 'patterncontentunits' in that specification.
patternTransform - SVG: Scalable Vector Graphics
Web › SVG › Attribute › patternTransform
specifications specification status comment scalable vector graphics (svg) 2the definition of 'patterntransform' in that specification.
patternUnits - SVG: Scalable Vector Graphics
Web › SVG › Attribute › patternUnits
specifications specification status comment scalable vector graphics (svg) 2the definition of 'patternunits' in that specification.
pointer-events - SVG: Scalable Vector Graphics
Web › SVG › Attribute › pointer-events
legend compatibility unknown compatibility unknown specification specification status comment scalable vector graphics (svg) 2the definition of 'pointer-events' in that specification.
points - SVG: Scalable Vector Graphics
Web › SVG › Attribute › points
value [ <number>+ ]# default value none animatable yes example html,body,svg { height:100% } <svg viewbox="-10 -10 120 120" xmlns="http://www.w3.org/2000/svg"> <!-- polygon is an closed shape --> <polygon stroke="black" fill="none" points="50,0 21,90 98,35 2,35 79,90" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'points' in that specification.
pointsAtX - SVG: Scalable Vector Graphics
Web › SVG › Attribute › pointsAtX
tsatx="400" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting2); transform: translatex(220px);" /> </svg> usage notes default value 0 value <number> animatable yes specifications specification status comment filter effects module level 1the definition of 'pointsatx' in that specification.
pointsAtY - SVG: Scalable Vector Graphics
Web › SVG › Attribute › pointsAtY
tsaty="400" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting2); transform: translatex(220px);" /> </svg> usage notes default value 0 value <number> animatable yes specifications specification status comment filter effects module level 1the definition of 'pointsaty' in that specification.
pointsAtZ - SVG: Scalable Vector Graphics
Web › SVG › Attribute › pointsAtZ
ntsatz="80" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#lighting2); transform: translatex(220px);" /> </svg> usage notes default value 0 value <number> animatable yes specifications specification status comment filter effects module level 1the definition of 'pointsatz' in that specification.
preserveAlpha - SVG: Scalable Vector Graphics
Web › SVG › Attribute › preserveAlpha
specifications specification status comment filter effects module level 1the definition of 'preservealpha' in that specification.
preserveAspectRatio - SVG: Scalable Vector Graphics
Web › SVG › Attribute › preserveAspectRatio
default value xmidymid meet animatable yes specification specification status comment filter effects module level 1the definition of 'preserveaspectratio' in that specification.
primitiveUnits - SVG: Scalable Vector Graphics
Web › SVG › Attribute › primitiveUnits
specifications specification status comment filter effects module level 1the definition of 'primitiveunits' in that specification.
r - SVG: Scalable Vector Graphics
Web › SVG › Attribute › r
value <length> | <percentage> default value 50% animatable yes specifications specification status comment scalable vector graphics (svg) 2the definition of 'r' in that specification.
radius - SVG: Scalable Vector Graphics
Web › SVG › Attribute › radius
usage notes value <number-optional-number> default value 0 animatable yes specifications specification status comment filter effects module level 1the definition of 'radius' in that specification.
refX - SVG: Scalable Vector Graphics
Web › SVG › Attribute › refX
specifications specification status comment scalable vector graphics (svg) 2the definition of 'refx' in that specification.
refY - SVG: Scalable Vector Graphics
Web › SVG › Attribute › refY
specifications specification status comment scalable vector graphics (svg) 2the definition of 'refy' in that specification.
rendering-intent - SVG: Scalable Vector Graphics
Web › SVG › Attribute › rendering-intent
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'rendering-intent' in that specification.
repeatCount - SVG: Scalable Vector Graphics
Web › SVG › Attribute › repeatCount
specifications specification status comment svg animations level 2the definition of 'repeatcount' in that specification.
repeatDur - SVG: Scalable Vector Graphics
Web › SVG › Attribute › repeatDur
specifications specification status comment svg animations level 2the definition of 'repeatdur' in that specification.
requiredExtensions - SVG: Scalable Vector Graphics
Web › SVG › Attribute › requiredExtensions
specifications specification status comment scalable vector graphics (svg) 2the definition of 'requiredextensions' in that specification.
requiredFeatures - SVG: Scalable Vector Graphics
Web › SVG › Attribute › requiredFeatures
"430" requiredfeatures="http://www.w3.org/tr/svg11/feature#extensibility" /> <text x="20" y="1152">http://www.w3.org/tr/svg11/feature#extensibility</text> </svg> css .ko { fill: #900; } .ok { fill: #060; } rect { stroke: #000; stroke-width: 2px; } text{ fill: #fff; font: 12px sans-serif; } result see also requiredfeatures.svg specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'requiredfeatures' in that specification.
restart - SVG: Scalable Vector Graphics
Web › SVG › Attribute › restart
specifications specification status comment svg animations level 2the definition of 'restart' in that specification.
result - SVG: Scalable Vector Graphics
Web › SVG › Attribute › result
specifications specification status comment filter effects module level 1the definition of 'result' in that specification.
rotate - SVG: Scalable Vector Graphics
Web › SVG › Attribute › rotate
se href="#themotionpath"/> <!-- purple arrow which will have a static rotation of 210 degrees --> <path fill="purple" d="m-5,-5 l10,0 -5,5 0,0 z"> <!-- define the motion path animation --> <animatemotion dur="6s" repeatcount="indefinite" rotate="210"> <mpath href="#themotionpath"/> </animatemotion> </path> </g> </svg> result specifications specification status comment svg animations level 2the definition of 'rotate' in that specification.
rx - SVG: Scalable Vector Graphics
Web › SVG › Attribute › rx
specifications specification status comment scalable vector graphics (svg) 2the definition of 'rx' in that specification.
ry - SVG: Scalable Vector Graphics
Web › SVG › Attribute › ry
specifications specification status comment scalable vector graphics (svg) 2the definition of 'ry' in that specification.
scale - SVG: Scalable Vector Graphics
Web › SVG › Attribute › scale
specifications specification status comment filter effects module level 1the definition of 'scale' in that specification.
seed - SVG: Scalable Vector Graphics
Web › SVG › Attribute › seed
/2000/svg"> <filter id="displacementfilter"> <feturbulence basefrequency="0.05" seed="1000" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="50" xchannelselector="r" ychannelselector="g"/> </filter> <circle cx="100" cy="100" r="100" style="filter: url(#displacementfilter)"/> </svg> specifications specification status comment filter effects module level 1the definition of 'seed' in that specification.
shape-rendering - SVG: Scalable Vector Graphics
Web › SVG › Attribute › shape-rendering
specifications specification status comment scalable vector graphics (svg) 2the definition of 'shape-rendering' in that specification.
side - SVG: Scalable Vector Graphics
Web › SVG › Attribute › side
specifications specification status comment scalable vector graphics (svg) 2the definition of 'side' in that specification.
slope - SVG: Scalable Vector Graphics
Web › SVG › Attribute › slope
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'slope' in that specification.
spacing - SVG: Scalable Vector Graphics
Web › SVG › Attribute › spacing
specifications specification status comment scalable vector graphics (svg) 2the definition of 'spacing' in that specification.
specularConstant - SVG: Scalable Vector Graphics
Web › SVG › Attribute › specularConstant
specularlighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#specularlighting1);" /> <rect x="0" y="0" width="200" height="200" style="filter: url(#specularlighting2); transform: translatex(220px);" /> </svg> usage notes value <number> default value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'specularconstant' in that specification.
specularExponent - SVG: Scalable Vector Graphics
Web › SVG › Attribute › specularExponent
value <number> default value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'specularexponent for <fespecularlighting>' in that specification.
spreadMethod - SVG: Scalable Vector Graphics
Web › SVG › Attribute › spreadMethod
set="100%" stop-color="orange"/> </radialgradient> </defs> <rect fill="url(#radialpadgradient)" x="10" y="10" width="100" height="100"/> <rect fill="url(#radialreflectgradient)" x="120" y="10" width="100" height="100"/> <rect fill="url(#radialrepeatgradient)" x="230" y="10" width="100" height="100"/> </svg> result specifications specification status comment scalable vector graphics (svg) 2the definition of 'spreadmethod for <radialgradient>' in that specification.
startOffset - SVG: Scalable Vector Graphics
Web › SVG › Attribute › startOffset
specifications specification status comment scalable vector graphics (svg) 2the definition of 'startoffset' in that specification.
stdDeviation - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stdDeviation
specifications specification status comment filter effects module level 1the definition of 'stddeviation' in that specification.
stemh - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stemh
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'stemh' in that specification.
stemv - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stemv
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'stemv' in that specification.
stitchTiles - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stitchTiles
specifications specification status comment filter effects module level 1the definition of 'stitchtiles' in that specification.
stop-color - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stop-color
specifications specification status comment scalable vector graphics (svg) 2the definition of 'stop-color' in that specification.
stop-opacity - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stop-opacity
specifications specification status comment scalable vector graphics (svg) 2the definition of 'stop-opacity' in that specification.
string - SVG: Scalable Vector Graphics
Web › SVG › Attribute › string
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'string' in that specification.
stroke-dasharray - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stroke-dasharray
legend compatibility unknown compatibility unknown specification specification status comment scalable vector graphics (svg) 2the definition of 'stroke-dasharray' in that specification.
stroke-dashoffset - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stroke-dashoffset
legend compatibility unknown compatibility unknown specification specification status comment scalable vector graphics (svg) 2the definition of 'stroke-dashoffset' in that specification.
stroke-linecap - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stroke-linecap
legend compatibility unknown compatibility unknown specification specification status comment scalable vector graphics (svg) 2the definition of 'stroke-linecap' in that specification.
stroke-linejoin - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stroke-linejoin
- the following pink lines highlight the position of the path for each stroke --> <g id="p"> <path d="m1,5 l2,-3 l2,3" stroke="pink" fill="none" stroke-width="0.025" /> <circle cx="1" cy="5" r="0.05" fill="pink" /> <circle cx="3" cy="2" r="0.05" fill="pink" /> <circle cx="5" cy="5" r="0.05" fill="pink" /> </g> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'stroke-linejoin' in that specification.
stroke-miterlimit - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stroke-miterlimit
legend compatibility unknown compatibility unknown specification specification status comment scalable vector graphics (svg) 2the definition of 'stroke-miterlimit' in that specification.
stroke-opacity - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stroke-opacity
legend compatibility unknown compatibility unknown specification specification status comment scalable vector graphics (svg) 2the definition of 'stroke-opacity' in that specification.
stroke-width - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stroke-width
legend compatibility unknown compatibility unknown specification specification status comment scalable vector graphics (svg) 2the definition of 'stroke-width' in that specification.
stroke - SVG: Scalable Vector Graphics
Web › SVG › Attribute › stroke
neargradient id="mygradient"> <stop offset="0%" stop-color="green" /> <stop offset="100%" stop-color="white" /> </lineargradient> </defs> <circle cx="15" cy="5" r="4" fill="none" stroke="url(#mygradient)" /> </svg> usage notes value <paint> default value none animatable yes specifications specification status comment scalable vector graphics (svg) 2the definition of 'stroke' in that specification.
style - SVG: Scalable Vector Graphics
Web › SVG › Attribute › style
specifications specification status comment scalable vector graphics (svg) 2the definition of 'style' in that specification.
surfaceScale - SVG: Scalable Vector Graphics
Web › SVG › Attribute › surfaceScale
value <number> default value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'surfacescale for <fediffuselighting>' in that specification.
systemLanguage - SVG: Scalable Vector Graphics
Web › SVG › Attribute › systemLanguage
specifications specification status comment scalable vector graphics (svg) 2the definition of 'systemlanguage' in that specification.
tabindex - SVG: Scalable Vector Graphics
Web › SVG › Attribute › tabindex
specifications specification status comment scalable vector graphics (svg) 2the definition of 'tabindex' in that specification.
tableValues - SVG: Scalable Vector Graphics
Web › SVG › Attribute › tableValues
specifications specification status comment filter effects module level 1the definition of 'tablevalues' in that specification.
target - SVG: Scalable Vector Graphics
Web › SVG › Attribute › target
specifications specification status comment scalable vector graphics (svg) 2the definition of 'target' in that specification.
targetX - SVG: Scalable Vector Graphics
Web › SVG › Attribute › targetX
specifications specification status comment filter effects module level 1the definition of 'targetx' in that specification.
targetY - SVG: Scalable Vector Graphics
Web › SVG › Attribute › targetY
specifications specification status comment filter effects module level 1the definition of 'targety' in that specification.
text-anchor - SVG: Scalable Vector Graphics
Web › SVG › Attribute › text-anchor
specifications specification status comment scalable vector graphics (svg) 2the definition of 'text-anchor' in that specification.
text-decoration - SVG: Scalable Vector Graphics
Web › SVG › Attribute › text-decoration
specifications specification status comment css text decoration module level 3the definition of 'text-decoration' in that specification.
text-rendering - SVG: Scalable Vector Graphics
Web › SVG › Attribute › text-rendering
specifications specification status comment scalable vector graphics (svg) 2the definition of 'text-rendering' in that specification.
textLength - SVG: Scalable Vector Graphics
Web › SVG › Attribute › textLength
specifications specification status comment scalable vector graphics (svg) 2the definition of 'textlength' in that specification.
to - SVG: Scalable Vector Graphics
Web › SVG › Attribute › to
specifications specification status comment svg animations level 2the definition of 'to for <set>' in that specification.
transform-origin - SVG: Scalable Vector Graphics
Web › SVG › Attribute › transform-origin
specifications specification status comment css transforms level 1the definition of 'transform-origin' in that specification.
transform - SVG: Scalable Vector Graphics
Web › SVG › Attribute › transform
example html,body,svg { height:100% } <svg viewbox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"> <rect x="-3" y="-3" width="6" height="6" /> <rect x="-3" y="-3" width="6" height="6" fill="red" transform="skewy(30)" /> </svg> specification specification status comment css transforms level 2the definition of 'transform' in that specification.
u1 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › u1
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'u1' in that specification.
u2 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › u2
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'u2' in that specification.
unicode-bidi - SVG: Scalable Vector Graphics
Web › SVG › Attribute › unicode-bidi
specifications specification status comment css writing modes module level 3the definition of 'unicode-bidi' in that specification.
unicode-range - SVG: Scalable Vector Graphics
Web › SVG › Attribute › unicode-range
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'unicode-range' in that specification.
unicode - SVG: Scalable Vector Graphics
Web › SVG › Attribute › unicode
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'unicode' in that specification.
units-per-em - SVG: Scalable Vector Graphics
Web › SVG › Attribute › units-per-em
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'units-per-em' in that specification.
v-alphabetic - SVG: Scalable Vector Graphics
Web › SVG › Attribute › v-alphabetic
only one element is using this attribute: <font-face> usage notes value <number> default value none animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'v-alphabetic' in that specification.
v-hanging - SVG: Scalable Vector Graphics
Web › SVG › Attribute › v-hanging
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'v-hanging' in that specification.
v-ideographic - SVG: Scalable Vector Graphics
Web › SVG › Attribute › v-ideographic
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'v-ideographic' in that specification.
v-mathematical - SVG: Scalable Vector Graphics
Web › SVG › Attribute › v-mathematical
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'v-mathematical' in that specification.
values - SVG: Scalable Vector Graphics
Web › SVG › Attribute › values
specifications specification status comment filter effects module level 1the definition of 'values for <fecolormatrix>' in that specification.
vector-effect - SVG: Scalable Vector Graphics
Web › SVG › Attribute › vector-effect
> <!-- scaled --> <path transform="translate(100,0)scale(4,1)" d="m10,20l40,100l39,200z" stroke="black" stroke-width="2px" fill="none"></path> <!-- fixed--> <path vector-effect="non-scaling-stroke" transform="translate(300,0)scale(4,1)" d="m10,20l40,100l39,200z" stroke="black" stroke-width="2px" fill="none"></path> </svg> result specifications specification status comment scalable vector graphics (svg) 2the definition of 'vector-effect' in that specification.
version - SVG: Scalable Vector Graphics
Web › SVG › Attribute › version
<svg version="1.1" viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="80" height="80"/> </svg> usage notes value <number> default value none animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'version' in that specification.
vert-adv-y - SVG: Scalable Vector Graphics
Web › SVG › Attribute › vert-adv-y
value <number> default value <font>ʼs vert-adv-y value animatable no <number> this value indicates the vertical advance of the glyph in vertical direction specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'vert-adv-y for <glyph> and <missing-glyph>' in that specification.
vert-origin-x - SVG: Scalable Vector Graphics
Web › SVG › Attribute › vert-origin-x
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'vert-origin-x' in that specification.
vert-origin-y - SVG: Scalable Vector Graphics
Web › SVG › Attribute › vert-origin-y
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'vert-origin-y' in that specification.
viewBox - SVG: Scalable Vector Graphics
Web › SVG › Attribute › viewBox
value <number>?, <number>?, <number>?, <number> default value none animatable yes specification specification status comment scalable vector graphics (svg) 2the definition of 'viewbox' in that specification.
viewTarget - SVG: Scalable Vector Graphics
Web › SVG › Attribute › viewTarget
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'viewtarget' in that specification.
visibility - SVG: Scalable Vector Graphics
Web › SVG › Attribute › visibility
pan { vertical-align: 50%; } button { line-height: 1em; } .invisible { visibility: hidden; } javascript document.queryselector("button").addeventlistener("click", function (evt) { this.queryselector("svg > path:nth-of-type(1)").classlist.toggle("invisible"); this.queryselector("svg > path:nth-of-type(2)").classlist.toggle("invisible"); }); specifications specification status comment css level 2 (revision 1)the definition of 'visibility' in that specification.
width - SVG: Scalable Vector Graphics
Web › SVG › Attribute › width
specifications specification status comment filter effects module level 1the definition of 'width' in that specification.
widths - SVG: Scalable Vector Graphics
Web › SVG › Attribute › widths
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'widths' in that specification.
word-spacing - SVG: Scalable Vector Graphics
Web › SVG › Attribute › word-spacing
specifications specification status comment css text module level 3the definition of 'word-spacing' in that specification.
writing-mode - SVG: Scalable Vector Graphics
Web › SVG › Attribute › writing-mode
specifications specification status comment css writing modes module level 3the definition of 'writing-mode' in that specification.
x-height - SVG: Scalable Vector Graphics
Web › SVG › Attribute › x-height
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'x-height' in that specification.
x - SVG: Scalable Vector Graphics
Web › SVG › Attribute › x
specifications specification status comment filter effects module level 1the definition of 'x' in that specification.
x1 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › x1
ht="8" fill="url(#g0)" /> <!-- here the gradient vector start at 80% of the left bounding limit of the shape it is applied to --> <lineargradient x1="80%" id="g1"> <stop offset="0" stop-color="black" /> <stop offset="100%" stop-color="red" /> </lineargradient> <rect x="11" y="1" width="8" height="8" fill="url(#g1)" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'x1' in that specification.
x2 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › x2
ht="8" fill="url(#g0)" /> <!-- here the gradient vector start at 20% of the left bounding limit of the shape it is applied to --> <lineargradient x2="20%" id="g1"> <stop offset="0" stop-color="black" /> <stop offset="100%" stop-color="red" /> </lineargradient> <rect x="11" y="1" width="8" height="8" fill="url(#g1)" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'x2' in that specification.
xChannelSelector - SVG: Scalable Vector Graphics
Web › SVG › Attribute › xChannelSelector
specifications specification status comment filter effects module level 1the definition of 'xchannelselector' in that specification.
xlink:arcrole - SVG: Scalable Vector Graphics
Web › SVG › Attribute › xlink:arcrole
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'xlink:arcrole' in that specification.
xlink:href - SVG: Scalable Vector Graphics
Web › SVG › Attribute › xlink:href
value <iri> default value none animatable yes specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'href for <a>' in that specification.
xlink:show - SVG: Scalable Vector Graphics
Web › SVG › Attribute › xlink:show
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'xlink:show' in that specification.
xlink:title - SVG: Scalable Vector Graphics
Web › SVG › Attribute › xlink:title
specifications specification status comment scalable vector graphics (svg) 2the definition of 'seed' in that specification.
xlink:type - SVG: Scalable Vector Graphics
Web › SVG › Attribute › xlink:type
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'xlink:type' in that specification.
xml:base - SVG: Scalable Vector Graphics
Web › SVG › Attribute › xml:base
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'xml:base' in that specification.
xml:lang - SVG: Scalable Vector Graphics
Web › SVG › Attribute › xml:lang
specifications specification status comment scalable vector graphics (svg) 2the definition of 'xml:lang' in that specification.
xml:space - SVG: Scalable Vector Graphics
Web › SVG › Attribute › xml:space
specifications specification status comment scalable vector graphics (svg) 2the definition of 'xml:space' in that specification.
y - SVG: Scalable Vector Graphics
Web › SVG › Attribute › y
specifications specification status comment filter effects module level 1the definition of 'y' in that specification.
y1 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › y1
--> <lineargradient y1="100%" id="g1"> <stop offset="5%" stop-color="black" /> <stop offset="50%" stop-color="red" /> <stop offset="95%" stop-color="black" /> </lineargradient> <rect x="11" y="1" width="8" height="8" fill="url(#g1)" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'y1' in that specification.
y2 - SVG: Scalable Vector Graphics
Web › SVG › Attribute › y2
--> <lineargradient y2="100%" id="g1"> <stop offset="5%" stop-color="black" /> <stop offset="50%" stop-color="red" /> <stop offset="95%" stop-color="black" /> </lineargradient> <rect x="11" y="1" width="8" height="8" fill="url(#g1)" /> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of 'y2' in that specification.
yChannelSelector - SVG: Scalable Vector Graphics
Web › SVG › Attribute › yChannelSelector
specifications specification status comment filter effects module level 1the definition of 'ychannelselector' in that specification.
z - SVG: Scalable Vector Graphics
Web › SVG › Attribute › z
value <number> default value 1 animatable yes specifications specification status comment filter effects module level 1the definition of 'z for <fepointlight>' in that specification.
zoomAndPan - SVG: Scalable Vector Graphics
Web › SVG › Attribute › zoomAndPan
%"> <fediffuselighting in="sourcegraphic" zoomandpan="1"> <fepointlight x="60" y="60" z="20" /> </fediffuselighting> </filter> <rect x="0" y="0" width="200" height="200" style="filter: url(#diffuselighting);" /> </svg> usage notes value disable | magnify default value magnify animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'zoomandpan' in that specification.
Compatibility sources - SVG: Scalable Vector Graphics
Web › SVG › Compatibility sources
the following sources are used for the compatibility tables on svg elements and attributes: https://developer.mozilla.org/en/svg_in_firefox together with its revision history for firefox http://www.webkit.org/projects/svg/status.xml together with its recorded archive for webkit, safari and chrome http://www.opera.com/docs/specs/opera9/svg/ and accompanying pages for opera >= 9, http://www.opera.com/docs/specs/opera8/ for opera 8 http://blogs.msdn.com/b/ie/archive/2010/03/18/svg-in-ie9-roadmap.aspx for hints on ie9 support status the svg support charts at codedread.com for basic checks against the w3c test suite wikipedia for basic hints, not normative ...
<a> - SVG: Scalable Vector Graphics
Web › SVG › Element › a
iner elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<a>' in that specification.
<altGlyph> - SVG: Scalable Vector Graphics
Web › SVG › Element › altGlyph
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<altglyph>' in that specification.
<altGlyphDef> - SVG: Scalable Vector Graphics
Web › SVG › Element › altGlyphDef
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<altglyphdef>' in that specification.
<altGlyphItem> - SVG: Scalable Vector Graphics
Web › SVG › Element › altGlyphItem
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<altglyphitem>' in that specification.
<animate> - SVG: Scalable Vector Graphics
Web › SVG › Element › animate
designing safer web animation for motion sensitivity · an a list apart article an introduction to the reduced motion media query | css-tricks responsive design for motion | webkit mdn understanding wcag, guideline 2.2 explanations understanding success criterion 2.2.2 | w3c understanding wcag 2.0 specifications specification status comment svg animations level 2the definition of '<animate>' in that specification.
<animateColor> - SVG: Scalable Vector Graphics
Web › SVG › Element › animateColor
example svg <svg width="120" height="120" xmlns="http://www.w3.org/2000/svg"> <circle cx="60" cy="60" r="50"> <animatecolor attributename="fill" attributetype="xml" from="black" to="red" dur="6s" repeatcount="indefinite"/> </circle> </svg> result specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<animatecolor>' in that specification.
<animateMotion> - SVG: Scalable Vector Graphics
Web › SVG › Element › animateMotion
specifications specification status comment svg animations level 2the definition of '<animatemotion>' in that specification.
<animateTransform> - SVG: Scalable Vector Graphics
Web › SVG › Element › animateTransform
specifications specification status comment svg animations level 2the definition of '<animatetransform>' in that specification.
<circle> - SVG: Scalable Vector Graphics
Web › SVG › Element › circle
aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification status comment scalable vector graphics (svg) 2the definition of '<circle>' in that specification.
<clipPath> - SVG: Scalable Vector Graphics
Web › SVG › Element › clipPath
sk, opacity, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility usage notes categoriesnonepermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elements<text>, <use> specifications specification status comment css masking module level 1the definition of '<clippath>' in that specification.
<color-profile> - SVG: Scalable Vector Graphics
Web › SVG › Element › color-profile
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<color-profile>' in that specification.
<cursor> - SVG: Scalable Vector Graphics
Web › SVG › Element › cursor
specifications specification status comment scalable vector graphics (svg) 2the definition of '<cursor>' in that specification.
<defs> - SVG: Scalable Vector Graphics
Web › SVG › Element › defs
ural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<defs>' in that specification.
<desc> - SVG: Scalable Vector Graphics
Web › SVG › Element › desc
</desc> </circle> </svg> attributes this element only includes global attributes global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes usage notes categoriesdescriptive elementpermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<desc>' in that specification.
<discard> - SVG: Scalable Vector Graphics
Web › SVG › Element › discard
usage context categoriesanimation elementpermitted contentany number of the following elements, in any order:descriptive elements<script> attributes global attributes conditional processing attributes core attributes aria attributes specific attributes begin href (but note that <discard> has never supported xlink:href) specifications specification status comment svg animations level 2the definition of '<discard>' in that specification.
<ellipse> - SVG: Scalable Vector Graphics
Web › SVG › Element › ellipse
aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification status comment scalable vector graphics (svg) 2the definition of '<ellipse>' in that specification.
<feBlend> - SVG: Scalable Vector Graphics
Web › SVG › Element › feBlend
" width="100%" height="100%" flood-color="green" flood-opacity="1"/> <feblend in="sourcegraphic" in2="floodfill" mode="multiply"/> </filter> </defs> <image xlink:href="//developer.mozilla.org/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#spotlight);"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<feblend>' in that specification.
<feColorMatrix> - SVG: Scalable Vector Graphics
Web › SVG › Element › feColorMatrix
tate)" /> <text x="70" y="330">huerotate</text> <!-- luminancetoalpha --> <filter id="colormelta"> <fecolormatrix in="sourcegraphic" type="luminancetoalpha" /> </filter> <use href="#circles" transform="translate(0 350)" filter="url(#colormelta)" /> <text x="70" y="400">luminancetoalpha</text> </svg> result screenshotlive sample specifications specification status comment filter effects module level 1the definition of '<fecolormatrix>' in that specification.
<feComponentTransfer> - SVG: Scalable Vector Graphics
Web › SVG › Element › feComponentTransfer
="filter:url(#discrete)"></rect> <text x="0" y="220">linear function</text> <rect x="0" y="230" width="100%" height="20" style="filter:url(#linear)"></rect> <text x="0" y="270">gamma function</text> <rect x="0" y="280" width="100%" height="20" style="filter:url(#gamma)"></rect> </g> </svg> css rect { fill: url(#rainbow); } result specifications specification status comment filter effects module level 1the definition of '<fecomponenttransfer>' in that specification.
<feComposite> - SVG: Scalable Vector Graphics
Web › SVG › Element › feComposite
specifications specification status comment filter effects module level 1the definition of '<fecomposite>' in that specification.
<feConvolveMatrix> - SVG: Scalable Vector Graphics
Web › SVG › Element › feConvolveMatrix
xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <filter id="emboss"> <feconvolvematrix kernelmatrix="3 0 0 0 0 0 0 0 -3"/> </filter> </defs> <image xlink:href="/files/12668/mdn.svg" x="0" y="0" height="200" width="200" style="filter:url(#emboss);" /> </svg> result specifications specification status comment filter effects module level 1the definition of '<feconvolvematrix>' in that specification.
<feDiffuseLighting> - SVG: Scalable Vector Graphics
Web › SVG › Element › feDiffuseLighting
="20" pointsatx="390" pointsaty="80" pointsatz="0"/> </fediffuselighting> <fecomposite in="sourcegraphic" in2="light" operator="arithmetic" k1="1" k2="0" k3="0" k4="0"/> </filter> <circle cx="390" cy="80" r="50" fill="green" filter="url(#lightme3)" /> </svg> expected rendering: live rendering: specifications specification status comment filter effects module level 1the definition of '<fediffuselighting>' in that specification.
<feDisplacementMap> - SVG: Scalable Vector Graphics
Web › SVG › Element › feDisplacementMap
id="displacementfilter"> <feturbulence type="turbulence" basefrequency="0.05" numoctaves="2" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="50" xchannelselector="r" ychannelselector="g"/> </filter> <circle cx="100" cy="100" r="100" style="filter: url(#displacementfilter)"/> </svg> specifications specification status comment filter effects module level 1the definition of '<fedisplacementmap>' in that specification.
<feDistantLight> - SVG: Scalable Vector Graphics
Web › SVG › Element › feDistantLight
specifications specification status comment filter effects module level 1the definition of '<fedistantlight>' in that specification.
<feDropShadow> - SVG: Scalable Vector Graphics
Web › SVG › Element › feDropShadow
l attributes core attributes most notably: id styling attributes class, style filter primitive attributes height, in, result, x, y, width presentation attributes most notably: flood-color, flood-opacity usage notes categoriesfilter primitive elementpermitted contentany number of the following elements, in any order:<animate>, <script>, <set> specifications specification status comment filter effects module level 1the definition of '<fedropshadow>' in that specification.
<feFlood> - SVG: Scalable Vector Graphics
Web › SVG › Element › feFlood
example html content <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"> <defs> <filter id="floodfilter" filterunits="userspaceonuse"> <feflood x="50" y="50" width="100" height="100" flood-color="green" flood-opacity="0.5"/> </filter> </defs> <use style="filter: url(#floodfilter);"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<feflood>' in that specification.
<feFuncA> - SVG: Scalable Vector Graphics
Web › SVG › Element › feFuncA
specifications specification status comment filter effects module level 1the definition of '<fefunca>' in that specification.
<feFuncB> - SVG: Scalable Vector Graphics
Web › SVG › Element › feFuncB
specifications specification status comment filter effects module level 1the definition of '<fefuncb>' in that specification.
<feFuncG> - SVG: Scalable Vector Graphics
Web › SVG › Element › feFuncG
specifications specification status comment filter effects module level 1the definition of '<fefuncg>' in that specification.
<feFuncR> - SVG: Scalable Vector Graphics
Web › SVG › Element › feFuncR
specifications specification status comment filter effects module level 1the definition of '<fefuncr>' in that specification.
<feGaussianBlur> - SVG: Scalable Vector Graphics
Web › SVG › Element › feGaussianBlur
xlink"> <filter id="dropshadow"> <fegaussianblur in="sourcealpha" stddeviation="3" /> <feoffset dx="2" dy="4" /> <femerge> <femergenode /> <femergenode in="sourcegraphic" /> </femerge> </filter> <circle cx="60" cy="60" r="50" fill="green" filter="url(#dropshadow)" /> </svg> result screenshotlive sample specifications specification status comment filter effects module level 1the definition of '<fegaussianblur>' in that specification.
<feImage> - SVG: Scalable Vector Graphics
Web › SVG › Element › feImage
example svg <svg viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <filter id="image"> <feimage xlink:href="/files/6457/mdn_logo_only_color.png"/> </filter> </defs> <rect x="10%" y="10%" width="80%" height="80%" style="filter:url(#image);"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<feimage>' in that specification.
<feMerge> - SVG: Scalable Vector Graphics
Web › SVG › Element › feMerge
specifications specification status comment filter effects module level 1the definition of '<femerge>' in that specification.
<feMergeNode> - SVG: Scalable Vector Graphics
Web › SVG › Element › feMergeNode
specifications specification status comment filter effects module level 1the definition of '<femergenode>' in that specification.
<feMorphology> - SVG: Scalable Vector Graphics
Web › SVG › Element › feMorphology
adius="1"/> </filter> <filter id="dilate"> <femorphology operator="dilate" radius="2"/> </filter> </svg> <p>normal text</p> <p id="thin">thinned text</p> <p id="thick">fattened text</p> css p { margin: 0; font-family: arial, helvetica, sans-serif; font-size: 3em; } #thin { filter: url(#erode); } #thick { filter: url(#dilate); } specifications specification status comment filter effects module level 1the definition of '<femorphology>' in that specification.
<feOffset> - SVG: Scalable Vector Graphics
Web › SVG › Element › feOffset
"http://www.w3.org/2000/svg"> <defs> <filter id="offset" width="180" height="180"> <feoffset in="sourcegraphic" dx="60" dy="60" /> </filter> </defs> <rect x="0" y="0" width="100" height="100" stroke="black" fill="green"/> <rect x="0" y="0" width="100" height="100" stroke="black" fill="green" filter="url(#offset)"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<feoffset>' in that specification.
<fePointLight> - SVG: Scalable Vector Graphics
Web › SVG › Element › fePointLight
ntlight x="50" y="50" z="220"/> </fespecularlighting> <fecomposite in="sourcegraphic" in2="spotlight" operator="arithmetic" k1="0" k2="1" k3="1" k4="0"/> </filter> </defs> <image xlink:href="/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#spotlight);"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<fepointlight>' in that specification.
<feSpecularLighting> - SVG: Scalable Vector Graphics
Web › SVG › Element › feSpecularLighting
lighting result="specout" specularexponent="20" lighting-color="#bbbbbb"> <fepointlight x="50" y="75" z="200"/> </fespecularlighting> <fecomposite in="sourcegraphic" in2="specout" operator="arithmetic" k1="0" k2="1" k3="1" k4="0"/> </filter> <circle cx="110" cy="110" r="100" style="filter:url(#filter)"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<fespecularlighting>' in that specification.
<feSpotLight> - SVG: Scalable Vector Graphics
Web › SVG › Element › feSpotLight
00" z="400" limitingconeangle="5.5" /> </fespecularlighting> <fecomposite in="sourcegraphic" in2="spotlight" operator="out" k1="0" k2="1" k3="1" k4="0"/> </filter> </defs> <image xlink:href="/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#spotlight);"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<fespotlight>' in that specification.
<feTile> - SVG: Scalable Vector Graphics
Web › SVG › Element › feTile
"> <defs> <filter id="tile" x="0" y="0" width="100%" height="100%"> <fetile in="sourcegraphic" x="50" y="50" width="100" height="100" /> <fetile/> </filter> </defs> <image xlink:href="/files/6457/mdn_logo_only_color.png" x="10%" y="10%" width="80%" height="80%" style="filter:url(#tile);"/> </svg> result specifications specification status comment filter effects module level 1the definition of '<fetile>' in that specification.
<feTurbulence> - SVG: Scalable Vector Graphics
Web › SVG › Element › feTurbulence
id="displacementfilter"> <feturbulence type="turbulence" basefrequency="0.05" numoctaves="2" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="50" xchannelselector="r" ychannelselector="g"/> </filter> <circle cx="100" cy="100" r="100" style="filter: url(#displacementfilter)"/> </svg> specifications specification status comment filter effects module level 1the definition of '<feturbulence>' in that specification.
<filter> - SVG: Scalable Vector Graphics
Web › SVG › Element › filter
example svg <svg width="230" height="120" xmlns="http://www.w3.org/2000/svg"> <filter id="blurme"> <fegaussianblur stddeviation="5"/> </filter> <circle cx="60" cy="60" r="50" fill="green" /> <circle cx="170" cy="60" r="50" fill="green" filter="url(#blurme)" /> </svg> result screenshotlive sample specifications specification status comment filter effects module level 1the definition of '<filter>' in that specification.
<font-face-format> - SVG: Scalable Vector Graphics
Web › SVG › Element › font-face-format
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<font-face-format>' in that specification.
<font-face-name> - SVG: Scalable Vector Graphics
Web › SVG › Element › font-face-name
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<font-face-name>' in that specification.
<font-face-src> - SVG: Scalable Vector Graphics
Web › SVG › Element › font-face-src
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<font-face-src>' in that specification.
<font-face-uri> - SVG: Scalable Vector Graphics
Web › SVG › Element › font-face-uri
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<font-face-uri>' in that specification.
<font-face> - SVG: Scalable Vector Graphics
Web › SVG › Element › font-face
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<font-face>' in that specification.
<font> - SVG: Scalable Vector Graphics
Web › SVG › Element › font
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<font>' in that specification.
<foreignObject> - SVG: Scalable Vector Graphics
Web › SVG › Element › foreignObject
ion, aria-owns, aria-placeholder, aria-posinset, aria-pressed, aria-readonly, aria-relevant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesnonepermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<foreignobject>' in that specification.
<g> - SVG: Scalable Vector Graphics
Web › SVG › Element › g
ural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<g>' in that specification.
<glyph> - SVG: Scalable Vector Graphics
Web › SVG › Element › glyph
yph> <glyph unicode="!" horiz-adv-x="80" d="m0,0h200v200h-200z"></glyph> <glyph unicode="@" d="m0,50l100,300l400,100z"></glyph> </font> </defs> <text x="100" y="100" style="font-family: 'super sans', helvetica, sans-serif; font-weight: bold; font-style: normal">text using embe@dded font!</text> </svg> result specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<glyph>' in that specification.
<glyphRef> - SVG: Scalable Vector Graphics
Web › SVG › Element › glyphRef
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<glyphref>' in that specification.
<hkern> - SVG: Scalable Vector Graphics
Web › SVG › Element › hkern
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<hkern>' in that specification.
<image> - SVG: Scalable Vector Graphics
Web › SVG › Element › image
example basic rendering of a png image in svg: svg <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <image href="https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png" height="200" width="200"/> </svg> result specifications specification status comment scalable vector graphics (svg) 2the definition of '<image>' in that specification.
<line> - SVG: Scalable Vector Graphics
Web › SVG › Element › line
aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification status comment scalable vector graphics (svg) 2the definition of '<line>' in that specification.
<linearGradient> - SVG: Scalable Vector Graphics
Web › SVG › Element › linearGradient
, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes xlink:href, xlink:title usage notes categoriesgradient elementpermitted contentany number of the following elements, in any order:descriptive elements<animate>, <animatetransform>, <set>, <stop> specifications specification status comment scalable vector graphics (svg) 2the definition of '<lineargradient>' in that specification.
<marker> - SVG: Scalable Vector Graphics
Web › SVG › Element › marker
iner elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment svg markersthe definition of '<marker>' in that specification.
<mask> - SVG: Scalable Vector Graphics
Web › SVG › Element › mask
iner elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment css masking module level 1the definition of '<mask>' in that specification.
<metadata> - SVG: Scalable Vector Graphics
Web › SVG › Element › metadata
--> <g id="cablen" transform="translate(242 88)"> <title>cable n</title> <desc>10baset twisted pair cable</desc> <path d="m0,0c0,-70 20,-50 60,-50"/> </g> </svg> specifications specification status comment scalable vector graphics (svg) 2the definition of '<metadata>' in that specification.
<missing-glyph> - SVG: Scalable Vector Graphics
Web › SVG › Element › missing-glyph
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<missing-glyph>' in that specification.
<mpath> - SVG: Scalable Vector Graphics
Web › SVG › Element › mpath
--> <path d="m-25,-12.5 l25,-12.5 l 0,-87.5 z" fill="yellow" stroke="red" stroke-width="7.06" > <!-- define the motion path animation --> <animatemotion dur="6s" repeatcount="indefinite" rotate="auto" > <mpath xlink:href="#path1"/> </animatemotion> </path> </svg> result specifications specification status comment svg animations level 2the definition of '<mpath>' in that specification.
<path> - SVG: Scalable Vector Graphics
Web › SVG › Element › path
evant, aria-required, aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesgraphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification status comment svg pathsthe definition of '<path>' in that specification.
<pattern> - SVG: Scalable Vector Graphics
Web › SVG › Element › pattern
iner elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<pattern>' in that specification.
<polygon> - SVG: Scalable Vector Graphics
Web › SVG › Element › polygon
aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification status comment scalable vector graphics (svg) 2the definition of '<polygon>' in that specification.
<polyline> - SVG: Scalable Vector Graphics
Web › SVG › Element › polyline
aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification status comment scalable vector graphics (svg) 2the definition of '<polyline>' in that specification.
<radialGradient> - SVG: Scalable Vector Graphics
Web › SVG › Element › radialGradient
, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes xlink:href, xlink:title usage notes categoriesgradient elementpermitted contentany number of the following elements, in any order:descriptive elements<animate>, <animatetransform>, <set>, <stop> specifications specification status comment scalable vector graphics (svg) 2the definition of '<radialgradient>' in that specification.
<rect> - SVG: Scalable Vector Graphics
Web › SVG › Element › rect
aria-roledescription, aria-rowcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesbasic shape element, graphics element, shape elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification status comment scalable vector graphics (svg) 2the definition of '<rect>' in that specification.
<script> - SVG: Scalable Vector Graphics
Web › SVG › Element › script
value type: <url> ; default value: none; animatable: no global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes usage notes categoriesnonepermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<script>' in that specification.
<set> - SVG: Scalable Vector Graphics
Web › SVG › Element › set
event attributes most notably: onbegin, onend, onrepeat global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes usage notes categoriesanimation elementpermitted contentany number of the following elements, in any order:descriptive elements specifications specification status comment svg animations level 2the definition of '<set>' in that specification.
<stop> - SVG: Scalable Vector Graphics
Web › SVG › Element › stop
tably: id styling attributes class, style event attributes global event attributes, document element event attributes presentation attributes most notably: color, display, stop-color, stop-opacity, visibility usage notes categoriesgradient elementpermitted contentany number of the following elements, in any order:<animate>, <animatecolor>, <set> specifications specification status comment scalable vector graphics (svg) 2the definition of '<stop>' in that specification.
<style> - SVG: Scalable Vector Graphics
Web › SVG › Element › style
value type: <string>; default value: none; animatable: no global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes usage notes categoriesnonepermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<style>' in that specification.
<svg> - SVG: Scalable Vector Graphics
Web › SVG › Element › svg
ural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elementsshape elementsstructural elementsgradient elements<a>, <altglyphdef>, <clippath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignobject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> specifications specification status comment scalable vector graphics (svg) 2the definition of '<svg>' in that specification.
<switch> - SVG: Scalable Vector Graphics
Web › SVG › Element › switch
</text> <text systemlanguage="en-au">g'day!</text> <text systemlanguage="en">hello!</text> <text systemlanguage="es">hola!</text> <text systemlanguage="fr">bonjour!</text> <text systemlanguage="ja">こんにちは</text> <text systemlanguage="ru">Привет!</text> <text>☺</text> </switch> </svg> result specifications specification status comment scalable vector graphics (svg) 2the definition of '<switch>' in that specification.
<symbol> - SVG: Scalable Vector Graphics
Web › SVG › Element › symbol
specifications specification status comment scalable vector graphics (svg) 2the definition of '<symbol>' in that specification.
<text> - SVG: Scalable Vector Graphics
Web › SVG › Element › text
owcount, aria-rowindex, aria-rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriesgraphics element, text content elementpermitted contentcharacter data and any number of the following elements, in any order:animation elementsdescriptive elementstext content elements<a> specifications specification status comment scalable vector graphics (svg) 2the definition of '<text>' in that specification.
<textPath> - SVG: Scalable Vector Graphics
Web › SVG › Element › textPath
, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role xlink attributes xlink:title usage notes categoriestext content element, text content child elementpermitted contentcharacter data and any number of the following elements, in any order:descriptive elements<a>, <altglyph>, <animate>, <animatecolor>, <set>, <tref>, <tspan> specifications specification status comment scalable vector graphics (svg) 2the definition of '<textpath>' in that specification.
<title> — the SVG accessible name element - SVG: Scalable Vector Graphics
Web › SVG › Element › title
m a square</title> </rect> </svg> attributes this element only includes global attributes global attributes core attributes most notably: id styling attributes class, style event attributes global event attributes, document element event attributes usage notes categoriesdescriptive elementpermitted contentany elements or character data specifications specification status comment scalable vector graphics (svg) 2the definition of '<title>' in that specification.
<tref> - SVG: Scalable Vector Graphics
Web › SVG › Element › tref
ata </text> </defs> <text x="100" y="100" font-size="45" > inline character data </text> <text x="100" y="200" font-size="45" fill="red" > <tref xlink:href="#referencedtext"/> </text> <!-- show outline of canvas using 'rect' element --> <rect x="1" y="1" width="998" height="298" fill="none" stroke-width="2" /> </svg> specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<font>' in that specification.
<tspan> - SVG: Scalable Vector Graphics
Web › SVG › Element › tspan
an, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role usage notes categoriestext content element, text content child elementpermitted contentcharacter data and any number of the following elements, in any order:descriptive elements<a>, <altglyph>, <animate>, <animatecolor>, <set>, <tref>, <tspan> specifications specification status comment scalable vector graphics (svg) 2the definition of '<tspan>' in that specification.
<use> - SVG: Scalable Vector Graphics
Web › SVG › Element › use
rowspan, aria-selected, aria-setsize, aria-sort, aria-valuemax, aria-valuemin, aria-valuenow, aria-valuetext, role xlink attributes xlink:href, xlink:title usage notes categoriesgraphics element, graphics referencing element, structural elementpermitted contentany number of the following elements, in any order:animation elementsdescriptive elements specifications specification status comment scalable vector graphics (svg) 2the definition of '<use>' in that specification.
<view> - SVG: Scalable Vector Graphics
Web › SVG › Element › view
specifications specification status comment scalable vector graphics (svg) 2the definition of '<view>' in that specification.
<vkern> - SVG: Scalable Vector Graphics
Web › SVG › Element › vkern
specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of '<vkern>' in that specification.
SVG 1.1 Support in Firefox - SVG: Scalable Vector Graphics
Web › SVG › SVG 1.1 Support in Firefox
element implementation status a quick overview of the svg 1.1 elements and the current status of the native support.
SVG as an Image - SVG: Scalable Vector Graphics
Web › SVG › SVG as an Image
specifications specification status comment html5the definition of 'svg within <img> element' in that specification.
Secure contexts - Web security
Web › Security › Secure Contexts
}); } specifications specification status comment secure contexts candidate recommendation editor’s draft ...
Subresource Integrity - Web security
Web › Security › Subresource Integrity
specifications specification status comment subresource integrity recommendation fetch living standard ...
Web Components
Web › Web Components
specifications specification status comment html living standardthe definition of '<template> element' in that specification.
xml:base - XML: Extensible Markup Language
Web › XML › xml:base
work-arounds xml:base support in old browsers https://gist.github.com/leonderijke/c5cf7c5b2e424c0061d2 specifications specification status comment xml base (second edition) recommendation ...
child - XPath
Web › XPath › Axes › child
specifications specification status comment xpath 3.1the definition of 'child' in that specification.
self - XPath
Web › XPath › Axes › self
specifications specification status comment xpath 3.1the definition of 'self' in that specification.
<xsl:stylesheet> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › stylesheet
specifications specification status comment xslt 3.0the definition of '<xsl:stylesheet>' in that specification.
WebAssembly
WebAssembly
specifications specification status comment webassembly javascript interface working draft initial draft definition of the javascript api.