Search completed in 1.19 seconds.
7659 results for "type":
Your results are loading. Please wait...
TypeError: X.prototype.y called on incompatible type - JavaScript
the javascript exception "called on incompatible target (or object)" occurs when a function (on a given object), is called with a this not corresponding to the type expected by the function.
... the javascript exception "called on incompatible target (or object)" occurs when a function (on a given object), is called with a this not corresponding to the type expected by the function.
... the javascript exception "called on incompatible target (or object)" occurs when a function (on a given object), is called with a this not corresponding to the type expected by the function.
...And 13 more matches
MIME types (IANA media types) - HTTP
a media type (also known as a multipurpose internet mail extensions or mime type) is a standard that indicates the nature and format of a document, file, or assortment of bytes.
... a media type (also known as a multipurpose internet mail extensions or mime type) is a standard that indicates the nature and format of a document, file, or assortment of bytes.
... a media type (also known as a multipurpose internet mail extensions or mime type) is a standard that indicates the nature and format of a document, file, or assortment of bytes.
...And 114 more matches
Object.prototype.isPrototypeOf() - JavaScript
the isprototypeof() method checks if an object exists in another object's prototype chain.
... the isprototypeof() method checks if an object exists in another object's prototype chain.
... object exists in another object's prototype chain.
...And 28 more matches
TypedArray.prototype.map() - JavaScript
the map() method creates a new typed array with the results of calling a provided function on every element in this typed array.
... the map() method creates a new typed array with the results of calling a provided function on every element in this typed array.
... the map() method creates a new typed array with the results of calling a provided function on every element in this typed array.
...And 24 more matches
TypedArray.prototype.findIndex() - JavaScript
the findindex() method returns an index in the typed array, if an element in the typed array satisfies the provided testing function.
... the findindex() method returns an index in the typed array, if an element in the typed array satisfies the provided testing function.
...ovided testing function.
...And 22 more matches
TypedArray.prototype.reduce() - JavaScript
the reduce() method applies a function against an accumulator and each value of the typed array (from left-to-right) has to reduce it to a single value.
... the reduce() method applies a function against an accumulator and each value of the typed array (from left-to-right) has to reduce it to a single value.
... the reduce() method applies a function against an accumulator and each value of the typed array (from left-to-right) has to reduce it to a single value.
...And 22 more matches
TypedArray.prototype.reduceRight() - JavaScript
the reduceright() method applies a function against an accumulator and each value of the typed array (from right-to-left) has to reduce it to a single value.
... the reduceright() method applies a function against an accumulator and each value of the typed array (from right-to-left) has to reduce it to a single value.
... the reduceright() method applies a function against an accumulator and each value of the typed array (from right-to-left) has to reduce it to a single value.
...And 20 more matches
TypedArray.prototype.some() - JavaScript
the some() method tests whether some element in the typed array passes the test implemented by the provided function.
... the some() method tests whether some element in the typed array passes the test implemented by the provided function.
... the some() method tests whether some element in the typed array passes the test implemented by the provided function.
...And 20 more matches
TypedArray.prototype.filter() - JavaScript
the filter() method creates a new typed array with all elements that pass the test implemented by the provided function.
... the filter() method creates a new typed array with all elements that pass the test implemented by the provided function.
... the filter() method creates a new typed array with all elements that pass the test implemented by the provided function.
...And 19 more matches
TypedArray.prototype.find() - JavaScript
the find() method returns a value in the typed array, if an element satisfies the provided testing function.
... the find() method returns a value in the typed array, if an element satisfies the provided testing function.
... the find() method returns a value in the typed array, if an element satisfies the provided testing function.
...And 16 more matches
TypedArray.prototype.lastIndexOf() - JavaScript
the lastindexof() method returns the last index at which a given element can be found in the typed array, or -1 if it is not present.
... the lastindexof() method returns the last index at which a given element can be found in the typed array, or -1 if it is not present.
... the lastindexof() method returns the last index at which a given element can be found in the typed array, or -1 if it is not present.
...And 16 more matches
TypedArray.prototype.slice() - JavaScript
the slice() method returns a shallow copy of a portion of a typed array into a new typed array object.
... the slice() method returns a shallow copy of a portion of a typed array into a new typed array object.
... the slice() method returns a shallow copy of a portion of a typed array into a new typed array object.
...And 16 more matches
TypedArray.prototype.every() - JavaScript
the every() method tests whether all elements in the typed array pass the test implemented by the provided function.
... the every() method tests whether all elements in the typed array pass the test implemented by the provided function.
... the every() method tests whether all elements in the typed array pass the test implemented by the provided function.
...And 13 more matches
TypedArray.prototype.indexOf() - JavaScript
the indexof() method returns the first index at which a given element can be found in the typed array, or -1 if it is not present.
... the indexof() method returns the first index at which a given element can be found in the typed array, or -1 if it is not present.
... the indexof() method returns the first index at which a given element can be found in the typed array, or -1 if it is not present.
...And 13 more matches
TypedArray.prototype.fill() - JavaScript
the fill() method fills all the elements of a typed array from a start index to an end index with a static value.
... the fill() method fills all the elements of a typed array from a start index to an end index with a static value.
... the fill() method fills all the elements of a typed array from a start index to an end index with a static value.
...And 12 more matches
TypedArray.prototype.forEach() - JavaScript
the foreach() method executes a provided function once per array element.
... the foreach() method executes a provided function once per array element.
... the foreach() method executes a provided function once per array element.
...And 12 more matches
TypedArray.prototype.join() - JavaScript
the join() method joins all elements of an array into a string.
... the join() method joins all elements of an array into a string.
... the join() method joins all elements of an array into a string.
...And 12 more matches
TypedArray.prototype.toString() - JavaScript
the tostring() method returns a string representing the specified array and its elements.
... the tostring() method returns a string representing the specified array and its elements.
... the tostring() method returns a string representing the specified array and its elements.
...And 11 more matches
TypedArray.prototype.sort() - JavaScript
the sort() method sorts the elements of a typed array numerically in place and returns the typed array.
... the sort() method sorts the elements of a typed array numerically in place and returns the typed array.
... the sort() method sorts the elements of a typed array numerically in place and returns the typed array.
...And 7 more matches
TypedArray.prototype.toLocaleString() - JavaScript
the tolocalestring() method returns a string representing the elements of the typed array.
... the tolocalestring() method returns a string representing the elements of the typed array.
... the tolocalestring() method returns a string representing the elements of the typed array.
...And 7 more matches
TypeError: invalid Array.prototype.sort argument - JavaScript
the javascript exception "invalid array.prototype.sort argument" occurs when the argument of array.prototype.sort() isn't either undefined or a function which compares its operands.
... the javascript exception "invalid array.prototype.sort argument" occurs when the argument of array.prototype.sort() isn't either undefined or a function which compares its operands.
... the javascript exception "invalid array.prototype.sort argument" occurs when the argument of array.prototype.sort() isn't either undefined or a function which compares its operands.
...And 6 more matches
TypedArray.prototype.reverse() - JavaScript
the reverse() method reverses a typed array in place.
... the reverse() method reverses a typed array in place.
... the reverse() method reverses a typed array in place.
...And 6 more matches
TypedArray.prototype.set() - JavaScript
the set() method stores multiple values in the typed array, reading input values from a specified array.
... the set() method stores multiple values in the typed array, reading input values from a specified array.
... the set() method stores multiple values in the typed array, reading input values from a specified array.
...And 6 more matches
TypedArray.prototype.copyWithin() - JavaScript
the copywithin() method copies the sequence of array elements within the array to the position starting at target.
... the copywithin() method copies the sequence of array elements within the array to the position starting at target.
... the copywithin() method copies the sequence of array elements within the array to the position starting at target.
...And 5 more matches
TypedArray.prototype.subarray() - JavaScript
the subarray() method returns a new typedarray on the same arraybuffer store and with the same element types as for this typedarray object.
... the subarray() method returns a new typedarray on the same arraybuffer store and with the same element types as for this typedarray object.
... the subarray() method returns a new typedarray on the same arraybuffer store and with the same element types as for this typedarray object.
...And 5 more matches
TypedArray.prototype.includes() - JavaScript
the includes() method determines whether a typed array includes a certain element, returning true or false as appropriate.
... the includes() method determines whether a typed array includes a certain element, returning true or false as appropriate.
... the includes() method determines whether a typed array includes a certain element, returning true or false as appropriate.
...And 4 more matches
TypedArray.prototype.buffer - JavaScript
the buffer accessor property represents the arraybuffer referenced by a typedarray at construction time.
...source for this interactive example is stored in a github repository.
...a github repository.
...And 3 more matches
TypedArray.prototype.byteLength - JavaScript
the bytelength accessor property represents the length (in bytes) of a typed array.
...urce for this interactive example is stored in a github repository.
...repository.
...And 3 more matches
TypedArray.prototype.byteOffset - JavaScript
the byteoffset accessor property represents the offset (in bytes) of a typed array from the start of its arraybuffer.
... the byteoffset accessor property represents the offset (in bytes) of a typed array from the start of its arraybuffer.
... the byteoffset accessor property represents the offset (in bytes) of a typed array from the start of its arraybuffer.
...And 3 more matches
TypedArray.prototype.length - JavaScript
the length accessor property represents the length (in elements) of a typed array.
...e source for this interactive example is stored in a github repository.
...hub repository.
...And 3 more matches
TypedArray.prototype[@@iterator]() - JavaScript
.log(n); } alternative iteration var arr = new uint8array([10, 20, 30, 40, 50]); var earr = arr[symbol.iterator](); console.log(earr.next().value); // 10 console.log(earr.next().value); // 20 console.log(earr.next().value); // 30 console.log(earr.next().value); // 40 console.log(earr.next().value); // 50 specifications specification ecmascript (ecma-262)the definition of '%typedarray%.prototype[@@iterator]()' in that specification.
TypedArray.prototype.entries() - JavaScript
tive iteration var arr = new uint8array([10, 20, 30, 40, 50]); var earr = arr.entries(); console.log(earr.next().value); // [0, 10] console.log(earr.next().value); // [1, 20] console.log(earr.next().value); // [2, 30] console.log(earr.next().value); // [3, 40] console.log(earr.next().value); // [4, 50] specifications specification ecmascript (ecma-262)the definition of '%typedarray%.prototype.entries()' in that specification.
TypedArray.prototype.keys() - JavaScript
rray) { console.log(n); } alternative iteration var arr = new uint8array([10, 20, 30, 40, 50]); var earr = arr.keys(); console.log(earr.next().value); // 0 console.log(earr.next().value); // 1 console.log(earr.next().value); // 2 console.log(earr.next().value); // 3 console.log(earr.next().value); // 4 specifications specification ecmascript (ecma-262)the definition of '%typedarray%.prototype.keys()' in that specification.
TypedArray.prototype.values() - JavaScript
console.log(n); } alternative iteration var arr = new uint8array([10, 20, 30, 40, 50]); var earr = arr.values(); console.log(earr.next().value); // 10 console.log(earr.next().value); // 20 console.log(earr.next().value); // 30 console.log(earr.next().value); // 40 console.log(earr.next().value); // 50 specifications specification ecmascript (ecma-262)the definition of '%typedarray%.prototype.values()' in that specification.
TypeScript support in Svelte - Learn web development
previous overview: client-side javascript frameworks next in the last article we learned about svelte stores and even implemented our own custom store to persist the app's information to web storage.
... previous overview: client-side javascript frameworks next in the last article we learned about svelte stores and even implemented our own custom store to persist the app's information to web storage.
...lte stores and even implemented our own custom store to persist the app's information to web storage.
...And 310 more matches
Inheritance and the prototype chain - JavaScript
javascript is a bit confusing for developers experienced in class-based languages (like java or c++), as it is dynamic and does not provide a class implementation per se (the class keyword is introduced in es2015, but is syntactical sugar, javascript remains prototype-based).
...pers experienced in class-based languages (like java or c++), as it is dynamic and does not provide a class implementation per se (the class keyword is introduced in es2015, but is syntactical sugar, javascript remains prototype-based).
... in class-based languages (like java or c++), as it is dynamic and does not provide a class implementation per se (the class keyword is introduced in es2015, but is syntactical sugar, javascript remains prototype-based).
...And 167 more matches
TypedArray - JavaScript
a typedarray object describes an array-like view of an underlying binary data buffer.
... a typedarray object describes an array-like view of an underlying binary data buffer.
... a typedarray object describes an array-like view of an underlying binary data buffer.
...And 166 more matches
ctypes
the ctypes object contains methods and predefined data types used to create and manage a library.
... the ctypes object contains methods and predefined data types used to create and manage a library.
... the ctypes object contains methods and predefined data types used to create and manage a library.
...And 110 more matches
Declaring types
the ctypes object offers a number of constructor methods that let you declare types.
... the ctypes object offers a number of constructor methods that let you declare types.
... the ctypes object offers a number of constructor methods that let you declare types.
...And 90 more matches
Object prototypes - Learn web development
previous overview: objects next prototypes are the mechanism by which javascript objects inherit features from one another.
... previous overview: objects next prototypes are the mechanism by which javascript objects inherit features from one another.
... previous overview: objects next prototypes are the mechanism by which javascript objects inherit features from one another.
...And 84 more matches
Using Objective-C from js-ctypes
objective-c has its own syntax, it cannot be written directly with js-ctypes.
... objective-c has its own syntax, it cannot be written directly with js-ctypes.
... objective-c has its own syntax, it cannot be written directly with js-ctypes.
...And 76 more matches
ArrayType
arraytype represents c arrays syntax returns a new ctype representing an array data type.
... arraytype represents c arrays syntax returns a new ctype representing an array data type.
... arraytype represents c arrays syntax returns a new ctype representing an array data type.
...And 65 more matches
typeof - JavaScript
the typeof operator returns a string indicating the type of the unevaluated operand.
... the typeof operator returns a string indicating the type of the unevaluated operand.
... the typeof operator returns a string indicating the type of the unevaluated operand.
...And 63 more matches
PointerType
pointertype represents c pointer.
... pointertype represents c pointer.
... pointertype represents c pointer.
...And 61 more matches
JavaScript-DOM Prototypes in Mozilla
prototype setup on an xpconnect wrapped dom node in mozilla when a dom node is accessed from javascript in mozilla, the native c++ dom node is wrapped using xpconnect and the wrapper is exposed to javascript as the javascript representation of the dom node.
... the dom node.
...e where the c++ object has class info (nsiclassinfo), the jsobject is a more or less empty jsobject which is not really that special.
...And 58 more matches
FunctionType
functiontype represents c function.
... functiontype represents c function.
... functiontype represents c function.
...And 58 more matches
StructType
structtype represents c structures.
... structtype represents c structures.
... structtype represents c structures.
...And 58 more matches
Using js-ctypes
before you can use js-ctypes, you need to import the ctypes.jsm code module.
... before you can use js-ctypes, you need to import the ctypes.jsm code module.
... before you can use js-ctypes, you need to import the ctypes.jsm code module.
...And 56 more matches
Properly configuring server MIME types - Learn web development
this article may contain out of date information, as it has not been significantly updated in many years.
... this article may contain out of date information, as it has not been significantly updated in many years.
... this article may contain out of date information, as it has not been significantly updated in many years.
...And 55 more matches
CType
all data types declared using the js-ctypes api are represented by ctype objects.
... all data types declared using the js-ctypes api are represented by ctype objects.
... all data types declared using the js-ctypes api are represented by ctype objects.
...And 55 more matches
<input type="file"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › file
<input> elements with type="file" let the user choose one or more files from their device storage.
...equest.
...ted, the string represents the first selected file.
...And 55 more matches
Type conversion
implicit convert in js-ctypes, data could be converted implicitly when passing to or returning from a functiontype call, or setting pointer content, an array element or a struct field.
... implicit convert in js-ctypes, data could be converted implicitly when passing to or returning from a functiontype call, or setting pointer content, an array element or a struct field.
... implicit convert in js-ctypes, data could be converted implicitly when passing to or returning from a functiontype call, or setting pointer content, an array element or a struct field.
...And 54 more matches
The HTML5 input types - Learn web development
previous overview: forms next in the previous article we looked at the <input> element, covering the original values of the type attribute available since the early days of html.
... previous overview: forms next in the previous article we looked at the <input> element, covering the original values of the type attribute available since the early days of html.
... previous overview: forms next in the previous article we looked at the <input> element, covering the original values of the type attribute available since the early days of html.
...And 53 more matches
js-ctypes reference
this doc is a work in progress.
... this doc is a work in progress.
... this doc is a work in progress.
...And 52 more matches
Recommended Drag Types - Web APIs
the html drag and drop api supports dragging various types of data, including plain text, urls, html code, files, etc.
... the html drag and drop api supports dragging various types of data, including plain text, urls, html code, files, etc.
... the html drag and drop api supports dragging various types of data, including plain text, urls, html code, files, etc.
...And 49 more matches
JavaScript data types and data structures - JavaScript
programming languages all have built-in data structures, but these often differ from one language to another.
... one language to another.
...ta structures available in javascript and what properties they have.
...And 48 more matches
The "codecs" parameter in common media types - Web media technologies
at a fundamental level, you can specify the type of a media file using a simple mime type, such as video/mp4 or audio/mpeg.
... at a fundamental level, you can specify the type of a media file using a simple mime type, such as video/mp4 or audio/mpeg.
... at a fundamental level, you can specify the type of a media file using a simple mime type, such as video/mp4 or audio/mpeg.
...And 45 more matches
Object.setPrototypeOf() - JavaScript
the object.setprototypeof() method sets the prototype (i.e., the internal [[prototype]] property) of a specified object to another object or null.
... the object.setprototypeof() method sets the prototype (i.e., the internal [[prototype]] property) of a specified object to another object or null.
...perty) of a specified object to another object or null.
...And 41 more matches
How Mozilla determines MIME Types
introduction all data handling in mozilla is based on the mime type of the content.
... introduction all data handling in mozilla is based on the mime type of the content.
... introduction all data handling in mozilla is based on the mime type of the content.
...And 39 more matches
Media container formats (file types) - Web media technologies
the format of audio and video media files is defined in two parts (three if a file has both audio and video in it, of course): the audio and/or video codecs used and the media container format (or file type) used.
...ee codecs used by webrtc for information about codecs commonly used for making webrtc calls, as well as browser compatibility information around codec support in webrtc.
...ons for each are listed.the most commonly used containers for media on the web are probably mpeg-4 (mp4), quicktime movie (mov), and the wavefile audio file format (wav).
...And 37 more matches
Using COM from js-ctypes
erent windows applications among themselves, microsoft has developed a series of technologies alongside the main windows api.
...es of technologies alongside the main windows api.
...ects, activex controls, and the .net framework.
...And 34 more matches
JavaScript typed arrays - JavaScript
javascript typed arrays are array-like objects that provide a mechanism for reading and writing raw binary data in memory buffers.
... javascript engines perform optimizations so that these arrays are fast.
... these arrays are fast.
...And 34 more matches
Object.prototype.__proto__ - JavaScript
warning: changing the [[prototype]] of an object is, by the nature of how modern javascript engines optimize property accesses, a very slow operation, in every browser and javascript engine.
...[[prototype]] of an object is, by the nature of how modern javascript engines optimize property accesses, a very slow operation, in every browser and javascript engine.
...erty accesses, a very slow operation, in every browser and javascript engine.
...And 33 more matches
<input type="time"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › time
<input> elements of type time create input fields designed to let the user easily enter a time (hours and minutes, and optionally seconds).
...input> elements of type time create input fields designed to let the user easily enter a time (hours and minutes, and optionally seconds).
...ue, valueasdate, valueasnumber, and list.
...And 32 more matches
Object.prototype.constructor - JavaScript
's name.
...or type for that object.
... output: thetree.constructor is function tree(name) { this.name = name } changing the constructor of an object the following example shows how to modify the constructor value of generic objects.
...And 32 more matches
Function.prototype.bind() - JavaScript
onstructed.
...ch smaller and more performant, but does not work when using the new operator.
... when using the new operator.
...And 31 more matches
NSPR Types
this chapter describes the most common nspr types.
... this chapter describes the most common nspr types.
... this chapter describes the most common nspr types.
...And 30 more matches
<input type="number"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › number
<input> elements of type number are used to let the user enter a number.
...to provide stepper arrows to let the user increase and decrease the value using their mouse or by simply tapping with a fingertip.
...increase and decrease the value using their mouse or by simply tapping with a fingertip.
...And 30 more matches
<input type="tel"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › tel
<input> elements of type tel are used to let the user enter and edit a telephone number.
... <input> elements of type tel are used to let the user enter and edit a telephone number.
... <input> elements of type tel are used to let the user enter and edit a telephone number.
...And 30 more matches
<input type="image"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › image
<input> elements of type image are used to create graphical submit buttons, i.e.
...urce for this interactive example is stored in a github repository.
...roject, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...And 29 more matches
<input type="month"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › month
<input> elements of type month create input fields that let the user enter a month and year allowing a month and year to be easily entered.
...t, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...pported common attributes autocomplete, list, readonly, and step.
...And 29 more matches
lang/type - Archive of obsolete content
functions for working with type detection.
... functions for working with type detection.
...ns isundefined(value) returns true if value is undefined, false otherwise.
...And 28 more matches
<input type="datetime-local"> - HTML: Hypertext Markup Language
<input> elements of type datetime-local create input controls that let the user easily enter both a date and a time, including the year, month, and day as well as the time in hours and minutes.
...bute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
... (in the local time zone), or empty.
...And 28 more matches
<input type="email"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › email
<input> elements of type email are used to let the user enter and edit an e-mail address, or, if the multiple attribute is specified, a list of e-mail addresses.
...request.
... a valid e-mail address or not.
...And 26 more matches
<input type="submit"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › submit
<input> elements of type submit are rendered as buttons.
... <input> elements of type submit are rendered as buttons.
... <input> elements of type submit are rendered as buttons.
...And 26 more matches
<input type="week"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › week
<input> elements of type week create input fields allowing easy entry of a year plus the iso 8601 week number during that year (i.e., week 1 to 52 or 53).
...e to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
..., or empty events change and input supported common attributes autocomplete, list, readonly, and step idl attributes value, valueasdate, valueasnumber, and list.
...And 26 more matches
<input type="date"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › date
<input> elements of type="date" create input fields that let the user enter a date, either with a textbox that validates the input or a special date picker interface.
... <input> elements of type="date" create input fields that let the user enter a date, either with a textbox that validates the input or a special date picker interface.
...t.
...And 25 more matches
<input type="url"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › url
<input> elements of type url are used to let the user enter and edit a url.
.../mdn/interactive-examples and send us a pull request.
...oved.
...And 25 more matches
Grammar and types - JavaScript
« previousnext » this chapter discusses javascript's basic grammar, variable declarations, data types and literals.
...pace.
... the variable is in a "temporal dead zone" from the start of the block until the declaration is processed.
...And 25 more matches
handler.setPrototypeOf() - JavaScript
the handler.setprototypeof() method is a trap for object.setprototypeof().
... the handler.setprototypeof() method is a trap for object.setprototypeof().
... the handler.setprototypeof() method is a trap for object.setprototypeof().
...And 25 more matches
TypedArray.from() - JavaScript
the typedarray.from() method creates a new typed array from an array-like or iterable object.
... the typedarray.from() method creates a new typed array from an array-like or iterable object.
...ates a new typed array from an array-like or iterable object.
...And 25 more matches
Image file type and format guide - Web media technologies
in this guide, we'll cover the image file types generally supported by web browsers, and provide insights that will help you select the most appropriate formats to use for your site's imagery.
... in this guide, we'll cover the image file types generally supported by web browsers, and provide insights that will help you select the most appropriate formats to use for your site's imagery.
...select the most appropriate formats to use for your site's imagery.
...And 25 more matches
JS_GetTypeName
obsolete since jsapi 34this feature is obsolete.
... obsolete since jsapi 34this feature is obsolete.
... obsolete since jsapi 34this feature is obsolete.
...And 23 more matches
nsMsgFolderFlagType
defined in comm-central/ mailnews/ base/ public/ nsmsgfolderflags.idl typedef unsigned long nsmsgfolderflagtype; /// flags about a folder or a newsgroup.
... defined in comm-central/ mailnews/ base/ public/ nsmsgfolderflags.idl typedef unsigned long nsmsgfolderflagtype; /// flags about a folder or a newsgroup.
... defined in comm-central/ mailnews/ base/ public/ nsmsgfolderflags.idl typedef unsigned long nsmsgfolderflagtype; /// flags about a folder or a newsgroup.
...And 23 more matches
XPathResult.resultType - Web APIs
the read-only resulttype property of the xpathresult interface represents the type of the result, as defined by the type constants.
... the read-only resulttype property of the xpathresult interface represents the type of the result, as defined by the type constants.
... the read-only resulttype property of the xpathresult interface represents the type of the result, as defined by the type constants.
...And 23 more matches
<input type="range"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › range
<input> elements of type range let the user specify a numeric value which must be no less than a given value, and no more than another given value.
... <input> elements of type range let the user specify a numeric value which must be no less than a given value, and no more than another given value.
...nput type.
...And 23 more matches
Link types - HTML: Hypertext Markup Language
in html, link types indicate the relationship between two documents, in which one links to the other using an <a>, <area>, <form>, or <link> element.
... in html, link types indicate the relationship between two documents, in which one links to the other using an <a>, <area>, <form>, or <link> element.
... in html, link types indicate the relationship between two documents, in which one links to the other using an <a>, <area>, <form>, or <link> element.
...And 23 more matches
CSP: plugin-types - HTTP
the http content-security-policy (csp) plugin-types directive restricts the set of plugins that can be embedded into a document by limiting the types of resources which can be loaded.
... the http content-security-policy (csp) plugin-types directive restricts the set of plugins that can be embedded into a document by limiting the types of resources which can be loaded.
... the http content-security-policy (csp) plugin-types directive restricts the set of plugins that can be embedded into a document by limiting the types of resources which can be loaded.
...And 22 more matches
Node.nodeType - Web APIs
Web › API › Node › nodeType
the read-only node.nodetype property is an integer that identifies what the node is.
... the read-only node.nodetype property is an integer that identifies what the node is.
... the read-only node.nodetype property is an integer that identifies what the node is.
...And 21 more matches
list-style-type - CSS: Cascading Style Sheets
the list-style-type css property sets the marker (such as a disc, character, or custom counter style) of a list item element.
...ive example is stored in a github repository.
... color of the element it applies to.
...And 21 more matches
TypeError - JavaScript
the typeerror object represents an error when an operation could not be performed, typically (but not exclusively) when a value is not of the expected type.
... the typeerror object represents an error when an operation could not be performed, typically (but not exclusively) when a value is not of the expected type.
... the typeerror object represents an error when an operation could not be performed, typically (but not exclusively) when a value is not of the expected type.
...And 21 more matches
js-ctypes
js-ctypes allows application and extension code to call back and forth to native code written in c.
... js-ctypes allows application and extension code to call back and forth to native code written in c.
... js-ctypes allows application and extension code to call back and forth to native code written in c.
...And 20 more matches
<input type="button"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › button
<input> elements of type button are rendered as simple push buttons, which can be programmed to control custom functionality anywhere on a webpage as required when assigned an event handler function (typically for the click event).
...to control custom functionality anywhere on a webpage as required when assigned an event handler function (typically for the click event).
...: while <input> elements of type button are still perfectly valid html, the newer <button> element is now the favored way to create buttons.
...And 20 more matches
Reflect.getPrototypeOf() - JavaScript
the static reflect.getprototypeof() method is almost the same method as object.getprototypeof().
... the static reflect.getprototypeof() method is almost the same method as object.getprototypeof().
... the static reflect.getprototypeof() method is almost the same method as object.getprototypeof().
...And 20 more matches
Reflect.setPrototypeOf() - JavaScript
the static reflect.setprototypeof() method is the same method as object.setprototypeof(), except for its return type.
... the static reflect.setprototypeof() method is the same method as object.setprototypeof(), except for its return type.
... the static reflect.setprototypeof() method is the same method as object.setprototypeof(), except for its return type.
...And 20 more matches
mimeTypes.rdf corruption - SVG: Scalable Vector Graphics
this page explains a problem that can cause svg to stop working in mozilla due to the way mozilla maps filename extensions to media types.
...for legitimate reasons when the svg or its embedding html is broken or served incorrectly over the network (see the svg faq).
... the svg or its embedding html is broken or served incorrectly over the network (see the svg faq).
...And 20 more matches
<input type="search"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › search
<input> elements of type search are text fields designed for the user to enter search queries into.
...tained in the search field.
...llcheck controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used list the values of the list attribute is the id of a <datalist> element located in the same document.
...And 19 more matches
TypeListener
typelisteners can be registered with addtypelistener() and will then receive notification as addontype are registered and unregistered.
... typelisteners can be registered with addtypelistener() and will then receive notification as addontype are registered and unregistered.
... typelisteners can be registered with addtypelistener() and will then receive notification as addontype are registered and unregistered.
...And 18 more matches
itemtype - HTML: Hypertext Markup Language
the global attribute itemtype specifies the url of the vocabulary that will be used to define itemprop's (item properties) in the data structure.
... the global attribute itemtype specifies the url of the vocabulary that will be used to define itemprop's (item properties) in the data structure.
... the global attribute itemtype specifies the url of the vocabulary that will be used to define itemprop's (item properties) in the data structure.
...And 18 more matches
I/O Types
this chapter describes the most common nspr types, enumerations, and structures used with the functions described in i/o functions and network addresses.
... this chapter describes the most common nspr types, enumerations, and structures used with the functions described in i/o functions and network addresses.
... this chapter describes the most common nspr types, enumerations, and structures used with the functions described in i/o functions and network addresses.
...And 17 more matches
ValidityState.typeMismatch - Web APIs
the read-only typemismatch property of a validitystate object indicates if the value of an <input>, after having been edited by the user, does not conform to the constraints set by the element's type attribute.
... the read-only typemismatch property of a validitystate object indicates if the value of an <input>, after having been edited by the user, does not conform to the constraints set by the element's type attribute.
... the read-only typemismatch property of a validitystate object indicates if the value of an <input>, after having been edited by the user, does not conform to the constraints set by the element's type attribute.
...And 17 more matches
Content-Type - HTTP
the content-type entity header is used to indicate the media type of the resource.
... the content-type entity header is used to indicate the media type of the resource.
... the content-type entity header is used to indicate the media type of the resource.
...And 17 more matches
TypeError: "x" is not a function - JavaScript
the javascript exception "is not a function" occurs when there was an attempt to call a value from a function, but the value is not actually a function.
... the javascript exception "is not a function" occurs when there was an attempt to call a value from a function, but the value is not actually a function.
... the javascript exception "is not a function" occurs when there was an attempt to call a value from a function, but the value is not actually a function.
...And 17 more matches
Intl.DateTimeFormat.prototype.formatToParts() - JavaScript
the intl.datetimeformat.prototype.formattoparts() method allows locale-aware formatting of strings produced by datetimeformat formatters.
... return value an array of objects containing the formatted date in parts.
...cts containing the formatted date in parts.
...And 17 more matches
Document.doctype - Web APIs
Web › API › Document › doctype
returns the document type declaration (dtd) associated with current document.
... returns the document type declaration (dtd) associated with current document.
... returns the document type declaration (dtd) associated with current document.
...And 16 more matches
XMLHttpRequest.responseType - Web APIs
the xmlhttprequest property responsetype is an enumerated string value specifying the type of data contained in the response.
... the xmlhttprequest property responsetype is an enumerated string value specifying the type of data contained in the response.
... the xmlhttprequest property responsetype is an enumerated string value specifying the type of data contained in the response.
...And 16 more matches
OpenType font features guide - CSS: Cascading Style Sheets
font features or variants refer to different glyphs or character styles contained within an opentype font.
... font features or variants refer to different glyphs or character styles contained within an opentype font.
... characters like 'fi' or 'ffl'), kerning (adjustments to the spacing between specific letterform pairings), fractions, numeral styles, and a number of others.
...And 16 more matches
<input type="text"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › text
<input> elements of type text create basic single-line text fields.
...s the current value of the text entered into the text field.
...llcheck controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used list the values of the list attribute is the id of a <datalist> element located in the same document.
...And 16 more matches
TypeError: "x" is (not) "y" - JavaScript
the javascript exception "x is (not) y" occurs when there was an unexpected type.
... the javascript exception "x is (not) y" occurs when there was an unexpected type.
... the javascript exception "x is (not) y" occurs when there was an unexpected type.
...And 16 more matches
Object.prototype.toString() - JavaScript
epresenting the object.
...e object.
...ion every object has a tostring() method that is automatically called when the object is to be represented as a text value or when an object is referred to in a manner in which a string is expected.
...And 16 more matches
libmime content type handlers
warning: the content of this article may be out of date.
...bmime module implements a general-purpose mime parser and one of the primary methods provided by the parser is the ability to emit an html representation of an input stream.
...ne of the primary methods provided by the parser is the ability to emit an html representation of an input stream.
...And 15 more matches
Using the CSS Typed Object Model - Web APIs
the css typed object model api exposes css values as typed javascript objects to allow their performant manipulation.
... the css typed object model api exposes css values as typed javascript objects to allow their performant manipulation.
... the css typed object model api exposes css values as typed javascript objects to allow their performant manipulation.
...And 15 more matches
DataTransfer.types - Web APIs
the datatransfer.types read-only property returns an array of the drag data formats (as strings) that were set in the dragstart event.
... the datatransfer.types read-only property returns an array of the drag data formats (as strings) that were set in the dragstart event.
... the datatransfer.types read-only property returns an array of the drag data formats (as strings) that were set in the dragstart event.
...And 15 more matches
<input type="radio"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › radio
<input> elements of type radio are generally used in radio groups—collections of radio buttons describing a set of related options.
... preferred contact method, you might create three radio buttons, each with the name property set to contact but one with the value email, one with the value phone, and one with the value mail.
...alue email, one with the value phone, and one with the value mail.
...And 15 more matches
Intl.NumberFormat.prototype.formatToParts() - JavaScript
the intl.numberformat.prototype.formattoparts() method allows locale-aware formatting of strings produced by numberformat formatters.
... the intl.numberformat.prototype.formattoparts() method allows locale-aware formatting of strings produced by numberformat formatters.
...turn value an array of objects containing the formatted number in parts.
...And 15 more matches
handler.getPrototypeOf() - JavaScript
the handler.getprototypeof() method is a trap for the [[getprototypeof]] internal method.
... the handler.getprototypeof() method is a trap for the [[getprototypeof]] internal method.
...etprototypeof]] internal method.
...And 15 more matches
Media type and format guide: image, audio, and video content - Web media technologies
Web › Media › Formats
ncluded support for some form of visual media presentation.
...luding still and video imagery on the web.
...d by a browser are entirely up to the browser's creators, which can complicate the work of a web developer.
...And 15 more matches
IPDL Type Serialization
all types used in ipdl must be serializable.
... all types used in ipdl must be serializable.
... all types used in ipdl must be serializable.
...And 14 more matches
JS_SetPrototype
set a javascript object's prototype.
... set a javascript object's prototype.
... set a javascript object's prototype.
...And 14 more matches
MediaRecorder.mimeType - Web APIs
the mimetype read-only property returns the mime media type that was specified when creating the mediarecorder object, or, if none was specified, which was chosen by the browser.
...ne was specified, which was chosen by the browser.
...iting all of the recorded data to disk.
...And 14 more matches
PerformanceObserverEntryList.getEntriesByType() - Web APIs
the getentriesbytype() method of the performanceobserverentrylist returns a list of explicitly observed performance entry objects for a given performance entry type.
... the getentriesbytype() method of the performanceobserverentrylist returns a list of explicitly observed performance entry objects for a given performance entry type.
...returns a list of explicitly observed performance entry objects for a given performance entry type.
...And 14 more matches
<input type="reset"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › reset
<input> elements of type "reset" are rendered as buttons, with a default click event handler that resets all of the inputs in the form to their initial values.
.../github.com/mdn/interactive-examples and send us a pull request.
...ding reset buttons in your forms.
...And 14 more matches
TypeError: "x" is not a constructor - JavaScript
the javascript exception "is not a constructor" occurs when there was an attempt to use an object or a variable as a constructor, but that object or variable is not a constructor.
... the javascript exception "is not a constructor" occurs when there was an attempt to use an object or a variable as a constructor, but that object or variable is not a constructor.
... the javascript exception "is not a constructor" occurs when there was an attempt to use an object or a variable as a constructor, but that object or variable is not a constructor.
...And 14 more matches
Intl.Locale.prototype.collation - JavaScript
the intl.locale.prototype.collation property is an accessor property that returns the collation type for the locale, which is used to order strings according to the locale's rules.
...ing strings of characters.
...into a certain order, from search query results to ordering records in a database.
...And 14 more matches
Mozilla's DOCTYPE sniffing - Archive of obsolete content
irefox 4 / thunderbird 3.3 / seamonkey 2.1) this feature is obsolete.
...choosing this behavior were the following: almost all existing text/html pages on the web that need to be in quirks mode to be displayed correctly should be displayed using quirks mode.
...itten using any public identifiers in doctype declarations that appear in the future should be displayed using strict mode.
...And 13 more matches
PointerEvent.pointerType - Web APIs
the pointertype read-only property of the pointerevent interface indicates the device type (mouse, pen, or touch) that caused a given pointer event.
... the pointertype read-only property of the pointerevent interface indicates the device type (mouse, pen, or touch) that caused a given pointer event.
... the pointertype read-only property of the pointerevent interface indicates the device type (mouse, pen, or touch) that caused a given pointer event.
...And 13 more matches
WebGL types - Web APIs
Web › API › WebGL API › Types
the following types are used in webgl interfaces.
... the following types are used in webgl interfaces.
... the following types are used in webgl interfaces.
...And 13 more matches
scroll-snap-type - CSS: Cascading Style Sheets
the scroll-snap-type css property sets how strictly snap points are enforced on the scroll container in case there is one.
...e for this interactive example is stored in a github repository.
...xample is stored in a github repository.
...And 13 more matches
<input type="checkbox"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › checkbox
<input> elements of type checkbox are rendered by default as boxes that are checked (ticked) when activated, like you might see in an official government paper form.
...ge and input supported common attributes checked idl attributes checked, indeterminate and value methods select() value a domstring representing the value of the checkbox.
... domstring representing the value of the checkbox.
...And 13 more matches
<input type="password"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › password
<input> elements of type password provide a way for the user to securely enter a password.
...ter will vary depending on the user agent and os.
...lue passes validation; see validation for more information.
...And 13 more matches
X-Content-Type-Options - HTTP
the x-content-type-options response http header is a marker used by the server to indicate that the mime types advertised in the content-type headers should not be changed and be followed.
... the x-content-type-options response http header is a marker used by the server to indicate that the mime types advertised in the content-type headers should not be changed and be followed.
... the x-content-type-options response http header is a marker used by the server to indicate that the mime types advertised in the content-type headers should not be changed and be followed.
...And 13 more matches
TypeError: Reduce of empty array with no initial value - JavaScript
the javascript exception "reduce of empty array with no initial value" occurs when a reduce function is used.
... the javascript exception "reduce of empty array with no initial value" occurs when a reduce function is used.
... the javascript exception "reduce of empty array with no initial value" occurs when a reduce function is used.
...And 13 more matches
TypeError: invalid 'instanceof' operand 'x' - JavaScript
the javascript exception "invalid 'instanceof' operand" occurs when the right hand side operands of the instanceof operator isn't used with a constructor object, i.e.
... the javascript exception "invalid 'instanceof' operand" occurs when the right hand side operands of the instanceof operator isn't used with a constructor object, i.e.
... the javascript exception "invalid 'instanceof' operand" occurs when the right hand side operands of the instanceof operator isn't used with a constructor object, i.e.
...And 13 more matches
JS_GetPrototype
retrieves an object's prototype.
... retrieves an object's prototype.
... retrieves an object's prototype.
...And 12 more matches
JS_TypeOfValue
determines the js data type of a js value.
... determines the js data type of a js value.
... determines the js data type of a js value.
...And 12 more matches
Blob.type - Web APIs
Web › API › Blob › type
the type property of a blob object returns the mime type of the file.
... the type property of a blob object returns the mime type of the file.
... the type property of a blob object returns the mime type of the file.
...And 12 more matches
ClipboardItem.getType() - Web APIs
the gettype() method of the clipboarditem interface returns a promise that resolves with a blob of the requested mime type or an error if the mime type is not found.
... the gettype() method of the clipboarditem interface returns a promise that resolves with a blob of the requested mime type or an error if the mime type is not found.
... the gettype() method of the clipboarditem interface returns a promise that resolves with a blob of the requested mime type or an error if the mime type is not found.
...And 12 more matches
MimeTypeArray - Web APIs
the mimetypearray interface returns an array of mimetype instances, each of which contains information about a supported browser plugins.
... the mimetypearray interface returns an array of mimetype instances, each of which contains information about a supported browser plugins.
... the mimetypearray interface returns an array of mimetype instances, each of which contains information about a supported browser plugins.
...And 12 more matches
RTCIceCandidateStats.networkType - Web APIs
the rtcicecandidatestats dictionary's networktype property specifies the type of network used by a local candidate to communicate with a remote peer.
... the rtcicecandidatestats dictionary's networktype property specifies the type of network used by a local candidate to communicate with a remote peer.
... the rtcicecandidatestats dictionary's networktype property specifies the type of network used by a local candidate to communicate with a remote peer.
...And 12 more matches
Array.prototype.reduce() - JavaScript
otherwise, it starts from index 1.
...in the array.
...ndex 0.
...And 12 more matches
Object.prototype.valueOf() - JavaScript
cted.
...f within your own code to convert a built-in object into a primitive value.
... own code to convert a built-in object into a primitive value.
...And 12 more matches
DataTransferItem.type - Web APIs
the read-only datatransferitem.type property returns the type (format) of the datatransferitem object representing the drag data item.
... the read-only datatransferitem.type property returns the type (format) of the datatransferitem object representing the drag data item.
... the read-only datatransferitem.type property returns the type (format) of the datatransferitem object representing the drag data item.
...And 11 more matches
File.type - Web APIs
Web › API › File › type
returns the media type (mime) of the file represented by a file object.
... returns the media type (mime) of the file represented by a file object.
... returns the media type (mime) of the file represented by a file object.
...And 11 more matches
TextEncoder.prototype.encodeInto() - Web APIs
the textencoder.prototype.encodeinto() method takes a usvstring to encode and a destination uint8array to put resulting utf-8 encoded text into, and returns a dictionary object indicating the progress of the encoding.
...an string.length if uint8array did not have enough space.
... if uint8array did not have enough space.
...And 11 more matches
XMLHttpRequest.overrideMimeType() - Web APIs
the xmlhttprequest method overridemimetype() specifies a mime type other than the one provided by the server to be used instead when interpreting the data being transferred in a request.
...tprequest method overridemimetype() specifies a mime type other than the one provided by the server to be used instead when interpreting the data being transferred in a request.
... method overridemimetype() specifies a mime type other than the one provided by the server to be used instead when interpreting the data being transferred in a request.
...And 11 more matches
DocumentType - Web APIs
the documenttype interface represents a node containing a doctype.
...0" fill="#fff" stroke="#d4dde4" stroke-width="2px" /><text x="188.5" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">node</text></a><polyline points="226,25 236,20 236,30 226,25" stroke="#d4dde4" fill="none"/><line x1="236" y1="25" x2="266" y2="25" stroke="#d4dde4"/><a xlink:href="/docs/web/api/documenttype" target="_top"><rect x="266" y="1" width="120" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="326" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">documenttype</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties fr...
...8" stroke="#d4dde4" stroke-width="2px" /><text x="326" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">documenttype</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, node, and implements the childnode interface.
...And 10 more matches
Event.type - Web APIs
Web › API › Event › type
the type read-only property of the event interface returns a string containing the event's type.
... the type read-only property of the event interface returns a string containing the event's type.
... the type read-only property of the event interface returns a string containing the event's type.
...And 10 more matches
PerformanceResourceTiming.initiatorType - Web APIs
the initiatortype read-only property is a string that represents the type of resource that initiated the performance event.
... initiator is a element, the property returns the element's localname.
...e element's localname.
...And 10 more matches
RTCIceCandidate.type - Web APIs
the rtcicecandidate interface's read-only type specifies the type of candidate the object represents.
... the rtcicecandidate interface's read-only type specifies the type of candidate the object represents.
... the rtcicecandidate interface's read-only type specifies the type of candidate the object represents.
...And 10 more matches
TypeError: More arguments needed - JavaScript
the javascript exception "more arguments needed" occurs when there is an error with how a function is called.
... the javascript exception "more arguments needed" occurs when there is an error with how a function is called.
... the javascript exception "more arguments needed" occurs when there is an error with how a function is called.
...And 10 more matches
TypeError: invalid arguments - JavaScript
the javascript exception "invalid arguments" occurs when typed array constructors are provided with a wrong argument.
... the javascript exception "invalid arguments" occurs when typed array constructors are provided with a wrong argument.
... the javascript exception "invalid arguments" occurs when typed array constructors are provided with a wrong argument.
...And 10 more matches
Array.prototype.find() - JavaScript
isfies the provided testing function.
...ub.com/mdn/interactive-examples and send us a pull request.
...xof().
...And 10 more matches
Intl.Locale.prototype.hourCycle - JavaScript
the intl.locale.prototype.hourcycle property is an accessor property that returns the time keeping format convention used by the locale.
... the intl.locale.prototype.hourcycle property is an accessor property that returns the time keeping format convention used by the locale.
... the intl.locale.prototype.hourcycle property is an accessor property that returns the time keeping format convention used by the locale.
...And 10 more matches
Object.getPrototypeOf() - JavaScript
the object.getprototypeof() method returns the prototype (i.e.
... the object.getprototypeof() method returns the prototype (i.e.
... the object.getprototypeof() method returns the prototype (i.e.
...And 10 more matches
AddonType
add-on types hold useful information about each type of add-on that may be installed.
... add-on types hold useful information about each type of add-on that may be installed.
... add-on types hold useful information about each type of add-on that may be installed.
...And 9 more matches
JS::GetFirstArgumentAsTypeHint
convert first argument of @@toprimitive method to jstype.
... convert first argument of @@toprimitive method to jstype.
... convert first argument of @@toprimitive method to jstype.
...And 9 more matches
ctypes.open
at the heart of js-ctypes is the ctypes.open() function.
...here are two options: custom native file (dll, so, dylib, etc.) standard os libraries custom native file for this method, a native file must be created.
... add(int a, int b) { return a + b; } to make this a shared library, a native file which can be loaded and used from js-ctypes, compile it with these commands: gcc -fpic -c mycfuntionsforunix.c gcc -shared -o mycfuntionsforunix.so mycfuntionsforunix.o a file named mycfuntionsforunix.so is successfully created.
...And 9 more matches
CSS Typed Object Model API - Web APIs
the css typed object model api simplifies css property manipulation by exposing css values as typed javascript objects rather than strings.
... the css typed object model api simplifies css property manipulation by exposing css values as typed javascript objects rather than strings.
...ly and more reliably than string parsing and concatenation.
...And 9 more matches
MediaRecorder.isTypeSupported - Web APIs
the mediarecorder.istypesupported() static method returns a boolean which is true if the mime type specified is one the user agent should be able to successfully record.
... the mediarecorder.istypesupported() static method returns a boolean which is true if the mime type specified is one the user agent should be able to successfully record.
... the mediarecorder.istypesupported() static method returns a boolean which is true if the mime type specified is one the user agent should be able to successfully record.
...And 9 more matches
MediaSource.isTypeSupported() - Web APIs
the mediasource.istypesupported() static method returns a boolean value which is true if the given mime type is likely to be supported by the current user agent.
... the mediasource.istypesupported() static method returns a boolean value which is true if the given mime type is likely to be supported by the current user agent.
...he mediasource.istypesupported() static method returns a boolean value which is true if the given mime type is likely to be supported by the current user agent.
...And 9 more matches
NavigatorPlugins.mimeTypes - Web APIs
returns a mimetypearray object, which contains a list of mimetype objects representing the mime types recognized by the browser.
... returns a mimetypearray object, which contains a list of mimetype objects representing the mime types recognized by the browser.
... returns a mimetypearray object, which contains a list of mimetype objects representing the mime types recognized by the browser.
...And 9 more matches
performance.getEntriesByType() - Web APIs
the getentriesbytype() method returns a list of performanceentry objects for a given type.
... the getentriesbytype() method returns a list of performanceentry objects for a given type.
... the getentriesbytype() method returns a list of performanceentry objects for a given type.
...And 9 more matches
Common MIME types - HTTP
here is a list of mime types, associated by type of documents, ordered by their common extensions.
... here is a list of mime types, associated by type of documents, ordered by their common extensions.
... here is a list of mime types, associated by type of documents, ordered by their common extensions.
...And 9 more matches
TypeError: "x" is read-only - JavaScript
the javascript strict mode-only exception "is read-only" occurs when a global variable or object property that was assigned to is a read-only property.
... the javascript strict mode-only exception "is read-only" occurs when a global variable or object property that was assigned to is a read-only property.
... the javascript strict mode-only exception "is read-only" occurs when a global variable or object property that was assigned to is a read-only property.
...And 9 more matches
Array.prototype.map() - JavaScript
ank.
...mentations of the standard.
...use of map in implementations which do not natively support it.
...And 9 more matches
Array.prototype.toLocaleString() - JavaScript
rings are separated by a locale-specific string (such as a comma “,”).
...ch as a comma “,”).
... an array of such strings.
...And 9 more matches
Object.prototype.toSource() - JavaScript
code is not available: function object() { [native code] } for instances of object, tosource() returns a string representing the source code.
...of an object.
...ts to override the tosource() method.
...And 9 more matches
get TypedArray[@@species] - JavaScript
the typedarray[@@species] accessor property returns the constructor of a typed array.
... the typedarray[@@species] accessor property returns the constructor of a typed array.
... the typedarray[@@species] accessor property returns the constructor of a typed array.
...And 9 more matches
NPVariantType - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary npvarianttype is an enumeration that is used to identify the data type of an npvariant structure.
... « gecko plugin api reference « scripting plugins summary npvarianttype is an enumeration that is used to identify the data type of an npvariant structure.
... « gecko plugin api reference « scripting plugins summary npvarianttype is an enumeration that is used to identify the data type of an npvariant structure.
...And 8 more matches
HTMLMediaElement.canPlayType() - Web APIs
the htmlmediaelement method canplaytype() reports how likely it is that the current browser will be able to play media of a given mime type.
... the htmlmediaelement method canplaytype() reports how likely it is that the current browser will be able to play media of a given mime type.
... the htmlmediaelement method canplaytype() reports how likely it is that the current browser will be able to play media of a given mime type.
...And 8 more matches
PerformanceEntry.entryType - Web APIs
the entrytype property returns a domstring representing the type of performance metric such as, for example, "mark".
... the entrytype property returns a domstring representing the type of performance metric such as, for example, "mark".
... the entrytype property returns a domstring representing the type of performance metric such as, for example, "mark".
...And 8 more matches
RTCStatsType - Web APIs
the rtcstatstype enumerated type (enum) is a set of strings which define the type of statistics reported in a record found in the rtcstatsreport object.
... the rtcstatstype enumerated type (enum) is a set of strings which define the type of statistics reported in a record found in the rtcstatsreport object.
...n's rtcpeerconnection.
...And 8 more matches
SourceBuffer.changeType() - Web APIs
the changetype() method of the sourcebuffer interface sets the mime type that future calls to appendbuffer() should expect the new media data to conform to.
... the changetype() method of the sourcebuffer interface sets the mime type that future calls to appendbuffer() should expect the new media data to conform to.
...nterface sets the mime type that future calls to appendbuffer() should expect the new media data to conform to.
...And 8 more matches
mask-type - CSS: Cascading Style Sheets
Web › CSS › mask-type
the mask-type css property sets whether an svg <mask> element is used as a luminance or an alpha mask.
... the mask-type css property sets whether an svg <mask> element is used as a luminance or an alpha mask.
... the mask-type css property sets whether an svg <mask> element is used as a luminance or an alpha mask.
...And 8 more matches
<input type="color"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › color
<input> elements of type color provide a user interface element that lets a user specify a color, either by using a visual color picker interface or by entering the color into a text field in #rrggbb hexadecimal format.
...ease clone https://github.com/mdn/interactive-examples and send us a pull request.
...lor names, or any css function syntax, to set the value.
...And 8 more matches
TypeError: can't access property "x" of "y" - JavaScript
the javascript exception "can't access property" occurs when property access was operated on undefined or null values.
... the javascript exception "can't access property" occurs when property access was operated on undefined or null values.
... the javascript exception "can't access property" occurs when property access was operated on undefined or null values.
...And 8 more matches
Warning: String.x is deprecated; use String.prototype.x instead - JavaScript
the javascript warning about string generics occurs in firefox versions prior to 68.
... the javascript warning about string generics occurs in firefox versions prior to 68.
...pt warning about string generics occurs in firefox versions prior to 68.
...And 8 more matches
TypeError: cannot use 'in' operator to search for 'x' in 'y' - JavaScript
the javascript exception "right-hand side of 'in' should be an object" occurs when the in operator was used to search in strings, or in numbers, or other primitive types.
... the javascript exception "right-hand side of 'in' should be an object" occurs when the in operator was used to search in strings, or in numbers, or other primitive types.
... the javascript exception "right-hand side of 'in' should be an object" occurs when the in operator was used to search in strings, or in numbers, or other primitive types.
...And 8 more matches
Array.prototype.reduceRight() - JavaScript
the reduceright() method applies a function against an accumulator and each value of the array (from right-to-left) to reduce it to a single value.
...indexoptional the index of the current element being processed in the array.
...ne of two values.
...And 8 more matches
Intl​.List​Format​.prototype​.formatToParts() - JavaScript
the intl.listformat.prototype.formattoparts() method returns an array of objects representing the different components that can be used to format a list of values in a locale-aware fashion.
... the intl.listformat.prototype.formattoparts() method returns an array of objects representing the different components that can be used to format a list of values in a locale-aware fashion.
...rns an array of objects representing the different components that can be used to format a list of values in a locale-aware fashion.
...And 8 more matches
TypedArray.of() - JavaScript
the typedarray.of() method creates a new typed array from a variable number of arguments.
... the typedarray.of() method creates a new typed array from a variable number of arguments.
... new typed array from a variable number of arguments.
...And 8 more matches
Content type - SVG: Scalable Vector Graphics
svg makes use of a number of data types.
... svg makes use of a number of data types.
...r in css2, the angle identifier, if specified, must be in lower case.
...And 8 more matches
Object.prototype.__noSuchMethod__ - Archive of obsolete content
object, with which you can achieve the below (and more).
...exist on an object results in a typeerror being thrown.
...method attempted and the second is an array of the arguments that were passed in the method call.
...And 7 more matches
PR_GetDescType
describes what type of file is referenced by a specified file descriptor.
... describes what type of file is referenced by a specified file descriptor.
... describes what type of file is referenced by a specified file descriptor.
...And 7 more matches
JSType
the values of the jstype enumeration represent the types of javascript values.
... the values of the jstype enumeration represent the types of javascript values.
... the values of the jstype enumeration represent the types of javascript values.
...And 7 more matches
JS_GetClassPrototype
get the builtin class prototype object.
... get the builtin class prototype object.
... get the builtin class prototype object.
...And 7 more matches
DataTransfer.mozTypesAt() - Web APIs
the datatransfer.moztypesat() method returns a list of the format types that are stored for an item at the specified index.
... the datatransfer.moztypesat() method returns a list of the format types that are stored for an item at the specified index.
....moztypesat() method returns a list of the format types that are stored for an item at the specified index.
...And 7 more matches
RTCDataChannel.binaryType - Web APIs
the property binarytype on the rtcdatachannel interface is a domstring which specifies the type of javascript object which should be used to represent binary data received on the rtcdatachannel.
... the property binarytype on the rtcdatachannel interface is a domstring which specifies the type of javascript object which should be used to represent binary data received on the rtcdatachannel.
... should be used to represent binary data received on the rtcdatachannel.
...And 7 more matches
RTCIceCandidate.tcpType - Web APIs
the rtcicecandidate interface's read-only tcptype property is included on tcp candidates to provide additional details about the candidate type.
... the rtcicecandidate interface's read-only tcptype property is included on tcp candidates to provide additional details about the candidate type.
... the rtcicecandidate interface's read-only tcptype property is included on tcp candidates to provide additional details about the candidate type.
...And 7 more matches
RTCIceServer.credentialType - Web APIs
the rtciceserver dictionary's credentialtype property is a string value from the rtcicecredentialtype enum which indicates what type of credential the rtciceserver.credential value is.
... the rtciceserver dictionary's credentialtype property is a string value from the rtcicecredentialtype enum which indicates what type of credential the rtciceserver.credential value is.
... the rtciceserver dictionary's credentialtype property is a string value from the rtcicecredentialtype enum which indicates what type of credential the rtciceserver.credential value is.
...And 7 more matches
XRReferenceSpaceType - Web APIs
the xrreferencespacetype enumerated type defines the strings which identify the types of reference spaces supported by webxr.
... the xrreferencespacetype enumerated type defines the strings which identify the types of reference spaces supported by webxr.
...ype defines the strings which identify the types of reference spaces supported by webxr.
...And 7 more matches
CSP: trusted-types - HTTP
the http content-security-policy (csp) trusted-types directive instructs user agents to restrict usage of known dom xss sinks to a predefined set of functions that only accept non-spoofable, typed values in place of strings.
...ct usage of known dom xss sinks to a predefined set of functions that only accept non-spoofable, typed values in place of strings.
...redefined set of functions that only accept non-spoofable, typed values in place of strings.
...And 7 more matches
TypeError: "x" is not a non-null object - JavaScript
the javascript exception "is not a non-null object" occurs when an object is expected somewhere and wasn't provided.
... the javascript exception "is not a non-null object" occurs when an object is expected somewhere and wasn't provided.
... the javascript exception "is not a non-null object" occurs when an object is expected somewhere and wasn't provided.
...And 7 more matches
TypeError: 'x' is not iterable - JavaScript
the javascript exception "is not iterable" occurs when the value which is given as the right hand-side of for…of or as argument of a function such as promise.all or typedarray.from, is not an iterable object.
... the javascript exception "is not iterable" occurs when the value which is given as the right hand-side of for…of or as argument of a function such as promise.all or typedarray.from, is not an iterable object.
... the javascript exception "is not iterable" occurs when the value which is given as the right hand-side of for…of or as argument of a function such as promise.all or typedarray.from, is not an iterable object.
...And 7 more matches
Array.prototype.every() - JavaScript
) polyfill every was added to the ecma-262 standard in the 5th edition, and it may not be present in other implementations of the standard.
...plementations of the standard.
...d.
...And 7 more matches
Array.prototype.indexOf() - JavaScript
ront to back.
...see string.prototype.indexof().
...native support.
...And 7 more matches
Function.prototype.apply() - JavaScript
ndefined or null a similar outcome can be achieved using the array spread syntax.
... min = math.min(submin, min); } return min; } let min = minofarray([5, 6, 2, 3, 7]); using apply to chain constructors you can use apply to chain constructors for an object (similar to java).
...y([5, 6, 2, 3, 7]); using apply to chain constructors you can use apply to chain constructors for an object (similar to java).
...And 7 more matches
textbox.type - Archive of obsolete content
« xul reference home type type: one of the values below you can set the type attribute to one of the values below for a more specialized type of textbox.
... « xul reference home type type: one of the values below you can set the type attribute to one of the values below for a more specialized type of textbox.
...derbird/seamonkey]) (firefox) number a textbox that only allows the user to enter numbers.
...And 6 more matches
toolbarbutton.type - Archive of obsolete content
« xul reference home type type: string the type of button.
... « xul reference home type type: string the type of button.
...h a menu popup.
...And 6 more matches
Visual typescript game engine - Game development
project : visual typescript game engine version: sunshine - 2019 2d canvas game engine based on matter.js 2d physics engine for the web.
... project : visual typescript game engine version: sunshine - 2019 2d canvas game engine based on matter.js 2d physics engine for the web.
...m elements.
...And 6 more matches
Type - MDN Web Docs Glossary: Definitions of Web-related terms
type is a characteristic of a value affecting what kind of data it can store, and the structure that the data will adhere to.
... type is a characteristic of a value affecting what kind of data it can store, and the structure that the data will adhere to.
... type is a characteristic of a value affecting what kind of data it can store, and the structure that the data will adhere to.
...And 6 more matches
JS_LinkConstructorAndPrototype
this article covers features introduced in spidermonkey 17 set up ctor.prototype = proto and proto.constructor = ctor with the right property flags.
... this article covers features introduced in spidermonkey 17 set up ctor.prototype = proto and proto.constructor = ctor with the right property flags.
... this article covers features introduced in spidermonkey 17 set up ctor.prototype = proto and proto.constructor = ctor with the right property flags.
...And 6 more matches
ClipboardItem.types - Web APIs
the read-only types property of the clipboarditem interface returns an array of mime types available within the clipboarditem syntax var types = clipboarditem.types; value an array of available mime types.
... the read-only types property of the clipboarditem interface returns an array of mime types available within the clipboarditem syntax var types = clipboarditem.types; value an array of available mime types.
... the read-only types property of the clipboarditem interface returns an array of mime types available within the clipboarditem syntax var types = clipboarditem.types; value an array of available mime types.
...And 6 more matches
HTMLFormElement.enctype - Web APIs
the htmlformelement.enctype property is the mime type of content that is used to submit the form to the server.
... the htmlformelement.enctype property is the mime type of content that is used to submit the form to the server.
... the htmlformelement.enctype property is the mime type of content that is used to submit the form to the server.
...And 6 more matches
InputEvent.inputType - Web APIs
the inputtype read-only property of the inputevent interface returns the type of change made to editible content.
... the inputtype read-only property of the inputevent interface returns the type of change made to editible content.
... the inputtype read-only property of the inputevent interface returns the type of change made to editible content.
...And 6 more matches
MimeType - Web APIs
Web › API › MimeType
the mimetype interface provides contains information about a mime type associated with a particular plugin.
... the mimetype interface provides contains information about a mime type associated with a particular plugin.
... the mimetype interface provides contains information about a mime type associated with a particular plugin.
...And 6 more matches
RTCSessionDescription.type - Web APIs
the property rtcsessiondescription.type is a read-only value of type rtcsdptype which describes the description's type.
... the property rtcsessiondescription.type is a read-only value of type rtcsdptype which describes the description's type.
... the property rtcsessiondescription.type is a read-only value of type rtcsdptype which describes the description's type.
...And 6 more matches
Response.type - Web APIs
Web › API › Response › type
the type read-only property of the response interface contains the type of the response.
... one of the following: basic: normal, same origin response, with all headers exposed except “set-cookie” and “set-cookie2″.
...om response.error().
...And 6 more matches
SVGUnitTypes - Web APIs
the svgunittypes interface defines a commonly used set of constants used for reflecting gradientunits, patterncontentunits and other similar attributes.
...units, patterncontentunits and other similar attributes.
...absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/svgunittypes" target="_top"><rect x="1" y="1" width="120" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="61" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgunittypes</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_unit_type_unknown 0 the type is not one of predefined types.
...And 6 more matches
TypeInfo - Web APIs
Web › API › TypeInfo
the obsolete typeinfo interface was intended to be used to describe a dom data type by keying its name to a namespace within the document's schema.
... the obsolete typeinfo interface was intended to be used to describe a dom data type by keying its name to a namespace within the document's schema.
... the obsolete typeinfo interface was intended to be used to describe a dom data type by keying its name to a namespace within the document's schema.
...And 6 more matches
<input type="hidden"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › hidden
<input> elements of type hidden let web developers include data that cannot be seen or modified by users when a form is submitted.
...is submitted.
... see nothing!
...And 6 more matches
TypeError: property "x" is non-configurable and can't be deleted - JavaScript
the javascript exception "property is non-configurable and can't be deleted" occurs when it was attempted to delete a property, but that property is non-configurable.
... the javascript exception "property is non-configurable and can't be deleted" occurs when it was attempted to delete a property, but that property is non-configurable.
... the javascript exception "property is non-configurable and can't be deleted" occurs when it was attempted to delete a property, but that property is non-configurable.
...And 6 more matches
Array.prototype.findIndex() - JavaScript
cation of callback.
...ll not process the elements appended to the array after the call to findindex() begins.
...er the call to findindex() begins.
...And 6 more matches
Array.prototype.forEach() - JavaScript
to execute side effects at the end of a chain.
...t the end of a chain.
...oreach() does not mutate the array on which it is called.
...And 6 more matches
Array.prototype.some() - JavaScript
!
... all implementations of the standard.
...lowing use of some() in implementations which do not natively support it.
...And 6 more matches
contentStyleType - SVG: Scalable Vector Graphics
the contentstyletype attribute specifies the style sheet language for the given document fragment on the <svg> element.
... the contentstyletype attribute specifies the style sheet language for the given document fragment on the <svg> element.
... the contentstyletype attribute specifies the style sheet language for the given document fragment on the <svg> element.
...And 6 more matches
browser.type - Archive of obsolete content
« xul reference home type type: one of the values below.
... « xul reference home type type: one of the values below.
... « xul reference home type type: one of the values below.
...And 5 more matches
MIME type - MDN Web Docs Glossary: Definitions of Web-related terms
a mime type (now properly called "media type", but also sometimes "content type") is a string sent along with a file indicating the type of the file (describing the content format, for example, a sound file might be labeled audio/ogg, or an image file image/png).
...es "content type") is a string sent along with a file indicating the type of the file (describing the content format, for example, a sound file might be labeled audio/ogg, or an image file image/png).
...dicating the type of the file (describing the content format, for example, a sound file might be labeled audio/ogg, or an image file image/png).
...And 5 more matches
nsIAccessibleScrollType
accessible/public/nsiaccessibletypes.idlscriptable these constants control the scrolling of an object or substring into a window.
... accessible/public/nsiaccessibletypes.idlscriptable these constants control the scrolling of an object or substring into a window.
...letypes.idlscriptable these constants control the scrolling of an object or substring into a window.
...And 5 more matches
BasicCardRequest.supportedTypes - Web APIs
the obsolete supportedtypes property of the basiccardrequest dictionary can optionally be provided to specify an array of domstrings representing the card types that the retailer supports (e.g.
...ypes property of the basiccardrequest dictionary can optionally be provided to specify an array of domstrings representing the card types that the retailer supports (e.g.
... of the basiccardrequest dictionary can optionally be provided to specify an array of domstrings representing the card types that the retailer supports (e.g.
...And 5 more matches
CSSNumericValue.type - Web APIs
the type() method of the cssnumericvalue interface returns the type of cssnumericvalue, one of angle, flex, frequency, length, resolution, percent, percenthint, or time.
... the type() method of the cssnumericvalue interface returns the type of cssnumericvalue, one of angle, flex, frequency, length, resolution, percent, percenthint, or time.
... the type() method of the cssnumericvalue interface returns the type of cssnumericvalue, one of angle, flex, frequency, length, resolution, percent, percenthint, or time.
...And 5 more matches
DOMImplementation.createDocumentType() - Web APIs
the domimplementation.createdocumenttype() method returns a documenttype object which can either be used with domimplementation.createdocument upon document creation or can be put into the document via methods like node.insertbefore() or node.replacechild().
... the domimplementation.createdocumenttype() method returns a documenttype object which can either be used with domimplementation.createdocument upon document creation or can be put into the document via methods like node.insertbefore() or node.replacechild().
... the domimplementation.createdocumenttype() method returns a documenttype object which can either be used with domimplementation.createdocument upon document creation or can be put into the document via methods like node.insertbefore() or node.replacechild().
...And 5 more matches
HTMLObjectElement.typeMustMatch - Web APIs
the htmlobjectelement.typemustmatch property is a boolean that reflects the typemustmatch attribute of the <object> element.
... the htmlobjectelement.typemustmatch property is a boolean that reflects the typemustmatch attribute of the <object> element.
... the htmlobjectelement.typemustmatch property is a boolean that reflects the typemustmatch attribute of the <object> element.
...And 5 more matches
Media Session action types - Web APIs
to support an action on a media session, such as seeking, pausing, or changing tracks, you need to call the mediasession interface's setactionhandler() method to establish a handler for that action.
... to support an action on a media session, such as seeking, pausing, or changing tracks, you need to call the mediasession interface's setactionhandler() method to establish a handler for that action.
... to support an action on a media session, such as seeking, pausing, or changing tracks, you need to call the mediasession interface's setactionhandler() method to establish a handler for that action.
...And 5 more matches
NDEFRecord.recordType - Web APIs
the recordtype property ofthe ndefrecord interface is usvstring containing the ndef record type.
... the recordtype property ofthe ndefrecord interface is usvstring containing the ndef record type.
...ce is usvstring containing the ndef record type.
...And 5 more matches
OscillatorNode.type - Web APIs
the type property of the oscillatornode interface specifies what shape of waveform the oscillator will output.
... the type property of the oscillatornode interface specifies what shape of waveform the oscillator will output.
... the type property of the oscillatornode interface specifies what shape of waveform the oscillator will output.
...And 5 more matches
PerformanceNavigation.type - Web APIs
this interface of this property is deprecated in the navigation timing level 2 specification.
... this interface of this property is deprecated in the navigation timing level 2 specification.
...ad.
...And 5 more matches
RTCNetworkType - Web APIs
the webrtc rtcnetworktype enumerated type defines a set of strings used to identify the type of network used by a connection between two peers.
... the webrtc rtcnetworktype enumerated type defines a set of strings used to identify the type of network used by a connection between two peers.
... the webrtc rtcnetworktype enumerated type defines a set of strings used to identify the type of network used by a connection between two peers.
...And 5 more matches
Report.type - Web APIs
Web › API › Report › type
the type read-only property of the report interface returns the type of report generated, e.g.
... the type read-only property of the report interface returns the type of report generated, e.g.
... the type read-only property of the report interface returns the type of report generated, e.g.
...And 5 more matches
WakeLockSentinel.type - Web APIs
the read-only type property of the wakelocksentinel interface returns a string representation of the currently acquired wakelocksentinel type.
... the read-only type property of the wakelocksentinel interface returns a string representation of the currently acquired wakelocksentinel type.
... the read-only type property of the wakelocksentinel interface returns a string representation of the currently acquired wakelocksentinel type.
...And 5 more matches
:first-of-type - CSS: Cascading Style Sheets
the :first-of-type css pseudo-class represents the first element of its type among a group of sibling elements.
... the :first-of-type css pseudo-class represents the first element of its type among a group of sibling elements.
... the :first-of-type css pseudo-class represents the first element of its type among a group of sibling elements.
...And 5 more matches
:last-of-type - CSS: Cascading Style Sheets
the :last-of-type css pseudo-class represents the last element of its type among a group of sibling elements.
... the :last-of-type css pseudo-class represents the last element of its type among a group of sibling elements.
... the :last-of-type css pseudo-class represents the last element of its type among a group of sibling elements.
...And 5 more matches
:nth-last-of-type() - CSS: Cascading Style Sheets
the :nth-last-of-type() css pseudo-class matches elements of a given type, based on their position among a group of siblings, counting from the end.
... the :nth-last-of-type() css pseudo-class matches elements of a given type, based on their position among a group of siblings, counting from the end.
... the :nth-last-of-type() css pseudo-class matches elements of a given type, based on their position among a group of siblings, counting from the end.
...And 5 more matches
scroll-snap-type-x - CSS: Cascading Style Sheets
the scroll-snap-type-x css property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one.
... the scroll-snap-type-x css property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one.
... the scroll-snap-type-x css property defines how strictly snap points are enforced on the horizontal axis of the scroll container in case there is one.
...And 5 more matches
scroll-snap-type-y - CSS: Cascading Style Sheets
the scroll-snap-type-y css property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.
... the scroll-snap-type-y css property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.
... the scroll-snap-type-y css property defines how strictly snap points are enforced on the vertical axis of the scroll container in case there is one.
...And 5 more matches
TypeError: can't define property "x": "obj" is not extensible - JavaScript
the javascript exception "can't define property "x": "obj" is not extensible" occurs when object.preventextensions() marked an object as no longer extensible, so that it will never have properties beyond the ones it had at the time it was marked as non-extensible.
... the javascript exception "can't define property "x": "obj" is not extensible" occurs when object.preventextensions() marked an object as no longer extensible, so that it will never have properties beyond the ones it had at the time it was marked as non-extensible.
...xception "can't define property "x": "obj" is not extensible" occurs when object.preventextensions() marked an object as no longer extensible, so that it will never have properties beyond the ones it had at the time it was marked as non-extensible.
...And 5 more matches
TypeError: setting getter-only property "x" - JavaScript
the javascript strict mode-only exception "setting getter-only property" occurs when there is an attempt to set a new value to a property for which only a getter is specified.
... the javascript strict mode-only exception "setting getter-only property" occurs when there is an attempt to set a new value to a property for which only a getter is specified.
... the javascript strict mode-only exception "setting getter-only property" occurs when there is an attempt to set a new value to a property for which only a getter is specified.
...And 5 more matches
TypeError: invalid assignment to const "x" - JavaScript
the javascript exception "invalid assignment to const" occurs when it was attempted to alter a constant value.
... the javascript exception "invalid assignment to const" occurs when it was attempted to alter a constant value.
... the javascript exception "invalid assignment to const" occurs when it was attempted to alter a constant value.
...And 5 more matches
Array.prototype.filter() - JavaScript
re, it may not be present in all implementations of the standard.
...implementations of the standard.
... this by inserting the following code at the beginning of your scripts, allowing use of filter() in ecma-262 implementations which do not natively support it.
...And 5 more matches
Function.prototype.toString() - JavaScript
stored in a github repository.
...from object; it does not inherit object.prototype.tostring.
...ect.prototype.tostring.
...And 5 more matches
Intl.DisplayNames.prototype.of() - JavaScript
ing based on the locale and options provided when instantiating intl.displaynames.
...locale and options provided when instantiating intl.displaynames.
... repository.
...And 5 more matches
Intl.RelativeTimeFormat.prototype.formatToParts() - JavaScript
the intl.relativetimeformat.prototype.formattoparts() method returns an array of objects representing the relative time format in parts that can be used for custom locale-aware formatting.
...ue numeric value to use in the internationalized relative time message.
... value an array of objects containing the formatted relative time in parts.
...And 5 more matches
Object.prototype.toLocaleString() - JavaScript
com/mdn/interactive-examples and send us a pull request.
...pull request.
...ng() return value a string representing the object.
...And 5 more matches
Promise.prototype.catch() - JavaScript
the catch() method returns a promise and deals with rejected cases only.
...nrejected); p.catch(function(reason) { // rejection }); parameters onrejected a function called when the promise is rejected.
...ll, which is a promise.
...And 5 more matches
RegExp.prototype[@@replace]() - JavaScript
ct, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...r (replacement) the string that replaces the substring.
...totype.replace() page.
...And 5 more matches
button.type - Archive of obsolete content
« xul reference home type type: one of the values below the type of button.
... « xul reference home type type: one of the values below the type of button.
... « xul reference home type type: one of the values below the type of button.
...And 4 more matches
JS_GetArrayPrototype
this article covers features introduced in spidermonkey 24 retrieves the original, canonical array.prototype for an object's global object.
... this article covers features introduced in spidermonkey 24 retrieves the original, canonical array.prototype for an object's global object.
... this article covers features introduced in spidermonkey 24 retrieves the original, canonical array.prototype for an object's global object.
...And 4 more matches
JS_GetFunctionPrototype
this article covers features introduced in spidermonkey 17 retrieves the original, canonical function.prototype for an object's global object.
... this article covers features introduced in spidermonkey 17 retrieves the original, canonical function.prototype for an object's global object.
... this article covers features introduced in spidermonkey 17 retrieves the original, canonical function.prototype for an object's global object.
...And 4 more matches
JS_GetObjectPrototype
this article covers features introduced in spidermonkey 17 retrieves the original, canonical object.prototype for an object's global object.
... this article covers features introduced in spidermonkey 17 retrieves the original, canonical object.prototype for an object's global object.
... this article covers features introduced in spidermonkey 17 retrieves the original, canonical object.prototype for an object's global object.
...And 4 more matches
Client.type - Web APIs
Web › API › Client › type
the type read-only property of the client interface indicates the type of client the service worker is controlling.
... the type read-only property of the client interface indicates the type of client the service worker is controlling.
... the type read-only property of the client interface indicates the type of client the service worker is controlling.
...And 4 more matches
GamepadHapticActuator.type - Web APIs
the type read-only property of the gamepadhapticactuator interface returns an enum representing the type of the haptic hardware.
... the type read-only property of the gamepadhapticactuator interface returns an enum representing the type of the haptic hardware.
... the type read-only property of the gamepadhapticactuator interface returns an enum representing the type of the haptic hardware.
...And 4 more matches
NonDocumentTypeChildNode - Web APIs
the nondocumenttypechildnode interface contains methods that are particular to node objects that can have a parent, but not suitable for documenttype.
... the nondocumenttypechildnode interface contains methods that are particular to node objects that can have a parent, but not suitable for documenttype.
... the nondocumenttypechildnode interface contains methods that are particular to node objects that can have a parent, but not suitable for documenttype.
...And 4 more matches
RTCStats.type - Web APIs
Web › API › RTCStats › type
the rtcstats dictionary's property type is a string which specifies the type of statistic represented by the object, where the permitted values are drawn from the enum type rtcstatstype.
... the rtcstats dictionary's property type is a string which specifies the type of statistic represented by the object, where the permitted values are drawn from the enum type rtcstatstype.
... the rtcstats dictionary's property type is a string which specifies the type of statistic represented by the object, where the permitted values are drawn from the enum type rtcstatstype.
...And 4 more matches
:nth-of-type() - CSS: Cascading Style Sheets
the :nth-of-type() css pseudo-class matches elements of a given type (tag name), based on their position among a group of siblings.
... the :nth-of-type() css pseudo-class matches elements of a given type (tag name), based on their position among a group of siblings.
... the :nth-of-type() css pseudo-class matches elements of a given type (tag name), based on their position among a group of siblings.
...And 4 more matches
:only-of-type - CSS: Cascading Style Sheets
the :only-of-type css pseudo-class represents an element that has no siblings of the same type.
... the :only-of-type css pseudo-class represents an element that has no siblings of the same type.
... the :only-of-type css pseudo-class represents an element that has no siblings of the same type.
...And 4 more matches
TypeError: cyclic object value - JavaScript
the javascript exception "cyclic object value" occurs when object references were found in json.
... the javascript exception "cyclic object value" occurs when object references were found in json.
... the javascript exception "cyclic object value" occurs when object references were found in json.
...And 4 more matches
TypeError: "x" has no properties - JavaScript
the javascript exception "null (or undefined) has no properties" occurs when you attempt to access properties of null and undefined.
... the javascript exception "null (or undefined) has no properties" occurs when you attempt to access properties of null and undefined.
... the javascript exception "null (or undefined) has no properties" occurs when you attempt to access properties of null and undefined.
...And 4 more matches
Doctype - MDN Web Docs Glossary: Definitions of Web-related terms
in html, the doctype is the required "<!doctype html>" preamble found at the top of all documents.
... in html, the doctype is the required "<!doctype html>" preamble found at the top of all documents.
... in html, the doctype is the required "<!doctype html>" preamble found at the top of all documents.
...And 3 more matches
Effective connection type - MDN Web Docs Glossary: Definitions of Web-related terms
effective connection type (ect) refers to the measured network performance, returning a cellular connection type, like 3g, even if the actual connection is tethered broadband or wifi, based on the time between the browser requesting a page and effective type of the connection.
...(ect) refers to the measured network performance, returning a cellular connection type, like 3g, even if the actual connection is tethered broadband or wifi, based on the time between the browser requesting a page and effective type of the connection.
...etwork is suited for small transfers only such as text-only pages.
...And 3 more matches
Type coercion - MDN Web Docs Glossary: Definitions of Web-related terms
type coercion is the automatic or implicit conversion of values from one data type to another (such as strings to numbers).
... type coercion is the automatic or implicit conversion of values from one data type to another (such as strings to numbers).
... type coercion is the automatic or implicit conversion of values from one data type to another (such as strings to numbers).
...And 3 more matches
PRThreadType
the type of an nspr thread, specified as a parameter to pr_createthread.
... the type of an nspr thread, specified as a parameter to pr_createthread.
... the type of an nspr thread, specified as a parameter to pr_createthread.
...And 3 more matches
JSExnType
this article covers features introduced in spidermonkey 17 possible exception types.
... this article covers features introduced in spidermonkey 17 possible exception types.
...d in spidermonkey 17 possible exception types.
...And 3 more matches
JS_GetErrorPrototype
this article covers features introduced in spidermonkey 38 return the original value of error.prototype.
... this article covers features introduced in spidermonkey 38 return the original value of error.prototype.
... this article covers features introduced in spidermonkey 38 return the original value of error.prototype.
...And 3 more matches
BiquadFilterNode.type - Web APIs
the type property of the biquadfilternode interface is a string (enum) value defining the kind of filtering algorithm the node is implementing.
... the type property of the biquadfilternode interface is a string (enum) value defining the kind of filtering algorithm the node is implementing.
... the type property of the biquadfilternode interface is a string (enum) value defining the kind of filtering algorithm the node is implementing.
...And 3 more matches
CSSPrimitiveValue.primitiveType - Web APIs
the primitivetype read-only property of the cssprimitivevalue interface represents the type of a css value.
... the primitivetype read-only property of the cssprimitivevalue interface represents the type of a css value.
... the primitivetype read-only property of the cssprimitivevalue interface represents the type of a css value.
...And 3 more matches
CSSValue.cssValueType - Web APIs
the cssvaluetype read-only property of the cssvalue interface represents the type of the current computed css property value.
... the cssvaluetype read-only property of the cssvalue interface represents the type of the current computed css property value.
... the cssvaluetype read-only property of the cssvalue interface represents the type of the current computed css property value.
...And 3 more matches
Document.contentType - Web APIs
the document.contenttype read-only property returns the mime type that the document is being rendered as.
... the document.contenttype read-only property returns the mime type that the document is being rendered as.
... the document.contenttype read-only property returns the mime type that the document is being rendered as.
...And 3 more matches
RTCIceCandidateStats.candidateType - Web APIs
the rtcicecandidatestats interface's candidatetype property is a string which indicates the type of ice candidate the object represents.
... the rtcicecandidatestats interface's candidatetype property is a string which indicates the type of ice candidate the object represents.
... the rtcicecandidatestats interface's candidatetype property is a string which indicates the type of ice candidate the object represents.
...And 3 more matches
RTCIceCandidateType - Web APIs
the webrtc api's rtcicecandidatetype enumerated type provides a set of domstring values representing the types of ice candidate that can arrive.
... the webrtc api's rtcicecandidatetype enumerated type provides a set of domstring values representing the types of ice candidate that can arrive.
...peer anonymously.
...And 3 more matches
Selection.type - Web APIs
Web › API › Selection › type
the type read-only property of the selection interface returns a domstring describing the type of the current selection.
... the type read-only property of the selection interface returns a domstring describing the type of the current selection.
... the type read-only property of the selection interface returns a domstring describing the type of the current selection.
...And 3 more matches
TaskAttributionTiming.containerType - Web APIs
the containertype readonly property of the taskattributiontiming interface returns the type of frame container, one of iframe, embed, or object.
... the containertype readonly property of the taskattributiontiming interface returns the type of frame container, one of iframe, embed, or object.
... the containertype readonly property of the taskattributiontiming interface returns the type of frame container, one of iframe, embed, or object.
...And 3 more matches
XMLHttpRequestResponseType - Web APIs
the xmlhttprequestresponsetype type is an enumerated set of strings which are used to specify the type of data contained in the response of an xmlhttprequest.
... the xmlhttprequestresponsetype type is an enumerated set of strings which are used to specify the type of data contained in the response of an xmlhttprequest.
... the xmlhttprequestresponsetype type is an enumerated set of strings which are used to specify the type of data contained in the response of an xmlhttprequest.
...And 3 more matches
Type selectors - CSS: Cascading Style Sheets
the css type selector matches elements by node name.
... the css type selector matches elements by node name.
... a document.
...And 3 more matches
exsl:object-type() - EXSLT
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes exsl:object-type() returns a string that indicates the type of the specified object.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes exsl:object-type() returns a string that indicates the type of the specified object.
...tring that indicates the type of the specified object.
...And 3 more matches
TypeError: can't assign to property "x" on "y": not an object - JavaScript
the javascript strict mode exception "can't assign to property" occurs when attempting to create a property on primitive value such as a symbol, a string, a number or a boolean.
... the javascript strict mode exception "can't assign to property" occurs when attempting to create a property on primitive value such as a symbol, a string, a number or a boolean.
... the javascript strict mode exception "can't assign to property" occurs when attempting to create a property on primitive value such as a symbol, a string, a number or a boolean.
...And 3 more matches
TypeError: can't redefine non-configurable property "x" - JavaScript
the javascript exception "can't redefine non-configurable property" occurs when it was attempted to redefine a property, but that property is non-configurable.
... the javascript exception "can't redefine non-configurable property" occurs when it was attempted to redefine a property, but that property is non-configurable.
... the javascript exception "can't redefine non-configurable property" occurs when it was attempted to redefine a property, but that property is non-configurable.
...And 3 more matches
Warning: Date.prototype.toLocaleFormat is deprecated - JavaScript
the javascript warning "date.prototype.tolocaleformat is deprecated; consider using intl.datetimeformat instead" occurs when the non-standard date.prototype.tolocaleformat method is used.
... the javascript warning "date.prototype.tolocaleformat is deprecated; consider using intl.datetimeformat instead" occurs when the non-standard date.prototype.tolocaleformat method is used.
... the javascript warning "date.prototype.tolocaleformat is deprecated; consider using intl.datetimeformat instead" occurs when the non-standard date.prototype.tolocaleformat method is used.
...And 3 more matches
TypeError: can't delete non-configurable array element - JavaScript
the javascript exception "can't delete non-configurable array element" occurs when it was attempted to shorten the length of an array, but one of the array's elements is non-configurable.
... the javascript exception "can't delete non-configurable array element" occurs when it was attempted to shorten the length of an array, but one of the array's elements is non-configurable.
... the javascript exception "can't delete non-configurable array element" occurs when it was attempted to shorten the length of an array, but one of the array's elements is non-configurable.
...And 3 more matches
Array.prototype[@@unscopables] - JavaScript
script standard prior to the es2015 version.
...ymbol.unscopables for how to set unscopables for your own objects.
... enumerable no configurable yes examples use in with environments the following code works fine in es5 and below.
...And 3 more matches
Array.prototype.copyWithin() - JavaScript
end copying elements from.
... as one operation; pasted sequence will have the copied values even when the copy and paste region overlap.
...d values even when the copy and paste region overlap.
...And 3 more matches
Array.prototype.slice() - JavaScript
2}}, 2] mycar[0].color = red newcar[0].color = red the new color of my honda is purple mycar[0].color = purple newcar[0].color = purple array-like objects slice method can also be called to convert array-like objects/collections to a new array.
...rple array-like objects slice method can also be called to convert array-like objects/collections to a new array.
...cts/collections to a new array.
...And 3 more matches
Date.prototype.toString() - JavaScript
ed date object.
... source for this interactive example is stored in a github repository.
... interactive example is stored in a github repository.
...And 3 more matches
Object.prototype.propertyIsEnumerable() - JavaScript
parameters prop the name of the property to test.
...); // returns true a.propertyisenumerable('length'); // returns false math.propertyisenumerable('random'); // returns false this.propertyisenumerable('math'); // returns false direct vs.
...rtyisenumerable('math'); // returns false direct vs.
...And 3 more matches
Promise.prototype.finally() - JavaScript
then(() => {}, () => {}) (which will be fulfilled with undefined), promise.reject(3).finally(() => {}) will be rejected with 3.
...be fulfilled with undefined), promise.reject(3).finally(() => {}) will be rejected with 3.
...fined), promise.reject(3).finally(() => {}) will be rejected with 3.
...And 3 more matches
TypeError() constructor - JavaScript
the typeerror() constructor creates a new error when an operation could not be performed, typically (but not exclusively) when a value is not of the expected type.
... the typeerror() constructor creates a new error when an operation could not be performed, typically (but not exclusively) when a value is not of the expected type.
...usively) when a value is not of the expected type.
...And 3 more matches
TypedArray.name - JavaScript
the typedarray.name property represents a string value of the typed array constructor name.
... the typedarray.name property represents a string value of the typed array constructor name.
...his interactive example is stored in a github repository.
...And 3 more matches
contentScriptType - SVG: Scalable Vector Graphics
the contentscripttype attribute specifies the default scripting language for the given document fragment on the <svg> element.
... the contentscripttype attribute specifies the default scripting language for the given document fragment on the <svg> element.
... the contentscripttype attribute specifies the default scripting language for the given document fragment on the <svg> element.
...And 3 more matches
type - SVG: Scalable Vector Graphics
Web › SVG › Attribute › type
the type attribute is a generic attribute and it has different meaning based on the context in which it's used.
... the type attribute is a generic attribute and it has different meaning based on the context in which it's used.
... the type attribute is a generic attribute and it has different meaning based on the context in which it's used.
...And 3 more matches
datepicker.type - Archive of obsolete content
« xul reference home type type: one of the values below you can set the type attribute to one of the values below to specify the type of datepicker to use normal a datepicker with three fields for entering the year, month and date.
... « xul reference home type type: one of the values below you can set the type attribute to one of the values below to specify the type of datepicker to use normal a datepicker with three fields for entering the year, month and date.
....
...And 2 more matches
windowtype - Archive of obsolete content
« xul reference home windowtype type: string set to a string which can be used to identify the type of window.
... « xul reference home windowtype type: string set to a string which can be used to identify the type of window.
... « xul reference home windowtype type: string set to a string which can be used to identify the type of window.
...And 2 more matches
calIFileType - Archive of obsolete content
summary the califiletype interface provides information about a specific file type.
... summary the califiletype interface provides information about a specific file type.
... summary the califiletype interface provides information about a specific file type.
...And 2 more matches
Date.prototype.toLocaleFormat() - Archive of obsolete content
the non-standard tolocaleformat() method converts a date to a string using the specified formatting.
... the non-standard tolocaleformat() method converts a date to a string using the specified formatting.
...s method.
...And 2 more matches
Type, class, and ID selectors - Learn web development
rs that are available, which you will probably use the most in your work.
...ble, which you will probably use the most in your work.
...ave applied it to several places in my document.
...And 2 more matches
JS_InitCTypesClass
this article covers features introduced in spidermonkey 1.8.5 initialize the ctypes object on a global object.
... this article covers features introduced in spidermonkey 1.8.5 initialize the ctypes object on a global object.
... this article covers features introduced in spidermonkey 1.8.5 initialize the ctypes object on a global object.
...And 2 more matches
nsMsgNavigationType
the nsmsgnavigationtype interface contains constants used for message navigation in thunderbird.
... the nsmsgnavigationtype interface contains constants used for message navigation in thunderbird.
... constants used for message navigation in thunderbird.
...And 2 more matches
CSSPseudoElement.type - Web APIs
the type read-only property of the csspseudoelement interface returns the type of the pseudo-element as a string, represented in the form of a css selector.
... the type read-only property of the csspseudoelement interface returns the type of the pseudo-element as a string, represented in the form of a css selector.
... the type read-only property of the csspseudoelement interface returns the type of the pseudo-element as a string, represented in the form of a css selector.
...And 2 more matches
msAudioDeviceType - Web APIs
non-standard this feature is non-standard and is not on a standards track.
...ard and is not on a standards track.
... user.
...And 2 more matches
HTMLStyleElement.type - Web APIs
the htmlstyleelement.type read-only property returns the type of the current style.
... the htmlstyleelement.type read-only property returns the type of the current style.
... the htmlstyleelement.type read-only property returns the type of the current style.
...And 2 more matches
initDataTypes - Web APIs
the mediakeysystemconfiguration.initdatatypes read-only property returns a list of supported initialization data type names.
... the mediakeysystemconfiguration.initdatatypes read-only property returns a list of supported initialization data type names.
... the mediakeysystemconfiguration.initdatatypes read-only property returns a list of supported initialization data type names.
...And 2 more matches
NonDocumentTypeChildNode.nextElementSibling - Web APIs
the nondocumenttypechildnode.nextelementsibling read-only property returns the element immediately following the specified one in its parent's children list, or null if the specified element is the last one in the list.
... the nondocumenttypechildnode.nextelementsibling read-only property returns the element immediately following the specified one in its parent's children list, or null if the specified element is the last one in the list.
...lowing into the console when it loads: siblings of div-01: div script polyfill for internet explorer 8 this property is unsupported prior to ie9, so the following snippet can be used to add support to ie8: // source: https://github.com/alhadis/snippets/blob/master/js/polyfills/ie8-child-elements.js if(!("nextelementsibling" in document.documentelement)){ object.defineproperty(element.prototype, "nextelementsibling", { get: function(){ var e = this.nextsibling; while(e && 1 !== e.nodetype) e = e.nextsibling; return e; } }); } polyfill for internet explorer 9+ and safari // source: https://github.com/jserz/js_piece/blob/master/dom/nondocumenttypechildnode/nextelementsibling/nextelementsibling.md (function (arr) { ...
...And 2 more matches
NonDocumentTypeChildNode.previousElementSibling - Web APIs
the nondocumenttypechildnode.previouselementsibling read-only property returns the element immediately prior to the specified one in its parent's children list, or null if the specified element is the first one in the list.
...iblings of div-03 1.
... unsupported prior to ie9, so the following snippet can be used to add support to ie8: // source: https://github.com/alhadis/snippets/blob/master/js/polyfills/ie8-child-elements.js if(!("previouselementsibling" in document.documentelement)){ object.defineproperty(element.prototype, "previouselementsibling", { get: function(){ var e = this.previoussibling; while(e && 1 !== e.nodetype) e = e.previoussibling; return e; } }); } polyfill for internet explorer 9+ and safari // source: https://github.com/jserz/js_piece/blob/master/dom/nondocumenttypechildnode/previouselementsibling/previouselementsibling.md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('previouselementsibling')) { return; } object.defineproperty(it...
...And 2 more matches
PaymentRequest.shippingType - Web APIs
the shippingtype read-only property of the paymentrequest interface returns one of "shipping", "delivery", "pickup", or null if one was not provided by the constructor.
... the shippingtype read-only property of the paymentrequest interface returns one of "shipping", "delivery", "pickup", or null if one was not provided by the constructor.
... the shippingtype read-only property of the paymentrequest interface returns one of "shipping", "delivery", "pickup", or null if one was not provided by the constructor.
...And 2 more matches
PerformanceNavigationTiming.type - Web APIs
the type read-only property returns a string representing the type of navigation.
...r's address bar, form submission, or initializing through a script operation other than reload and back_forward as listed below.
...cation.reload().
...And 2 more matches
RTCIceTcpCandidateType - Web APIs
the webrtc api's rtcicetcpcandidatetype enumerated type provides a set of domstring values representing the types of tcp candidates.
...ues representing the types of tcp candidates.
...epresenting the types of tcp candidates.
...And 2 more matches
ScreenOrientation.type - Web APIs
the type read-only property of the screenorientation interface returns the document's current orientation type, one of "portrait-primary", "portrait-secondary", "landscape-primary", or "landscape-secondary".
... the type read-only property of the screenorientation interface returns the document's current orientation type, one of "portrait-primary", "portrait-secondary", "landscape-primary", or "landscape-secondary".
... the type read-only property of the screenorientation interface returns the document's current orientation type, one of "portrait-primary", "portrait-secondary", "landscape-primary", or "landscape-secondary".
...And 2 more matches
StorageQuota.supportedTypes - Web APIs
the supportedtypes read-only property of the storagequota interface returns a list of the available storage types.
... the supportedtypes read-only property of the storagequota interface returns a list of the available storage types.
... the supportedtypes read-only property of the storagequota interface returns a list of the available storage types.
...And 2 more matches
CSS data types - CSS: Cascading Style Sheets
Web › CSS › CSS Types
css data types define typical values (including keywords and units) accepted by css properties and functions.
... css data types define typical values (including keywords and units) accepted by css properties and functions.
... css data types define typical values (including keywords and units) accepted by css properties and functions.
...And 2 more matches
<tt>: The Teletype Text element (obsolete) - HTML: Hypertext Markup Language
Web › HTML › Element › tt
the obsolete html teletype text element (<tt>) creates inline text which is presented using the user agent's default monospace font face.
... the obsolete html teletype text element (<tt>) creates inline text which is presented using the user agent's default monospace font face.
... the obsolete html teletype text element (<tt>) creates inline text which is presented using the user agent's default monospace font face.
...And 2 more matches
Array.prototype.fill() - JavaScript
it is treated as array.length + start.
...is negative, it is treated as array.length + end.
... this value be an array object.
...And 2 more matches
Array.prototype.lastIndexOf() - JavaScript
lastindexof was added to the ecma-262 standard in the 5th edition; as such it may not be present in other implementations of the standard.
... the beginning of your scripts, allowing use of lastindexof in implementations which do not natively support it.
...llowing use of lastindexof in implementations which do not natively support it.
...And 2 more matches
Array.prototype.values() - JavaScript
the values() method returns a new array iterator object that contains the values for each index in the array.
...ew array iterator object that contains the values for each index in the array.
...ins the values for each index in the array.
...And 2 more matches
Intl.Locale.prototype.calendar - JavaScript
the intl.locale.prototype.calendar property is an accessor property which returns the type of calendar used in the locale.
... the islamicc calendar key has been deprecated.
...ic calendar examples adding a calendar in the locale string calendar eras fall under the category of locale key "extension keys".
...And 2 more matches
Intl.PluralRules.prototype.resolvedOptions() - JavaScript
the intl.pluralrules.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and plural formatting options computed during initialization of this pluralrules object.
...bcp 47 language tag for the locale actually used.
...guage tag for the locale actually used.
...And 2 more matches
Number.prototype.toLocaleString() - JavaScript
} catch (e) { return e.name === 'rangeerror'; } return false; } prior to es5.1, implementations were not required to throw a range error exception if tolocalestring is called with arguments.
....1, implementations were not required to throw a range error exception if tolocalestring is called with arguments.
...ed to throw a range error exception if tolocalestring is called with arguments.
...And 2 more matches
Promise.prototype.then() - JavaScript
xecution 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.
...e chaining to implement one function with a promise-based api on top of another such function.
...ise-based api on top of another such function.
...And 2 more matches
RegExp.prototype[@@match]() - JavaScript
examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...ed matched results, or null if there were no matches.
...ch(), except the different this and the different arguments order.
...And 2 more matches
RegExp.prototype[@@split]() - JavaScript
onal integer specifying a limit on the number of splits to be found.
...ernally in string.prototype.split() if its separator argument is an object that has a @@split method, such as a regexp.
... except the different this and the different order of arguments.
...And 2 more matches
String.prototype.match() - JavaScript
xpression does not include the g flag, str.match() will return the same result as regexp.exec().
...tes the use of the global and ignore case flags with match().
...mber with a positive sign, regexp() will ignore the positive sign.
...And 2 more matches
String.prototype.repeat() - JavaScript
tring containing the specified number of copies of the given string.
... string.
...error: repeat count must be non-negative.
...And 2 more matches
String.prototype.toUpperCase() - JavaScript
ll be converted to a string if it isn't one).
...nteractive example is stored in a github repository.
... the string converted to uppercase.
...And 2 more matches
String.prototype.trimStart() - JavaScript
.
...rimstart() / trimleft() methods return the string stripped of whitespace from its left end.
...sing for consistency with functions like string.prototype.padstart the standard method name is trimstart.
...And 2 more matches
TypedArray.BYTES_PER_ELEMENT - JavaScript
the typedarray.bytes_per_element property represents the size in bytes of each element in an typed array.
... the typedarray.bytes_per_element property represents the size in bytes of each element in an typed array.
...ve example is stored in a github repository.
...And 2 more matches
toolkit.singletonWindowType - Archive of obsolete content
preference type: string specified by: default prefs of xulrunner applications default: none example: pref("toolkit.singletonwindowtype", "xulmine"); by default, the toolkit.defaultchromeuri preference will cause xulrunner to open a new main application window each time an application is invoked.
... preference type: string specified by: default prefs of xulrunner applications default: none example: pref("toolkit.singletonwindowtype", "xulmine"); by default, the toolkit.defaultchromeuri preference will cause xulrunner to open a new main application window each time an application is invoked.
...type: string specified by: default prefs of xulrunner applications default: none example: pref("toolkit.singletonwindowtype", "xulmine"); by default, the toolkit.defaultchromeuri preference will cause xulrunner to open a new main application window each time an application is invoked.
...pplications default: none example: pref("toolkit.singletonwindowtype", "xulmine"); by default, the toolkit.defaultchromeuri preference will cause xulrunner to open a new main application window each time an application is invoked.
Type conversion - MDN Web Docs Glossary: Definitions of Web-related terms
type conversion (or typecasting) means transfer of data from one data type to another.
... type conversion (or typecasting) means transfer of data from one data type to another.
... type conversion (or typecasting) means transfer of data from one data type to another.
...casting) means transfer of data from one data type to another.
PRCallOnceType
structure for tracking initialization.
... structure for tracking initialization.
... structure for tracking initialization.
...structure has these fields: initialized if not zero, the initialization process has been completed.
PRFileType
type for enumerators used in the type field of the prfileinfo and prfileinfo64 structures.
... type for enumerators used in the type field of the prfileinfo and prfileinfo64 structures.
... type for enumerators used in the type field of the prfileinfo and prfileinfo64 structures.
... type for enumerators used in the type field of the prfileinfo and prfileinfo64 structures.
nsIAccessibleCoordinateType
accessible/public/nsiaccessibletypes.idlscriptable these constants define which coordinate system a point is located in.
... accessible/public/nsiaccessibletypes.idlscriptable these constants define which coordinate system a point is located in.
...dlscriptable these constants define which coordinate system a point is located in.
...ted in.
Client.frameType - Web APIs
Web › API › Client › frameType
the frametype read-only property of the client interface indicates the type of browsing context of the current client.
... the frametype read-only property of the client interface indicates the type of browsing context of the current client.
... the frametype read-only property of the client interface indicates the type of browsing context of the current client.
... the frametype read-only property of the client interface indicates the type of browsing context of the current client.
HTMLObjectElement.type - Web APIs
the type property of the htmlobjectelement interface returns a domstring that reflects the type html attribute, specifying the mime type of the resource.
... the type property of the htmlobjectelement interface returns a domstring that reflects the type html attribute, specifying the mime type of the resource.
... the type property of the htmlobjectelement interface returns a domstring that reflects the type html attribute, specifying the mime type of the resource.
... the type property of the htmlobjectelement interface returns a domstring that reflects the type html attribute, specifying the mime type of the resource.
MediaKeyMessageEvent.messageType - Web APIs
the mediakeymessageevent.messagetype read-only property indicates the type of message.
... the mediakeymessageevent.messagetype read-only property indicates the type of message.
... the mediakeymessageevent.messagetype read-only property indicates the type of message.
... the mediakeymessageevent.messagetype read-only property indicates the type of message.
NDEFRecord.mediaType - Web APIs
the mediatype property ofthe ndefrecord interface is usvstring containing the mime type of the record payload.
... the mediatype property ofthe ndefrecord interface is usvstring containing the mime type of the record payload.
... the mediatype property ofthe ndefrecord interface is usvstring containing the mime type of the record payload.
... the mediatype property ofthe ndefrecord interface is usvstring containing the mime type of the record payload.
NetworkInformation.effectiveType - Web APIs
the effectivetype read-only property of the networkinformation interface returns the effective type of the connection meaning one of 'slow-2g', '2g', '3g', or '4g'.
... the effectivetype read-only property of the networkinformation interface returns the effective type of the connection meaning one of 'slow-2g', '2g', '3g', or '4g'.
... the effectivetype read-only property of the networkinformation interface returns the effective type of the connection meaning one of 'slow-2g', '2g', '3g', or '4g'.
...eaning one of 'slow-2g', '2g', '3g', or '4g'.
NetworkInformation.type - Web APIs
the networkinformation.type read-only property returns the type of connection a device is using to communicate with the network.
... the networkinformation.type read-only property returns the type of connection a device is using to communicate with the network.
... the networkinformation.type read-only property returns the type of connection a device is using to communicate with the network.
...ce is using to communicate with the network.
StyleSheet.type - Web APIs
Web › API › StyleSheet › type
the type property of the stylesheet interface specifies the style sheet language for the given style sheet.
... the type property of the stylesheet interface specifies the style sheet language for the given style sheet.
... the type property of the stylesheet interface specifies the style sheet language for the given style sheet.
... the type property of the stylesheet interface specifies the style sheet language for the given style sheet.
WebGLActiveInfo.type - Web APIs
the read-only webglactiveinfo.type property represents the type of the requested data returned by calling the getactiveattrib() or getactiveuniform() methods.
... the read-only webglactiveinfo.type property represents the type of the requested data returned by calling the getactiveattrib() or getactiveuniform() methods.
... the read-only webglactiveinfo.type property represents the type of the requested data returned by calling the getactiveattrib() or getactiveuniform() methods.
...operty represents the type of the requested data returned by calling the getactiveattrib() or getactiveuniform() methods.
WebSocket.binaryType - Web APIs
the websocket.binarytype property returns the type of binary data being transmitted by the connection.
... the websocket.binarytype property returns the type of binary data being transmitted by the connection.
... the websocket.binarytype property returns the type of binary data being transmitted by the connection.
... the websocket.binarytype property returns the type of binary data being transmitted by the connection.
415 Unsupported Media Type - HTTP
Web › HTTP › Status › 415
the http 415 unsupported media type client error response code indicates that the server refuses to accept the request because the payload format is in an unsupported format.
... the http 415 unsupported media type client error response code indicates that the server refuses to accept the request because the payload format is in an unsupported format.
... the http 415 unsupported media type client error response code indicates that the server refuses to accept the request because the payload format is in an unsupported format.
...ode indicates that the server refuses to accept the request because the payload format is in an unsupported format.
Array.prototype[@@iterator]() - JavaScript
li>"; } result alternative iteration var arr = ['a', 'b', 'c', 'd', 'e']; var earr = arr[symbol.iterator](); console.log(earr.next().value); // a console.log(earr.next().value); // b console.log(earr.next().value); // c console.log(earr.next().value); // d console.log(earr.next().value); // e use case for brace notation the use case for this syntax over using the dot notation (array.prototype.values()) is in a case where you don't know what object is going to be ahead of time.
...og(earr.next().value); // d console.log(earr.next().value); // e use case for brace notation the use case for this syntax over using the dot notation (array.prototype.values()) is in a case where you don't know what object is going to be ahead of time.
...prototype.values()) is in a case where you don't know what object is going to be ahead of time.
...et-scoped variables in for loops // const and var could also be used for (let letter of iterator) { console.log(letter); } } // array logiterable(['a', 'b', 'c']); // a // b // c // string logiterable('abc'); // a // b // c logiterable(123); // 123 " is not an iterable object..." specifications specification ecmascript (ecma-262)the definition of 'array.prototype[@@iterator]()' in that specification.
Array.prototype.join() - JavaScript
four times: using the default separator, then a comma and a space, then a plus and an empty string.
...efault separator, then a comma and a space, then a plus and an empty string.
... and an empty string.
...g an array-like object the following example joins array-like object (arguments), by calling function.prototype.call on array.prototype.join.
Array.prototype.push() - JavaScript
ay.
...orevegs = ['celery', 'beetroot'] // merge the second array into the first one // equivalent to vegetables.push('celery', 'beetroot') array.prototype.push.apply(vegetables, morevegs) console.log(vegetables) // ['parsnip', 'potato', 'celery', 'beetroot'] using an object in an array-like fashion as mentioned above, push is intentionally generic, and we can use that to our advantage.
...snip', 'potato', 'celery', 'beetroot'] using an object in an array-like fashion as mentioned above, push is intentionally generic, and we can use that to our advantage.
....call(this, elem) } } // let's add some empty objects just to illustrate.
Date.prototype[@@toPrimitive] - JavaScript
the [@@toprimitive]() method converts a date object to a primitive value.
... the [@@toprimitive]() method converts a date object to a primitive value.
...ither a string or a number.
..." testdate[symbol.toprimitive]('string'); // returns "date fri may 29 2020 14:05:17 gmt+0100 (british summer time)" testdate[symbol.toprimitive]('number'); // returns "1590757517834" testdate[symbol.toprimitive]('default'); // returns "date fri may 29 2020 14:05:17 gmt+0100 (british summer time)" specifications specification ecmascript (ecma-262)the definition of 'date.prototype.@@toprimitive' in that specification.
Error.prototype.toString() - JavaScript
the tostring() method returns a string representing the specified error object.
... the tostring() method returns a string representing the specified error object.
... syntax e.tostring() return value a string representing the specified error object.
...console.log(e.tostring()); // 'error: fatal error' e.name = undefined; console.log(e.tostring()); // 'error: fatal error' e.name = ''; console.log(e.tostring()); // 'fatal error' e.message = undefined; console.log(e.tostring()); // '' e.name = 'hello'; console.log(e.tostring()); // 'hello' specifications specification ecmascript (ecma-262)the definition of 'error.prototype.tostring' in that specification.
Intl.DateTimeFormat.prototype.formatRangeToParts() - JavaScript
the intl.datetimeformat.prototype.formatrangetoparts() method allows locale-specific tokens representing each part of the formatted date range produced by datetimeformat formatters.
...getoparts() method allows locale-specific tokens representing each part of the formatted date range produced by datetimeformat formatters.
...ew date(date.utc(2007, 0, 10, 10, 0, 0)); let date2 = new date(date.utc(2007, 0, 10, 11, 0, 0)); // > 'wed, 10 jan 2007 10:00:00 gmt' // > 'wed, 10 jan 2007 11:00:00 gmt' let fmt = new intl.datetimeformat("en", { hour: 'numeric', minute: 'numeric' }); console.log(fmt.formatrange(date1, date2)); // > '10:00 – 11:00 am' fmt.formatrangetoparts(date1, date2); // return value: // [ // { type: 'hour', value: '10', source: "startrange" }, // { type: 'literal', value: ':', source: "startrange" }, // { type: 'minute', value: '00', source: "startrange" }, // { type: 'literal', value: ' – ', source: "shared" }, // { type: 'hour', value: '11', source: "endrange" }, // { type: 'literal', value: ':', source: "endrange" }, // { type: 'minute', ...
...ge" }, // { type: 'literal', value: ':', source: "startrange" }, // { type: 'minute', value: '00', source: "startrange" }, // { type: 'literal', value: ' – ', source: "shared" }, // { type: 'hour', value: '11', source: "endrange" }, // { type: 'literal', value: ':', source: "endrange" }, // { type: 'minute', value: '00', source: "endrange" }, // { type: 'literal', value: ' ', source: "shared" }, // { type: 'dayperiod', value: 'am', source: "shared" } // ] specifications specification intl.datetimeformat.formatrangethe definition of 'formatrangetoparts()' in that specification.
Intl.DisplayNames.prototype.resolvedOptions() - JavaScript
the intl.displaynames.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and style formatting options computed during the construction of the current displaynames object.
... the locale actually used.
...erty in the options argument of the constructor or the default value ("language").
...is property in the options argument of the constructor or the default value ("code").
Object.prototype.hasOwnProperty() - JavaScript
ty to test.
...wnproperty to test for a property's existence the following example determines whether the o object contains a property named prop: o = new object(); o.hasownproperty('prop'); // returns false o.prop = 'exists'; o.hasownproperty('prop'); // returns true direct vs.
...xternal hasownproperty to get correct results: var foo = { hasownproperty: function() { return false; }, bar: 'here be dragons' }; foo.hasownproperty('bar'); // always returns false // use another object's hasownproperty // and call it with 'this' set to foo ({}).hasownproperty.call(foo, 'bar'); // true // it's also possible to use the hasownproperty property // from the object prototype for this purpose object.prototype.hasownproperty.call(foo, 'bar'); // true note that in the last case there are no newly created objects.
...ith 'this' set to foo ({}).hasownproperty.call(foo, 'bar'); // true // it's also possible to use the hasownproperty property // from the object prototype for this purpose object.prototype.hasownproperty.call(foo, 'bar'); // true note that in the last case there are no newly created objects.
RegExp.prototype[@@matchAll]() - JavaScript
r this interactive example is stored in a github repository.
...e match.
...r = '2016-01-02'; let result = re[symbol.matchall](str); console.log(array.from(result, x => x[0])); // ["2016", "01", "02"] using @@matchall in subclasses subclasses of regexp can override the [@@matchall]() method to modify the default behavior.
...rn array.from(result); } } } const re = new myregexp('([0-9]+)-([0-9]+)-([0-9]+)', 'g'); const str = '2016-01-02|2019-03-07'; const result = str.matchall(re); console.log(result[0]); // [ "2016-01-02", "2016", "01", "02" ] console.log(result[1]); // [ "2019-03-07", "2019", "03", "07" ] specifications specification ecmascript (ecma-262)the definition of 'regexp.prototype[@@matchall]' in that specification.
RegExp.prototype[@@search]() - JavaScript
lone https://github.com/mdn/interactive-examples and send us a pull request.
... inside the string.
...r); console.log(result); // 4 using @@search in subclasses subclass of regexp can override [@@search]() method to modify the behavior.
...ds regexp { constructor(str) { super(str) this.pattern = str; } [symbol.search](str) { return str.indexof(this.pattern); } } var re = new myregexp('a+b'); var str = 'ab a+b'; var result = str.search(re); // string.prototype.search calls re[@@search].
RegExp.prototype.exec() - JavaScript
h in a specified string.
... flags set (e.g.
...s internally, exec() can be used to iterate over multiple matches in a string of text (with capture groups), as opposed to getting just the matching strings with string.prototype.match().
...o iterate over multiple matches in a string of text (with capture groups), as opposed to getting just the matching strings with string.prototype.match().
RegExp.prototype.flags - JavaScript
the flags property returns a string consisting of the flags of the current regular expression object.
...se clone https://github.com/mdn/interactive-examples and send us a pull request.
... a pull request.
...yfill if (regexp.prototype.flags === undefined) { object.defineproperty(regexp.prototype, 'flags', { configurable: true, get: function() { return this.tostring().match(/[gimsuy]*$/)[0]; } }); } examples using flags /foo/ig.flags; // "gi" /bar/myu.flags; // "muy" specifications specification ecmascript (ecma-262)the definition of 'regexp.prototype.flags' in that specification.
String.prototype.codePointAt() - JavaScript
rns undefined.
...operty = (function() { // ie 8 only supports `object.defineproperty` on dom elements try { var object = {}; var $defineproperty = object.defineproperty; var result = $defineproperty(object, object, object) && $defineproperty; } catch(error) {} return result; }()); var codepointat = function(position) { if (this == null) { throw typeerror(); } var string = string(this); var size = string.length; // `tointeger` var index = position ?
... next code unit ) { second = string.charcodeat(index + 1); if (second >= 0xdc00 && second <= 0xdfff) { // low surrogate // https://mathiasbynens.be/notes/javascript-encoding#surrogate-formulae return (first - 0xd800) * 0x400 + second - 0xdc00 + 0x10000; } } return first; }; if (defineproperty) { defineproperty(string.prototype, 'codepointat', { 'value': codepointat, 'configurable': true, 'writable': true }); } else { string.prototype.codepointat = codepointat; } }()); } examples using codepointat() 'abc'.codepointat(1) // 66 '\ud800\udc00'.codepointat(0) // 65536 'xyz'.codepointat(42) // undefined looping with codepointat() for (let codepoint of ...
... 'abc'.codepointat(1) // 66 '\ud800\udc00'.codepointat(0) // 65536 'xyz'.codepointat(42) // undefined looping with codepointat() for (let codepoint of '\ud83d\udc0e\ud83d\udc71\u2764') { console.log(codepoint.codepointat(0).tostring(16)) } // '1f40e', '1f471', '2764' specifications specification ecmascript (ecma-262)the definition of 'string.prototype.codepointat' in that specification.
String.prototype.endsWith() - JavaScript
return value true if the given characters are found at the end of the string; otherwise, false.
...end of the string; otherwise, false.
...false.
...s.substring(this_len - search.length, this_len) === search; }; } examples using endswith() let str = 'to be, or not to be, that is the question.' console.log(str.endswith('question.')) // true console.log(str.endswith('to be')) // false console.log(str.endswith('to be', 19)) // true specifications specification ecmascript (ecma-262)the definition of 'string.prototype.endswith' in that specification.
String.prototype.includes() - JavaScript
string includes another string.
....
...alse: 'blue whale'.includes('blue') // returns false polyfill this method has been added to the ecmascript 2015 specification and may not be available in all javascript implementations yet.
...og(str.includes('to be')) // true console.log(str.includes('question')) // true console.log(str.includes('nonexistent')) // false console.log(str.includes('to be', 1)) // false console.log(str.includes('to be')) // false console.log(str.includes('')) // true specifications specification ecmascript (ecma-262)the definition of 'string.prototype.includes' in that specification.
String.prototype.matchAll() - JavaScript
tory.
...art=6 end=14." // expected output: "found foosball start=16 end=24." // matches iterator is exhausted after the for..of iteration // call matchall again to create a new iterator array.from(str.matchall(regexp), m => m[0]); // array [ "football", "foosball" ] matchall will throw an exception if the g flag is missing.
... 'abc'; str.matchall(regexp); // typeerror matchall internally makes a clone of the regexp—so, unlike regexp.exec(), lastindex does not change as the string is scanned.
...exp); // array ['test1', 'test2'] using matchall, you can access capture groups easily: let array = [...str.matchall(regexp)]; array[0]; // ['test1', 'e', 'st1', '1', index: 0, input: 'test1test2', length: 4] array[1]; // ['test2', 'e', 'st2', '2', index: 5, input: 'test1test2', length: 4] specifications specification ecmascript (ecma-262)the definition of 'string.prototype.matchall' in that specification.
String.prototype.replaceAll() - JavaScript
d.
...ewsubstr|function) when using a `regexp` you must have to set the global ("g") flag; otherwise, it will throw a typeerror: "replaceall must be called with a global regexp".
... whole string being examined.
...'.replaceall('b', '.'); // 'aa..cc' non-global regex throws when using a regular expression search value, it must be global.
String.prototype.startsWith() - JavaScript
alue true if the given characters are found at the beginning of the string; otherwise, false.
... the string; otherwise, false.
...lets you determine whether or not a string begins with another string.
...on github by mathias bynens.
String.prototype.toLocaleLowerCase() - JavaScript
s.
...ult locale is the host environment’s current locale.
...localelowercase() 'alphabet'.tolocalelowercase(); // 'alphabet' '\u0130'.tolocalelowercase('tr') === 'i'; // true '\u0130'.tolocalelowercase('en-us') === 'i'; // false let locales = ['tr', 'tr', 'tr-tr', 'tr-u-co-search', 'tr-x-turkish']; '\u0130'.tolocalelowercase(locales) === 'i'; // true specifications specification ecmascript (ecma-262)the definition of 'string.prototype.tolocalelowercase' in that specification.
...alelowercase('en-us') === 'i'; // false let locales = ['tr', 'tr', 'tr-tr', 'tr-u-co-search', 'tr-x-turkish']; '\u0130'.tolocalelowercase(locales) === 'i'; // true specifications specification ecmascript (ecma-262)the definition of 'string.prototype.tolocalelowercase' in that specification.
String.prototype.toLocaleUpperCase() - JavaScript
s.
...ult locale is the host environment’s current locale.
...ase() examples using tolocaleuppercase() 'alphabet'.tolocaleuppercase(); // 'alphabet' 'gesäß'.tolocaleuppercase(); // 'gesÄss' 'i\u0307'.tolocaleuppercase('lt-lt'); // 'i' let locales = ['lt', 'lt', 'lt-lt', 'lt-u-co-phonebk', 'lt-x-lietuva']; 'i\u0307'.tolocaleuppercase(locales); // 'i' specifications specification ecmascript (ecma-262)the definition of 'string.prototype.tolocaleuppercase' in that specification.
...' 'i\u0307'.tolocaleuppercase('lt-lt'); // 'i' let locales = ['lt', 'lt', 'lt-lt', 'lt-u-co-phonebk', 'lt-x-lietuva']; 'i\u0307'.tolocaleuppercase(locales); // 'i' specifications specification ecmascript (ecma-262)the definition of 'string.prototype.tolocaleuppercase' in that specification.
WebAssembly.Table.prototype.set() - JavaScript
the set() prototype method of the webassembly.table object mutates a reference stored at a given index to a different value.
...stored at a given index to a different value.
...dex the index of the function reference you want to mutate.
...table.prototype.length, a rangeerror is thrown.
Types of attacks - Web security
this article describes various types of security attacks and techniques to mitigate them.
...our bank account and your cookies are still valid (and there is no other validation), you will transfer money as soon as you load the html that contains this image.
...and there is no other validation), you will transfer money as soon as you load the html that contains this image.
...oney as soon as you load the html that contains this image.
dlgtype - Archive of obsolete content
« xul reference home dlgtype type: one of the values below the dialog type of the button, used only when the button is in a dialog box.
... « xul reference home dlgtype type: one of the values below the dialog type of the button, used only when the button is in a dialog box.
...g box.
treecol.type - Archive of obsolete content
« xul reference home type type: one of the values below the type of tree column.
... « xul reference home type type: one of the values below the type of tree column.
... list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); } treechildren::-moz-tree-checkbox(disabled) { /* disabled checkbox treecells.
Prototype-based programming - MDN Web Docs Glossary: Definitions of Web-related terms
prototype-based programming is a style of object-oriented programming in which classes are not explicitly defined, but rather derived by adding properties and methods to an instance of another class or, less frequently, adding them to an empty object.
... prototype-based programming is a style of object-oriented programming in which classes are not explicitly defined, but rather derived by adding properties and methods to an instance of another class or, less frequently, adding them to an empty object.
... prototype-based programming is a style of object-oriented programming in which classes are not explicitly defined, but rather derived by adding properties and methods to an instance of another class or, less frequently, adding them to an empty object.
Typesetting a community school homepage - Learn web development
— a serif site-wide font for the general text body, coupled with sans-serif or slab serif for the headings might be nice.
...hed design could look like: assessment or further help if you would like your work assessed, or are stuck and want to ask for help: put your work into an online shareable editor such as codepen, jsfiddle, or glitch.
...e editor (as mentioned in step 1 above).
Credential.type - Web APIs
Web › API › Credential › type
the type property of the credential interface returns a domstring containing the credential's type.
... the type property of the credential interface returns a domstring containing the credential's type.
... the type property of the credential interface returns a domstring containing the credential's type.
HTMLSelectElement.type - Web APIs
the htmlselectelement.type read-only property returns the form control's type.
... the htmlselectelement.type read-only property returns the form control's type.
... the htmlselectelement.type read-only property returns the form control's type.
FileHandle.type - Web APIs
non-standard this feature is non-standard and is not on a standards track.
... non-standard this feature is non-standard and is not on a standards track.
... non-standard this feature is non-standard and is not on a standards track.
TrackDefault.type - Web APIs
Web › API › TrackDefault › type
the type read-only property of the trackdefault interface returns the type of track that this sourcebuffer's media segment data relates to (i.e.
... the type read-only property of the trackdefault interface returns the type of track that this sourcebuffer's media segment data relates to (i.e.
... the type read-only property of the trackdefault interface returns the type of track that this sourcebuffer's media segment data relates to (i.e.
<input type="datetime"> - HTML: Hypertext Markup Language
Web › HTML › Element › input › datetime
the html <input type="datetime"> was a control for entering a date and time (hour, minute, second, and fraction of a second) as well as a timezone.
... the html <input type="datetime"> was a control for entering a date and time (hour, minute, second, and fraction of a second) as well as a timezone.
...the html <input type="datetime"> was a control for entering a date and time (hour, minute, second, and fraction of a second) as well as a timezone.
TypeError: can't access dead object - JavaScript
the javascript exception "can't access dead object" occurs when firefox disallows add-ons to keep strong references to dom objects after their parent document has been destroyed to improve in memory usage and to prevent memory leaks.
... the javascript exception "can't access dead object" occurs when firefox disallows add-ons to keep strong references to dom objects after their parent document has been destroyed to improve in memory usage and to prevent memory leaks.
... the javascript exception "can't access dead object" occurs when firefox disallows add-ons to keep strong references to dom objects after their parent document has been destroyed to improve in memory usage and to prevent memory leaks.
SyntaxError: test for equality (==) mistyped as assignment (=)? - JavaScript
the javascript warning "test for equality (==) mistyped as assignment (=)?" occurs when there was an assignment (=) when you would normally expect a test for equality (==).
... the javascript warning "test for equality (==) mistyped as assignment (=)?" occurs when there was an assignment (=) when you would normally expect a test for equality (==).
... the javascript warning "test for equality (==) mistyped as assignment (=)?" occurs when there was an assignment (=) when you would normally expect a test for equality (==).
TypeError: variable "x" redeclares argument - JavaScript
the javascript strict mode-only exception "variable redeclares argument" occurs when the same variable name occurs as a function parameter and is then redeclared using a var assignment in a function body again.
... the javascript strict mode-only exception "variable redeclares argument" occurs when the same variable name occurs as a function parameter and is then redeclared using a var assignment in a function body again.
... the javascript strict mode-only exception "variable redeclares argument" occurs when the same variable name occurs as a function parameter and is then redeclared using a var assignment in a function body again.
Array.prototype.includes() - JavaScript
udes('c', -100) // true arr.includes('a', -2) // false includes() used as a generic method includes() method is intentionally generic.
...used as a generic method includes() method is intentionally generic.
...')) // true console.log(array.prototype.includes.call(arguments, 'd')) // false })('a','b','c') please do not add polyfills on reference articles.
Array.prototype.pop() - JavaScript
t element from an array and returns that value to the caller.
...h); // ['angel', 'clown', 'mandarin' ] console.log(popped); // 'sturgeon' using apply( ) or call ( ) on array-like objects the following code creates the myfish array-like object containing four elements and a length parameter, then removes its last element and decrements the length parameter.
...ecrements the length parameter.
BigInt.prototype.toString() - JavaScript
l.
...s complement of the bigintobj.
... // -1010' -0xffn.tostring(2); // '-11111111' negative-zero bigint there is no negative-zero bigint as there are no negative zeros in integers.
BigInt.prototype.valueOf() - JavaScript
ve value of a bigint object.
... the source for this interactive example is stored in a github repository.
... please clone https://github.com/mdn/interactive-examples and send us a pull request.
Date.prototype.toISOString() - JavaScript
m/mdn/interactive-examples and send us a pull request.
...ng to universal time.
... }; })(); } examples using toisostring() let today = new date('05 october 2011 14:48 utc') console.log(today.toisostring()) // returns 2011-10-05t14:48:00.000z the above example uses parsing of a non–standard string value that may not be correctly parsed in non–mozilla browsers.
Date.prototype.valueOf() - JavaScript
the valueof() method returns the primitive value of a date object.
...od returns the primitive value of a date object.
...ary, 1970 utc.
Error.prototype.name - JavaScript
the name property represents a name for the type of error.
... the name property represents a name for the type of error.
...sage property, is used by the error.prototype.tostring() method to create a string representation of the error.
Intl.Collator.prototype.compare() - JavaScript
the intl.collator.prototype.compare() method compares two strings according to the sort order of this collator object.
...her according to the sort order of this collator object: a negative value if string1 comes before string2; a positive value if string1 comes after string2; 0 if they are considered equal.
...ngrès', 'congres', 'assemblée', 'poisson']; var collator = new intl.collator('fr', { usage: 'search', sensitivity: 'base' }); var s = 'congres'; var matches = a.filter(v => collator.compare(v, s) === 0); console.log(matches.join(', ')); // → "congrès, congres" specifications specification ecmascript internationalization api (ecma-402)the definition of 'intl.collator.prototype.compare' in that specification.
Intl​.ListFormat.prototype​.format() - JavaScript
.listformat object.
...age conventions that should be used to format the list.
...t formatter using the english language.
Intl​.List​Format​.prototype​.resolvedOptions() - JavaScript
the intl.listformat.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and style formatting options computed during the construction of the current listformat object.
... the locale actually used.
... options argument of the constructor or the default value ("conjunction").
Intl.NumberFormat.prototype.format() - JavaScript
the intl.numberformat.prototype.format() method formats a number according to the locale and formatting options of this numberformat object.
...ions = { style: 'currency', currency: 'rub' }; var numberformat = new intl.numberformat('ru-ru', options); console.log(numberformat.format(654321.987)); // → "654 321,99 руб." using format with map use the format getter function for formatting all numbers in an array.
...ity with existing programs.
Map.prototype[@@toStringTag] - JavaScript
the map[@@tostringtag] property has an initial value of "map".
...contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...operty attributes of map.prototype[@@tostringtag] writable no enumerable no configurable yes syntax map[symbol.tostringtag] examples using tostringtag object.prototype.tostring.call(new map()) // "[object map]" specifications specification ecmascript (ecma-262)the definition of 'map.prototype[@@tostringtag]' in that specification.
Number.prototype.toFixed() - JavaScript
ementations may optionally support a larger range of values.
... number.
...35.tofixed(1) // returns '2.4'.
Number.prototype.toPrecision() - JavaScript
ing representing the number object to the specified precision.
...recision optional an integer specifying the number of significant digits.
...' console.log(numobj.toprecision(5)) // logs '0.00012300' console.log(numobj.toprecision(2)) // logs '0.00012' console.log(numobj.toprecision(1)) // logs '0.0001' // note that exponential notation might be returned in some circumstances console.log((1234.5).toprecision(2)) // logs '1.2e+3' specifications specification ecmascript (ecma-262)the definition of 'number.prototype.toprecision' in that specification.
Number.prototype.valueOf() - JavaScript
he interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...s a pull request.
...ect.
RegExp.prototype.test() - JavaScript
interactive-examples and send us a pull request.
...etween the regular expression and the string str.
...essage which depends on the success of the test: function testinput(re, str) { let midstring; if (re.test(str)) { midstring = 'contains'; } else { midstring = 'does not contain'; } console.log(`${str} ${midstring} ${re.source}`); } using test() on a regex with the "global" flag when a regex has the global flag set, test() will advance the lastindex of the regex.
SharedArrayBuffer.prototype.slice() - JavaScript
the sharedarraybuffer.prototype.slice() method returns a new sharedarraybuffer whose contents are a copy of this sharedarraybuffer's bytes from begin, inclusive, up to end, exclusive.
... the sharedarraybuffer.prototype.slice() method returns a new sharedarraybuffer whose contents are a copy of this sharedarraybuffer's bytes from begin, inclusive, up to end, exclusive.
...amples using slice var sab = new sharedarraybuffer(1024); sab.slice(); // sharedarraybuffer { bytelength: 1024 } sab.slice(2); // sharedarraybuffer { bytelength: 1022 } sab.slice(-2); // sharedarraybuffer { bytelength: 2 } sab.slice(0, 1); // sharedarraybuffer { bytelength: 1 } specifications specification ecmascript (ecma-262)the definition of 'sharedarraybuffer.prototype.slice' in that specification.
String.prototype.substr() - JavaScript
support negative values for the start index.
...ng} */ string.prototype.substr = function(substr) { return function(start, length) { // call the original method return substr.call(this, // did we get a negative start, calculate how much it is from the beginning of the string // adjust the start parameter for negative value start < 0 ?
....substr(1, 0)); // '' console.log(astring.substr(-1, 1)); // 'a' console.log(astring.substr(1, -1)); // '' console.log(astring.substr(-3)); // 'lla' console.log(astring.substr(1)); // 'ozilla' console.log(astring.substr(-20, 2)); // 'mo' console.log(astring.substr(20, 2)); // '' specifications specification ecmascript (ecma-262)the definition of 'string.prototype.substr' in that specification.
String.prototype.toString() - JavaScript
the tostring() method returns a string representing the specified object.
...method returns a string representing the specified object.
...g() method returns a string representation of the object and is the same as the string.prototype.valueof() method.
String.prototype.trim() - JavaScript
d us a pull request.
...x str.trim() return value a new string representing the str stripped of whitespace from both ends.
...0]+$/g, ''); }; } examples using trim() the following example displays the lowercase string 'foo': var orig = ' foo '; console.log(orig.trim()); // 'foo' // another example of .trim() removing whitespace from just one side.
String.prototype.trimEnd() - JavaScript
ull request.
... the trimend() / trimright() methods return the string stripped of whitespace from its right end.
... this means: string.prototype.trimright.name === "trimend"; examples using trimend() the following example displays the lowercase string ' foo': var str = ' foo '; console.log(str.length); // 8 str = str.trimend(); console.log(str.length); // 6 console.log(str); // ' foo' specifications specification ecmascript (ecma-262)the definition of 'string.prototype.trimend' in that specification.
String.prototype.valueOf() - JavaScript
the valueof() method returns the primitive value of a string object.
... the valueof() method returns the primitive value of a string object.
...of a string object as a string data type.
Symbol.prototype.description - JavaScript
ymbol objects.
...you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...; // "" symbol().description; // undefined // well-known symbols symbol.iterator.tostring(); // "symbol(symbol.iterator)" symbol.iterator.description; // "symbol.iterator" // global symbols symbol.for('foo').tostring(); // "symbol(foo)" symbol.for('foo').description; // "foo" specifications specification ecmascript (ecma-262)the definition of 'get symbol.prototype.description' in that specification.
Symbol.prototype.toString() - JavaScript
mple is stored in a github repository.
...ng the specified symbol object.
...em: symbol('foo') + 'bar' // typeerror: can't convert symbol to string examples using tostring symbol('desc').tostring() // "symbol(desc)" // well-known symbols symbol.iterator.tostring() // "symbol(symbol.iterator) // global symbols symbol.for('foo').tostring() // "symbol(foo)" specifications specification ecmascript (ecma-262)the definition of 'symbol.prototype.tostring' in that specification.
WeakSet.prototype.add() - JavaScript
github.com/mdn/interactive-examples and send us a pull request.
...t.
...using add var ws = new weakset(); ws.add(window); // add the window object to the weakset ws.has(window); // true // weakset only takes objects as arguments ws.add(1); // results in "typeerror: invalid value used in weak set" in chrome // and "typeerror: 1 is not a non-null object" in firefox specifications specification ecmascript (ecma-262)the definition of 'weakset.prototype.add' in that specification.
attributeType - SVG: Scalable Vector Graphics
the attributetype attribute specifies the namespace in which the target attribute and its associated values are defined.
... the attributetype attribute specifies the namespace in which the target attribute and its associated values are defined.
...plementation should match the attributename to an attribute for the target element.
editortype - Archive of obsolete content
« xul reference home editortype type: one of the values below the type of editor to use.
... « xul reference home editortype type: one of the values below the type of editor to use.
resizer.type - Archive of obsolete content
« xul reference hometypetype: stringset this to the value "window" for a resizing grip that appears in the bottom corner of the window, used for resizing the window.
... « xul reference hometypetype: stringset this to the value "window" for a resizing grip that appears in the bottom corner of the window, used for resizing the window.
editortype - Archive of obsolete content
« xul reference editortype type: one of the values below the type of editor to use.
... « xul reference editortype type: one of the values below the type of editor to use.
textbox.type - Archive of obsolete content
« xul reference type type: string set to the value autocomplete to have an autocomplete textbox.
... « xul reference type type: string set to the value autocomplete to have an autocomplete textbox.
type - Archive of obsolete content
Archive › Mozilla › XUL › Property › type
« xul reference type type: string gets and sets the value of the type attribute.
... « xul reference type type: string gets and sets the value of the type attribute.
-ms-content-zoom-snap-type - Archive of obsolete content
the -ms-content-zoom-snap-type css property is a microsoft extension that specifies how zooming is affected by defined snap-points.
... the -ms-content-zoom-snap-type css property is a microsoft extension that specifies how zooming is affected by defined snap-points.
Prototype - MDN Web Docs Glossary: Definitions of Web-related terms
a prototype is a model that displays the appearance and behavior of an application or product early in the development lifecycle.
... a prototype is a model that displays the appearance and behavior of an application or product early in the development lifecycle.
How can we design for all types of users? - Learn web development
o a square).
...uble going from one line to the next if the lines were too long.
nsMsgViewCommandType
the nsmsgviewcommandtype interface contains constants used for commands in thunderbird.
... the nsmsgviewcommandtype interface contains constants used for commands in thunderbird.
nsMsgViewFlagsType
the nsmsgviewflagstype interface contains constants used for view flags in thunderbird.
... the nsmsgviewflagstype interface contains constants used for view flags in thunderbird.
nsMsgViewSortType
the nsmsgviewsorttype interface contains constants used for sorting the thunderbird threadpane.
... the nsmsgviewsorttype interface contains constants used for sorting the thunderbird threadpane.
nsMsgViewType
the nsmsgviewtype interface contains constants used for views in thunderbird.
... the nsmsgviewtype interface contains constants used for views in thunderbird.
NodeList.prototype.forEach() - Web APIs
Web › API › NodeList › forEach
on(currentvalue, currentindex, listobj) { console.log(currentvalue + ', ' + currentindex + ', ' + this); }, 'mythisarg' ); the above code results in the following: [object htmlparagraphelement], 0, mythisarg [object text], 1, mythisarg [object htmlspanelement], 2, mythisarg polyfill this polyfill adds compatibility to all browsers supporting es5: if (window.nodelist && !nodelist.prototype.foreach) { nodelist.prototype.foreach = function (callback, thisarg) { thisarg = thisarg || window; for (var i = 0; i < this.length; i++) { callback.call(thisarg, this[i], i, this); } }; } or if (window.nodelist && !nodelist.prototype.foreach) { nodelist.prototype.foreach = array.prototype.foreach; } the above behavior is how many browsers actuall...
...rototype.foreach = function (callback, thisarg) { thisarg = thisarg || window; for (var i = 0; i < this.length; i++) { callback.call(thisarg, this[i], i, this); } }; } or if (window.nodelist && !nodelist.prototype.foreach) { nodelist.prototype.foreach = array.prototype.foreach; } the above behavior is how many browsers actually implement nodelist.prototype.foreach() (chrome, for example).
RTCIceCredentialType - Web APIs
the webrtc api's rtcicecredentialtype enumerated string type defines the authentication method used to gain access to an ice server identified by an rtciceserver object.
... the following values are no longer part of the webrtc specification, but were in the past.
TextEncoder.prototype.encode() - Web APIs
the textencoder.prototype.encode() method takes a usvstring as input, and returns a uint8array containing the text given in parameters encoded with the specific method for that textencoder object.
...oded 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.
Array.prototype.concat() - JavaScript
f the original arrays are copied into the new array as follows: object references (and not the actual object): concat copies object references into the new array.
...nested arrays and demonstrates retention of references: const num1 = [[1]]; const num2 = [2, [3]]; const numbers = num1.concat(num2); console.log(numbers); // results in [[1], 2, [3]] // modify the first element of num1 num1[0].push(4); console.log(numbers); // results in [[1, 4], 2, [3]] specifications specification ecmascript (ecma-262)the definition of 'array.prototype.concat' in that specification.
Array.prototype.flatMap() - JavaScript
e the current element being processed in the array.
...e odd numbers into an even number and a 1 let a = [5, 4, -3, 20, 17, -33, -4, 18] // |\ \ x | | \ x x | // [4,1, 4, 20, 16, 1, 18] a.flatmap( (n) => (n < 0) ?
Array.prototype.length - JavaScript
the length property of an object which is an instance of type array sets or returns the number of elements in that array.
.../ [ 1, 2 ] arr.length = 5; // set array length to 5 while currently 2.
Array.prototype.reverse() - JavaScript
sole.log(a); // [3, 2, 1] reversing the elements in an array-like object the following example creates an array-like object a, containing three elements and a length property, then reverses the array-like object.
...ike object.
Array.prototype.shift() - JavaScript
values at consecutive indexes down, then returns the removed value.
... condition inside while loop.
Array.prototype.toString() - JavaScript
ach array element separated by commas.
...th edition semantics, the tostring() method is generic and can be used with any object.
BigInt.prototype.toLocaleString() - JavaScript
yen doesn't use a minor unit console.log(bigint.tolocalestring('ja-jp', { style: 'currency', currency: 'jpy' })) // → ¥123,456,789,123,456,789 // limit to three significant digits console.log(bigint.tolocalestring('en-in', { maximumsignificantdigits: 3 })); // → 1,23,00,00,00,00,00,00,000 specifications specification ecmascript (ecma-262)the definition of 'bigint.prototype.tolocalestring()' in that specification.
...89,123,456,789 // limit to three significant digits console.log(bigint.tolocalestring('en-in', { maximumsignificantdigits: 3 })); // → 1,23,00,00,00,00,00,00,000 specifications specification ecmascript (ecma-262)the definition of 'bigint.prototype.tolocalestring()' in that specification.
Boolean.prototype.toString() - JavaScript
xample is stored in a github repository.
...tion.
Boolean.prototype.valueOf() - JavaScript
stored in a github repository.
...valueof() method of boolean returns the primitive value of a boolean object or literal boolean as a boolean data type.
Date.prototype.getDay() - JavaScript
the getday() method returns the day of the week for the specified date according to local time, where 0 represents sunday.
...timeformat with an options parameter.
Date.prototype.toLocaleDateString() - JavaScript
date.tolocaledatestring('de-de', options)); // → "donnerstag, 20.
...hat visible options.timezone = 'utc'; options.timezonename = 'short'; console.log(date.tolocaledatestring('en-us', options)); // → "thursday, december 20, 2012, gmt" specifications specification ecmascript (ecma-262)the definition of 'date.prototype.tolocaledatestring' in that specification.
Date.prototype.toLocaleString() - JavaScript
not expect to be able to compare the results of tolocalestring() to a static value: "1/1/2019, 01:00:00" === new date("2019-01-01t01:00:00z").tolocalestring("en-us"); // true in firefox and others // false in ie and edge note: see also this stackoverflow thread for more details and examples.
...01t01:00:00z").tolocalestring("en-us"); // true in firefox and others // false in ie and edge note: see also this stackoverflow thread for more details and examples.
Date.prototype.toLocaleTimeString() - JavaScript
e us needs 24-hour time console.log(date.tolocaletimestring('en-us', { hour12: false })); // → "19:00:00" // show only hours and minutes, use options with the default locale - use an empty array console.log(date.tolocaletimestring([], { hour: '2-digit', minute: '2-digit' })); // → "20:01" specifications specification ecmascript (ecma-262)the definition of 'date.prototype.tolocaletimestring' in that specification.
...minutes, use options with the default locale - use an empty array console.log(date.tolocaletimestring([], { hour: '2-digit', minute: '2-digit' })); // → "20:01" specifications specification ecmascript (ecma-262)the definition of 'date.prototype.tolocaletimestring' in that specification.
Error.prototype.message - JavaScript
the message property is a human-readable description of the error.
...ult, the message property is an empty string, but this behavior can be overridden for an instance by specifying a message as the first argument to the error constructor.
Intl.Collator.prototype.resolvedOptions() - JavaScript
the intl.collator.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and collation options computed during initialization of this collator object.
....resolvedoptions(); usedoptions.locale; // "de" usedoptions.usage; // "sort" usedoptions.sensitivity; // "base" usedoptions.ignorepunctuation; // false usedoptions.collation; // "default" usedoptions.numeric; // false specifications specification ecmascript internationalization api (ecma-402)the definition of 'intl.collator.prototype.resolvedoptions' in that specification.
Intl.DateTimeFormat.prototype.format() - JavaScript
the intl.datetimeformat.prototype.format() method formats a date according to the locale and formatting options of this intl.datetimeformat object.
...', day: 'numeric' }; var datetimeformat = new intl.datetimeformat('sr-rs', options); console.log(datetimeformat.format(new date())); // → "недеља, 7.
Intl.DateTimeFormat.prototype.formatRange() - JavaScript
the intl.datetimeformat.prototype.formatrange() formats a date range in the most concise way based on the locale and options provided when instantiating intl.datetimeformat object.
...nge() formats a date range in the most concise way based on the locale and options provided when instantiating intl.datetimeformat object.
Intl.DateTimeFormat.prototype.resolvedOptions() - JavaScript
the intl.datetimeformat.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and date and time formatting options computed during initialization of this datetimeformat object.
...c' }); var usedoptions = germanfakeregion.resolvedoptions(); usedoptions.locale; // "de" usedoptions.calendar; // "gregory" usedoptions.numberingsystem; // "latn" usedoptions.timezone; // "utc" usedoptions.month; // "numeric" specifications specification ecmascript internationalization api (ecma-402)the definition of 'intl.datetimeformat.prototype.resolvedoptions' in that specification.
Intl.Locale.prototype.caseFirst - JavaScript
the intl.locale.prototype.casefirst property is an accessor property that returns whether case is taken into account for the locale's collation rules.
... to indicate that you are adding a value for casefirst.
Intl.Locale.prototype.numberingSystem - JavaScript
the intl.locale.prototype.numberingsystem property is an accessor property that returns the numeral system used by the locale.
...lue for numberingsystem.
Intl.Locale.prototype.numeric - JavaScript
the intl.locale.prototype.numeric property is an accessor property that returns whether the locale has special collation handling for numeric characters.
... the kn key will suffice.
Intl.Locale.prototype.toString() - JavaScript
the intl.locale.prototype.tostring() returns the locale's full locale identifier string.
... like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Intl.NumberFormat.prototype.resolvedOptions() - JavaScript
the intl.numberformat.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and number formatting options computed during initialization of this numberformat object.
...dard" usedoptions.signdisplay; // "auto" usedoption.style; // "decimal" usedoptions.minimumintegerdigits; // 1 usedoptions.minimumfractiondigits; // 0 usedoptions.maximumfractiondigits; // 3 usedoptions.usegrouping; // true specifications specification ecmascript internationalization api (ecma-402)the definition of 'intl.numberformat.prototype.resolvedoptions' in that specification.
Map.prototype.delete() - JavaScript
map object existed and has been removed, or false if the element does not exist.
... mymap = new map(); mymap.set('bar', 'foo'); mymap.delete('bar'); // returns true.
Number.prototype.toExponential() - JavaScript
r.
...r numobj = 77.1234; console.log(numobj.toexponential()); // logs 7.71234e+1 console.log(numobj.toexponential(4)); // logs 7.7123e+1 console.log(numobj.toexponential(2)); // logs 7.71e+1 console.log(77.1234.toexponential()); // logs 7.71234e+1 console.log(77 .toexponential()); // logs 7.7e+1 specifications specification ecmascript (ecma-262)the definition of 'number.prototype.toexponential' in that specification.
Number.prototype.toString() - JavaScript
.
... // displays '17' console.log((17.2).tostring()) // displays '17.2' let x = 6 console.log(x.tostring(2)) // displays '110' console.log((254).tostring(16)) // displays 'fe' console.log((-10).tostring(2)) // displays '-1010' console.log((-0xff).tostring(2)) // displays '-11111111' specifications specification ecmascript (ecma-262)the definition of 'number.prototype.tostring' in that specification.
Object.prototype.__lookupGetter__() - JavaScript
y.
....5 ?
RegExp.prototype.dotAll - JavaScript
the dotall property indicates whether or not the "s" flag is used with the regular expression.
...str1.replace(regex1,'')); // output: foo example var str2 = 'bar\nexample foo example'; var regex2 = new regexp('bar.example'); console.log(regex2.dotall); // output: false console.log(str2.replace(regex2,'')); // output: bar // example foo example specifications specification ecmascript (ecma-262)the definition of 'regexp.prototype.dotall' in that specification.
RegExp.prototype.global - JavaScript
g" flag is used with the regular expression.
... global var regex = new regexp('foo', 'g'); console.log(regex.global); // true var str = 'fooexamplefoo'; var str1 = str.replace(regex, ''); console.log(str1); // output: example var regex1 = new regexp('foo'); var str2 = str.replace(regex1, ''); console.log(str2); // output: examplefoo specifications specification ecmascript (ecma-262)the definition of 'regexp.prototype.global' in that specification.
RegExp.prototype.ignoreCase - JavaScript
lag is used with the regular expression.
...boolean and true if the "i" flag was used; otherwise, false.
RegExp.prototype.multiline - JavaScript
flag is used with the regular expression.
...mple, if "m" is used, "^" and "$" change from matching at only the start or end of the entire string to the start or end of any line within the string.
RegExp.prototype.source - JavaScript
taining the source text of the regexp object, and it doesn't contain the two forward slashes on both sides and any flags.
...empty string for empty regular expressions.
RegExp.prototype.sticky - JavaScript
astindex property of this regular expression).
...regex.test('..foo'); // false - index 2 is not the beginning of the string var regex2 = /^foo/my; regex2.lastindex = 2; regex2.test('..foo'); // false - index 2 is not the beginning of the string or line regex2.lastindex = 2; regex2.test('.\nfoo'); // true - index 2 is the beginning of a line specifications specification ecmascript (ecma-262)the definition of 'regexp.prototype.sticky' in that specification.
RegExp.prototype.toString() - JavaScript
tive example is stored in a github repository.
...rting with ecmascript 5, an empty regular expression returns the string "/(?:)/" and line terminators such as "\n" are escaped: new regexp().tostring(); // "/(?:)/" new regexp('\n').tostring() === '/\n/'; // true, prior to es5 new regexp('\n').tostring() === '/\\n/'; // true, starting with es5 specifications specification ecmascript (ecma-262)the definition of 'regexp.prototype.tostring' in that specification.
RegExp.prototype.unicode - JavaScript
"u" flag is used with a regular expression.
...ious unicode-related features.
String.prototype.concat() - JavaScript
oncat(str2 [, ...strn]) parameters str2 [, ...strn] strings to concatenate to str.
...vin', '.
String.prototype.indexOf() - JavaScript
g object of the first occurrence of the specified value, starting the search at fromindex.
...s count to the number of occurrences of the letter e in the string str: const str = 'to be, or not to be, that is the question.' let count = 0 let position = str.indexof('e') while (position !== -1) { count++ position = str.indexof('e', position + 1) } console.log(count) // displays 4 specifications specification ecmascript (ecma-262)the definition of 'string.prototype.indexof' in that specification.
String.prototype.localeCompare() - JavaScript
positive value numeric sorting // by default, "2" > "10" console.log("2".localecompare("10")); // 1 // numeric using options: console.log("2".localecompare("10", undefined, {numeric: true})); // -1 // numeric using locales tag: console.log("2".localecompare("10", "en-u-kn-true")); // -1 specifications specification ecmascript (ecma-262)the definition of 'string.prototype.localecompare' in that specification.
...: console.log("2".localecompare("10", undefined, {numeric: true})); // -1 // numeric using locales tag: console.log("2".localecompare("10", "en-u-kn-true")); // -1 specifications specification ecmascript (ecma-262)the definition of 'string.prototype.localecompare' in that specification.
String.prototype.search() - JavaScript
it is implicitly converted to a regexp with new regexp(regexp).
...successful search (positive value) vs.
String.prototype.substring() - JavaScript
olds is itself a substring of news — for example, if you attempted to replace 'world' with 'otherworld' here.
... method for replacing strings is as follows: function replacestring(olds, news, fulls) { return fulls.split(olds).join(news) } the code above serves as an example for substring operations.
Symbol.prototype[@@toPrimitive] - JavaScript
the [@@toprimitive]() method converts a symbol object to a primitive value.
...ect to a primitive value.
Symbol.prototype.valueOf() - JavaScript
the valueof() method returns the primitive value of a symbol object.
...eof method to convert an object to a primitive value.
WebAssembly.Table.prototype.get() - JavaScript
the get() prototype method of the webassembly.table() object retrieves a function reference stored at a given index.
...hod of the webassembly.table() object retrieves a function reference stored at a given index.
xlink:type - SVG: Scalable Vector Graphics
the xlink:type attribute identifies the type of xlink being used.
...>, <radialgradient>, <script>, <set>, <textpath>, <tref>, and <use> usage notes value simple default value simple animatable no simple this value specifies that the referred resource is a simple link.
Two Types of Scripts - Archive of obsolete content
s may be supplied as literal strings or maintained in separate files and referenced by filename.
colorpicker.type - Archive of obsolete content
« xul reference home type type: string if this attribute is not present, the colorpicker is displayed inside the window.
editor.type - Archive of obsolete content
« xul reference home type type: string if set to the string content-primary, this editor becomes the primary content for the page.
listcell.type - Archive of obsolete content
« xul reference home type type: string this attribute is reserved for use by anonymous children of listitem; do not use.
listitem.type - Archive of obsolete content
« xul reference home type type: string you can make an item in a listbox a checkbox by setting this attribute to the value checkbox.
menuitem.type - Archive of obsolete content
« xul reference home type type: one of the values below can be used to create checkable menuitems or for radio button menuitems.
notification.type - Archive of obsolete content
« xul reference home type type: one of the values below indicates the type of notification, determined from the priority.
panel.type - Archive of obsolete content
« xul reference home type type: string the panel type.
parsetype - Archive of obsolete content
« xul reference home parsetype type: string if this attribute is set to integer, the rule will only match rdf nodes with a parse type of integer.
preference.type - Archive of obsolete content
« xul reference home type type: one of the values below the preference type which should be one of the following values.
prefwindow.type - Archive of obsolete content
« xul reference home type type: string set this attribute to child for preference dialogs that are child dialogs of a main preferences window.
query.type - Archive of obsolete content
« xul reference home type type: one of the values below the type of the parameter's value integer 32 bit integer int64 64 bit integer double double-precision floating-point number string string literal, the default value ...
querytype - Archive of obsolete content
« xul reference home querytype type: string indicates the type of datasource used in a template.
script.type - Archive of obsolete content
« xul reference home type type: language content type the language of the script.
seltype - Archive of obsolete content
« xul reference home seltype type: one of the values below used to indicate whether multiple selection is allowed.
type - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › type
see button.type browser.type colorpicker.type datepicker.type editor.type listcell.type listitem.type menuitem.type notification.type prefwindow.type query.type script.type textbox.type toolbarbutton.type treecol.type ...
accessibleType - Archive of obsolete content
« xul reference accessibletype type: integer a value indicating the type of accessibility object for the element.
dlgType - Archive of obsolete content
« xul reference dlgtype type: string gets and sets the value of the dlgtype attribute.
selType - Archive of obsolete content
« xul reference seltype type: string gets and sets the value of the seltype attribute.
nsMsgRuleActionType
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgfiltercore.idl typedef long nsmsgruleactiontype; [scriptable, uuid(59af7696-1e28-4642-a400-fa327ae0b8d8)] interface nsmsgfilteraction { /* if you change these, you need to update filter.properties, look for filteractionx */ /* these longs are all actually of type nsmsgfilteractiontype */ const long custom=-1; /* see nsmsgfilteraction */ const long none=0; /* uninitialized state */ const long movetofolder=1; const long changepriority=2; const long delete=3; const long markread=4; const long killthread=5; const long watchthread=6; const long markflagged=7; const long label=8; const long reply=9; const long forward=10; const long stopexecution=11;...
nsMsgSearchTypeValue
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl used to specify type of search to be performed [scriptable,uuid(964b7f32-304e-11d3-ae13-00a0c900d445)] interface nsmsgsearchtype { const nsmsgsearchtypevalue none = 0; const nsmsgsearchtypevalue rootdse = 1; const nsmsgsearchtypevalue normal = 2; const nsmsgsearchtypevalue ldapvlv = 3; const nsmsgsearchtypevalue namecompletion = 4; }; ...
TextDecoder.prototype.decode() - Web APIs
the textdecoder.prototype.decode() method returns a domstring containing the text, given in parameters, decoded with the specific method for that textdecoder object.
TextDecoder.prototype.encoding - Web APIs
the textdecoder.prototype.encoding read-only property returns a domstring containing the name of the decoding algorithm used by the specific decoder.
Worker.prototype.postMessage() - Web APIs
essage method.
SVG-in-OpenType - Developer guides
the svg-in-opentype work is currently in the hands of the mpeg group.
Array.prototype.entries() - JavaScript
ement const a = ['a', 'b', 'c']; for (const [index, element] of a.entries()) console.log(index, element); // 0 'a' // 1 'b' // 2 'c' using a for…of loop var a = ['a', 'b', 'c']; var iterator = a.entries(); for (let e of iterator) { console.log(e); } // [0, 'a'] // [1, 'b'] // [2, 'c'] specifications specification ecmascript (ecma-262)the definition of 'array.prototype.entries' in that specification.
Array.prototype.flat() - JavaScript
, [5, 6]]]; arr3.flat(2); // [1, 2, 3, 4, 5, 6] const arr4 = [1, 2, [3, 4, [5, 6, [7, 8, [9, 10]]]]]; arr4.flat(infinity); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] flattening and array holes the flat method removes empty slots in arrays: const arr5 = [1, 2, , 4, 5]; arr5.flat(); // [1, 2, 4, 5] specifications specification ecmascript (ecma-262)the definition of 'array.prototype.flat' in that specification.
Array.prototype.keys() - JavaScript
us a pull request.
Array.prototype.sort() - JavaScript
if (a.value > b.value) { return 1; } if (a.value < b.value) { return -1; } return 0; }); // container for the resulting order var result = mapped.map(function(el){ return list[el.index]; }); there is an open source library available called mapsort which applies this approach.
Array.prototype.splice() - JavaScript
emoved = myfish.splice(-2, 1) // myfish is ["angel", "clown", "sturgeon"] // removed is ["mandarin"] remove all elements from index 2 let myfish = ['angel', 'clown', 'mandarin', 'sturgeon'] let removed = myfish.splice(2) // myfish is ["angel", "clown"] // removed is ["mandarin", "sturgeon"] specifications specification ecmascript (ecma-262)the definition of 'array.prototype.splice' in that specification.
Array.prototype.unshift() - JavaScript
arr.unshift(-2, -1) // the new array length is 5 // arr is [-2, -1, 0, 1, 2] arr.unshift([-4, -3]) // the new array length is 6 // arr is [[-4, -3], -2, -1, 0, 1, 2] arr.unshift([-7, -6], [-5]) // the new array length is 8 // arr is [ [-7, -6], [-5], [-4, -3], -2, -1, 0, 1, 2 ] specifications specification ecmascript (ecma-262)the definition of 'array.prototype.unshift' in that specification.
ArrayBuffer.prototype.byteLength - JavaScript
ction is undefined, meaning that you can only read this property.
ArrayBuffer.prototype.slice() - JavaScript
e range specified by the begin and end parameters is clamped to the valid index range for the current array.
DataView.prototype.buffer - JavaScript
undefined, meaning that you can only read this property.
DataView.prototype.byteLength - JavaScript
view.bytelength; // 8 (matches the bytelength of the buffer) var dataview2 = new dataview(buffer, 1, 5); dataview2.bytelength; // 5 (as specified when constructing the dataview) var dataview3 = new dataview(buffer, 2); dataview3.bytelength; // 6 (due to the offset of the constructed dataview) specifications specification ecmascript (ecma-262)the definition of 'dataview.prototype.bytelength' in that specification.
DataView.prototype.byteOffset - JavaScript
d cannot be changed.
DataView.prototype.getBigInt64() - JavaScript
et such that it would read beyond the end of the view.
DataView.prototype.getBigUint64() - JavaScript
such that it would read beyond the end of the view.
DataView.prototype.getFloat32() - JavaScript
is set such as it would read beyond the end of the view.
DataView.prototype.getFloat64() - JavaScript
is set such as it would read beyond the end of the view.
DataView.prototype.getInt16() - JavaScript
fset is set such as it would read beyond the end of the view.
DataView.prototype.getInt32() - JavaScript
fset is set such as it would read beyond the end of the view.
DataView.prototype.getInt8() - JavaScript
offset is set such as it would read beyond the end of the view.
DataView.prototype.getUint16() - JavaScript
et is set such as it would read beyond the end of the view.
DataView.prototype.getUint32() - JavaScript
et is set such as it would read beyond the end of the view.
DataView.prototype.getUint8() - JavaScript
fset is set such as it would read beyond the end of the view.
DataView.prototype.setBigInt64() - JavaScript
defined.
DataView.prototype.setBigUint64() - JavaScript
ined.
DataView.prototype.setFloat32() - JavaScript
lue undefined.
DataView.prototype.setFloat64() - JavaScript
lue undefined.
DataView.prototype.setInt16() - JavaScript
urn value undefined.
DataView.prototype.setInt32() - JavaScript
urn value undefined.
DataView.prototype.setInt8() - JavaScript
return value undefined.
DataView.prototype.setUint16() - JavaScript
value undefined.
DataView.prototype.setUint32() - JavaScript
value undefined.
DataView.prototype.setUint8() - JavaScript
urn value undefined.
Date.prototype.getDate() - JavaScript
month for the given date according to local time.
Date.prototype.getFullYear() - JavaScript
rns a four-digit number, for example, 1995.
Date.prototype.getHours() - JavaScript
e given date according to local time.
Date.prototype.getMilliseconds() - JavaScript
ween 0 and 999, representing the milliseconds for the given date according to local time.
Date.prototype.getMinutes() - JavaScript
n date according to local time.
Date.prototype.getMonth() - JavaScript
datetimeformat() with an options parameter.
Date.prototype.getSeconds() - JavaScript
n date according to local time.
Date.prototype.getTime() - JavaScript
ate the executing time of some operations.
Date.prototype.getTimezoneOffset() - JavaScript
imezoneoffset() / 60; // 1 // get timezone offset for international labour day (may 1) in 2016 // be careful, the date() constructor uses 0-indexed months, so may is // represented with 4 (and not 5) let labourday = new date(2016, 4, 1) let labourdayoffset = labourday.gettimezoneoffset() / 60; specifications specification ecmascript (ecma-262)the definition of 'date.prototype.gettimezoneoffset' in that specification.
Date.prototype.getUTCDate() - JavaScript
n value an integer number, between 1 and 31, representing the day of the month in the given date according to universal time.
Date.prototype.getUTCDay() - JavaScript
y of the week for the given date, according to universal time: 0 for sunday, 1 for monday, 2 for tuesday, and so on.
Date.prototype.getUTCFullYear() - JavaScript
e value returned by getutcfullyear() is an absolute number that is compliant with year-2000, for example, 1995.
Date.prototype.getUTCHours() - JavaScript
turn value an integer number, between 0 and 23, representing the hours in the given date according to universal time.
Date.prototype.getUTCMilliseconds() - JavaScript
och time.
Date.prototype.getUTCMinutes() - JavaScript
an integer number, between 0 and 59, representing the minutes in the given date according to universal time.
Date.prototype.getUTCMonth() - JavaScript
ing to the month of the given date according to universal time.
Date.prototype.getUTCSeconds() - JavaScript
an integer number, between 0 and 59, representing the seconds in the given date according to universal time.
Date.prototype.getYear() - JavaScript
ar year = xmas.getyear(); // returns -100 setting and getting a year between 1900 and 1999 the third statement assigns the value 95 to the variable year, representing the year 1995.
Date.prototype.setDate() - JavaScript
2) thebigday.setdate(32); // 1962-08-01 (1st of august 1962) thebigday.setdate(22); // 1962-08-22 (22th of august 1962) thebigday.setdate(0); // 1962-07-31 (31th of july 1962) thebigday.setdate(98); // 1962-10-06 (6th of october 1962) thebigday.setdate(-50); // 1962-08-11 (11th of august 1962) specifications specification ecmascript (ecma-262)the definition of 'date.prototype.setdate' in that specification.
Date.prototype.setFullYear() - JavaScript
to update the other parameters and the date information in the date object accordingly.
Date.prototype.setHours() - JavaScript
sethours() attempts to update the date information in the date object accordingly.
Date.prototype.setMilliseconds() - JavaScript
utside the expected range, the date information in the date object is updated accordingly.
Date.prototype.setMinutes() - JavaScript
utes() attempts to update the date information in the date object accordingly.
Date.prototype.setMonth() - JavaScript
2nd march 2016.
Date.prototype.setSeconds() - JavaScript
attempts to update the date information in the date object accordingly.
Date.prototype.setTime() - JavaScript
nd the updated date (effectively, the value of the argument).
Date.prototype.setUTCDate() - JavaScript
he date information in the date object accordingly.
Date.prototype.setUTCFullYear() - JavaScript
date the other parameters and the date information in the date object accordingly.
Date.prototype.setUTCHours() - JavaScript
urs() attempts to update the date information in the date object accordingly.
Date.prototype.setUTCMilliseconds() - JavaScript
nformation in the date object accordingly.
Date.prototype.setUTCMinutes() - JavaScript
attempts to update the date information in the date object accordingly.
Date.prototype.setUTCMonth() - JavaScript
he expected range, setutcmonth() attempts to update the date information in the date object accordingly.
Date.prototype.setUTCSeconds() - JavaScript
ts to update the date information in the date object accordingly.
Date.prototype.setYear() - JavaScript
for dateobj is set to 1900 + yearvalue.
Date.prototype.toDateString() - JavaScript
tring() var d = new date(1993, 5, 28, 14, 39, 7); console.log(d.tostring()); // logs mon jun 28 1993 14:39:07 gmt-0600 (pdt) console.log(d.todatestring()); // logs mon jun 28 1993 note: month are 0-indexed when used as an argument of date (thus 0 corresponds to january and 11 to december).
Date.prototype.toGMTString() - JavaScript
operating system's time-zone offset and returns a string value that is similar to the following form.
Date.prototype.toJSON() - JavaScript
representing the date object's value.
Date.prototype.toTimeString() - JavaScript
g slicing approaches may not produce consistent results across multiple engines.
Date.prototype.toUTCString() - JavaScript
e platform.
Error.prototype.stack - JavaScript
in firefox 14 and later this is less of an issue.
FinalizationRegistry.prototype.register() - JavaScript
r(target, "some value", target); the following registers the target object referenced by target, passing in another object as the held value, and not passing in any unregistration token (which means target can't be unregistered): registry.register(target, {"useful": "info about target"}); specifications specification weakrefsthe definition of 'finalizationregistry.prototype.register' in that specification.
FinalizationRegistry.prototype.unregister() - JavaScript
y this `thingy` instance.
Function.prototype.call() - JavaScript
play.call(); // sdata value is wisen caution: in strict mode, the value of this will be undefined.
Generator.prototype.next() - JavaScript
l does not log anything, because the generator was not yielding anything initially.
Generator.prototype.return() - JavaScript
ield 2; yield 3; } const g = gen(); g.next(); // { value: 1, done: false } g.next(); // { value: 2, done: false } g.next(); // { value: 3, done: false } g.next(); // { value: undefined, done: true } g.return(); // { value: undefined, done: true } g.return(1); // { value: 1, done: true } specifications specification ecmascript (ecma-262)the definition of 'generator.prototype.return' in that specification.
Generator.prototype.throw() - JavaScript
ck as usual.
Intl.Locale.prototype.baseName - JavaScript
the intl.locale.prototype.basename property returns a substring of the locale's string representation, containing core information about the locale.
Intl.Locale.prototype.language - JavaScript
the intl.locale.prototype.language property is an accessor property that returns the language associated with the locale.
Intl.Locale.prototype.maximize() - JavaScript
the intl.locale.prototype.maximize() method gets the most likely values for the language, script, and region of the locale based on existing values.
Intl.Locale.prototype.minimize() - JavaScript
the intl.locale.prototype.minimize() method attempts to remove information about the locale that would be added by calling locale.maximize().
Intl.Locale.prototype.region - JavaScript
the intl.locale.prototype.region property is an accessor property that returns the region of the world (usually a country) associated with the locale.
Intl.Locale.prototype.script - JavaScript
the intl.locale.prototype.script property is an accessor property which returns the script used for writing the particular language used in the locale.
Intl.RelativeTimeFormat.prototype.format() - JavaScript
the intl.relativetimeformat.prototype.format() method formats a value and unit according to the locale and formatting options of this relativetimeformat object.
Intl.RelativeTimeFormat.prototype.resolvedOptions() - JavaScript
the intl.relativetimeformat.prototype.resolvedoptions() method returns a new object with properties reflecting the locale and relative time formatting options computed during initialization of this relativetimeformat object.
Map.prototype[@@iterator]() - JavaScript
..of const mymap = new map() mymap.set('0', 'foo') mymap.set(1, 'bar') mymap.set({}, 'baz') for (const entry of mymap) { console.log(entry) } // ["0", "foo"] // [1, "bar"] // [{}, "baz"] for (const [key, value] of mymap) { console.log(`${key}: ${value}`) } // 0: foo // 1: bar // [object]: baz specifications specification ecmascript (ecma-262)the definition of 'map.prototype[@@iterator]()' in that specification.
Map.prototype.clear() - JavaScript
-examples and send us a pull request.
Map.prototype.entries() - JavaScript
xamples using entries() let mymap = new map() mymap.set('0', 'foo') mymap.set(1, 'bar') mymap.set({}, 'baz') let mapiter = mymap.entries() console.log(mapiter.next().value) // ["0", "foo"] console.log(mapiter.next().value) // [1, "bar"] console.log(mapiter.next().value) // [object, "baz"] specifications specification ecmascript (ecma-262)the definition of 'map.prototype.entries' in that specification.
Map.prototype.forEach() - JavaScript
nt in an map object: function logmapelements(value, key, map) { console.log(`map.get('${key}') = ${value}`) } new map([['foo', 3], ['bar', {}], ['baz', undefined]]).foreach(logmapelements) // logs: // "map.get('foo') = 3" // "map.get('bar') = [object object]" // "map.get('baz') = undefined" specifications specification ecmascript (ecma-262)the definition of 'map.prototype.foreach' in that specification.
Map.prototype.get() - JavaScript
return from the map object.
Map.prototype.has() - JavaScript
ey of the element to test for presence in the map object.
Map.prototype.keys() - JavaScript
e a new map iterator object.
Map.prototype.set() - JavaScript
update an element in the map mymap.set('bar', 'baz') using the set() with chaining since the set() method returns back the same map object, you can chain the method call like below: // add new elements to the map with chaining.
Map.prototype.size - JavaScript
the value of size is an integer representing how many entries the map object has.
Map.prototype.values() - JavaScript
map iterator object.
Object.prototype.__defineGetter__() - JavaScript
mefive); // 5 standard-compliant ways // using the get operator var o = { get gimmefive() { return 5; } }; console.log(o.gimmefive); // 5 // using object.defineproperty var o = {}; object.defineproperty(o, 'gimmefive', { get: function() { return 5; } }); console.log(o.gimmefive); // 5 specifications specification ecmascript (ecma-262)the definition of 'object.prototype.__definegetter__()' in that specification.
Object.prototype.__defineSetter__() - JavaScript
e = 5; console.log(o.value); // undefined console.log(o.anothervalue); // 5 // using object.defineproperty var o = {}; object.defineproperty(o, 'value', { set: function(val) { this.anothervalue = val; } }); o.value = 5; console.log(o.value); // undefined console.log(o.anothervalue); // 5 specifications specification ecmascript (ecma-262)the definition of 'object.prototype.__definesetter__()' in that specification.
Object.prototype.__lookupSetter__() - JavaScript
y setter var obj = { set foo(value) { this.bar = value; } }; // non-standard and deprecated way obj.__lookupsetter__('foo') // (function(value) { this.bar = value; }) // standard-compliant way object.getownpropertydescriptor(obj, 'foo').set; // (function(value) { this.bar = value; }) specifications specification ecmascript (ecma-262)the definition of 'object.prototype.__lookupsetter__()' in that specification.
RegExp.prototype.compile() - JavaScript
ile method is deprecated.
Set.prototype[@@iterator]() - JavaScript
symbol.iterator](); console.log(setiter.next().value); // "0" console.log(setiter.next().value); // 1 console.log(setiter.next().value); // object using [@@iterator]() with for..of const myset = new set(); myset.add('0'); myset.add(1); myset.add({}); for (const v of myset) { console.log(v); } specifications specification ecmascript (ecma-262)the definition of 'set.prototype[@@iterator]' in that specification.
Set.prototype.add() - JavaScript
uest.
Set.prototype.clear() - JavaScript
active-examples and send us a pull request.
Set.prototype.delete() - JavaScript
ect from a set.
Set.prototype.entries() - JavaScript
r.
Set.prototype.forEach() - JavaScript
he following code logs a line for each element in a set object: function logsetelements(value1, value2, set) { console.log('s[' + value1 + '] = ' + value2); } new set(['foo', 'bar', undefined]).foreach(logsetelements); // logs: // "s[foo] = foo" // "s[bar] = bar" // "s[undefined] = undefined" specifications specification ecmascript (ecma-262)the definition of 'set.prototype.foreach' in that specification.
Set.prototype.has() - JavaScript
oo'); // returns true myset.has('bar'); // returns false var set1 = new set(); var obj1 = {'key1': 1}; set1.add(obj1); set1.has(obj1); // returns true set1.has({'key1': 1}); // returns false because they are different object references set1.add({'key1': 1}); // now set1 contains 2 entries specifications specification ecmascript (ecma-262)the definition of 'set.prototype.has' in that specification.
Set.prototype.size - JavaScript
request.
Set.prototype.values() - JavaScript
he given set, in insertion order.
SharedArrayBuffer.prototype.byteLength - JavaScript
an accessor property whose set accessor function is undefined, meaning that you can only read this property.
String.prototype[@@iterator]() - JavaScript
ole.log(striter.next().value); // "a" console.log(striter.next().value); // "\ud835\udc68" using [@@iterator]() with for..of var str = 'a\ud835\udc68b\ud835\udc69c\ud835\udc6a'; for (var v of str) { console.log(v); } // "a" // "\ud835\udc68" // "b" // "\ud835\udc69" // "c" // "\ud835\udc6a" specifications specification ecmascript (ecma-262)the definition of 'string.prototype[@@iterator]()' in that specification.
String.prototype.anchor() - JavaScript
e <a> element to have a name attribute, so this method doesn't even create valid markup.
String.prototype.big() - JavaScript
; // <big>hello, world</big> console.log(worldstring.fontsize(7)); // <fontsize=7>hello, world</fontsize> with the element.style object you can get the element's style attribute and manipulate it more generically, for example: document.getelementbyid('yourelemid').style.fontsize = '2em'; specifications specification ecmascript (ecma-262)the definition of 'string.prototype.big' in that specification.
String.prototype.blink() - JavaScript
string: var worldstring = 'hello, world'; console.log(worldstring.blink()); // <blink>hello, world</blink> console.log(worldstring.bold()); // <b>hello, world</b> console.log(worldstring.italics()); // <i>hello, world</i> console.log(worldstring.strike()); // <strike>hello, world</strike> specifications specification ecmascript (ecma-262)the definition of 'string.prototype.blink' in that specification.
String.prototype.bold() - JavaScript
string: var worldstring = 'hello, world'; console.log(worldstring.blink()); // <blink>hello, world</blink> console.log(worldstring.bold()); // <b>hello, world</b> console.log(worldstring.italics()); // <i>hello, world</i> console.log(worldstring.strike()); // <strike>hello, world</strike> specifications specification ecmascript (ecma-262)the definition of 'string.prototype.bold' in that specification.
String.prototype.charAt() - JavaScript
} if (idx >= end || idx < 0) { return '' } ret += str.charat(idx) if (/[\ud800-\udbff]/.test(ret) && /[\udc00-\udfff]/.test(str.charat(idx + 1))) { // go one further, since one of the "characters" is part of a surrogate pair ret += str.charat(idx + 1) } return ret } specifications specification ecmascript (ecma-262)the definition of 'string.prototype.charat' in that specification.
String.prototype.charCodeAt() - JavaScript
odeat(idx); var hi, low; if (0xd800 <= code && code <= 0xdbff) { hi = code; low = str.charcodeat(idx + 1); // go one further, since one of the "characters" // is part of a surrogate pair return ((hi - 0xd800) * 0x400) + (low - 0xdc00) + 0x10000; } return code; } specifications specification ecmascript (ecma-262)the definition of 'string.prototype.charcodeat' in that specification.
String.prototype.fixed() - JavaScript
html element.
String.prototype.fontcolor() - JavaScript
red in hexadecimal in this line'); // '<font color="ff00">hello, world</font> is red in hexadecimal in this line' with the element.style object you can get the element's style attribute and manipulate it more generically, for example: document.getelementbyid('yourelemid').style.color = 'red'; specifications specification ecmascript (ecma-262)the definition of 'string.prototype.fontcolor' in that specification.
String.prototype.fontsize() - JavaScript
// <big>hello, world</big> console.log(worldstring.fontsize(7)); // <font size="7">hello, world</fontsize> with the element.style object you can get the element's style attribute and manipulate it more generically, for example: document.getelementbyid('yourelemid').style.fontsize = '0.7em'; specifications specification ecmascript (ecma-262)the definition of 'string.prototype.fontsize' in that specification.
String.prototype.italics() - JavaScript
f a string: var worldstring = 'hello, world'; console.log(worldstring.blink()); // <blink>hello, world</blink> console.log(worldstring.bold()); // <b>hello, world</b> console.log(worldstring.italics()); // <i>hello, world</i> console.log(worldstring.strike()); // <strike>hello, world</strike> specifications specification ecmascript (ecma-262)the definition of 'string.prototype.italics' in that specification.
String.prototype.lastIndexOf() - JavaScript
logs 8 console.log('the index of the first w from the end is ' + anystring.lastindexof('w')); // logs 10 console.log('the index of "new" from the beginning is ' + anystring.indexof('new')); // logs 6 console.log('the index of "new" from the end is ' + anystring.lastindexof('new')); // logs 6 specifications specification ecmascript (ecma-262)the definition of 'string.prototype.lastindexof' in that specification.
String.prototype.link() - JavaScript
ple displays the word "mdn" as a hypertext link that returns the user to the mozilla developer network.
String.prototype.normalize() - JavaScript
ibly-composed (nfkc) // u+1e69: latin small letter s with dot below and dot above str.normalize('nfkc'); // '\u1e69' // compatibly-decomposed (nfkd) // u+0073: latin small letter s // u+0323: combining dot below // u+0307: combining dot above str.normalize('nfkd'); // '\u0073\u0323\u0307' specifications specification ecmascript (ecma-262)the definition of 'string.prototype.normalize' in that specification.
String.prototype.padEnd() - JavaScript
turn value a string of the specified targetlength with the padstring applied at the end of the current str.
String.prototype.padStart() - JavaScript
// "abc" fixed width string number conversion // javascript version of: (unsigned) // printf "%0*d" width num function leftfillnum(num, targetlength) { return num.tostring().padstart(targetlength, 0); } const num = 123; console.log(leftfillnum(num, 5)); // expected output: "00123" specifications specification ecmascript (ecma-262)the definition of 'string.prototype.padstart' in that specification.
String.prototype.replace() - JavaScript
() function.
String.prototype.slice() - JavaScript
nd the start index and backwards from the end by 7 to find the end index.
String.prototype.small() - JavaScript
// <big>hello, world</big> console.log(worldstring.fontsize(7)); // <font size="7">hello, world</fontsize> with the element.style object you can get the element's style attribute and manipulate it more generically, for example: document.getelementbyid('yourelemid').style.fontsize = '0.7em'; specifications specification ecmascript (ecma-262)the definition of 'string.prototype.small' in that specification.
String.prototype.split() - JavaScript
k if the string contains grapheme clusters, even when using a unicode-aware split.
String.prototype.strike() - JavaScript
of a string: var worldstring = 'hello, world'; console.log(worldstring.blink()); // <blink>hello, world</blink> console.log(worldstring.bold()); // <b>hello, world</b> console.log(worldstring.italics()); // <i>hello, world</i> console.log(worldstring.strike()); // <strike>hello, world</strike> specifications specification ecmascript (ecma-262)the definition of 'string.prototype.strike' in that specification.
String.prototype.sub() - JavaScript
: var supertext = 'superscript'; var subtext = 'subscript'; console.log('this is what a ' + supertext.sup() + ' looks like.'); // this is what a <sup>superscript</sup> looks like console.log('this is what a ' + subtext.sub() + ' looks like.'); // this is what a <sub>subscript</sub> looks like.
String.prototype.sup() - JavaScript
r supertext = 'superscript'; var subtext = 'subscript'; console.log('this is what a ' + supertext.sup() + ' looks like.'); // "this is what a <sup>superscript</sup> looks like." console.log('this is what a ' + subtext.sub() + ' looks like.'); // "this is what a <sub>subscript</sub> looks like." specifications specification ecmascript (ecma-262)the definition of 'string.prototype.sup' in that specification.
String.prototype.toLowerCase() - JavaScript
ng the calling string converted to lower case.
WeakMap.prototype.delete() - JavaScript
f the key is not found in the weakmap or if the key is not an object.
WeakMap.prototype.get() - JavaScript
object.
WeakMap.prototype.has() - JavaScript
ce in the weakmap object.
WeakMap.prototype.set() - JavaScript
of the element to add to the weakmap object.
WeakRef.prototype.deref() - JavaScript
= () => { // get the element from the weak reference, if it still exists const element = this.ref.deref(); if (element) { element.textcontent = ++this.count; } else { // the element doesn't exist anymore console.log("the element is gone."); this.stop(); this.ref = null; } }; specifications specification weakrefsthe definition of 'weakref.prototype.deref()' in that specification.
WeakSet.prototype.delete() - JavaScript
ples using the delete method var ws = new weakset(); var obj = {}; ws.add(window); ws.delete(obj); // returns false.
WeakSet.prototype.has() - JavaScript
weakset.
WebAssembly.Instance.prototype.exports - JavaScript
the exports readonly property of the webassembly.instance object prototype returns an object containing as its members all the functions exported from the webassembly module instance, to allow them to be accessed and used by javascript.
WebAssembly.Memory.prototype.buffer - JavaScript
the buffer prototype property of the webassembly.memory object returns the buffer contained in the memory.
WebAssembly.Table.prototype.grow() - JavaScript
the grow() prototype method of the webassembly.table object increases the size of the table instance by a specified number of elements.
WebAssembly.Table.prototype.length - JavaScript
the length prototype property of the webassembly.table object returns the length of the table, i.e.
Index - Web APIs
Web › API › Index
found 5328 pages: # page tags and summary 1 web apis api, dom, landing, reference, web when writing code for the web, there are a large number of web apis available.
...st of all the apis and interfaces (object types) that you may be able to use while developing your web app or site.
...bsoluteorientationsensor constructor creates a new absoluteorientationsensor object which describes the device's physical orientation in relation to the earth's reference coordinate system.
...And 716 more matches
Index
rence, référence(2), spidermonkey js::autovaluearray<n> holds a rooted array of js::value.
... passed to function which requires js::handlevaluearray or a pointer to js::value array.
...quires js::handlevaluearray or a pointer to js::value array.
...And 159 more matches
Index - Archive of obsolete content
ary!
...cess to the local filesystem with the nodejs path module api.
...s path module api.
...And 158 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
Web › HTML › Element › input
the html <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.
... the html <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.
...e and user agent.
...And 153 more matches
WebIDL bindings
k up the class to the cycle collector so it will trace the wrapper cache properly.
...ass, returns the same object every time (unless you write explicit code that handles your parent object changing by reparenting js wrappers, as nodes do).
...ue of getparentobject should itself inherit from nswrappercache for optimal performance.
...And 134 more matches
Working with data
creating cdata objects data types for use with js-ctypes are represented by ctype objects.
... creating cdata objects data types for use with js-ctypes are represented by ctype objects.
...are represented by ctype objects.
...And 128 more matches
Textbox (XPFE autocomplete) - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is created by setting the type attribute of a textbox to autocomplete.
... « xul reference home [ examples | attributes | properties | methods | related ] this element is created by setting the type attribute of a textbox to autocomplete.
...tches, ignoreblurwhilesearching, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, minresultsforpopup, nomatch, onchange, onerrorcommand, oninput, onsearchcomplete, ontextcommand, ontextentered, ontextrevert, ontextreverted, open, readonly, searchsessions, showcommentcolumn, showcommentcolumn, showpopup, size, tabindex, tabscrolling, tabscrolling, timeout, type, useraction, value properties accessible, alwaysopenpopup, autofill, autofillaftermatch, completedefaultindex, crop, disableautocomplete, disabled, editable, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputfield, issearching, iswaiting, label, maxlength, maxrows, minresultsforpopup, nomatch, open, popup, popupopen, resultspopup, searchcount, searchparam...
...And 127 more matches
HTML documentation index - HTML: Hypertext Markup Language
Web › HTML › Index
.
... which must be unique in the whole document.
...sing the global attribute itemref.
...And 118 more matches
Index
se64 or ascii presentations, especially when importing data from files.
...data from files.
..., s/mime, and other internet security standards.
...And 109 more matches
Add to iPhoto
this extension for mac os x serves as a demonstration of how to use js-ctypes to call mac os x carbon, core foundation, and other system frameworks from an extension written entirely in javascript.
...n of this extension on amo.
... lot of this stuff is repetitive, we'll only look at selected parts of the code to get an idea how things work.
...And 99 more matches
Details of the object model - JavaScript
« previousnext » javascript is an object-based language based on prototypes, rather than being class-based.
...ass-based.
...mber in a set of objects it describes.
...And 99 more matches
nsIAnnotationService
string aname, in double avalue, in long aflags, in unsigned short aexpiration); void setitemannotationdouble(in long long aitemid, in autf8string aname, in double avalue, in long aflags, in unsigned short aexpiration); void setpageannotationbinary(in nsiuri auri, in autf8string aname,[const, array, size_is(adatalen)] in octet adata, in unsigned long adatalen, in autf8string amimetype, in long aflags, in unsigned short aexpiration); void setitemannotationbinary(in long long aitemid, in autf8string aname,[const, array, size_is(adatalen)] in octet adata, in unsigned long adatalen, in autf8string amimetype, in long aflags, in unsigned short aexpiration); nsivariant getpageannotation(in nsiuri auri, in autf8string aname); nsivariant getitemannotation(in ...
...getitemannotationint64(in long long aitemid, in autf8string aname); double getpageannotationdouble(in nsiuri auri, in autf8string aname); double getitemannotationdouble(in long long aitemid, in autf8string aname); void getpageannotationbinary(in nsiuri auri, in autf8string aname,[array, size_is(adatalen)] out octet adata, out unsigned long adatalen, out autf8string amimetype); void getitemannotationbinary(in long long aitemid, in autf8string aname,[array, size_is(adatalen)] out octet adata, out unsigned long adatalen, out autf8string amimetype); void getpageannotationinfo(in nsiuri auri, in autf8string aname, out print32 aflags, out unsigned short aexpiration, out autf8string amimetype, out unsigned short atype); void getitemannotationinfo(...
... octet adata, out unsigned long adatalen, out autf8string amimetype); void getpageannotationinfo(in nsiuri auri, in autf8string aname, out print32 aflags, out unsigned short aexpiration, out autf8string amimetype, out unsigned short atype); void getitemannotationinfo(in long long aitemid, in autf8string aname, out long aflags, out unsigned short aexpiration, out autf8string amimetype, out unsigned short atype); pruint16 getpageannotationtype(in nsiuri auri, in autf8string aname); pruint16 getitemannotationtype(in long long aitemid, in autf8string aname); void getpageswithannotation(in autf8string name, [optional] out unsigned long resultcount, [retval, array, size_is(resultcount)] out nsiuri results); void getitemswithannotation(in autf8str...
...And 95 more matches
textbox (Toolkit autocomplete) - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is created by setting the type attribute of the textbox to autocomplete.
... « xul reference home [ examples | attributes | properties | methods | related ] this element is created by setting the type attribute of the textbox to autocomplete.
... completeselectedindex,crop, disableautocomplete, disabled, disablekeynavigation, enablehistory, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, nomatch, onchange, oninput, onsearchcomplete, ontextentered, ontextreverted, open, readonly,showcommentcolumn, showimagecolumn, size, tabindex, tabscrolling, timeout, type, value properties accessibletype, completedefaultindex, controller, crop, disableautocomplete, disablekeynavigation, disabled, editable, focused, forcecomplete, highlightnonmatches, ignoreblurwhilesearching, inputfield, label, maxlength, maxrows, minresultsforpopup, open, popup, popupopen, searchcount, searchparam, selectionend, selectionstart, showcommentcolumn, showimagecolumn,size, t...
...And 93 more matches
Plug-in Basics - Plugins
g and compression/decompression services applications that range from personal information managers to games the range of possibilities for using plug-in technology seems boundless, as shown by the growing numbers of independent software vendors who are creating new and innovative plug-ins.
...ata from the network using urls post data to urls add hyperlinks or hotspots that link to new urls draw into sections on an html page communicate with javascript/dom from native code you can see which plug-ins are installed on your system and have been properly associated with the browser by consulting the installed plug-ins page.
...s on an html page communicate with javascript/dom from native code you can see which plug-ins are installed on your system and have been properly associated with the browser by consulting the installed plug-ins page.
...And 88 more matches
nsIContentPolicy - Archive of obsolete content
dom/base/nsicontentpolicy.idlscriptable interface used to implement a content policy mechanism.
... dom/base/nsicontentpolicy.idlscriptable interface used to implement a content policy mechanism.
...ning: do not block the caller in your implementations of shouldload() or shouldprocess() (for example, by launching a dialog to prompt the user for something).") note: in reality, much of this interface is defined in the nsicontentpolicybase interface, but for now is documented here until someone has time to split things up.
...And 85 more matches
Parser API
ghters, static analyses, translators, compilers, obfuscators, etc.
...behavior and might be incomplete.
...urned ast nodes.
...And 83 more matches
Standard OS Libraries
this article gives the names of standard libraries that can be accessed with js-ctypes.
... this article gives the names of standard libraries that can be accessed with js-ctypes.
... this article gives the names of standard libraries that can be accessed with js-ctypes.
...And 81 more matches
AddonManager
bject is the global api used to access information about add-ons installed in the application and to manipulate them.
...nd to manipulate them.
...e methods are asynchronous meaning that results are delivered through callbacks passed to the method.
...And 79 more matches
textbox - Archive of obsolete content
ault.
...y a field with multiple rows.
... preference, readonly, rows, searchbutton, size, spellcheck, tabindex, timeout, type, value, wrap, wraparound properties accessibletype, clickselectsall, decimalplaces, decimalsymbol, defaultvalue, disabled, editor, emptytext, increment, inputfield, label, max, maxlength, min, placeholder, readonly, searchbutton, selectionend, selectionstart, size, spinbuttons, tabindex, textlength, timeout, type, value, valuenumber, wraparound methods decrease, increase, reset, select, setselectionrange style classes plain examples <vbox> <label control="your-name" value="enter your name:"/> <textbox id="your-name" value="john"/> </vbox> attributes cols type: integer for multiline textboxes, the number of columns to display.
...And 78 more matches
XPIDL
ages (idl) are used to describe interfaces in a language- and machine-independent way.
... note: starting in gecko 9.0, the older xpidl utility, which was previously used to generate c++ header files, typelib information, and so forth has been replaced with pyxpidl in the gecko sdk.
...mples are in the xpcom/base and xpcom/ds directories of the mozilla tree.
...And 77 more matches
Index - Archive of obsolete content
Archive › Mozilla › XUL › Index
found 1218 pages: # page tags and summary 1 xul landing, mozilla, xul xul (xml user interface language) is mozilla's xml-based language for building user interfaces of applications like firefox.
...le, this article describes items of specific interest to the web or content developer looking to establish a context for understanding mozilla's new technologies -- and in particular mozilla's xml-based user interface language, xul.
...summary!
...And 76 more matches
nsIMsgDBView
the nsimsgdbview interface handles the display of mail in the threadpane and preview pane of thunderbird and other xpcom based mail cients.
...simsgdbview interface handles the display of mail in the threadpane and preview pane of thunderbird and other xpcom based mail cients.
...les the display of mail in the threadpane and preview pane of thunderbird and other xpcom based mail cients.
...And 75 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
anging its behavior or providing metadata.
...i accessibility, glossary bidi (bidirectional) refers to a document containing both right-to-left and left-to-right text.
...to-right text.
...And 73 more matches
JavaScript Daemons Management - Archive of obsolete content
icense, version 3 or later.
...e = math.floor(nrate); } if (nlen > 0) { this.length = math.floor(nlen); } if (fonstart) { this.onstart = fonstart; } if (finit) { this.onstop = finit; finit.call(oowner, this.index, this.length, this.backw); } } /* create the daemon.blank() constructor and the global daemon.context object */ daemon.blank = function () {}; daemon.context = daemon.blank.prototype; /* make love with the gc :-) */ daemon.blank.prototype = /* important!
...t) { this.onstart = fonstart; } if (finit) { this.onstop = finit; finit.call(oowner, this.index, this.length, this.backw); } } /* create the daemon.blank() constructor and the global daemon.context object */ daemon.blank = function () {}; daemon.context = daemon.blank.prototype; /* make love with the gc :-) */ daemon.blank.prototype = /* important!
...And 72 more matches
Dehydra Object Reference - Archive of obsolete content
introduction dehydra represents c++ types and variables as javascript objects.
... introduction dehydra represents c++ types and variables as javascript objects.
...d variables as javascript objects.
...And 72 more matches
Bytecode Descriptions
the string constant script->getatom(atomindex).
...ng constant script->getatom(atomindex).
...atomindex).
...And 69 more matches
tabbrowser - Archive of obsolete content
backgroup, goforward, goforwardgroup, gohome, gotoindex, loadgroup, loadonetab, loadtabs, loaduri, loaduriwithflags, movetabto, pintab, reload, reloadalltabs, reloadtab, reloadwithflags, removealltabsbut, removecurrenttab, removeprogresslistener, removetab, removetabsprogresslistener,replacegroup, selecttabatindex, seticon, showonlythesetabs, stop, unpintab attributes autocompleteenabled type: boolean set to true to enable autocomplete of fields.
..., loaduriwithflags, movetabto, pintab, reload, reloadalltabs, reloadtab, reloadwithflags, removealltabsbut, removecurrenttab, removeprogresslistener, removetab, removetabsprogresslistener,replacegroup, selecttabatindex, seticon, showonlythesetabs, stop, unpintab attributes autocompleteenabled type: boolean set to true to enable autocomplete of fields.
...vecurrenttab, removeprogresslistener, removetab, removetabsprogresslistener,replacegroup, selecttabatindex, seticon, showonlythesetabs, stop, unpintab attributes autocompleteenabled type: boolean set to true to enable autocomplete of fields.
...And 68 more matches
Introduction to using XPath in JavaScript - XPath
based document (including html documents), and returns a xpathresult object, which can be a single node or a set of nodes.
...hould use this virtually all of the time.
...which can be used for html documents or when no namespace prefixes are used.
...And 68 more matches
nsIDOMWindowUtils
oat ax, in float ay, in boolean aignorerootscrollframe, in boolean aflushlayout); void entermodalstate(); nsidomelement findelementwithviewid(in nsviewid aid); void focus(in nsidomelement aelement); void forceupdatenativemenuat(in astring indexstring); void garbagecollect([optional] in nsicyclecollectorlistener alistener); short getcursortype(); astring getdocumentmetadata(in astring aname); nsidomwindow getouterwindowwithid(in unsigned long long aouterwindowid); long getpccountscriptcount(); astring getpccountscriptsummary(in long ascript); astring getpccountscriptcontents(in long ascript); void getscrollxy(in boolean aflushlayout, out long ascrollx, out long ascrolly);...
...getpccountscriptcontents(in long ascript); void getscrollxy(in boolean aflushlayout, out long ascrollx, out long ascrolly); astring getvisiteddependentcomputedstyle(in nsidomelement aelement, in astring apseudoelement, in astring apropertyname); boolean isinmodalstate(); void leavemodalstate(); void loadsheet(in nsiuri sheeturi, in unsigned long type); nsidomnodelist nodesfromrect(in float ax, in float ay, in float atopsize, in float arightsize, in float abottomsize, in float aleftsize, in boolean aignorerootscrollframe, in boolean aflushlayout); void processupdates(); obsolete since gecko 13.0 void purgepccounts(); unsigned long redraw([optional] in unsigned long acount); void renderdocumen...
...n boolean aflushlayout); void processupdates(); obsolete since gecko 13.0 void purgepccounts(); unsigned long redraw([optional] in unsigned long acount); void renderdocument(in nsconstrect arect, in pruint32 aflags, in nscolor abackgroundcolor, in gfxcontext athebescontext); native code only!
...And 65 more matches
Using XMLHttpRequest - Web APIs
tprequest object, open a url, and send the request.
...uch as the response body and the http status of the result.
...t can fetch the data in one of two ways, asynchronously or synchronously.
...And 64 more matches
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
if the current node has an attribute defined with the specified name.
...has an attribute defined with the specified name.
... 2 attribute node 3 text node 4 cdata section node 5 entity reference node 6 entity node 7 processing instruction node 8 comment node 9 document node 10 document type node 11 document fragment node 12 notation node nodevalue returns the value of the current node.
...And 63 more matches
toolbarbutton - Archive of obsolete content
ld be duplicated elsewhere in the application where possible, provide keyboard alternatives.
...ssible, provide keyboard alternatives.
...ble, duplicate functionality in a menu item or context menu.
...And 63 more matches
StringView - Archive of obsolete content
the aims of this library are: to create a c-like interface for strings (i.e., an array of character codes — an arraybufferview in javascript) based upon the javascript arraybuffer interface to create a highly extensible library that anyone can extend by adding methods to the object stringview.prototype to create a collection of methods for such string-like objects (since now: stringviews) which work strictly on arrays of numbers rather than on creating new immutable javascript strings to work with unicode encodings other than javascript's default utf-16 domstrings introduction as web applications become more and more powerful, adding features such as audio and video manipulation, access to raw data using websockets, and so forth, it has become clear that there are times when...
...quickly and easily manipulate raw binary data.
...the charcodeat() method to read the bytes from the data buffer.
...And 62 more matches
Object - JavaScript
the object class represents one of javascript's data types.
... the object class represents one of javascript's data types.
....
...And 62 more matches
button - Archive of obsolete content
can be pressed by the user.
... trap mouse, keyboard and other events.
... is typically rendered as a grey outset rectangle.
...And 59 more matches
Places utilities for JavaScript
e, and as such it will never be frozen, but it provides some easy to use functions that can save you from reinventing the wheel and cluttering up your own classes/functions when you need it.
...ode anode); boolean nodeislivemarkcontainer(nsinavhistoryresultnode anode); obsolete since gecko 21 boolean nodeislivemarkitem(nsinavhistoryresultnode anode); obsolete since gecko 21 boolean isreadonlyfolder(nsinavhistoryresultnode anode); int getindexofnode(nsinavhistoryresultnode anode); string wrapnode(nsinavhistoryresultnode anode, string atype, nsiuri aoverrideuri); array unwrapnodes(string blob, string atype); nsitransaction maketransaction(string data, string type, nsinavhistoryresultnode container, int index, boolean copy); nsinavhistoryresult getfoldercontents(int afolderid, boolean aexcludeitems, boolean aexpandqueries); boolean showaddbookmarkui(nsiuri auri, string atitle, string adescription, ...
... boolean showaddfolderui(string atitle, int adefaultinsertionpoint, boolean ashowpicker); array object getannotationsforuri(nsiuri auri); array object getannotationsforitem(int aitemid); void setannotationsforuri(nsiuri auri, object aannos); void setannotationsforuri(int aitemid, object aannos); getviewfornode(nsidomnode anode); void markpageastyped(string aurl); void markpageasfollowedbookmark(string aurl); boolean checkurlsecurity(nsinavhistoryresultnode aurinode); string getquerystringforfolder(int afolderid); string getdescriptionfromdocument(nsidomdocument doc); string setpostdataforbookmark(int aboomarkid, string apostdata); string getpostdataforbookmark(int aboomarkid); a...
...And 58 more matches
JXON - Archive of obsolete content
dicated paragraph (but please read the note about the const statement compatibility).
...atch image="burgundy_cardigan.jpg">burgundy</color_swatch> </size> </catalog_item> <catalog_item gender="women's"> <item_number>rrx9856</item_number> <discount_until>dec 25, 1995</discount_until> <price>42.50</price> <size description="medium"> <color_swatch image="black_cardigan.jpg">black</color_swatch> </size> </catalog_item> </product> <script type="text/javascript"><![cdata[function matchwo(a,b) { if (a < b && a < 0) { return 1; } else { return 0; } }]]></script> </catalog> first, create a dom tree like the previous example as described in the how to create a dom tree article.
...a dom tree article.
...And 57 more matches
Index
Mozilla › Tech › XPCOM › Index
nent (implementing the nsisimple interface).
... how to make the same component in python using pyxpcom.
...roperties are the names listed as the first parameters of the macros in js/xpconnect/src/xpc.msg (also at table of errors), with the value of each corresponding to that constant's value.
...And 57 more matches
Linear-gradient Generator - CSS: Cascading Style Sheets
color.sethsv(h, s, v); return color; } function hsvacolor(h, s, v, a) { var color = new color(); color.sethsv(h, s, v); color.a = a; return color; } function hslcolor(h, s, l) { var color = new color(); color.sethsl(h, s, l); return color; } function hslacolor(h, s, l, a) { var color = new color(); color.sethsl(h, s, l); color.a = a; return color; } color.prototype.copy = function copy(obj) { if(obj instanceof color !== true) { console.log('typeof parameter not color'); return; } this.r = obj.r; this.g = obj.g; this.b = obj.b; this.a = obj.a; this.hue = obj.hue; this.saturation = obj.saturation; this.value = obj.value; this.format = '' + obj.format; this.lightness = obj.lightness; }; color.prototype.setformat = function setfo...
...s.a = obj.a; this.hue = obj.hue; this.saturation = obj.saturation; this.value = obj.value; this.format = '' + obj.format; this.lightness = obj.lightness; }; color.prototype.setformat = function setformat(format) { if (format === 'hsv') this.format = 'hsv'; if (format === 'hsl') this.format = 'hsl'; }; /*========== methods to set color properties ==========*/ color.prototype.isvalidrgbvalue = function isvalidrgbvalue(value) { return (typeof(value) === 'number' && isnan(value) === false && value >= 0 && value <= 255); }; color.prototype.setrgba = function setrgba(red, green, blue, alpha) { if (this.isvalidrgbvalue(red) === false || this.isvalidrgbvalue(green) === false || this.isvalidrgbvalue(blue) === false) return; this.r = red | 0; this.g ...
... value >= 0 && value <= 255); }; color.prototype.setrgba = function setrgba(red, green, blue, alpha) { if (this.isvalidrgbvalue(red) === false || this.isvalidrgbvalue(green) === false || this.isvalidrgbvalue(blue) === false) return; this.r = red | 0; this.g = green | 0; this.b = blue | 0; if (this.isvalidrgbvalue(alpha) === true) this.a = alpha | 0; }; color.prototype.setbyname = function setbyname(name, value) { if (name === 'r' || name === 'g' || name === 'b') { if(this.isvalidrgbvalue(value) === false) return; this[name] = value; this.updatehsx(); } }; color.prototype.sethsv = function sethsv(hue, saturation, value) { this.hue = hue; this.saturation = saturation; this.value = value; this.hsvtorgb(); }; color.prototype.sethsl ...
...And 57 more matches
Drag Operations - Web APIs
ansfer is a datatransfer object).
...associated with the drag which identifies what is being dragged.
...ata associated with the drag data item is the text itself.
...And 56 more matches
Float32Array - JavaScript
the float32array typed array represents an array of 32-bit floating point numbers (corresponding to the c float data type) in the platform byte order.
...ing the object's methods, or using standard array index syntax (that is, using bracket notation).
...loat32array.name returns the string value of the constructor name.
...And 56 more matches
Float64Array - JavaScript
the float64array typed array represents an array of 64-bit floating point numbers (corresponding to the c double data type) in the platform byte order.
...ing the object's methods, or using standard array index syntax (that is, using bracket notation).
...loat64array.name returns the string value of the constructor name.
...And 56 more matches
Int16Array - JavaScript
the int16array typed array represents an array of twos-complement 16-bit signed integers in the platform byte order.
...the array using the object's methods, or using standard array index syntax (that is, using bracket notation).
...n int16array.
...And 56 more matches
Int32Array - JavaScript
the int32array typed array represents an array of twos-complement 32-bit signed integers in the platform byte order.
...the array using the object's methods, or using standard array index syntax (that is, using bracket notation).
...n int32array.
...And 56 more matches
Int8Array - JavaScript
the int8array typed array represents an array of twos-complement 8-bit signed integers.
...ts in the array using the object's methods, or using standard array index syntax (that is, using bracket notation).
...case of an int8array.
...And 56 more matches
Uint16Array - JavaScript
the uint16array typed array represents an array of 16-bit unsigned integers in the platform byte order.
...ray using the object's methods, or using standard array index syntax (that is, using bracket notation).
...rray.
...And 56 more matches
Uint32Array - JavaScript
the uint32array typed array represents an array of 32-bit unsigned integers in the platform byte order.
...ray using the object's methods, or using standard array index syntax (that is, using bracket notation).
...rray.
...And 56 more matches
Uint8Array - JavaScript
the uint8array typed array represents an array of 8-bit unsigned integers.
...the array using the object's methods, or using standard array index syntax (that is, using bracket notation).
...n uint8array.
...And 56 more matches
Uint8ClampedArray - JavaScript
the uint8clampedarray typed array represents an array of 8-bit unsigned integers clamped to 0-255; if you specified a value that is out of the range of [0,255], 0 or 255 will be set instead; if you specify a non-integer, the nearest integer will be set.
...sing standard array index syntax (that is, using bracket notation).
...g value of the constructor name.
...And 56 more matches
Basic native form controls - Learn web development
previous overview: forms next in the previous article, we marked up a functional web form example, introducing some form controls and common structural elements, and focusing on accessibility best practices.
... basic computer literacy, and a basic understanding of html.
..., and text.
...And 55 more matches
BigInt64Array - JavaScript
the bigint64array typed array represents an array of 64-bit signed integers in the platform byte order.
...object's methods, or by using standard array index syntax (that is, using bracket notation).
...e returns the string value of the constructor name.
...And 55 more matches
BigUint64Array - JavaScript
the biguint64array typed array represents an array of 64-bit unsigned integers in the platform byte order.
...'s methods, or by using standard array index syntax (that is, using bracket notation).
...urns the string value of the constructor name.
...And 55 more matches
Declaring and Using Callbacks
c functions occasionally take function pointers as arguments, which are generally used as callbacks.
...ons occasionally take function pointers as arguments, which are generally used as callbacks.
...s allows you to pass a regular javascript function as the callback.
...And 53 more matches
Classes and Inheritance - Archive of obsolete content
have native support for classical inheritance.
...le to emulate classical inheritance using prototypal inheritance, but not without writing a significant amount of boilerplate code.
...vascript are defined using constructor functions.
...And 52 more matches
browser - Archive of obsolete content
f firefox?
...of the properties and methods of the browser will rarely be used and can only be called from chrome urls.
...essagemanager, preferences, securityui, sessionhistory, webbrowserfind, webnavigation, webprogress methods addprogresslistener, goback, goforward, gohome, gotoindex, loaduri, loaduriwithflags, reload, reloadwithflags, removeprogresslistener, stop, swapdocshells examples <!-- shows mozilla homepage inside a groupbox --> <groupbox flex="1"> <caption label="mozilla homepage"/> <browser type="content" src="http://www.mozilla.org" flex="1"/> </groupbox> attributes autocompleteenabled type: boolean set to true to enable autocomplete of fields.
...And 52 more matches
listbox - Archive of obsolete content
l bar.
... rows in the listbox are the same height, which is the height of the tallest item in the list.
... with non-text content, you should instead use the richlistbox element.
...And 51 more matches
NSS API Guidelines
key components more clearly the crypto wrappers (pkcs #11 wrappers) and high key pkcs #12 and pkcs #5 libraries nss compiles into the libraries described below.
... in the previous diagram, in which the library operates.
...ificate extensions).
...And 51 more matches
JIT Optimization Outcomes
program execution are property accesses and function calls.
...n calls.
...optimization has been explicitly disallowed.
...And 51 more matches
nsIWindowMediator
xpfe/appshell/public/nsiwindowmediator.idlscriptable the window mediator is a mozilla component that keeps track of open windows.
... xpfe/appshell/public/nsiwindowmediator.idlscriptable the window mediator is a mozilla component that keeps track of open windows.
... .getservice(components.interfaces.nsiwindowmediator); method overview void addlistener(in nsiwindowmediatorlistener alistener); boolean calculatezposition(in nsixulwindow inwindow, in unsigned long inposition, in nsiwidget inbelow, out unsigned long outposition, out nsiwidget outbelow); native code only!
...And 51 more matches
XUL element attributes - Archive of obsolete content
« xul reference home the following attributes are common to all xul elements: align type: one of the values below the align attribute specifies how child elements of the box are aligned, when the size of the box is larger than the total size of the children.
...t edges.
...ir right edges.
...And 50 more matches
richlistbox - Archive of obsolete content
related ] this element is used to create a list of listitems (richlistitems), similar to a listbox, but is designed to be used when the items do not contain simple text content.
...ichlistitems), similar to a listbox, but is designed to be used when the items do not contain simple text content.
...irefox 3, rich list boxes support only single selection.
...And 50 more matches
JIT Optimization Strategies
return true; } return false; } will have the loop compiled into the following when testarray gets hot.
...ill have the loop compiled into the following when testarray gets hot.
...ot.
...And 49 more matches
tree - Archive of obsolete content
Archive › Mozilla › XUL › tree
in the tree.
...ributes for each column to make the tree wider than its containing object.
...sixultreebuilder no this tree is generated from an rdf datasource.
...And 48 more matches
Box-shadow generator - CSS: Cascading Style Sheets
this tool lets you construct css box-shadow effects, to add box shadow effects to your css objects.
... this tool lets you construct css box-shadow effects, to add box shadow effects to your css objects.
...css box-shadow effects, to add box shadow effects to your css objects.
...And 48 more matches
A re-introduction to JavaScript (JS tutorial) - JavaScript
uge list of other places, including adobe acrobat, adobe photoshop, svg images, yahoo's widget engine, server-side environments such as node.js, nosql databases like the open source apache couchdb, embedded computers, complete desktop environments like gnome (one of the most popular guis for gnu/linux operating systems), and others.
...nts like gnome (one of the most popular guis for gnu/linux operating systems), and others.
...avascript as well.
...And 48 more matches
Date - JavaScript
ry, 1970, 00:00:00 utc, with leap seconds ignored.
...raged due to browser differences and inconsistencies.
...est form of the constructor (i.e.
...And 48 more matches
jspage - Archive of obsolete content
var mootools={version:"1.2.4",build:"0d9113241a90b9cd5643b926795852a2026710d4"};var native=function(k){k=k||{};var a=k.name;var i=k.legacy;var b=k.protect; var c=k.implement;var h=k.generics;var f=k.initialize;var g=k.afterimplement||function(){};var d=f||i;h=h!==false;d.constructor=native;d.$family={name:"native"}; if(i&&f){d.prototype=i.prototype;}d.prototype.constructor=d;if(a){var e=a.tolowercase();d.prototype.$family={name:e};native.typize(d,e);}var j=function(n,l,o,m){if(!b||m||!n.prototype[l]){n.prototype[l]=o; }if(h){native.genericize(n,l,b);}g.call(n,l,o);return n;};d.alias=function(n,l,p){if(typeof n=="string"){var o=this.prototype[n];if((n=o)){return j(this,l,n,p); }}for(var m in n){this.alias(m,n[m],l);}return this;};d.implement=function(m,l,o){if(typeof m=="string"){return...
...cize(n,l,b);}g.call(n,l,o);return n;};d.alias=function(n,l,p){if(typeof n=="string"){var o=this.prototype[n];if((n=o)){return j(this,l,n,p); }}for(var m in n){this.alias(m,n[m],l);}return this;};d.implement=function(m,l,o){if(typeof m=="string"){return j(this,m,l,o);}for(var n in m){j(this,n,m[n],l); }return this;};if(c){d.implement(c);}return d;};native.genericize=function(b,c,a){if((!a||!b[c])&&typeof b.prototype[c]=="function"){b[c]=function(){var d=array.prototype.slice.call(arguments); return b.prototype[c].apply(d.shift(),d);};}};native.implement=function(d,c){for(var b=0,a=d.length;b<a;b++){d[b].implement(c);}};native.typize=function(a,b){if(!a.type){a.type=function(c){return($type(c)===b); };}};(function(){var a={array:array,date:date,function:function,number:number,regexp:regexp,strin...
...p","push","reverse","shift","slice","sort","splice","tostring","unshift","valueof"],string:["charat","charcodeat","concat","indexof","lastindexof","match","replace","search","slice","split","substr","substring","tolowercase","touppercase","valueof"]}; for(var e in f){for(var b=f[e].length;b--;){native.genericize(a[e],f[e][b],true);}}})();var hash=new native({name:"hash",initialize:function(a){if($type(a)=="hash"){a=$unlink(a.getclean()); }for(var b in a){this[b]=a[b];}return this;}});hash.implement({foreach:function(b,c){for(var a in this){if(this.hasownproperty(a)){b.call(c,this[a],a,this); }}},getclean:function(){var b={};for(var a in this){if(this.hasownproperty(a)){b[a]=this[a];}}return b;},getlength:function(){var b=0;for(var a in this){if(this.hasownproperty(a)){b++; }}return b;}});hash.
...And 47 more matches
HTTP Index - HTTP
Web › HTTP › Index
resources on the web domain, http, path, scheme, syntax, uri, url, url syntax, web, fragment, port, query, resources the target of an http request is called a "resource", whose nature isn't defined further; it can be a document, a photo, or anything else.
...web domain, http, path, scheme, syntax, uri, url, url syntax, web, fragment, port, query, resources the target of an http request is called a "resource", whose nature isn't defined further; it can be a document, a photo, or anything else.
...p, path, scheme, syntax, uri, url, url syntax, web, fragment, port, query, resources the target of an http request is called a "resource", whose nature isn't defined further; it can be a document, a photo, or anything else.
...And 47 more matches
String - JavaScript
cript automatically converts primitives to string objects, so that it's possible to use string object methods for primitive strings.
...tring objects, so that it's possible to use string object methods for primitive strings.
...r any other character after the backslash (except for a line break), or as an indent; otherwise it will not work.
...And 47 more matches
NPVariant - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary npvariant is a struct that holds a value and the type of that value.
... « gecko plugin api reference « scripting plugins summary npvariant is a struct that holds a value and the type of that value.
... « gecko plugin api reference « scripting plugins summary npvariant is a struct that holds a value and the type of that value.
...And 45 more matches
IAccessibleText
other-licenses/ia2/accessibletext.idlnot scriptable a structure containing a substring and the start and end offsets in the enclosing string.
...ged in gecko 1.9 (firefox 3) this enum defines values which specify a text() boundary type.
...t implement this method it must return s_false.
...And 45 more matches
Color picker tool - CSS: Cascading Style Sheets
nd-image: url('https://mdn.mozillademos.org/files/6071/color-wheel.png'); background-repeat:no-repeat; background-position: center left 30%; } #color-info .copy-container { position: absolute; top: -100%; } #color-info .property { min-width: 280px; height: 30px; margin: 10px 0; text-align: center; line-height: 30px; } #color-info .property > * { float: left; } #color-info .property .type { width: 60px; height: 100%; padding: 0 16px 0 0; text-align: right; } #color-info .property .value { width: 200px; height: 100%; padding: 0 10px; font-family: "segoe ui", arial, helvetica, sans-serif; font-size: 16px; color: #777; text-align: center; background-color: #fff; border: none; } #color-info .property .value:hover { color: #37994a; } #color-info .property .value:hover ...
... color.sethsv(h, s, v); return color; } function hsvacolor(h, s, v, a) { var color = new color(); color.sethsv(h, s, v); color.a = a; return color; } function hslcolor(h, s, l) { var color = new color(); color.sethsl(h, s, l); return color; } function hslacolor(h, s, l, a) { var color = new color(); color.sethsl(h, s, l); color.a = a; return color; } color.prototype.copy = function copy(obj) { if(obj instanceof color !== true) { console.log('typeof parameter not color'); return; } this.r = obj.r; this.g = obj.g; this.b = obj.b; this.a = obj.a; this.hue = obj.hue; this.saturation = obj.saturation; this.value = obj.value; this.format = '' + obj.format; this.lightness = obj.lightness; }; color.prototype.setformat = function setfo...
...s.a = obj.a; this.hue = obj.hue; this.saturation = obj.saturation; this.value = obj.value; this.format = '' + obj.format; this.lightness = obj.lightness; }; color.prototype.setformat = function setformat(format) { if (format === 'hsv') this.format = 'hsv'; if (format === 'hsl') this.format = 'hsl'; }; /*========== methods to set color properties ==========*/ color.prototype.isvalidrgbvalue = function isvalidrgbvalue(value) { return (typeof(value) === 'number' && isnan(value) === false && value >= 0 && value <= 255); }; color.prototype.setrgba = function setrgba(red, green, blue, alpha) { if (this.isvalidrgbvalue(red) === false || this.isvalidrgbvalue(green) === false || this.isvalidrgbvalue(blue) === false) return; this.r = red | 0; this.g ...
...And 44 more matches
Understanding WebAssembly text format - WebAssembly
as a tree of nodes that describe the module’s structure and its code.
...y to your module ok, that’s not very interesting, let’s add some executable code to this module.
...signature declares what the function takes (parameters) and returns (return values).
...And 44 more matches
Finding window handles - Archive of obsolete content
note: starting in gecko 17.0, nsibasewindow.nativehandle provides the handle (hwnd [widows], gdkwindow* [linux], nswindow* [macosx],...) of a top-level window, for all plateforms, as a string.
...requestor) .getinterface(components.interfaces.nsibasewindow); then in c++ part, a function take nsibasewindow as param hwnd getparentwindowhwnd(nsibasewindow *window) { nativewindow hwnd; nsresult rv = window->getparentnativewindow(&hwnd); if (ns_failed(rv)) return null; return (hwnd)hwnd; } that's it; use with caution!
... .getinterface(ci.nsiwebnavigation) .queryinterface(ci.nsidocshelltreeitem) .treeowner .queryinterface(ci.nsiinterfacerequestor) .getinterface(ci.nsibasewindow); var hwndstring = basewindow.nativehandle; components.utils.import('resource://gre/modules/ctypes.jsm'); var user32 = ctypes.open('user32.dll'); /* http://msdn.microsoft.com/en-us/library/ms633539%28v=vs.85%29.aspx * bool winapi setforegroundwindow( * __in_ hwnd hwnd * ); */ var setforegroundwindow = user32.declare('setforegroundwindow', ctypes.winapi_abi, ctypes.bool, // return bool ctypes.voidptr_t // hwnd ); var hwnd = ctypes.voidptr_t(ctypes.uint64(hwndstring)); var rez_...
...And 43 more matches
prefwindow - Archive of obsolete content
havior of the window and in particular the list of prefpanes.
....opendialog() with the following window features: "chrome,titlebar,toolbar,centerscreen,dialog=yes".
...onbeforeaccept, ondialogaccept, ondialogcancel, ondialogdisclosure, ondialoghelp, onload, onunload, title, type properties buttons, currentpane, defaultbutton, lastselected, preferencepanes, type methods acceptdialog, addpane, canceldialog, centerwindowonscreen, getbutton, opensubdialog, openwindow, showpane examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <prefwindow xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <prefpane id="saveoptions" label="backups"> <preferences> <preference id="pref-backup" name="myapp.mybackups" type="bool"/> <preference id="pref-backupduration" name="myapp.mybackups.duration" type="int"/> </preferences> <checkbox label="automatically save backups" preference=...
...And 43 more matches
menulist - Archive of obsolete content
a menupopup inside the menulist containing the choices as menuitem elements.
...ndex, value methods appenditem, contains, getindexofitem, getitematindex, insertitemat, removeallitems, removeitemat, select examples <menulist> <menupopup> <menuitem label="option 1" value="1"/> <menuitem label="option 2" value="2"/> <menuitem label="option 3" value="3"/> <menuitem label="option 4" value="4"/> </menupopup> </menulist> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...ue="1"/> <menuitem label="option 2" value="2"/> <menuitem label="option 3" value="3"/> <menuitem label="option 4" value="4"/> </menupopup> </menulist> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 42 more matches
LiveConnect Overview - Archive of obsolete content
this chapter describes using liveconnect technology to let java and javascript code communicate with each other.
...in javascript, you can use a wrapper object to access methods and fields of the java object; calling a method or accessing a property on the wrapper results in a call on the java object.
...perty on the wrapper results in a call on the java object.
...And 40 more matches
Plug-in Development Overview - Gecko Plugin API Reference
usnext » writing plug-ins once you decide what you want your plug-in to do, creating it is a simple process.
...lug-in directory for your operating system.
... test your plug-in and debug as necessary.
...And 39 more matches
Advanced form styling - Learn web development
previous overview: forms next in this article, we will see what can be done with css to style the types of form control that are more difficult to style — the "bad" and "ugly" categories.
...ter literacy, and a basic understanding of html and css.
... said in the previous article, we have: the bad: some elements are more difficult to style, requiring more complex css or some more specific tricks: checkboxes and radio buttons <input type="search"> the ugly: some elements can't be styled thoroughly using css.
...And 39 more matches
Plug-in Development Overview - Plugins
usnext » writing plug-ins once you decide what you want your plug-in to do, creating it is a simple process.
...lug-in directory for your operating system.
... test your plug-in and debug as necessary.
...And 39 more matches
Index - Learn web development
14 common questions codingscripting, infrastructure, learn, web, webmechanics this section of the learning area is designed to provide answers to common questions that may come up, which are not necessarily part of the structured core learning pathways (e.g.
..., oojs, object-oriented, objects, l10n:priority in this assessment, you are expected to use the bouncing balls demo from the previous article as a starting point, and add some new and interesting features to it.
... inheritance in javascript article, beginner, codingscripting, constructor, function, getter, inheritance, javascript, learn, oojs, oop, object, object member, prototype, extends, l10n:priority, setter this article has covered the remainder of the core oojs theory and syntax that we think you should know now.
...And 38 more matches
nsIDOMXPathResult
dom/interfaces/xpath/nsidomxpathresult.idlscriptable this interface describes an xpath result returned by nsidomxpathevaluator or document.evaluate inherits from: nsisupports last changed in gecko 1.7 method overview nsidomnode iteratenext(); nsidomnode snapshotitem(in unsigned long index); attributes attribute type description booleanvalue boolean if resulttype is boolean_type, the boolean value.
...node snapshotitem(in unsigned long index); attributes attribute type description booleanvalue boolean if resulttype is boolean_type, the boolean value.
...em(in unsigned long index); attributes attribute type description booleanvalue boolean if resulttype is boolean_type, the boolean value.
...And 38 more matches
nsIPermissionManager
the nsipermissionmanager interface is used to persistently store permissions for different object types (cookies, images, and so on) on a site-by-site basis.
...onmanager interface is used to persistently store permissions for different object types (cookies, images, and so on) on a site-by-site basis.
...ns for different object types (cookies, images, and so on) on a site-by-site basis.
...And 38 more matches
nsIMessenger
s.
...set(in acstring acharset); void setwindow(in nsidomwindow ptr, in nsimsgwindow msgwindow); void openurl(in acstring aurl); void loadurl(in nsidomwindow ptr, in acstring aurl); void launchexternalurl(in acstring aurl); boolean canundo(); boolean canredo(); unsigned long getundotransactiontype(); unsigned long getredotransactiontype(); void undo(in nsimsgwindow msgwindow); void redo(in nsimsgwindow msgwindow); void sendunsentmessages(in nsimsgidentity aidentity, in nsimsgwindow amsgwindow); void setdocumentcharset(in acstring characterset); void saveas(in acstring auri, in boolean aasfile, in nsimsgidentity aidentity, in astring amsgfilename); void openattachment(in acstr...
... void openattachment(in acstring contenttpe, in acstring url, in acstring displayname, in acstring messageuri, in boolean isexternalattachment); void saveattachment(in acstring contenttpe, in acstring url, in acstring displayname, in acstring messageuri, in boolean isexternalattachment); void saveallattachments(in unsigned long count, [array, size_is(count)] in string contenttypearray, [array, size_is(count)] in string urlarray, [array, size_is(count)] in string displaynamearray, [array, size_is(count)] in string messageuriarray); void saveattachmenttofile(in nsifile afile, in acstring aurl, in acstring amessageuri, in acstring acontenttype, in nsiurllistener alistener); void detachattachment(in string contenttpe, in string url, in string displayname, in...
...And 37 more matches
SVGLength - Web APIs
Web › API › SVGLength
svg length interface the svglength interface correspond to the <length> basic data type.
... svg length interface the svglength interface correspond to the <length> basic data type.
...the <length> basic data type.
...And 37 more matches
Expressions and operators - JavaScript
« previousnext » this chapter describes javascript's expressions and operators, including assignment, comparison, arithmetic, bitwise, logical, string, ternary and more.
...2]; // with destructuring var [one, two, three] = foo; comparison operators a comparison operator compares its operands and returns a logical value based on whether the comparison is true.
...parison operators a comparison operator compares its operands and returns a logical value based on whether the comparison is true.
...And 37 more matches
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
plicit specification.
...chrome://global/skin/"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <!-- contents go here.
...mple states without any complex scripts.
...And 36 more matches
menuitem - Archive of obsolete content
ul reference home [ examples | attributes | properties | methods | related ] a single choice in a menupopup element.
... properties | methods | related ] a single choice in a menupopup element.
... label, labelelement, parentcontainer, selected, tabindex, value style classes menuitem-iconic, menuitem-non-iconic examples <menulist> <menupopup> <menuitem label="option 1" value="1"/> <menuitem label="option 2" value="2"/> <menuitem label="option 3" value="3"/> <menuitem label="option 4" value="4"/> </menupopup> </menulist> attributes acceltext type: string text that appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.
...And 36 more matches
panel - Archive of obsolete content
Archive › Mozilla › XUL › panel
« xul reference home [ examples | attributes | properties | methods | related ] a panel is a used as a temporary floating popup window that may contain any type of content.
... « xul reference home [ examples | attributes | properties | methods | related ] a panel is a used as a temporary floating popup window that may contain any type of content.
...may work, but only on some platforms.
...And 36 more matches
XForms Input Element - Archive of obsolete content
introduction this element is an important and oft-used xforms element to show and change the instance data to which this xforms control is bound (see the spec).
...ppearance - the value of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to represent this control accesskey - used to specify the keyboard shortcut for focusing this control single-node binding special inputmode - not supported for this control incremental - supported.
... processor as to which type of widget(s) to use to represent this control accesskey - used to specify the keyboard shortcut for focusing this control single-node binding special inputmode - not supported for this control incremental - supported.
...And 36 more matches
Inheritance in JavaScript - Learn web development
erequisites: basic computer literacy, a basic understanding of html and css, familiarity with javascript basics (see first steps and building blocks) and oojs basics (see introduction to objects).
...me person() constructor example that we've been using all the way through the module, with a slight difference — we've defined only the properties inside the constructor: function person(first, last, age, gender, interests) { this.name = { first, last }; this.age = age; this.gender = gender; this.interests = interests; }; the methods are all defined on the constructor's prototype.
...that we've been using all the way through the module, with a slight difference — we've defined only the properties inside the constructor: function person(first, last, age, gender, interests) { this.name = { first, last }; this.age = age; this.gender = gender; this.interests = interests; }; the methods are all defined on the constructor's prototype.
...And 36 more matches
XForms Custom Controls - Archive of obsolete content
ually (hopefully?) there will be an "official" and common way to customize your form's user interface across all xforms processors.
...r form's user interface across all xforms processors.
... the solution you are looking for.
...And 35 more matches
Client-side form validation - Learn web development
unt information.
... many ways that malicious users can misuse unprotected forms to damage the application (see website security).
...ascript.
...And 35 more matches
WebRequest.jsm
beforerequest onbeforesendheaders onsendheaders onheadersreceived onresponsestarted oncompleted each of these objects defines two functions: addlistener(callback, filter, opt_extrainfospec) removelistener(callback) adding listeners use addlistener to add a listener to a particular event.
...er callback will be invoked.
...tener().
...And 35 more matches
Property cache
spidermonkey's property cache is an internal data structure used to speed up property accesses in the interpreter and to communicate between the interpreter and jit.
...onkey's property cache is an internal data structure used to speed up property accesses in the interpreter and to communicate between the interpreter and jit.
... execution of the same instruction.
...And 35 more matches
Web Console remoting - Firefox Developer Tools
is approach allows for lower resource usage on the server - this is a potential issue if the server runs on devices with fewer resources.
...you attach to the global consoleactor you receive all of the network requests, page errors, and the other events from all of the tabs and windows, including chrome errors and network events.
...fication comes from tab actors.
...And 35 more matches
Working with objects - JavaScript
is chapter describes how to use objects, properties, functions, and methods, and how to create your own objects.
...cessed using the square bracket notation.
... for...in to iterate over all the enumerable properties of an object.
...And 35 more matches
Array - JavaScript
the javascript array class is a global object that is used in the construction of arrays; which are high-level, list-like objects.
... the javascript array class is a global object that is used in the construction of arrays; which are high-level, list-like objects.
...nor the types of its elements are fixed.
...And 35 more matches
Audio and Video Delivery - Developer guides
dealing with pre-recorded audio files or live streams, the mechanism for making them available through the browser's <audio> and <video> elements remains pretty much the same.
... if the browser doesn't support playback of any of the provided formats natively, either present a still image or use a fallback technology to present the video.
...mage or use a fallback technology to present the video.
...And 34 more matches
Object.create() - JavaScript
the object.create() method creates a new object, using an existing object as the prototype of the newly created object.
...an existing object as the prototype of the newly created object.
...github.com/mdn/interactive-examples and send us a pull request.
...And 34 more matches
nss tech note5
simplest init function, in case you don't need a nss database is nss_nodb_init(".") choose a cipher mechanism.
...illustrating this hash / digest with secret key included include headers #include "nss.h" #include "pk11pub.h" make sure nss is initialized.the simplest init function, in case you don't need a nss database is nss_nodb_init(".") choose a digest mechanism.
...his hmac include headers #include "nss.h" #include "pk11pub.h" make sure nss is initialized.the simplest init function, in case you don't need a nss database is nss_nodb_init(".") choose a hmac mechanism.
...And 33 more matches
nsIHttpActivityObserver
netwerk/protocol/http/nsihttpactivityobserver.idlscriptable this interface provides a way for http transport activities to be reported to observers.
...sihttpactivityobserver.idlscriptable this interface provides a way for http transport activities to be reported to observers.
...to observers.
...And 33 more matches
Working with ArrayBuffers
introductory reading the pointer types section of the type conversion page explains the fundamentals of this operation.
... introductory reading the pointer types section of the type conversion page explains the fundamentals of this operation.
... introductory reading the pointer types section of the type conversion page explains the fundamentals of this operation.
...And 33 more matches
editor - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a frame which is expected to contain an editable document.
... « xul reference home [ examples | attributes | properties | methods | related ] a frame which is expected to contain an editable document.
...ain an editable document.
...And 32 more matches
nsIDocShell
void createloadinfo(out nsidocshellloadinfo loadinfo); void detacheditorfromwindow(); violates the xpcom interface guidelines void finishrestore(); void firepagehidenotification(in boolean isunload); native code only!
...idomstorage getsessionstorageforprincipal(in nsiprincipal principal, in domstring documenturi, in boolean create); nsidomstorage getsessionstorageforuri(in nsiuri uri, in domstring documenturi); void historypurged(in long numentries); void internalload(in nsiuri auri, in nsiuri areferrer, in nsisupports aowner, in pruint32 aflags, in wstring awindowtarget, in string atypehint, in nsiinputstream apostdatastream, in nsiinputstream aheadersstream, in unsigned long aloadflags, in nsishentry ashentry, in boolean firstparty, out nsidocshell adocshell, out nsirequest arequest); native code only!
...t32 aflags, in wstring awindowtarget, in string atypehint, in nsiinputstream apostdatastream, in nsiinputstream aheadersstream, in unsigned long aloadflags, in nsishentry ashentry, in boolean firstparty, out nsidocshell adocshell, out nsirequest arequest); native code only!
...And 32 more matches
nsITimer
instance, use: var timer = components.classes["@mozilla.org/timer;1"] .createinstance(components.interfaces.nsitimer); users of instances of nsitimer should keep a reference to the timer until it is no longer needed in order to assure the timer is fired.
...terfaces.nsitimer); users of instances of nsitimer should keep a reference to the timer until it is no longer needed in order to assure the timer is fired.
...e timer is fired.
...And 32 more matches
HTMLInputElement - Web APIs
properties properties related to the parent form form read only htmlformelement object: returns a reference to the parent <form> element.
...orm form read only htmlformelement object: returns a reference to the parent <form> element.
... htmlformelement object: returns a reference to the parent <form> element.
...And 32 more matches
Preferences - Archive of obsolete content
: // get the root branch var prefs = components.classes["@mozilla.org/preferences-service;1"] .getservice(components.interfaces.nsiprefbranch); // get the "extensions.myext." branch var prefs = components.classes["@mozilla.org/preferences-service;1"] .getservice(components.interfaces.nsiprefservice); prefs = prefs.getbranch("extensions.myext."); simple types there are three types of preferences: string, integer, and boolean.
...rfaces.nsiprefbranch); // get the "extensions.myext." branch var prefs = components.classes["@mozilla.org/preferences-service;1"] .getservice(components.interfaces.nsiprefservice); prefs = prefs.getbranch("extensions.myext."); simple types there are three types of preferences: string, integer, and boolean.
...), setcharpref(), getintpref(), and setintpref().
...And 31 more matches
XUL controls - Archive of obsolete content
lowing table lists the xul user interface controls.
... tutorial.
...ey="s"/> more information about the button element.
...And 31 more matches
CustomizableUI.jsm
essly not really aware about the specific ui used by users to make customizations.
...t the 'overflowable' property to true, and provide the id of the anchor in the 'anchor' property.
... will manage the actual dom manipulation involved with adding/moving/removing widgets in all windows for you.
...And 31 more matches
HTML attribute: accept - HTML: Hypertext Markup Language
the accept attribute takes as its value a comma-separated list of one or more file types, or unique file type specifiers, describing which file types to allow.
... the accept attribute takes as its value a comma-separated list of one or more file types, or unique file type specifiers, describing which file types to allow.
... the accept attribute takes as its value a comma-separated list of one or more file types, or unique file type specifiers, describing which file types to allow.
...And 31 more matches
Symbol - JavaScript
the data type symbol is a primitive data type.
... the data type symbol is a primitive data type.
...has static properties that expose several members of built-in objects, has static methods that expose the global symbol registry, and resembles a built-in object class, but is incomplete as a constructor because it does not support the syntax "new symbol()".
...And 31 more matches
tab - Archive of obsolete content
Archive › Mozilla › XUL › tab
ced inside a tabs element.
...orial.
... value properties accesskey, accessibletype, command, control, crop, disabled, image, label, linkedpanel, selected, tabindex, value examples (example needed) attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 30 more matches
wizard - Archive of obsolete content
e the next and pageid attributes on the pages to change the sequence.
...nformation is available in the xul tutorial.
...byid('thewizard').canadvance = (document.getelementbyid('secretcode').value == "cabbage"); } </script> <wizardpage onpageshow="checkcode();"> <label value="enter the secret code:"/> <textbox id="secretcode" onkeyup="checkcode();"/> </wizardpage> <wizardpage> <label value="that is the correct secret code."/> </wizardpage> </wizard> attributes activetitlebarcolor type: color string specify background color of the window's titlebar when it is active (foreground).
...And 30 more matches
Gecko Compatibility Handbook - Archive of obsolete content
eatures of css.
... such as spans.
...ut mode specified by doctype.
...And 30 more matches
Multiprocess on Windows
ts your interfaces this information is current, but is likely to change when bug 1346957 is landed.
...plicate interfaces without access to the metadata that describes those interfaces.
...ess to the metadata that describes those interfaces.
...And 30 more matches
Using Web Workers - Web APIs
tructured cloning.
...let's create for didactical purpose a function named emulatemessage(), which will simulate the behavior of a value that is cloned and not shared during the passage from a worker to the main page or vice versa: function emulatemessage(vval) { return eval('(' + json.stringify(vval) + ')'); } // tests // test #1 var example1 = new number(3); console.log(typeof example1); // object console.log(typeof emulatemessage(example1)); // number // test #2 var example2 = true; console.log(typeof example2); // boolean console.log(typeof emulatemessage(example2)); // boolean // test #3 var example3 = new string('hello world'); console.log(typeof example3); // object console.log(typeof emulatemessage(example3)); // string // test #4 var example4 = { 'name': 'john smith', "age": 43 }; console...
...ulatemessage(example1)); // number // test #2 var example2 = true; console.log(typeof example2); // boolean console.log(typeof emulatemessage(example2)); // boolean // test #3 var example3 = new string('hello world'); console.log(typeof example3); // object console.log(typeof emulatemessage(example3)); // string // test #4 var example4 = { 'name': 'john smith', "age": 43 }; console.log(typeof example4); // object console.log(typeof emulatemessage(example4)); // object // test #5 function animal(stype, nage) { this.type = stype; this.age = nage; } var example5 = new animal('cat', 3); alert(example5.constructor); // animal alert(emulatemessage(example5).constructor); // object a value that is cloned and not shared is called message.
...And 30 more matches
simple-prefs - Archive of obsolete content
zing preferences to define preferences and give them initial values, add a new json array called preferences to your package.json file, and give it one entry for each preference: { "fullname": "example add-on", ...
...erence: { "fullname": "example add-on", ...
...he default string value" }, { "description": "how many of them we have.", "name": "myinteger", "type": "integer", "value": 8, "title": "how many?" }] } each preference is defined by a group of attributes.
...And 29 more matches
dialog - Archive of obsolete content
t, buttonlabelaccept, buttonlabelcancel, buttonlabeldisclosure, buttonlabelextra1, buttonlabelextra2, buttonlabelhelp, buttonorient, buttonpack, buttons, defaultbutton, title properties buttons, defaultbutton methods acceptdialog, canceldialog, centerwindowonscreen, getbutton, movetoalertposition examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <dialog id="donothing" title="dialog example" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" buttons="accept,cancel" buttonlabelcancel="cancel" buttonlabelaccept="save"> <dialogheader title="options" description="my preferences"/> <groupbox> <caption label="colour"/> <radiogroup> <radio label="red"/> <radio label="green" selecte...
...onlabelcancel="cancel" buttonlabelaccept="save"> <dialogheader title="options" description="my preferences"/> <groupbox> <caption label="colour"/> <radiogroup> <radio label="red"/> <radio label="green" selected="true"/> <radio label="blue"/> </radiogroup> <label value="nickname"/> <textbox/> </groupbox> </dialog> attributes activetitlebarcolor type: color string specify background color of the window's titlebar when it is active (foreground).
..." selected="true"/> <radio label="blue"/> </radiogroup> <label value="nickname"/> <textbox/> </groupbox> </dialog> attributes activetitlebarcolor type: color string specify background color of the window's titlebar when it is active (foreground).
...And 29 more matches
Gecko info for Windows accessibility vendors
y of the screen reader.
... enum { navrelation_flows_from = 0x1007 }; these two relations allow the reading flow to break out of the normal dom flow.
...eak out of the normal dom flow.
...And 29 more matches
nsINavHistoryQueryOptions
toolkit/components/places/nsinavhistoryservice.idlscriptable represents the global options for executing a query.
...n and returned.
...(the default) to get all results.
...And 29 more matches
WindowOrWorkerGlobalScope.setInterval() - Web APIs
example demonstrates setinterval()'s basic syntax.
... = oelem.style.color == 'red' ?
.../ oelem.style.color == 'red' ?
...And 29 more matches
nsIApplicationCache
an application cache, which stores resources for offline use.
...ed with a set of types, specified in the constants section.
...hat will service future loads.
...And 28 more matches
preference - Archive of obsolete content
lement.
...an connect a user interface element such as a checkbox to a preference element using the user interface element's preference attribute.
...ttribute.
...And 27 more matches
UI pseudo-classes - Learn web development
abled or disabled form controls (e.g.
...lled in before the form can be submitted) or optional.
...available which, when set, means that you have to fill in that control before the form will successfully submit.
...And 27 more matches
NSS tools : certutil
, part of the key and certificate management process, requires that keys and certificates be created in the key database.
... certificate will derive its authenticity.
...util supports two types of databases: the legacy security databases (cert8.db, key3.db, and secmod.db) and new sqlite databases (cert9.db, key4.db, and pkcs11.txt).
...And 27 more matches
XPCOM array guide
Mozilla › Tech › XPCOM › Guide › Arrays
introduction array types mozilla has many array classes because each array is optimized for a particular usage pattern.
... nsiarray - a scriptable container for scriptable xpcom objects.
...iptable xpcom objects.
...And 27 more matches
nsINavBookmarkObserver
toolkit/components/places/nsinavbookmarksservice.idlscriptable this interface is an observer for bookmark changes.
...e since gecko 1.9 void onfoldermoved(in print64 folder, in print64 oldparent, in print32 oldindex, in print64 newparent, in print32 newindex); obsolete since gecko 1.9 void onfolderremoved(in print64 folder, in print64 parent, in print32 index); obsolete since gecko 1.9 void onitemadded(in long long aitemid, in long long aparentid, in long aindex, in unsigned short aitemtype, in nsiuri auri, in autf8string atitle, in prtime adateadded, in acstring aguid, in acstring aparentguid); void onitemchanged(in long long aitemid, in acstring aproperty, in boolean aisannotationproperty, in autf8string anewvalue, in prtime alastmodified, in unsigned short aitemtype, in long long aparentid, in acstring aguid, in acstring aparentguid); void onitemmoved(in long lo...
...mchanged(in long long aitemid, in acstring aproperty, in boolean aisannotationproperty, in autf8string anewvalue, in prtime alastmodified, in unsigned short aitemtype, in long long aparentid, in acstring aguid, in acstring aparentguid); void onitemmoved(in long long aitemid, in long long aoldparentid, in long aoldindex, in long long anewparentid, in long anewindex, in unsigned short aitemtype, in acstring aguid, in acstring aoldparentguid, in acstring anewparentguid); void onitemremoved(in long long aitemid, in long long aparentid, in long aindex, in unsigned short aitemtype, in nsiuri auri, in acstring aguid, in acstring aparentguid); void onitemreplaced(in print64 folder, in nsiuri item, in nsiuri newitem); obsolete since gecko 1.9 void onitemvisited(in l...
...And 27 more matches
nsINavHistoryService
se this service, use: var historyservice = components.classes["@mozilla.org/browser/nav-history-service;1"] .getservice(components.interfaces.nsinavhistoryservice); method overview astring getpagetitle(in nsiuri auri); void markpageasfollowedbookmark(in nsiuri auri); void markpageasfollowedlink(in nsiuri auri); void markpageastyped(in nsiuri auri); boolean canadduri(in nsiuri auri); long long addvisit(in nsiuri auri, in prtime atime, in nsiuri areferringuri, in long atransitiontype, in boolean aisredirect, in long long asessionid); obsolete since gecko 22.0 nsinavhistoryquery getnewquery(); nsinavhistoryqueryoptions getnewqueryoptions(); nsinavhistoryresult executequery(in nsin...
...erver, in boolean ownsweak); void removeobserver(in nsinavhistoryobserver observer); void runinbatchmode(in nsinavhistorybatchcallback acallback, in nsisupports aclosure); void importhistory(in nsifile file); astring getcharsetforuri(in nsiuri auri); astring setcharsetforuri(in nsiuri auri, in astring acharset); attributes attribute type description hashistoryentries boolean true if there is any history.
...e whether the "clear history" button should be enabled or not.
...And 27 more matches
Debugger.Object - Firefox Developer Tools
debugger.object a debugger.object instance represents an object in the debuggee, providing reflection-oriented methods to inspect and modify its referent.
... debugger.object a debugger.object instance represents an object in the debuggee, providing reflection-oriented methods to inspect and modify its referent.
...ect instance for a given object.
...And 27 more matches
Using IndexedDB - Web APIs
dless of network availability, your applications can work both online and offline.
... you'll want to do with almost all of the requests you generate is to add success and error handlers: request.onerror = function(event) { // do something with request.errorcode!
...!
...And 27 more matches
core/heritage - Archive of obsolete content
machinery being exposed: // defining a simple class function dog(name) { // classes are for creating instances, calling them without `new` changes // behavior, which in majority cases you need to handle, so you end up // with additional boilerplate.
...or creating instances, calling them without `new` changes // behavior, which in majority cases you need to handle, so you end up // with additional boilerplate.
...eating instances, calling them without `new` changes // behavior, which in majority cases you need to handle, so you end up // with additional boilerplate.
...And 26 more matches
listitem - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a single row in a listbox.
...t of the listitem is specified either using listcell elements, or by placing a label attribute directly on the listitem element.
...ected, tabindex, type, value properties accesskey, accessible, checked, control, crop, current, disabled, image, label, selected, tabindex, value style classes listitem-iconic examples <listbox id="thelist"> <listitem label="ruby"/> <listitem label="emerald"/> <listitem label="sapphire" selected="true"/> <listitem label="diamond"/> </listbox> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 26 more matches
Meta programming - JavaScript
systems.) target object which the proxy virtualizes.
...t remain unchanged when implementing custom operations are called invariants.
...lementing custom operations are called invariants.
...And 26 more matches
Comparing Reflect and Object methods - JavaScript
behavior, there are often subtle differences between them.
...eproperty() object.defineproperty() returns the object that was passed to the function.
...e property was defined on the object and false if it was not.
...And 26 more matches
SVG documentation index - SVG: Scalable Vector Graphics
Web › SVG › Index
ge for describing two-dimensional based vector graphics.xml 2 applying svg effects to html content css, guide, html, svg modern browsers support using svg within css styles to apply graphical effects to html content.
...sed vector graphics.xml 2 applying svg effects to html content css, guide, html, svg modern browsers support using svg within css styles to apply graphical effects to html content.
...raphics.xml 2 applying svg effects to html content css, guide, html, svg modern browsers support using svg within css styles to apply graphical effects to html content.
...And 26 more matches
menupopup - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a container used to display the contents of a popup menu.
...using the context attribute.
...net"/> </menupopup> </menulist> the following example shows how a menupopup can be used as a context menu for an element.
...And 25 more matches
tooltip - Archive of obsolete content
ods | related ] this element is used for the tooltip popups.
..., openpopup, openpopupatscreen, showpopup, sizeto examples <tooltip id="moretip" orient="vertical" style="background-color: #33dd00;"> <label value="click here to see more information"/> <label value="really!" style="color: red;"/> </tooltip> <vbox> <button label="simple" tooltiptext="a simple popup"/> <button label="more" tooltip="moretip"/> </vbox> attributes crop type: one of the values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...r cropped.
...And 25 more matches
window - Archive of obsolete content
a window is activated or deactivated by watching for the "activate" and "deactivate" events.
...events.
... <hbox> <label control="your-lname" value="enter last name:"/> <textbox id="your-lname" value="hernandez"/> </hbox> <hbox> <button oncommand="alert('save!')"> <description>save</description> </button> </hbox> </vbox> </radiogroup> </groupbox> </vbox> </window> attributes accelerated type: booleanset this attribute to true to allow hardware layer managers to accelerate the window.
...And 25 more matches
IPDL Tutorial
otocol messages are represented as c++ methods, it's easy to forget that they are in fact asynchronous messages: by default the c++ method will return immediately, before the message has been delivered.
... you can use the child, parent, and both labels multiple times in a protocol specification.
...mes in a protocol specification.
...And 25 more matches
source-editor.jsm
.
...); void init(element aelement, object aconfig, function acallback); search operations number find(string astring, [optional] object options); number findnext(boolean awrap); number findprevious(boolean awrap); event management void addeventlistener(string aeventtype, function acallback); void removeeventlistener(string aeventtype, function acallback); undo stack operations boolean canredo(); boolean canundo(); void endcompoundchange(); boolean redo(); void resetundo(); void startcompoundchange(); boolean undo(); display management operations void focus(); number gettopindex(); boolean hasfocus(); void settop...
...set); void setcaretposition(number aline, [optional] number acolumn, [optional] number aalign); void setselection(number astart, number aend); breakpoint management void addbreakpoint(number alineindex, [optional] string acondition); array getbreakpoints(); boolean removebreakpoint(number alineindex); properties attribute type description dirty boolean set this value to false whenever you save the text; the editor will update it to true when the content is changed.
...And 25 more matches
nss tech note3
or other intermediate ssl ca certs.
...rypt s/mime emails.
... of executable code, e.g.
...And 25 more matches
Accessing the Windows Registry Using XPCOM
ry.
...rk.access_read); var id = subkey.readstringvalue("productid"); subkey.close(); wrk.close(); once you've opened a registry key, you can begin to make use of it.
...ctid"); subkey.close(); wrk.close(); once you've opened a registry key, you can begin to make use of it.
...And 25 more matches
An Overview of XPCOM
jects once they are not being used, respectively.
...sisupports interface is shown below: the nsisupports interface class sample: public nsisupports { private: nsrefcnt mrefcnt; public: sample(); virtual ~sample(); ns_imethod queryinterface(const nsiid &aiid, void **aresult); ns_imethod_(nsrefcnt) addref(void); ns_imethod_(nsrefcnt) release(void); }; the various types used in the interface are described in the xpcom types section below.
...inst the nsiid class.
...And 25 more matches
XPathResult - Web APIs
the xpathresult interface represents the results generated by evaluating an xpath expression within the context of a given node.
... the xpathresult interface represents the results generated by evaluating an xpath expression within the context of a given node.
... the xpathresult interface represents the results generated by evaluating an xpath expression within the context of a given node.
...And 25 more matches
Using media queries - CSS: Cascading Style Sheets
media queries are useful when you want to modify your site or app depending on a device's general type (such as print vs.
...les with the css @media and @import at-rules.
...style>, <link>, <source>, and other html elements with the media= attribute.
...And 25 more matches
Cross-browser audio basics - Developer guides
this article provides: a basic guide to creating a cross-browser html5 audio player with all the associated attributes, properties, and events explained a guide to custom controls created using the media api basic audio example the code below is an example of a basic audio implementation using html5: <audio controls> <source src="audiofile.mp3" type="audio/mpeg"> <source src="audiofile.ogg" type="audio/ogg"> <!-- fallback for non supporting browsers goes here --> <p>your browser does not support html5 audio, but you can still <a href="audiofile.mp3">download the music</a>.</p> </audio> note: you can also use an mp4 file instead of mp3.
... <source src="audiofile.mp3" type="audio/mpeg"> <source src="audiofile.ogg" type="audio/ogg"> <!-- fallback for non supporting browsers goes here --> <p>your browser does not support html5 audio, but you can still <a href="audiofile.mp3">download the music</a>.</p> </audio> note: you can also use an mp4 file instead of mp3.
...rs that support mp3 also support mp4 audio).
...And 25 more matches
Indexed collections - JavaScript
« previousnext » this chapter introduces collections of data which are ordered by an index value.
...structs such as array objects and typedarray objects.
....
...And 25 more matches
datepicker - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a datepicker allows the user to enter a date.
... « xul reference home [ examples | attributes | properties | methods | related ] a datepicker allows the user to enter a date.
...stead of the mouse.
...And 24 more matches
menu - Archive of obsolete content
Archive › Mozilla › XUL › menu
much like a button, that is placed on a menubar.
...id="file-popup"> <menuitem label="new"/> <menuitem label="open"/> <menuitem label="save"/> <menuseparator/> <menuitem label="exit"/> </menupopup> </menu> <menu id="edit-menu" label="edit"> <menupopup id="edit-popup"> <menuitem label="undo"/> <menuitem label="redo"/> </menupopup> </menu> </menubar> attributes acceltext type: string text that appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.
...menuitem label="redo"/> </menupopup> </menu> </menubar> attributes acceltext type: string text that appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.
...And 24 more matches
menuseparator - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] used to create a separator between menu items.
..., selected, tabindex, value properties accessibletype, accesskey, command, control, crop, disabled, image, label, labelelement, parentcontainer, selected, tabindex, value examples <menu label="menu"> <menupopup> <menuitem label="item1"/> <menuseparator/> <menuitem label="item2"/> <menuitem label="item3"/> </menupopup> </menu> attributes acceltext type: string text that appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.
...em2"/> <menuitem label="item3"/> </menupopup> </menu> attributes acceltext type: string text that appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.
...And 24 more matches
tabs - Archive of obsolete content
Archive › Mozilla › XUL › tabs
hould contain tab elements.
...onclosetab, onnewtab, onselect, setfocus, selectedindex, tabbox, tabindex, tooltiptextnew, value, properties accessibletype, disabled, itemcount, selectedindex, selecteditem, tabindex, value, methods advanceselectedtab, appenditem, getindexofitem, getitematindex, insertitemat, removeitemat examples (example needed) attributes closebutton obsolete since gecko 1.9.2 type: boolean if this attribute is set to true, the tabs row will have a "new tab" button and "close" button on the ends.
...ko 1.9.2 type: boolean if this attribute is set to true, the tabs row will have a "new tab" button and "close" button on the ends.
...And 24 more matches
Querying Places
re/modules/placesutils.jsm"); // no query options set will get all history, sorted in database order, // which is nsinavhistoryqueryoptions.sort_by_none.
...tions set will get all history, sorted in database order, // which is nsinavhistoryqueryoptions.sort_by_none.
...a resulttype property that allows configuration of the grouping and level of detail to be returned in the results.
...And 24 more matches
nsIAccessibleText
d 3.0 / seamonkey 2.0) method overview void addselection(in long startoffset, in long endoffset); nsiaccessible getattributerange(in long offset, out long rangestartoffset, out long rangeendoffset); obsolete since gecko 1.9.1 wchar getcharacteratoffset(in long offset); void getcharacterextents(in long offset, out long x, out long y, out long width, out long height, in unsigned long coordtype); long getoffsetatpoint(in long x, in long y, in unsigned long coordtype); void getrangeextents(in long startoffset, in long endoffset, out long x, out long y, out long width, out long height, in unsigned long coordtype); void getselectionbounds(in long selectionnum, out long startoffset, out long endoffset); astring gettext(in long startoffset, in long endoffset); astring gettextafter...
...d long coordtype); void getrangeextents(in long startoffset, in long endoffset, out long x, out long y, out long width, out long height, in unsigned long coordtype); void getselectionbounds(in long selectionnum, out long startoffset, out long endoffset); astring gettext(in long startoffset, in long endoffset); astring gettextafteroffset(in long offset, in nsaccessibletextboundary boundarytype, out long startoffset, out long endoffset); astring gettextatoffset(in long offset, in nsaccessibletextboundary boundarytype, out long startoffset, out long endoffset); nsipersistentproperties gettextattributes(in boolean includedefattrs, in long offset, out long rangestartoffset, out long rangeendoffset); astring gettextbeforeoffset(in long offset, in nsaccessibletextboundary boundarytype...
...persistentproperties gettextattributes(in boolean includedefattrs, in long offset, out long rangestartoffset, out long rangeendoffset); astring gettextbeforeoffset(in long offset, in nsaccessibletextboundary boundarytype, out long startoffset, out long endoffset); void removeselection(in long selectionnum); void scrollsubstringto(in long startindex, in long endindex, in unsigned long scrolltype); void scrollsubstringtopoint(in long startindex, in long endindex, in unsigned long coordinatetype, in long x, in long y); void setselectionbounds(in long selectionnum, in long startoffset, in long endoffset); attributes attribute type description caretoffset long the current current caret offset.
...And 24 more matches
Debugger.Object - Firefox Developer Tools
debugger.object a debugger.object instance represents an object in the debuggee, providing reflection-oriented methods to inspect and modify its referent.
... debugger.object a debugger.object instance represents an object in the debuggee, providing reflection-oriented methods to inspect and modify its referent.
...bject instance for a given object.
...And 24 more matches
HTML attribute reference - HTML: Hypertext Markup Language
elements in html have attributes; these are additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.
... elements in html have attributes; these are additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.
...n>, <select>, <textarea> indicates whether the user can interact with the element.
...And 24 more matches
radio - Archive of obsolete content
Archive › Mozilla › XUL › radio
dio button is turned on by selecting it with the mouse or keyboard.
...cted, tabindex, value properties accesskey, accessibletype, control, crop, disabled, image, label, radiogroup, selected, tabindex, value examples <radiogroup> <radio id="orange" label="red" accesskey="r"/> <radio id="violet" label="green" accesskey="g" selected="true"/> <radio id="yellow" label="blue" accesskey="b" disabled="true"/> </radiogroup> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
..."red" accesskey="r"/> <radio id="violet" label="green" accesskey="g" selected="true"/> <radio id="yellow" label="blue" accesskey="b" disabled="true"/> </radiogroup> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 23 more matches
treecol - Archive of obsolete content
also place splitter elements between the columns to allow column resizing.
...the columns to allow column resizing.
...rial.
...And 23 more matches
The First Install Problem - Archive of obsolete content
opment_overview for current information.
...ined plid for each module that the vendor wishes to install.
...alue name of the actual product.
...And 23 more matches
JSAPI reference
ecallback added in spidermonkey 17 js_newcompartmentandglobalobject added in spidermonkey 1.8.1 obsolete since jsapi 16 js_entercrosscompartmentcall added in spidermonkey 1.8.1 obsolete since jsapi 18 js_leavecrosscompartmentcall added in spidermonkey 1.8.1 obsolete since jsapi 18 locale callbacks: struct jslocalecallbacks js_getlocalecallbacks js_setlocalecallbacks locale callback types: jslocaletouppercase jslocaletolowercase jslocalecompare jslocaletounicode scripts just running some javascript code is straightforward: class js::compileoptions added in spidermonkey 17 class js::owningcompileoptions added in spidermonkey 31 class js::readonlycompileoptions added in spidermonkey 31 class js::sourcebufferholder added in spidermonkey 31 js::evaluate added in spide...
...n js_decompilefunctionbody js_compilefunction obsolete since jsapi 36 js_compilefunctionforprincipals obsolete since jsapi 28 js_compileucfunction obsolete since jsapi 36 js_compileucfunctionforprincipals obsolete since jsapi 28 error handling struct jserrorformatstring added in spidermonkey 17 class jserrorreport class js::autosaveexceptionstate added in spidermonkey 31 enum jsexntype added in spidermonkey 17 js_reporterror js_reportwarning js_reporterrornumber js_reporterrornumberuc js_reporterrorflagsandnumber js_reporterrorflagsandnumberuc js_reporterrornumberucarray added in spidermonkey 24 js_reportoutofmemory js_reportallocationoverflow added in spidermonkey 1.8 js_geterrorreporter js_seterrorreporterobsolete since jsapi 52 js_errorfromexception js_geterrorp...
...ed in spidermonkey 17 js_reporterror js_reportwarning js_reporterrornumber js_reporterrornumberuc js_reporterrorflagsandnumber js_reporterrorflagsandnumberuc js_reporterrornumberucarray added in spidermonkey 24 js_reportoutofmemory js_reportallocationoverflow added in spidermonkey 1.8 js_geterrorreporter js_seterrorreporterobsolete since jsapi 52 js_errorfromexception js_geterrorprototype jsreport_is_exception jsreport_is_strict jsreport_is_warning jsreport_is_strict_mode_error the following functions allow c/c++ functions to throw and catch javascript exceptions: js::createerror added in spidermonkey 38 js_isexceptionpending js_getpendingexception js_setpendingexception js_clearpendingexception js_throwstopiteration added in spidermonkey 1.8 js_isstopiteration adde...
...And 23 more matches
Places Developer Guide
e apis are uri-centric, some use item ids.
...pi signature and context usually make clear which is required.
...avbookmarksservice: var bookmarks = cc["@mozilla.org/browser/nav-bookmarks-service;1"] .getservice(ci.nsinavbookmarksservice); this service provides methods for adding, editing and deleting items in the bookmarks collection.
...And 23 more matches
nsISearchEngine
netwerk/base/public/nsibrowsersearchservice.idlscriptable please add a summary to this article.
...base/public/nsibrowsersearchservice.idlscriptable please add a summary to this article.
...is article.
...And 23 more matches
nsIStreamConverter
netwerk/streamconv/public/nsistreamconverter.idlscriptable provides an interface to implement when you have code that converts data from one type to another.
... to another.
... changed in gecko 1.7 suppose you had code that converted plain text into html.
...And 23 more matches
nsIUpdateItem
ey 2.1) this interface is obsolete; instead of using the extension manager, you should use the addon manager.
...ager, you should use the addon manager.
...tsource astring returns a js object source representing an nsiupdateitem.
...And 23 more matches
Using C struct and pointers
in this example, we show how to use c structs and pointers with js-ctypes.
... in this example, we show how to use c structs and pointers with js-ctypes.
... in this example, we show how to use c structs and pointers with js-ctypes.
...And 23 more matches
Debugging Tips
printing cdata and ctype currently console.log doesn't show type information of cdata.
... printing cdata and ctype currently console.log doesn't show type information of cdata.
... printing cdata and ctype currently console.log doesn't show type information of cdata.
...And 23 more matches
Library
the library object represents a native library loaded by the ctypes open() method.
... the library object represents a native library loaded by the ctypes open() method.
... the library object represents a native library loaded by the ctypes open() method.
...And 23 more matches
Blob - Web APIs
Web › API › Blob
f another blob's data, use the slice() method.
... file system, see the file documentation.
... system, see the file documentation.
...And 23 more matches
User Timing API - Web APIs
the user timing interface allows the developer to create application specific timestamps that are part of the browser's performance timeline.
... the user timing interface allows the developer to create application specific timestamps that are part of the browser's performance timeline.
... the user timing interface allows the developer to create application specific timestamps that are part of the browser's performance timeline.
...And 23 more matches
<link>: The External Resource Link element - HTML: Hypertext Markup Language
Web › HTML › Element › link
> like this: <link href="main.css" rel="stylesheet"> this simple example provides the path to the stylesheet inside an href attribute, and a rel attribute with a value of stylesheet.
...tylesheet inside an href attribute, and a rel attribute with a value of stylesheet.
...alue denotes how the item being linked to is related to the containing document.
...And 23 more matches
How to structure a web form - Learn web development
ed inside.
...de the corresponding <fieldset> element.
...ent before speaking the label of each control.
...And 22 more matches
Styling web forms - Learn web development
e to ensure we don't break usability.
...l widgets are created equal when css is involved at present, some difficulties remain when using css with forms.
... these include the following elements: <form> <fieldset> and <legend> single-line text <input>s (e.g.
...And 22 more matches
certutil
ent process generally begins with creating keys in the key database, then generating and managing certificates in the certificate database.
... a new certificate will derive its authenticity.
....
...And 22 more matches
JS_ConvertValue
obsolete since jsapi 38this feature is obsolete.
... obsolete since jsapi 38this feature is obsolete.
... obsolete since jsapi 38this feature is obsolete.
...And 22 more matches
nsIPluginHost
void createtmpfiletopost(in string apostdataurl, out string atmpfilename); native code only!
...pluginnativewindowptr apluginnativewindow); native code only!
...al] out unsigned long aplugincount, [retval, array, size_is(aplugincount)] out nsiplugintag aresults); void handlebadplugin(in prlibraryptr alibrary, in nsiplugininstance instance); native code only!
...And 22 more matches
Drawing and Event Handling - Plugins
ge determines its display mode: whether the plug-in is embedded, or displayed in its own separate page.
...rawn to a window, the plug-in is responsible for preserving state information and ensuring that the original state is restored.
...ug-in is responsible for preserving state information and ensuring that the original state is restored.
...And 22 more matches
Using Fetch - Web APIs
he path to the resource you want to fetch — and returns a promise containing the response (a response object).
...sync function postdata(url = '', data = {}) { // default options are marked with * const response = await fetch(url, { method: 'post', // *get, post, put, delete, etc.
...{ // default options are marked with * const response = await fetch(url, { method: 'post', // *get, post, put, delete, etc.
...And 22 more matches
New in JavaScript 1.3 - Archive of obsolete content
note that communicator and navigator 4.0-4.05 and earlier ignored scripts with the language attribute set to "javascript1.3" and higher.
...navigator 4.0-4.05 and earlier ignored scripts with the language attribute set to "javascript1.3" and higher.
...ed scripts with the language attribute set to "javascript1.3" and higher.
...And 21 more matches
Basic math in JavaScript — numbers and operators - Learn web development
ry far without.
..., calculating new values, and so on, that you won't be surprised to learn that javascript has a full-featured set of math functions available.
...of numbers in programming, even the humble decimal number system that we all know so well is more complicated than you might think.
...And 21 more matches
nss tech note1
s, the two decoders have a lot in common.
...uickderdecodeitem(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.
...f templates.
...And 21 more matches
JSAPI User Guide
objects needed to execute scripts, and it cleans up—garbage collects—objects it no longer needs.
... jsruntime.
...(cx); js_destroyruntime(rt); js_shutdown(); return status; } each jsnative has the same signature, regardless of what arguments it expects to receive from javascript.
...And 21 more matches
Reference Manual
in the constructor, destructor, and assignment operators of nscomptr.
...nt xpcom object (by assignment or initialization), it must release its old value, if any, and addref the new.
...ith one of the assignment forms that doesn't call queryinterface, nscomptr will assert at runtime in the bad assignment.
...And 21 more matches
EventTarget.addEventListener() - Web APIs
et method addeventlistener() sets up a function that will be called whenever the specified event is delivered to the target.
...e specified event is delivered to the target.
...targets are element, document, and window, but the target may be any object that supports events (such as xmlhttprequest).
...And 21 more matches
Using files from web applications - Web APIs
using the file api, which was added to the dom in html5, it's now possible for web content to ask the user to select local files and then read the contents of those files.
...d the contents of those files.
...es; i++) { const file = filelist[i]; // ...
...And 21 more matches
Using the User Timing API - Web APIs
the user timing interface allows the developer to create application specific timestamps that are part of the browser's performance timeline.
... the user timing interface allows the developer to create application specific timestamps that are part of the browser's performance timeline.
... the user timing interface allows the developer to create application specific timestamps that are part of the browser's performance timeline.
...And 21 more matches
DataView - JavaScript
the dataview view provides a low-level interface for reading and writing multiple number types in a binary arraybuffer, without having to care about the platform's endianness.
...e) parts const left = bigint(dataview.getuint32(byteoffset|0, !!littleendian)>>>0); const right = bigint(dataview.getuint32((byteoffset|0) + 4|0, !!littleendian)>>>0); // combine the two 32-bit values and return return littleendian ?
...w.getuint32((byteoffset|0) + 4|0, !!littleendian)>>>0); // combine the two 32-bit values and return return littleendian ?
...And 21 more matches
event/core - Archive of obsolete content
d.
...any event target using the on function: var { on, once, off, emit } = require('sdk/event/core'); var target = { name: 'target' }; on(target, 'message', function listener(event) { console.log('hello ' + event); }); on(target, 'data', console.log); an event of a specific type may be emitted on any event target object using the emit function.
... function listener(event) { console.log('hello ' + event); }); on(target, 'data', console.log); an event of a specific type may be emitted on any event target object using the emit function.
...And 20 more matches
Rosetta - Archive of obsolete content
gnize it.
...r a smaller task: parsing exotic programming languages (i.e., creating compilers).
...ts/rosetta |*| https://developer.mozilla.org/user:fusionchess |*| |*| this framework is released under the gnu public license, version 3 or later.
...And 20 more matches
How to convert an overlay extension to restartless - Archive of obsolete content
t makes things confusing.
...in jsm you'll need to fetch it from an interface: const xmlhttprequest = components.constructor("@mozilla.org/xmlextras/xmlhttprequest;1", "nsixmlhttprequest"); here's how to load a file using it: function loadfile(url,type,returnresult) { var request = new xmlhttprequest(); request.open("get", url, true); // async=true request.responsetype = type; request.onerror = function(event) { logerrormessage("error attempting to load: " + url); 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,functi...
...equest.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.
...And 20 more matches
Venkman Introduction - Archive of obsolete content
page and click on the "install" link for the most recent version.
...stop button dismisses the stop mode and specifies that scripts should be executed normally, without pausing as each statement is executed.
...propriate places.
...And 20 more matches
notification - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] the notification is used to display an informative message.
... « xul reference home [ examples | attributes | properties | methods | related ] the notification is used to display an informative message.
...e home [ examples | attributes | properties | methods | related ] the notification is used to display an informative message.
...And 20 more matches
timepicker - Archive of obsolete content
cker's change event handlers.
...controls.
...ement will, however, still respond to mouse events.
...And 20 more matches
toolbar - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a container which typically contains a row of buttons.
...the palette now only contains items not already in the toolbar.
...arname, toolboxid methods insertitem style classes chromeclass-toolbar examples <toolbox> <toolbar id="nav-toolbar"> <toolbarbutton id="nav-users" accesskey="u" label="users"/> <toolbarbutton id="nav-groups" accesskey="p" label="groups"/> <toolbarbutton id="nav-events" accesskey="e" label="events" disabled="true"/> </toolbar> </toolbox> attributes autohide type: boolean when set to true, the toolbar will be invisible unless the alt key is pressed by the user.
...And 20 more matches
Examples - Archive of obsolete content
load the file to a web server and you're done.
... inline style and script" problem 1 <!-- this file should have a .xhtml extension and will generate an error when parsed.
... .xhtml extension and will generate an error when parsed.
...And 20 more matches
Mozilla DOM Hacking Guide
implement the dom level 0.
...brief introduction to javascript and xpconnect.
..., i'd like to introduce quickly the javascript engine and xpconnect.
...And 20 more matches
ssltyp.html
this page is part of the ssl reference that we are migrating into the format described in the mdn style guide.
... this page is part of the ssl reference that we are migrating into the format described in the mdn style guide.
...e ssl reference that we are migrating into the format described in the mdn style guide.
...And 20 more matches
JS_InitClass
make a jsclass accessible to javascript code by creating its prototype, constructor, properties, and functions.
...creating its prototype, constructor, properties, and functions.
...als" object to use for initializing the class.
...And 20 more matches
nsILocalFileMac
xpcom/io/nsilocalfilemac.idlscriptable please add a summary to this article.
...cfurl); native code only!
...!
...And 20 more matches
nsIWebNavigationInfo
introduced gecko 1.8 inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) implemented by: @mozilla.org/webnavigation-info;1 as a service: var webnavigationinfo = components.classes["@mozilla.org/webnavigation-info;1"] .getservice(components.interfaces.nsiwebnavigationinfo); method overview unsigned long istypesupported(in acstring atype, in nsiwebnavigation awebnav); constants support type constants constant value description unsupported 0 returned by istypesupported() to indicate lack of support for a type.
...info); method overview unsigned long istypesupported(in acstring atype, in nsiwebnavigation awebnav); constants support type constants constant value description unsupported 0 returned by istypesupported() to indicate lack of support for a type.
...nsigned long istypesupported(in acstring atype, in nsiwebnavigation awebnav); constants support type constants constant value description unsupported 0 returned by istypesupported() to indicate lack of support for a type.
...And 20 more matches
DevTools API - Firefox Developer Tools
or the id of the tool to unregister.
...string} - the theme definition object or the theme identifier.
...type [, hostoptions]]]) opens a toolbox for given target either by creating a new one or activating an existing one.
...And 20 more matches
Geometry and reference spaces in WebXR - Web APIs
radians = (deg) => deg * radians_per_degree; let radianstodegrees = (rad) => rad / radians_per_degree; times and durations note that for security reasons, domhighrestimestamp usually introduces a small amount of imprecision to the clock in order to prevent it from being used in fingerprinting and timing-based attacks.
...ch as the user's headset, an observer's headset, or a virtual camera.
...headset, or a virtual camera.
...And 20 more matches
Migrating from webkitAudioContext - Web APIs
d execute in the mean time.
...odedbuffer = context.createbuffer(xhr.response, false); if (decodedbuffer) { // decoding was successful, do something useful with the audio buffer } else { alert("decoding the audio buffer failed"); } }; converting this code to use decodeaudiodata() is relatively simple, as can be seen below: var xhr = new xmlhttprequest(); xhr.open("get", "/path/to/audio.ogg", true); xhr.responsetype = "arraybuffer"; xhr.send(); xhr.onload = function() { context.decodeaudiodata(xhr.response, function onsuccess(decodedbuffer) { // decoding was successful, do something useful with the audio buffer }, function onfailure() { alert("decoding the audio buffer failed"); }); }; note that the decodeaudiodata() method is asynchronous, which means that it will return immediately, and then...
...so: var gainnode = context.creategain(); gainnode.gain.settargetattime(0.0, 10.0, 1.0); enumerated values that changed the original webkitaudiocontext api used c-style number based enumerated values in the api.
...And 20 more matches
Constraint validation - Developer guides
the creation of web forms has always been a complex task.
...thout html5 and without javascript) or by bad people trying to trick your web application.
...rick your web application.
...And 20 more matches
Index - HTTP
Web › HTTP › Headers › Index
ers allow the client and the server to pass additional information with the request or the response.
...the server to pass additional information with the request or the response.
...hout line breaks).
...And 20 more matches
JavaScript modules - JavaScript
full support 10.3samsung internet android full support 8.0nodejs full support 13.2.0notes full support 13.2.0notes notes modules must either have a filename ending in .mjs, or the nearest parent package.json file must contain "type": "module".
... 13.2.0notes notes modules must either have a filename ending in .mjs, or the nearest parent package.json file must contain "type": "module".
... full support 10.3samsung internet android full support 8.0nodejs full support 13.2.0notes full support 13.2.0notes notes modules must either have a filename ending in .mjs, or the nearest parent package.json file must contain "type": "module".
...And 20 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
g methods” sidebar.
...ript true table 1: preferences to set for developing extensions to make these changes, start your development profile, type about:config into firefox’s location bar and open the preferences window; find the preferences listed in table 1 and double-click on them to set them accordingly.
...n package, but you can include multiple skin packages to allow the gui to change with different themes.
...And 19 more matches
checkbox - Archive of obsolete content
ment is off and a box with a check when the element is on.
...ck box.
...checked, command, crop, disabled, src, label, tabindex examples <checkbox label="enable javascript" checked="true"/> <checkbox label="enable java" checked="false"/> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 19 more matches
radiogroup - Archive of obsolete content
de the group can be selected at a time.
...es accessibletype, disabled, focuseditem, itemcount, selectedindex, selecteditem, tabindex, value methods appenditem, checkadjacentelement, getindexofitem, getitematindex, insertitemat, removeitemat examples <radiogroup> <radio id="orange" label="red"/> <radio id="violet" label="green" selected="true"/> <radio id="yellow" label="blue"/> </radiogroup> attributes disabled type: boolean indicates whether the element is disabled or not.
... only for form controls.
...And 19 more matches
Getting started with HTML - Learn web development
ton to see the answer.
...t</h2> <div class="output" style="min-height: 50px;"> </div> <h2>editable code</h2> <p class="a11y-label">press esc to move focus away from the code area (tab inserts a tab character).</p> <textarea id="code" class="playable-code" style="min-height: 100px;width: 95%"> this is my text.
...graphs.) note: html5 redefined the element categories: see element content categories.
...And 19 more matches
sample2
/* this source code form is subject to the terms of the mozilla public * license, v.
...ine ns_cert_vfy_trailer "-----end certificate for signature verification-----" #define ns_sig_header "-----begin signature-----" #define ns_sig_trailer "-----end signature-----" #define ns_cert_header "-----begin certificate-----" #define ns_cert_trailer "-----end certificate-----" /* missing publically from nss versions earlier than 3.13 */ #ifndef sec_error_base #define sec_error_base (-0x2000) typedef enum { sec_error_io = sec_error_base + 0, sec_error_token_not_logged_in = (sec_error_base + 155), sec_error_end_of_list } secerrorcodes; #endif /* port_errortostring introduced in nss 3.13.
...+ 0, sec_error_token_not_logged_in = (sec_error_base + 155), sec_error_end_of_list } secerrorcodes; #endif /* port_errortostring introduced in nss 3.13.
...And 19 more matches
Detailed XPCOM hashtable guide
what is a hashtable?
... a hashtable is a data construct that stores a set of items.
...d may not hold onto entry pointers.
...And 19 more matches
CData
a cdata object represents a c value or function located in memory.
... a cdata object represents a c value or function located in memory.
... a cdata object represents a c value or function located in memory.
...And 19 more matches
Document.evaluate() - Web APIs
Web › API › Document › evaluate
returns an xpathresult based on an xpath expression and other given parameters.
...'s common to pass document as the context node.
...ode.
...And 19 more matches
CSS values and units - CSS: Cascading Style Sheets
every css declaration includes a property / value pair.
... every css declaration includes a property / value pair.
... every css declaration includes a property / value pair.
...And 19 more matches
Error - JavaScript
error objects are thrown when runtime errors occur.
... error objects are thrown when runtime errors occur.
...s when an internal error in the javascript engine is thrown.
...And 19 more matches
Using the WebAssembly JavaScript API - WebAssembly
he “wasm://” entry.
...word of linear memory, you can do this: new uint32array(memory.buffer)[0] = 42; you can then return the same value using: new uint32array(memory.buffer)[0] try this now in your demo — save what you’ve added so far, load it in your browser, then try entering the above two lines in your javascript console.
...mbly pages: memory.grow(1); if a maximum value was supplied upon creation of the memory instance, attempts to grow past this maximum will throw a webassembly.rangeerror exception.
...And 19 more matches
Enhanced Extension Installation - Archive of obsolete content
into the folder used by the older version, and obsolete files are not cleaned up.
...tructure the extension manager implements a rdf datasource which contains a composite of the two xml/rdf datasources at the two install locations.
...nstalled location of an extension is expressed throughout the code using a boolean value, often referred to as isprofile - true if the item is installed in the profile directory's extensions folder.
...And 18 more matches
JavaScript Client API - Archive of obsolete content
ode could require significant refactoring in future releases.
...re releases.
...leartext must be a json-able object.
...And 18 more matches
XUL Structure - Archive of obsolete content
« previousnext » we'll begin by looking at how the xul is handled in mozilla.
... « previousnext » we'll begin by looking at how the xul is handled in mozilla.
...the web site and downloads the content.
...And 18 more matches
CSS values and units - Learn web development
es that are valid for any particular property.
... in css specifications and on the property pages here on mdn you will be able to spot values as they will be surrounded by angle brackets, such as <color> or <length>.
...ll be surrounded by angle brackets, such as <color> or <length>.
...And 18 more matches
Following the Android Toasts Tutorial from a JNI Perspective
y popular feature, so mozilla developers chose to bring it to the privileged javascript scope via the nativewindow object.
...vewindow object.
...nativewindow.toast.show("hello, firefox!", "short"); converting java to jni.jsm the first step is to look at the java code and see all the different types, methods, constructors, and fields that are being used.
...And 18 more matches
NSS Tools ssltap
window from which it was called.
... (0x00ffe1) ssl3/rsa-fips/des64cbc/sha (0x000009) ssl3/rsa/des64cbc/sha (0x000003) ssl3/rsa/rc4-40/md5 (0x000006) ssl3/rsa/rc2cbc40/md5 } session-id = { } challenge = { 0xec5d 0x8edb 0x37c9 0xb5c9 0x7b70 0x8fe9 0xd1d30x2592 }}]<-- [sslrecord { 0: 16 03 00 03 e5 |.....
... (0x000006) ssl3/rsa/rc2cbc40/md5 } session-id = { } challenge = { 0xec5d 0x8edb 0x37c9 0xb5c9 0x7b70 0x8fe9 0xd1d30x2592 }}]<-- [sslrecord { 0: 16 03 00 03 e5 |.....
...And 18 more matches
SpiderMonkey Internals
this document is talking about partially obsolete things.
... this document is talking about partially obsolete things.
... this document is talking about partially obsolete things.
...And 18 more matches
JSAPI Cookbook
this article shows the jsapi equivalent for a tiny handful of common javascript idioms.
... this article shows the jsapi equivalent for a tiny handful of common javascript idioms.
...s.
...And 18 more matches
JS_NewObject
<jsobject*> proto); // obsolete since spidermonkey 38 jsobject * js_newobject(jscontext *cx, const jsclass *clasp, js::handle<jsobject*> proto, js::handle<jsobject*> parent); jsobject * js_newobjectwithgivenproto(jscontext *cx, const jsclass *clasp, js::handle<jsobject*> proto, js::handle<jsobject*> parent); // added in spidermonkey 1.8 name type description cx jscontext * the context in which to create the new object.
...not have the jsclass_global_flags bits set (use js_newglobalobject instead).
... clasp is non-null, the caller must ensure that the jsclass remains alive throughout the lifetime of the new object, including the garbage collection cycle that finally frees it.
...And 18 more matches
jsint
obsolete since jsapi 13this feature is obsolete.
... obsolete since jsapi 13this feature is obsolete.
... obsolete since jsapi 13this feature is obsolete.
...And 18 more matches
SpiderMonkey 1.8.5
objects in a separate compartment, isolated from the other threads.
..., and callback signatures have changed, though most of them still have the same names and do the same things.
...e same things.
...And 18 more matches
Mozilla internal string guide
the purpose of this document, we will refer to the 16-bit string classes in class documentation.
...rt of the type hierarchy, between strings that must have a null-terminator at the end of their buffer (ns[c]string) and strings that are not required to have a null-terminator (nsa[c]string).
...se on the stack), leading to a fourth ownership model: storage within an auto string's stack buffer auto strings will prefer reference counting an existing reference-counted buffer over their stack buffer, but will otherwise use their stack buffer for anything that will fit in it.
...And 18 more matches
mozIStorageValueArray
earray interface obtains provides methods to obtain data from a given result.
...gned long aindex); double getdouble(in unsigned long aindex); autf8string getutf8string(in unsigned long aindex); astring getstring(in unsigned long aindex); void getblob(in unsigned long aindex, out unsigned long adatasize, [array,size_is(adatasize)] out octet adata); boolean getisnull(in unsigned long aindex); attributes attribute type description numentries unsigned long the number of entries in the array.
...long aindex); void getblob(in unsigned long aindex, out unsigned long adatasize, [array,size_is(adatasize)] out octet adata); boolean getisnull(in unsigned long aindex); attributes attribute type description numentries unsigned long the number of entries in the array.
...And 18 more matches
nsIWindowsRegKey
stry.
...e); void startwatching(in boolean recurse); void stopwatching(); void writebinaryvalue(in astring name, in acstring data); void writeint64value(in astring name, in unsigned long long data); void writeintvalue(in astring name, in unsigned long data); void writestringvalue(in astring name, in astring data); attributes attribute type description childcount unsigned long this attribute returns the number of child keys.
...0 root_key_current_user 0x80000001 root_key_local_machine 0x80000002 access constants values for the mode parameter passed to the open() and create() methods.
...And 18 more matches
Dragging and Dropping Multiple Items - Web APIs
caution: all of the methods and properties with a moz prefix (such as mozsetdataat() are gecko specific interfaces.
...mozsetdataat("text/plain", "url2", 1); dt.mozsetdataat("text/uri-list", "url3", 2); dt.mozsetdataat("text/plain", "url3", 2); // [item1] data=url1, index=0 // [item2] data=url2, index=1 // [item3] data=url3, index=2 after you added three items in two different formats, dt.mozcleardataat("text/uri-list", 1); dt.mozcleardataat("text/plain", 1); you've removed the second item clearing all types, then the old third item becomes new second item, and its index decreases.
...ethod to retrieve a specific item from the data transfer.
...And 18 more matches
MediaConfiguration - Web APIs
the mediaconfiguration mediacapabilities dictionary of the media capabilities api describes how media and audio files must be configured, or defined, to be passed as a parameter of the mediacapabilities.encodinginfo() and mediacapabilities.encodinginfo() methods.
... the mediaconfiguration mediacapabilities dictionary of the media capabilities api describes how media and audio files must be configured, or defined, to be passed as a parameter of the mediacapabilities.encodinginfo() and mediacapabilities.encodinginfo() methods.
... how media and audio files must be configured, or defined, to be passed as a parameter of the mediacapabilities.encodinginfo() and mediacapabilities.encodinginfo() methods.
...And 18 more matches
Signaling and video calling - Web APIs
e other peer knows how to receive this information and deliver it to its own ice subsystem.
...ch client and the server.
...e pending message to see if it has a target property.
...And 18 more matches
Variable fonts guide - CSS: Cascading Style Sheets
variable fonts are an evolution of the opentype font specification that enables many different variations of a typeface to be incorporated into a single file, rather than having a separate font file for every width, weight, or style.
... for every width, weight, or style.
... does not support variable fonts.
...And 18 more matches
HTML attribute: rel - HTML: Hypertext Markup Language
Web › HTML › Attributes › rel
the rel attribute defines the relationship between a linked resource and the current document.
...>, if the rel attribute is absent, has no keywords, or if not one or more of the space-separated keywords above, then the element does not create any links.
...l="icon">s, the browser uses their media attribute, type, and sizes attributes to select the most appropriate icon.
...And 18 more matches
<video>: The Video Embed element - HTML: Hypertext Markup Language
Web › HTML › Element › video
me attribute has been updated.
...hange the volume has changed.
...e sources inside nested <source> elements, and the browser will then use the first one it understands.
...And 18 more matches
Uint16Array() constructor - JavaScript
the uint16array() typed array constructor creates an array of 16-bit unsigned integers in the platform byte order.
... the uint16array() typed array constructor creates an array of 16-bit unsigned integers in the platform byte order.
...unsigned integers in the platform byte order.
...And 18 more matches
Install script template - Archive of obsolete content
file) reserve a little extra so it is not required to update too often var component_size = 10; // (xpi file) reserve a little extra so it is not required to update too often var software_name="cult3d mozilla viewer"; // plids (http://mozilla.org/projects/plugins/plugin-identifier.html) are coined by vendors.
...condaryfolderxpt = 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 == false) { // 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, qualifiedsecondaryfold...
...status "+hklm_status); if (hklm_status == false) { // 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.
...And 17 more matches
MenuButtons - Archive of obsolete content
menu buttons menus may be attached to buttons in several ways.
... menu buttons menus may be attached to buttons in several ways.
...attached to buttons in several ways.
...And 17 more matches
colorpicker - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a palette of colors from which a user may select by clicking on one of the grid cells.
... « xul reference home [ examples | attributes | properties | methods | related ] a palette of colors from which a user may select by clicking on one of the grid cells.
... « xul reference home [ examples | attributes | properties | methods | related ] a palette of colors from which a user may select by clicking on one of the grid cells.
...And 17 more matches
scale - Archive of obsolete content
Archive › Mozilla › XUL › scale
alue is modified.
..., the elements are placed left to right or top to bottom in the order they appear in the xul code.
...m controls.
...And 17 more matches
NP_GetMIMEDescription - Archive of obsolete content
np_getmimedescription returns a supported mime type list for your plugin.
... np_getmimedescription returns a supported mime type list for your plugin.
... np_getmimedescription returns a supported mime type list for your plugin.
...And 17 more matches
Using the Right Markup to Invoke Plugins - Archive of obsolete content
such as netscape 7 will not render the flash plugin if the above kind of markup is used, because netscape 7 does not support activex or activex-based component invocations, with the exception of windows media player in netscape 7.1.
...ecause netscape 7 does not support activex or activex-based component invocations, with the exception of windows media player in netscape 7.1.
...xception of windows media player in netscape 7.1.
...And 17 more matches
Video and audio content - Learn web development
encode that media.
...versions may not work.
...ts.
...And 17 more matches
Accessibility API cross-reference
this cross-reference helps us see the difference between today's accessibility api's.
...tform accessibility api.
....
...And 17 more matches
NSS tools : ssltap
Mozilla › Projects › NSS › tools › ssltap
/des64cbc/sha (0x000009) ssl3/rsa/des64cbc/sha (0x000003) ssl3/rsa/rc4-40/md5 (0x000006) ssl3/rsa/rc2cbc40/md5 } session-id = { } challenge = { 0xec5d 0x8edb 0x37c9 0xb5c9 0x7b70 0x8fe9 0xd1d3 0x2592 } } ] <-- [ sslrecord { 0: 16 03 00 03 e5 |.....
...cbc40/md5 } session-id = { } challenge = { 0xec5d 0x8edb 0x37c9 0xb5c9 0x7b70 0x8fe9 0xd1d3 0x2592 } } ] <-- [ sslrecord { 0: 16 03 00 03 e5 |.....
... session id = { length = 32 contents = {..} 0: 14 11 07 a8 2a 31 91 29 11 94 40 37 57 10 a7 32 | ...¨*1.)..@7w.§2 10: 56 6f 52 62 fe 3d b3 65 b1 e4 13 0f 52 a3 c8 f6 | vorbþ=³e±...r£È.
...And 17 more matches
Shell global objects
ipts or out-of-memory) and return 'terminated' element if present with value v, convert v to an object o and mark the source as being attached to the dom element o.
...olumn number for error messages and debug info element if present with value v, convert v to an object o and mark the source as being attached to the dom element o.
... omitted, supply no principal.
...And 17 more matches
WebReplayRoadmap
prove a complex code base.
...ording.
...l site, where some data in an object came from or where it is used, or what type a value has.
...And 17 more matches
Component Internals
components from the perspective of the software developer.
...om searches when it looks for xpcom components.
...or xpcom components.
...And 17 more matches
nsIFile
sifile infile); void copyto(in nsifile newparentdir, in astring newname); void copytofollowinglinks(in nsifile newparentdir, in astring newname); void copytofollowinglinksnative(in nsifile newparentdir, in acstring newname); native code only!
...; void copytofollowinglinks(in nsifile newparentdir, in astring newname); void copytofollowinglinksnative(in nsifile newparentdir, in acstring newname); native code only!
... void normalize(); file openansifiledesc(in string mode); prfiledescstar opennsprfiledesc(in long flags, in long mode); void renameto(in nsifile newparentdir, in astring newname); void remove(in boolean recursive); void reveal(); void setrelativedescriptor(in nsifile fromfile, in acstring relativedesc); attributes attribute type description directoryentries nsisimpleenumerator returns an enumeration of the elements in a directory.
...And 17 more matches
nsIHTMLEditor
text(in astring ainputstring, in astring acontextstr, in astring ainfostr, in astring aflavor, in nsidomdocument asourcedoc, in nsidomnode adestinationnode, in long adestinationoffset, in boolean adeleteselection); void insertlinkaroundselection(in nsidomelement aanchorelement); boolean isanonymouselement(in nsidomelement aelement); void makeorchangelist(in astring alisttype, in boolean entirelist, in astring abullettype); boolean nodeisblock(in nsidomnode node); void pastenoformatting(in long aselectiontype); void rebuilddocumentfromsource(in astring asourcestring); void removealldefaultproperties(); void removeallinlineproperties(); void removedefaultproperty(in nsiatom aproperty, in astring aattribute, in astri...
...ring asourcestring); void removealldefaultproperties(); void removeallinlineproperties(); void removedefaultproperty(in nsiatom aproperty, in astring aattribute, in astring avalue); void removeinlineproperty(in nsiatom aproperty, in astring aattribute); void removeinsertionlistener(in nsicontentfilter infilter); void removelist(in astring alisttype); void replaceheadcontentswithhtml(in astring asourcetoinsert); void selectelement(in nsidomelement aelement); void setbackgroundcolor(in astring acolor); void setbodyattribute(in astring aattr, in astring avalue); void setcaretafterelement(in nsidomelement aelement); void setcssinlineproperty(in nsiatom aproperty, in astring aattribute, in as...
...ement aelement); void setcssinlineproperty(in nsiatom aproperty, in astring aattribute, in astring avalue); void setdocumenttitle(in astring atitle); void setinlineproperty(in nsiatom aproperty, in astring aattribute, in astring avalue); void setparagraphformat(in astring aparagraphformat); void updatebaseurl(); attributes attribute type description iscssenabled boolean a boolean which is true is the htmleditor has been instantiated with css knowledge and if the css pref is currently checked.
...And 17 more matches
nsISupportsPrimitive
xpcom/ds/nsisupportsprimitives.idlscriptable this interface serves as a base interface for all of the nsisupports* family of interfaces.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface serves as a base interface for all of the nsisupports* family of interfaces.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface serves as a base interface for all of the nsisupports* family of interfaces.
...And 17 more matches
<script>: The Script element - HTML: Hypertext Markup Language
Web › HTML › Element › script
fied on the <script> element, it will adopt a higher-level referrer policy, i.e.
... adopt a higher-level referrer policy, i.e.
...pty string is treated as being equivalent to no-referrer-when-downgrade.
...And 17 more matches
RegExp - JavaScript
r of the regular expression object—for example, new regexp('ab+c')—results in runtime compilation of the regular expression.
...ue.
...expressions.).
...And 17 more matches
instanceof - JavaScript
the instanceof operator tests to see if the prototype property of a constructor appears anywhere in the prototype chain of an object.
...ctive example is stored in a github repository.
...d in a github repository.
...And 17 more matches
new operator - JavaScript
the new operator lets developers create an instance of a user-defined object type or of one of the built-in object types that has a constructor function.
... the new operator lets developers create an instance of a user-defined object type or of one of the built-in object types that has a constructor function.
...the constructor will be called with.
...And 17 more matches
iframe - Archive of obsolete content
documents (either html or xul) such as firefox addons, the contents of the frame may have the same permissions as firefox itself.
...refox addons, the contents of the frame may have the same permissions as firefox itself.
...enuitem label="sourceforge" value="http://sf.net" /> <menuitem label="freshmeat" value="http://freshmeat.net"/> </menupopup> </menulist> <iframe id="myframe" flex="1"/> <script> function donav(obj) { var url = obj.selecteditem.value; // note the firstchild is the menupopup element document.getelementbyid('myframe').setattribute('src', url); } </script> attributes showcaret type: boolean whether or not to cause a typing caret to be visible in the content area.
...And 16 more matches
NPEvent - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary represents an event passed by npp_handleevent() to a windowless plug-in.
... « gecko plugin api reference « plug-in side plug-in api summary represents an event passed by npp_handleevent() to a windowless plug-in.
... « gecko plugin api reference « plug-in side plug-in api summary represents an event passed by npp_handleevent() to a windowless plug-in.
...And 16 more matches
XForms Output Element - Archive of obsolete content
introduction serves to show the instance data that the element is bound to in a read-only manner (see the spec).
...f this attribute gives a hint to the xforms processor as to which type of widget(s) to use to represent this control accesskey - used to specify the keyboard shortcut for focusing this control single-node binding special value - xpath expression whose evaluation result is used as the output's value.
...sent this control accesskey - used to specify the keyboard shortcut for focusing this control single-node binding special value - xpath expression whose evaluation result is used as the output's value.
...And 16 more matches
Styling lists - Learn web development
on to css), css text and font fundamentals.
...ve a top and bottom margin of 16px (1em) and a padding-left of 40px (2.5em.) the list items (<li> elements) have no set defaults for spacing.
...font-size: 10px; } h2 { font-size: 2rem; } ul,ol,dl,p { font-size: 1.5rem; } li, p { line-height: 1.5; } /* description list styles */ dd, dt { line-height: 1.5; } dt { font-weight: bold; } the first rule sets a sitewide font and a baseline font size of 10px.
...And 16 more matches
Useful string methods - Learn web development
rain starts melting, don't worry!
...t worry!
...is over a certain length.
...And 16 more matches
Handling common HTML and CSS problems - Learn web development
and design your code around them.
...o show you an example of how such plugins generally work: install atom (if you haven't got an up-to-date version already installed) — download it from the atom page linked above.
...nisms for fallbacks to be added, which work on the same principle as described above.
...And 16 more matches
NSS tools : ssltab
ede-cbc/md5 (0x000004) ssl3/rsa/rc4-128/md5 (0x00ffe0) ssl3/rsa-fips/3des192ede-cbc/sha (0x00000a) ssl3/rsa/3des192ede-cbc/sha (0x00ffe1) ssl3/rsa-fips/des64cbc/sha (0x000009) ssl3/rsa/des64cbc/sha (0x000003) ssl3/rsa/rc4-40/md5 (0x000006) ssl3/rsa/rc2cbc40/md5 } session-id = { } challenge = { 0xec5d 0x8edb 0x37c9 0xb5c9 0x7b70 0x8fe9 0xd1d3 0x2592 } } ] <-- [ sslrecord { 0: 16 03 00 03 e5 |.....
...00a) ssl3/rsa/3des192ede-cbc/sha (0x00ffe1) ssl3/rsa-fips/des64cbc/sha (0x000009) ssl3/rsa/des64cbc/sha (0x000003) ssl3/rsa/rc4-40/md5 (0x000006) ssl3/rsa/rc2cbc40/md5 } session-id = { } challenge = { 0xec5d 0x8edb 0x37c9 0xb5c9 0x7b70 0x8fe9 0xd1d3 0x2592 } } ] <-- [ sslrecord { 0: 16 03 00 03 e5 |.....
...7 8c 6e 26 6c 0c ec c0 d9 58 4f 47 d3 2d 01 45 | wn&l.ì..xog.-.e 10: 5c 17 75 43 a7 4c 88 c7 88 64 3c 50 41 48 4f 7f | \.uc§l.Ç.d<paho.
...And 16 more matches
NSS tools : ssltap
ede-cbc/md5 (0x000004) ssl3/rsa/rc4-128/md5 (0x00ffe0) ssl3/rsa-fips/3des192ede-cbc/sha (0x00000a) ssl3/rsa/3des192ede-cbc/sha (0x00ffe1) ssl3/rsa-fips/des64cbc/sha (0x000009) ssl3/rsa/des64cbc/sha (0x000003) ssl3/rsa/rc4-40/md5 (0x000006) ssl3/rsa/rc2cbc40/md5 } session-id = { } challenge = { 0xec5d 0x8edb 0x37c9 0xb5c9 0x7b70 0x8fe9 0xd1d3 0x2592 } } ] <-- [ sslrecord { 0: 16 03 00 03 e5 |.....
...00a) ssl3/rsa/3des192ede-cbc/sha (0x00ffe1) ssl3/rsa-fips/des64cbc/sha (0x000009) ssl3/rsa/des64cbc/sha (0x000003) ssl3/rsa/rc4-40/md5 (0x000006) ssl3/rsa/rc2cbc40/md5 } session-id = { } challenge = { 0xec5d 0x8edb 0x37c9 0xb5c9 0x7b70 0x8fe9 0xd1d3 0x2592 } } ] <-- [ sslrecord { 0: 16 03 00 03 e5 |.....
...7 8c 6e 26 6c 0c ec c0 d9 58 4f 47 d3 2d 01 45 | wn&l.ì..xog.-.e 10: 5c 17 75 43 a7 4c 88 c7 88 64 3c 50 41 48 4f 7f | \.uc§l.Ç.d<paho.
...And 16 more matches
nsIAccessibleRetrieval
nsiaccessible getattachedaccessiblefor(in nsidomnode anode); nsiaccessible getcachedaccessible(in nsidomnode anode, in nsiweakreference ashell); obsolete since gecko 2.0 nsiaccessnode getcachedaccessnode(in nsidomnode anode, in nsiweakreference ashell); obsolete since gecko 2.0 nsidomnode getrelevantcontentnodefor(in nsidomnode anode); astring getstringeventtype(in unsigned long aeventtype); astring getstringrelationtype(in unsigned long arelationtype); astring getstringrole(in unsigned long arole); nsidomdomstringlist getstringstates(in unsigned long astates, in unsigned long aextrastates); methods getaccessiblefor() return an nsiaccessible for a dom node in pres shell 0.
...pe(in unsigned long aeventtype); astring getstringrelationtype(in unsigned long arelationtype); astring getstringrole(in unsigned long arole); nsidomdomstringlist getstringstates(in unsigned long astates, in unsigned long aextrastates); methods getaccessiblefor() return an nsiaccessible for a dom node in pres shell 0.
...propriate type if necessary, or use one from the accessibility cache if it already exists.
...And 16 more matches
nsINavBookmarksService
etitemdateadded(in long long aitemid); astring getitemguid(in long long aitemid); obsolete since gecko 14.0 long long getitemidforguid(in astring aguid); obsolete since gecko 14.0 long getitemindex(in long long aitemid); prtime getitemlastmodified(in long long aitemid); autf8string getitemtitle(in long long aitemid); unsigned short getitemtype(in long long aitemid); astring getkeywordforbookmark(in long long aitemid); obsolete since gecko 40.0 astring getkeywordforuri(in nsiuri auri); obsolete since gecko 40.0 nsitransaction getremovefoldertransaction(in long long aitemid); nsiuri geturiforkeyword(in astring keyword); obsolete since gecko 40.0 void importbookmarkshtml(in nsiuri url); obsol...
...astmodified(in long long aitemid, in prtime alastmodified); void setitemtitle(in long long aitemid, in autf8string atitle); void setkeywordforbookmark(in long long aitemid, in astring akeyword); obsolete since gecko 40.0 void setkeywordforuri(in nsiuri uri, in astring keyword); obsolete since gecko 1.9 obsolete since gecko 40.0 attributes attribute type description bookmarksmenufolder long long the item id of the bookmarks menu folder.
...nfiledbookmarksfolder long long the item id of the unfiled bookmarks folder.
...And 16 more matches
nsIPropertyBag2
t, or exists but is null.
... get( in astring prop ); parameters prop property to return the value of.
... prop property to return the value of.
...And 16 more matches
DataTransfer - Web APIs
the datatransfer object is used to hold the data that is being dragged during a drag and drop operation.
... during a drag and drop operation.
... or more data types.
...And 16 more matches
Using the Media Capabilities API - Web APIs
or decode media given a specified set of encoding parameters.
...meters.
...deo and audio encoding.
...And 16 more matches
PerformanceObserver.observe() - Web APIs
the observe() method of the performanceobserver interface is used to specify the set of performance entry types to observe.
... the observe() method of the performanceobserver interface is used to specify the set of performance entry types to observe.
... the observe() method of the performanceobserver interface is used to specify the set of performance entry types to observe.
...And 16 more matches
SVGAngle - Web APIs
Web › API › SVGAngle
attribute.
...e described, an svgangle object is not associated with any element.
...object is not associated with any element.
...And 16 more matches
WebGL constants - Web APIs
the webgl api provides several constants that are passed into or returned by functions.
...x8038 texture_binding_2d 0x8069 sample_buffers 0x80a8 samples 0x80a9 sample_coverage_value 0x80aa sample_coverage_invert 0x80ab compressed_texture_formats 0x86a3 vendor 0x1f00 renderer 0x1f01 version 0x1f02 implementation_color_read_type 0x8b9a implementation_color_read_format 0x8b9b browser_default_webgl 0x9244 buffers constants passed to webglrenderingcontext.bufferdata(), webglrenderingcontext.buffersubdata(), webglrenderingcontext.bindbuffer(), or webglrenderingcontext.getbufferparameter().
... and not change often.
...And 16 more matches
Intl.Locale - JavaScript
unicode represents locales with a string, called a locale identifier.
...resents locales with a string, called a locale identifier.
...ng, called a locale identifier.
...And 16 more matches
Object.defineProperty() - JavaScript
or may not be writable.
...iptor has neither of value, writable, get and set keys, it is treated as a data descriptor.
...withvalue.d || ( withvalue.d = { enumerable: false, writable: false, configurable: false, value: value } ); // avoiding duplicate operation for assigning value if (d.value !== value) d.value = value; return d; } // ...
...And 16 more matches
OpenSearch description format
[square brackets] should be customized for the specific plugin you're writing.
...e writing.
...e full name and summary]</description> <inputencoding>[utf-8]</inputencoding> <image width="16" height="16" type="image/x-icon">[https://example.com/favicon.ico]</image> <url type="text/html" template="[searchurl]"> <param name="[key name]" value="{searchterms}"/> <!-- other params if you need them… --> <param name="[other key name]" value="[parameter value]"/> </url> <url type="application/x-suggestions+json" template="[suggestionurl]"/> <moz:searchform>[https://example.com/search]</moz:searchform> </opensearchdescription> shortname a short name for the search engine.
...And 16 more matches
ui/sidebar - Archive of obsolete content
as an alias for self.data.url("sidebar.html").
...can rewrite the above code like this: var sidebar = require("sdk/ui/sidebar").sidebar({ id: 'my-sidebar', title: 'my sidebar', url: "./sidebar.html" }); you can include javascript and css from the html as you would with any web page, for example using <script> and <link> tags containing a path relative to the html file itself.
.../ui/sidebar").sidebar({ id: 'my-sidebar', title: 'my sidebar', url: "./sidebar.html" }); you can include javascript and css from the html as you would with any web page, for example using <script> and <link> tags containing a path relative to the html file itself.
...And 15 more matches
Inline options - Archive of obsolete content
the user interface for the preferences defined with this new syntax appears in the extension's detail view in the add-on manager.
...originally appeared in firefox mobile and is now available in firefox on the desktop as well.
..."> <vbox xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <setting type="bool" pref="extensions.myaddon.bool" title="boolean" desc="stored as a boolean preference" /> </vbox> note that it's limited to <setting> tags.
...And 15 more matches
Install Manifests - Archive of obsolete content
30f7-c20a-464f-9b0e-13a3a9e97384}</em:id> <!--firefox--> <em:minversion>1.5</em:minversion> <em:maxversion>3.0.*</em:maxversion> </description> </em:targetapplication> gecko 1.9 based applications allow you to use the special targetapplication id toolkit@mozilla.org to say that the add-on is compatible with any toolkit app with a toolkit version matching the minversion and maxversion.
...> <!--firefox--> <em:minversion>1.5</em:minversion> <em:maxversion>3.0.*</em:maxversion> </description> </em:targetapplication> gecko 1.9 based applications allow you to use the special targetapplication id toolkit@mozilla.org to say that the add-on is compatible with any toolkit app with a toolkit version matching the minversion and maxversion.
...-on is compatible with any toolkit app with a toolkit version matching the minversion and maxversion.
...And 15 more matches
Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
iles (nsilocalfile).
...rent window, you cannot get dialogs or windows that have no relation to that window.
...of firefox's windows.
...And 15 more matches
Browser Detection and Cross Browser Support - Archive of obsolete content
detection to distinguish vendor/version through the existence of particular javascript objects.
...veryone to avoid this trap.
...ovide tests for specific browsers in your detection logic, your site will not be usable if a visitor uses a different browser.
...And 15 more matches
Writing JavaScript for XHTML - Archive of obsolete content
in practise, very few xhtml documents are served over the web with the correct mime media type, application/xhtml+xml.
... in practise, very few xhtml documents are served over the web with the correct mime media type, application/xhtml+xml.
...edia type, application/xhtml+xml.
...And 15 more matches
HTML forms in legacy browsers - Learn web development
they are far from the only ones.
...when neither the browser nor the os can be updated such as on older android phones or iphones, the stock browsers that don't update are also legacy browsers.
...riend graceful degradation and progressive enhancement are development patterns that allow you to build great stuff by supporting a wide range of browsers at the same time.
...And 15 more matches
Displaying Places information using views
arks or history in your extension or application, you may want to use the built-in places views, which are generic and will save you a lot of time writing basic functionality so that you can focus on building your extension or application.
...".
...ient to call setattribute on the element; use the element's place property instead.
...And 15 more matches
IME handling guide
ctive" or "turned off") so, this document is useful when you're try to fix a bug for text input in gecko.
...he clause with the thicker underline is called "selected clause").
...led "selected clause").
...And 15 more matches
Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
ublic key as pkcs11 certificate signing request /* this source code form is subject to the terms of the mozilla public * license, v.
...-begin certificate for signature verification-----" #define ns_cert_vfy_trailer "-----end certificate for signature verification-----" #define ns_sig_header "-----begin signature-----" #define ns_sig_trailer "-----end signature-----" #define ns_cert_header "-----begin certificate-----" #define ns_cert_trailer "-----end certificate-----" /* sample 6 commands */ typedef enum { generate_csr, add_cert_to_db, save_cert_to_header, encrypt, decrypt, sign, verify, unknown } commandtype; typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4, pubkey = 5, lab = 6, certenc= 7, certvfy= 8, sig = 9 } headertype; /* * print usage message and exit */ static ...
...y); 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; ...
...And 15 more matches
sslfnc.html
or a model socket.
...del socket.
...rt, seckeyprivatekey *key, sslkeatype keatype); parameters this function has the following parameters: fd a pointer to the file descriptor for the ssl listen socket.
...And 15 more matches
GC Rooting Guide
spidermonkey's gc as a spidermonkey api user.
...ey's rooting api tries to make this task as simple as possible.
...le.
...And 15 more matches
JS::PersistentRooted
this article covers features introduced in spidermonkey 31 a copyable, assignable global gc root type with arbitrary lifetime, an infallible constructor, and automatic unrooting on destruction.
...duced in spidermonkey 31 a copyable, assignable global gc root type with arbitrary lifetime, an infallible constructor, and automatic unrooting on destruction.
...); js::persistentrooted<t> var(rt, initial); name type description cx jscontext * the context to get the runtime in which to add the root rt jsruntime * the runtime in which to add the root.
...And 15 more matches
SpiderMonkey 1.8.8
team is pleased to announce the release of spidermonkey 1.8.8.
...ge, just not as fast.
...y jsapi types, functions, and callback signatures have changed, though most of them still have the same names and do the same things.
...And 15 more matches
SpiderMonkey 17
o announce the release of spidermonkey 17.
...language, just not as fast.
...y jsapi types, functions, and callback signatures have changed, though most of them still have the same names and do the same things.
...And 15 more matches
imgIContainer
ramenumber, [array, size_is(palettelength)] out pruint32 palettedata, out unsigned long palettelength); obsolete since gecko 2.0 unsigned long getframeimagedatalength(in unsigned long framenumber); obsolete since gecko 2.0 imagecontainer getimagecontainer(); native code only!
...(); void removeframe(in gfxiimageframe item); obsolete since gecko 1.9.2 void requestdecode(); void requestdiscard(); void requestrefresh([const] in timestamp atime); violates the xpcom interface guidelines void resetanimation(); void restoredatadone(); native code only!
...ete since gecko 2.0 void setframehasnoalpha(in unsigned long framenumber); obsolete since gecko 2.0 void setframetimeout(in unsigned long framenumber, in print32 atimeout); obsolete since gecko 2.0 void startanimation(); obsolete since gecko 2.0 void stopanimation(); obsolete since gecko 2.0 void unlockimage(); attributes attribute type description animated boolean whether this image is animated.
...And 15 more matches
XPIDL Syntax
Mozilla › Tech › XPIDL › Syntax
same sense that the c preprocessor includes a file.
...ded multiple times, it acts as if the subsequent includes did not happen; this prevents the need for include guards.
...ot happen; this prevents the need for include guards.
...And 15 more matches
Index - Firefox Developer Tools
the debuggee’s memory use in various ways: 22 debugger.object a debugger.object instance represents an object in the debuggee, providing reflection-oriented methods to inspect and modify its referent.
... debugger.object a debugger.object instance represents an object in the debuggee, providing reflection-oriented methods to inspect and modify its referent.
... former, it is the debugger api’s presentation of a jsapi jsscript object.
...And 15 more matches
Microdata DOM API - Web APIs
nted in some browsers for a long time.
...ed.
...use them anymore and this document is kept as information only.
...And 15 more matches
filter - CSS: Cascading Style Sheets
Web › CSS › filter
completely black.
...ut unchanged.
...s on the effect.
...And 15 more matches
<form> - HTML: Hypertext Markup Language
Web › HTML › Element › form
ing tag are mandatory.
...he form has an accessible name, otherwise no corresponding role permitted aria roles search, none or presentation dom interface htmlformelement attributes this element includes the global attributes.
...e among the forms in a document and not an empty string as of html5.
...And 15 more matches
Quirks Mode and Standards Mode - HTML: Hypertext Markup Language
orer 5.
...cribed by the html and css specifications.
...ications.
...And 15 more matches
Float32Array() constructor - JavaScript
the float32array() typed array constructor creates a new float32array object, which is, an array of 32-bit floating point numbers (corresponding to the c float data type) in the platform byte order.
...ing to the c float data type) in the platform byte order.
...yntax (that is, using bracket notation).
...And 15 more matches
Float64Array() constructor - JavaScript
the float64array() typed array constructor creates a new float64array object, which is, an array of 64-bit floating point numbers (corresponding to the c double data type) in the platform byte order.
...ng to the c double data type) in the platform byte order.
...yntax (that is, using bracket notation).
...And 15 more matches
Int16Array() constructor - JavaScript
the int16array() typed array constructor creates an array of twos-complement 16-bit signed integers in the platform byte order.
...s-complement 16-bit signed integers in the platform byte order.
...ay index syntax (that is, using bracket notation).
...And 15 more matches
Int32Array() constructor - JavaScript
the int32array() typed array constructor creates an array of twos-complement 32-bit signed integers in the platform byte order.
...s-complement 32-bit signed integers in the platform byte order.
...ay index syntax (that is, using bracket notation).
...And 15 more matches
Int8Array() constructor - JavaScript
the int8array() constructor creates a typed array of twos-complement 8-bit signed integers.
... the int8array() constructor creates a typed array of twos-complement 8-bit signed integers.
...d array index syntax (that is, using bracket notation).
...And 15 more matches
Number - JavaScript
number is a primitive wrapper object used to represent and manipulate numbers like 37 or -9.25.
... number is a primitive wrapper object used to represent and manipulate numbers like 37 or -9.25.
... values, but there are some limits to what it can store.
...And 15 more matches
Object.freeze() - JavaScript
.freeze() method freezes an object.
...eractive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...jects can still be modified, unless they are also frozen.
...And 15 more matches
Uint32Array() constructor - JavaScript
the uint32array() typed array constructor creates an array of 32-bit unsigned integers in the platform byte order.
...rray of 32-bit unsigned integers in the platform byte order.
...dex syntax (that is, using bracket notation).
...And 15 more matches
Uint8Array() constructor - JavaScript
the uint8array() constructor creates a typed array of 8-bit unsigned integers.
... the uint8array() constructor creates a typed array of 8-bit unsigned integers.
...ay index syntax (that is, using bracket notation).
...And 15 more matches
Uint8ClampedArray() constructor - JavaScript
the uint8clampedarray() constructor creates a typed array of 8-bit unsigned integers clamped to 0-255; if you specified a value that is out of the range of [0,255], 0 or 255 will be set instead; if you specify a non-integer, the nearest integer will be set.
... [0,255], 0 or 255 will be set instead; if you specify a non-integer, the nearest integer will be set.
...cket notation).
...And 15 more matches
event/target - Archive of obsolete content
listen to the events using the standard on() and once() functions.
...ugh optional options arguments may be used, in which case all the function properties with keys like: onmessage, onmyevent...
...adding listeners eventtarget interface defines on method, that can be used to register event listeners on them for the given event type: target.on('message', function onmessage(message) { // note: `this` pseudo variable is an event `target` unless // intentionally overridden via `.bind()`.
...And 14 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
bal_pref", true); lockpref("mail.identity.id1.reply_to", ""); //imap lockpref("mail.server.server2.hostname", "imap-int.int-evry.fr"); lockpref("mail.server.server2.issecure", true); lockpref("mail.server.server2.login_at_startup", true); lockpref("mail.server.server2.max_cached_connections", 5); //lockpref("mail.server.server2.name", "jehan.procaccia@int-evry.fr"); lockpref("mail.server.server2.type", "imap"); lockpref("mail.server.server2.username", env_user); //smtp lockpref("mail.identity.id1.smtpserver", "smtp1"); lockpref("mail.identity.id1.stationery_folder", "imap://" + env_user + "@imap-int.int-evry.fr/templates"); lockpref("mail.identity.id1.tmpl_folder_picker_mode", "0"); lockpref("mail.identity.id1.valid", true); //smtp general lockpref("mail.smtp.defaultserver", "smtp1"); lockp...
...pref("mail.identity.id1.fullname", userinfo.cn ); defaultpref("mail.identity.id1.smtpserver", "smtp1" ); defaultpref("mail.identity.id1.useremail", userinfo.mail ); // imap server settings defaultpref("mail.server.server1.hostname", "myimap.server.com" ); defaultpref("mail.server.server1.name", userinfo.mail ); defaultpref("mail.server.server1.port", 993 ); defaultpref("mail.server.server1.sockettype", 3 ); defaultpref("mail.server.server1.type", "imap" ); defaultpref("mail.server.server1.username", userinfo.mail ); // smtp server settings defaultpref("mail.smtpserver.smtp1.authmethod", 3 ); defaultpref("mail.smtpserver.smtp1.description", "my company name" ); defaultpref("mail.smtpserver.smtp1.hostname", "mysmtp.server.com" ); defaultpref("mail.smtpserver.smtp1.port", 465 ); defaultpref("ma...
...i stzip zipfile?
...And 14 more matches
findbar - Archive of obsolete content
id of the browser element before the findbar element is bound, or by setting the findbar's browser property to the browser element itself.
... attributes browserid, findnextaccesskey, findpreviousaccesskey, highlightaccesskey, matchcaseaccesskey properties browser, findmode methods close, onfindagaincommand, open, startfind, togglehighlight example <browser type="content-primary" flex="1" id="content" src="about:blank"/> <findbar id="findtoolbar" browserid="content"/> attributes browserid type: string the id of the browser element to which the findbar is attached.
...e <browser type="content-primary" flex="1" id="content" src="about:blank"/> <findbar id="findtoolbar" browserid="content"/> attributes browserid type: string the id of the browser element to which the findbar is attached.
...And 14 more matches
MenuItems - Archive of obsolete content
ve an item on a menu that acts as a toggle.
...or instance, a menuitem that can be used to toggle a toolbar on and off.
... to the menu item label.
...And 14 more matches
Filtering - Archive of obsolete content
show all of the photos.
...sired filter applied.
...source is used, it will only be loaded once and both templates will be notified when the data has loaded.
...And 14 more matches
Old Proxy API - Archive of obsolete content
non-standard this feature is non-standard and is not on a standards track.
...roxies can be either be trapping or fixed.
...ite.
...And 14 more matches
The box model - Learn web development
prerequisites: basic computer literacy, basic software installed, basic knowledge of working with files, html basics (study introduction to html), and an idea of how css works (study css first steps.) objective: to learn about the css box model, what makes up the box model and how to switch to the alternate model.
...k onto a new line.
...container.
...And 14 more matches
Graceful asynchronous programming with Promises - Learn web development
mpleted.
...ns we want to run the promise.all() block when we get back usable blobs representing the images, and a usable text string.
...lobs representing the images, and a usable text string.
...And 14 more matches
Error codes returned by Mozilla APIs
pects an absolute path and vice versa.
...nk (0x80520002) an attempt was made to access a symbolic link to a file or directory which does not exist.
...empt was made to access a symbolic link to a file or directory which does not exist.
...And 14 more matches
Scripting Java
[] listfiles() java.io.file[] listfiles(java.io.filenamefilter) java.io.file[] listfiles(java.io.filefilter) */} this output shows that the file class defines three overloaded methods listfiles: one that takes no arguments, another with a filenamefilter argument, and a third with a filefilter argument.
...efines three overloaded methods listfiles: one that takes no arguments, another with a filenamefilter argument, and a third with a filefilter argument.
...ir property names.
...And 14 more matches
JSConvertOp
jsconvertop is the type of jsclass.convert.
... jsconvertop is the type of jsclass.convert.
... jsconvertop is the type of jsclass.convert.
...And 14 more matches
Starting WebLock
e-time registration code it may need.
...isupports1(weblock, nsiobserver); ns_imethodimp weblock::observe(nsisupports *asubject, const char *atopic, const prunichar *adata) { return ns_ok; } static ns_method weblockregistration(nsicomponentmanager *acompmgr, nsifile *apath, const char *registrylocation, const char *componenttype, const nsmodulecomponentinfo *info) { nsresult rv; nscomptr<nsiservicemanager> servman = do_queryinterface((nsisupports*)acompmgr, &rv); if (ns_failed(rv)) return rv; nscomptr<nsicategorymanager> catman; rv = servman->getservicebycontractid(ns_categorymanager_contractid, ns_get_iid(nsicategorymanager), ...
...ock component must answer is: how should weblock look to the outside world?
...And 14 more matches
Xray vision
.
...ct, it will usually be created as a property of a dom object, and then it will be filtered out by the dom xray: // content code // redefine date.getfullyear() date.prototype.getfullyear = function() {return 1000}; var date = new date(); // chrome code // contentwindow is an xray, and date is an expando on contentwindow // so date is filtered out gbrowser.contentwindow.date.getfullyear() // -> typeerror: gbrowser.contentwindow.date is undefined the chrome code will only even see date if it waives xrays, and then, because waiving is transitive, it should expect to be vulnerable to redefinition: // chrome code components.utils.waivexrays(gbrowser.contentwindow).date.getfullyear(); // -> 1000 however, there are some situations in which privileged code will access javascript objects that ar...
...that are not themselves dom objects and are not properties of dom objects.
...And 14 more matches
Debugger.Frame - Firefox Developer Tools
s it triggers.
...debuggee and debugger share the same javascript stack, frames pushed for spidermonkey’s calls to handler methods to report events in the debuggee are never considered visible frames.) invocation functions and “debugger” frames aninvocation function is any function in this interface that allows the debugger to invoke code in the debuggee: debugger.object.prototype.call, debugger.frame.prototype.eval, and so on.
...ible frame on the stack, or null if there is no such frame.
...And 14 more matches
Using the Frame Timing API - Web APIs
rk a browser does in one event loop iteration such as processing dom events, resizing, scrolling, rendering, css animations, etc.
... frame event.
...used to help identify areas that take too long to provide a good user experience.
...And 14 more matches
RTCStatsReport - Web APIs
coming or outgoing stream on which you call them.
...ats dictionary, which provides the most fundamental information: the timestamp, the statistic type string, and an id uniquely identifying the source of the data: id a domstring which uniquely identifies the object which was inspected to produce this object based on rtcstats.
...e most fundamental information: the timestamp, the statistic type string, and an id uniquely identifying the source of the data: id a domstring which uniquely identifies the object which was inspected to produce this object based on rtcstats.
...And 14 more matches
WebGLRenderingContext.texImage2D() - Web APIs
the webglrenderingcontext.teximage2d() method of the webgl api specifies a two-dimensional texture image.
... the webglrenderingcontext.teximage2d() method of the webgl api specifies a two-dimensional texture image.
... the webglrenderingcontext.teximage2d() method of the webgl api specifies a two-dimensional texture image.
...And 14 more matches
Movement, orientation, and motion: A WebXR example - Web APIs
s a number of options you can configure by adjusting the values of constants before you load it in the browser.
...re by adjusting the values of constants before you load it in the browser.
...wer forward, left, backward, and to the right, while the up and down arrow keys move up and down.
...And 14 more matches
Value definition syntax - CSS: Cascading Style Sheets
t of valid values for a css property or function.
...in addition to this syntax, the set of valid values can be further restricted by semantic constraints (for example, for a number to be strictly positive).
...slash ('/') or the comma (','), and are used in a property definition to separate its parts.
...And 14 more matches
itemscope - HTML: Hypertext Markup Language
itemscope is a boolean global attribute that defines the scope of associated metadata.
... name-value pairs that are associated with the element.
...attribute, itemtype, is used to specify the valid url of a vocabulary (such as schema.org) that describes the item and its properties context.
...And 14 more matches
BigInt - JavaScript
= bigint("0x1fffffffffffff") // ↪ 9007199254740991n const hugebin = bigint("0b11111111111111111111111111111111111111111111111111111") // ↪ 9007199254740991n bigint is similar to number in some ways, but also differs in a few key matters — it cannot be used with methods in the built-in math object and cannot be mixed with instances of number in operations; they must be coerced to the same type.
...11") // ↪ 9007199254740991n bigint is similar to number in some ways, but also differs in a few key matters — it cannot be used with methods in the built-in math object and cannot be mixed with instances of number in operations; they must be coerced to the same type.
... is similar to number in some ways, but also differs in a few key matters — it cannot be used with methods in the built-in math object and cannot be mixed with instances of number in operations; they must be coerced to the same type.
...And 14 more matches
BigInt64Array() constructor - JavaScript
the bigint64array() typed array constructor creates a new bigint64array object, which is, an array of 64-bit signed integers in the platform byte order.
... is, an array of 64-bit signed integers in the platform byte order.
...rray index syntax (that is, using bracket notation).
...And 14 more matches
BigUint64Array() constructor - JavaScript
the biguint64array() typed array constructor creates a new biguint64array object, which is, an array of 64-bit unsigned integers in the platform byte order.
...an array of 64-bit unsigned integers in the platform byte order.
...index syntax (that is, using bracket notation).
...And 14 more matches
clipboard - Archive of obsolete content
interact with the system clipboard, setting and getting its contents.
... interact with the system clipboard, setting and getting its contents.
... interact with the system clipboard, setting and getting its contents.
...And 13 more matches
system/events - Archive of obsolete content
observerservice.
...the firefox codebase here.
....
...And 13 more matches
Document Loading - From Load Start to Finding a Handler - Archive of obsolete content
stream converters).
... go.
...who gets the data.
...And 13 more matches
Using XPInstall to Install Plugins - Archive of obsolete content
gecko, which is at the core of the mozilla browser recent beta-only versions of the aol software based on netscape gecko, the layout engine of the mozilla project.
...the plugin is scriptable, then it will also consist of an xpt file.
...olves a digitally signed jar file which contained the software components to be installed as well as a javascript install.js file (called the install script) as the installer logic.
...And 13 more matches
Introduction to XUL - Archive of obsolete content
pelling helped any, and short for "xml user interface language") is our name for the language in which these ui descriptions are built.
...tain infrastructure associated with the behaviour of the window, explained below.
...case sensitive.
...And 13 more matches
prefpane - Archive of obsolete content
ted, src properties image, label, preferenceelements, preferences, selected, src examples methods preferenceforelement <prefpane id="panegeneral" label="general" src="chrome://path/to/paneoverlay.xul"/> or <prefpane id="panegeneral" label="general" onpaneload="ongeneralpaneload(event);"> <preferences> <preference id="pref_one" name="extensions.myextension.one" type="bool"/> ...
... src="chrome://path/to/paneoverlay.xul"/> or <prefpane id="panegeneral" label="general" onpaneload="ongeneralpaneload(event);"> <preferences> <preference id="pref_one" name="extensions.myextension.one" type="bool"/> ...
...ne" name="extensions.myextension.one" type="bool"/> ...
...And 13 more matches
JSException - Archive of obsolete content
code returns an error.
...ry the netscape.javascript.jsexception class has the following constructors: jsexception deprecated constructors optionally let you specify a detail message and other information.
...ion class has the following constructors: jsexception deprecated constructors optionally let you specify a detail message and other information.
...And 13 more matches
CSS FAQ - Learn web development
Learn › CSS › Howto › CSS FAQ
in this article, you'll find some frequently-asked questions (faqs) about css, along with answers that may help you on your quest to become a web developer.
... this article, you'll find some frequently-asked questions (faqs) about css, along with answers that may help you on your quest to become a web developer.
...orrect and modern doctype declaration at the start of your html will improve browser standards compliance.
...And 13 more matches
From object to iframe — other embedding technologies - Learn web development
previous overview: multimedia and embedding next by now you should really be getting the hang of embedding things into your web pages, including images, video and audio.
...show solution button to see an answer.
...de <h2>live output</h2> <div class="output" style="min-height: 250px;"> </div> <h2>editable code</h2> <p class="a11y-label">press esc to move focus away from the code area (tab inserts a tab character).</p> <textarea id="code" class="input" style="width: 95%;min-height: 100px;"> </textarea> <div class="playable-buttons"> <input id="reset" type="button" value="reset"> <input id="solution" type="button" value="show solution"> </div> html { font-family: sans-serif; } h2 { font-size: 16px; } .a11y-label { margin: 0; text-align: right; font-size: 0.7rem; width: 98%; } body { margin: 10px; background: #f5f9fa; } const textarea = document.getelementbyid('code'); const reset = document.getelementbyid('reset'); const solution = document.getelementbyid('solution'); const ou...
...And 13 more matches
Client-Server Overview - Learn web development
p, deflate, sdch, br accept-charset: iso-8859-1,utf-8;q=0.7,*;q=0.7 accept-language: en-us,en;q=0.8,es;q=0.6 cookie: sessionid=6ynxs23n521lu21b1t136rhbv7ezngie; csrftoken=zipujsazv6pcgcbjscj1zu6pqzbfmuat; dwf_section_edit=false; dwf_sg_task_completion=false; _gat=1; _ga=ga1.2.1688886003.1471911953; ffo=true the first and second lines contain most of the information we talked about above: the type of request (get).
... request, https://developer.mozilla.org/).
...ve a body, but it is empty in this case.
...And 13 more matches
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
removed.
... from 'svelte' const dispatch = createeventdispatcher() let completed = true const checkall = () => { dispatch('checkall', completed) completed = !completed } const removecompleted = () => dispatch('removecompleted') </script> <div class="btn-group"> <button type="button" class="btn btn__primary" on:click={checkall}>{completed ?
...> import { createeventdispatcher } from 'svelte' const dispatch = createeventdispatcher() export let todos let completed = true const checkall = () => { dispatch('checkall', completed) completed = !completed } const removecompleted = () => dispatch('removecompleted') $: completedtodos = todos.filter(t => t.completed).length </script> <div class="btn-group"> <button type="button" class="btn btn__primary" disabled={todos.length === 0} on:click={checkall}>{completed ?
...And 13 more matches
PerfMeasurement.jsm
event that was not being recorded has a value of -1 (that is, 0xffffffffffffffff).
...us cycles that elapsed.
....
...And 13 more matches
Enc Dec MAC Output Public Key as CSR
"-----end pad-----" #define lab_header "-----begin key label-----" #define lab_trailer "-----end key label-----" #define pubkey_header "-----begin pub key -----" #define pubkey_trailer "-----end pub key -----" #define ns_certreq_header "-----begin new certificate request-----" #define ns_certreq_trailer "-----end new certificate request-----" typedef enum { gen_csr, encrypt, decrypt, unknown } commandtype; typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4, pubkey = 5, lab = 6 } headertype; /* this is conditionalized because port_errortostring was introduced with nss 3.13.
... 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); } /* 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(sec...
... goto cleanup; } rv = pk11_pubwrapsymkey(ckm_rsa_pkcs, pubkey, key, data); 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 ...
...And 13 more matches
Encrypt Decrypt_MAC_Using Token
"-----begin mackey ckaid-----" #define mackey_trailer "-----end mackey ckaid-----" #define iv_header "-----begin iv-----" #define iv_trailer "-----end iv-----" #define mac_header "-----begin mac-----" #define mac_trailer "-----end mac-----" #define pad_header "-----begin pad-----" #define pad_trailer "-----end pad-----" typedef enum { encrypt, decrypt, unknown } commandtype; typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } headertype; /* * print usage message and exit.
...d .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 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.
...And 13 more matches
SpiderMonkey 1.8.7
language and api features, described in detail below.
... with this release by posting in the mozilla.dev.tech.js-engine newsgroup.
...uage, just not as fast.
...And 13 more matches
nsIVariant
xpcom/ds/nsivariant.idlscriptable xpconnect has magic to transparently convert between nsivariant and js types.
... xpcom/ds/nsivariant.idlscriptable xpconnect has magic to transparently convert between nsivariant and js types.
...methods that refer to this interface.
...And 13 more matches
ABI
general details this article describes the calling conventions with respect to js-ctypes while programming x86 and x86-64/x64/amd64 architectures.
...routines receive parameters from their caller and how they revert.
...and how they revert.
...And 13 more matches
Element.classList - Web APIs
Web › API › Element › classList
ls); div.classlist.remove(...cls); // replace class "foo" with class "bar" div.classlist.replace("foo", "bar"); versions of firefox before 26 do not implement the use of several arguments in the add/remove/toggle methods.
...ee https://bugzilla.mozilla.org/show_bug.cgi?id=814014 polyfill the legacy onpropertychange event can be used to create a living classlist mockup thanks to a element.prototype.classname property that fires the specified event once it is changed.
...o create a living classlist mockup thanks to a element.prototype.classname property that fires the specified event once it is changed.
...And 13 more matches
PointerEvent.PointerEvent() - Web APIs
the pointerevent() constructor creates a new synthetic and untrusted pointerevent object instance.
... the pointerevent() constructor creates a new synthetic and untrusted pointerevent object instance.
... the pointerevent() constructor creates a new synthetic and untrusted pointerevent object instance.
...And 13 more matches
SVGFETurbulenceElement - Web APIs
t" target="_top"><rect x="261" y="65" width="220" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="371" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfeturbulenceelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants turbulence types name value description svg_turbulence_type_unknown 0 the type is not one of predefined types.
...ale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfeturbulenceelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants turbulence types name value description svg_turbulence_type_unknown 0 the type is not one of predefined types.
... alignment-baseline="middle">svgfeturbulenceelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants turbulence types name value description svg_turbulence_type_unknown 0 the type is not one of predefined types.
...And 13 more matches
Advanced techniques: Creating and sequencing audio - Web APIs
amplitude this is great, but wouldn't it be nice if we had an amplitude envelope to go with it?
... get used to the methods we need to create an envelope with the web audio api.
...easecontrol = document.queryselector('#release'); releasecontrol.addeventlistener('input', function() { releasetime = number(this.value); }, false); the final playsweep() function now we can expand our playsweep() function.
...And 13 more matches
Sending and Receiving Binary Data - Web APIs
receiving binary data using javascript typed arrays the responsetype property of the xmlhttprequest object can be set to change the expected response type from the server.
... receiving binary data using javascript typed arrays the responsetype property of the xmlhttprequest object can be set to change the expected response type from the server.
... document, json, or string.
...And 13 more matches
Setting up adaptive streaming media sources - Developer guides
eb servers.
... the bandwidth for each one and the appropriate file will be chosen automatically.
...:xsi="http://www.w3.org/2001/xmlschema-instance" xmlns="urn:mpeg:dash:schema:mpd:2011" xsi:schemalocation="urn:mpeg:dash:schema:mpd:2011 dash-mpd.xsd" type="static" mediapresentationduration="pt654s" minbuffertime="pt2s" profiles="urn:mpeg:dash:profile:isoff-on-demand:2011"> <baseurl>http://example.com/ondemand/</baseurl> <period> <!-- english audio --> <adaptationset mimetype="audio/mp4" codecs="mp4a.40.5" lang="en" subsegmentalignment="true" subsegmentstartswithsap="1"> <representation id="1" bandwidth="64000"> <baseurl>elephantsdream_aac48k_064.mp4.dash</baseurl> </representation> </adaptationset> <!-- video --> <adaptationset mimetype="video/mp4" codecs="avc1.42401e" subsegmentalignment="true" subsegmentstartswithsap="1"> <repr...
...And 13 more matches
HTML attribute: min - HTML: Hypertext Markup Language
Web › HTML › Attributes › min
the min attribute defines the minimum value that is acceptable and valid for the input containing the attribute.
...for the input containing the attribute.
... for min that isn't a valid number, the input has no minimum value.
...And 13 more matches
Preloading content with rel="preload" - HTML: Hypertext Markup Language
article provides a basic guide to how <link rel="preload"> works.
...chunk of html as the preloads, but the benefits can be seen much more clearly the later resources are discovered and the larger they are.
...eb workers.
...And 13 more matches
Introduction - JavaScript
this means that in the browser, javascript can change the way the webpage (dom) looks.
...e resembles java but does not have java's static typing and strong type checking.
...ng.
...And 13 more matches
Codecs used by WebRTC - Web media technologies
o without complicating the demultiplexing process.
...dec—the first step when configuring codecs for an rtcpeerconnection is to get the list of available codecs.
... returned rtcrtpsendparameters object, we set codeclist to the codecs property and return to the caller.
...And 13 more matches
places/bookmarks - Archive of obsolete content
create, modify, and retrieve bookmarks.
...et bookmarks that // match the second query.
...la', get returned // as well in this query }); globals constructors bookmark(options) creates an unsaved bookmark instance.
...And 12 more matches
XPCOM Objects - Archive of obsolete content
nly need to get and set preferences, and those methods are in nsiprefbranch.
... methods are in nsiprefbranch.
...f(in string aprefname, in string avalue); one of the most important details to notice is that both paratemers have the in keyword.
...And 12 more matches
Promises - Archive of obsolete content
approach.
... xhr.onerror = reject; xhr.open("post", updateurl); xhr.send(form); }); // use the response of the second request.
...rn new promise((accept, reject) => { return addon.getdatadirectory((directory, error) => { if (error) reject(error); else accept(directory); }); }); }, }; }, getinstallforurl: function getinstallforurl(url, mimetype, hash, name, iconurl, version, loadgroup) { return new promise(accept => this.addonmanager.getinstallforurl(url, accept, mimetype, hash, iconurl, version, loadgroup)); }, getinstallforfile: function getinstallforfile(url, mimetype) { return new promise(accept => ...
...And 12 more matches
CSS3 - Archive of obsolete content
yntax and adding the @namespace css at-rule.
...namespace css at-rule.
... selectors level 3 recommendation since september 29th, 2011 adds: substring matching attribute selectors, e[attribute^="value"], e[attribute$="value"], e[attribute*="value"] .
...And 12 more matches
New Security Model for Web Services - Archive of obsolete content
med "web-scripts-access.xml" in the root directory of the server that the sandboxed script requests to communicate with.
...ss file also handles all resources in subdirectories.
...ndles all resources in subdirectories.
...And 12 more matches
Introduction - Archive of obsolete content
query.
... different content based on particular criteria as well as set attribute values from returned results.
... the url of an xml file is specified.
...And 12 more matches
label - Archive of obsolete content
Archive › Mozilla › XUL › label
amples | attributes | properties | methods | related ] this element is used to provide a label for a control element.
...tribute.
...d, value style classes header, indent, monospace, plain, small-margin, text-link examples <label value="email address" control="email"/> <textbox id="email"/> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...And 12 more matches
::-ms-clear - Archive of obsolete content
the ::-ms-clear css pseudo-element creates a clear button at the edge of an <input type="text"> text control that clears the current value.
... the ::-ms-clear css pseudo-element creates a clear button at the edge of an <input type="text"> text control that clears the current value.
...ent creates a clear button at the edge of an <input type="text"> text control that clears the current value.
...And 12 more matches
Mozilla XForms User Interface - Archive of obsolete content
s' and 'xforms user interface'.
...nces and thus may be rendered in multiple ways.
...e rendered in multiple ways.
...And 12 more matches
Your first form - Learn web development
se attributes work in our sending form data article later on.
...he input field for the e-mail is an input of type email: a single-line text field that accepts only e-mail addresses.
...il addresses.
...And 12 more matches
Creating our first Vue component - Learn web development
needs to wrap everything inside the template section (this will change when vue 3 comes out).
... to register props: the first way is to just list props out as an array of strings.
... value should be an object with 2 properties (or props, as they are called in the context of being available to the components).
...And 12 more matches
How to implement a custom autocomplete search component
the xul textbox element supports an autocomplete mechanism that is used to create a textbox with a popup containing a list of possible completions for what the user has started to type.
... and is used in older applications such as thunderbird and seamonkey.
...nd seamonkey.
...And 12 more matches
Mozilla Web Developer FAQ
iance with the applicable web format specifications.
...that are spec violations.
... the almost standards mode is like the standards mode except it addresses the issue of the next question by rendering table cells with images in the traditional way.
...And 12 more matches
NSS functions
ence documents the functions most commonly used by applications to support ssl.
...laced with newer versions.
... ssl_cipherpolicyset certificate functions the public functions listed here are used to interact with certificate databases.
...And 12 more matches
nsIChannel
headers to be retrieved for the corresponding http transaction.
...tstream open(); attributes attribute type description contentcharset acstring the character set of the channel's content if available and if applicable.
... of the data associated with the channel if available.
...And 12 more matches
nsIIOService
(in string ascheme); nsichannel newchannel(in autf8string aspec, in string aorigincharset, in nsiuri abaseuri); obsolete since gecko 48 nsichannel newchannel2(in autf8string aspec, in string aorigincharset, in nsiuri abaseuri, in nsidomnode aloadingnode, in nsiprincipal aloadingprincipal, in nsiprincipal atriggeringprincipal, in uint32_t asecurityflags, in uint32_t acontentpolicytype); nsichannel newchannelfromuri(in nsiuri auri); obsolete since gecko 48 nsichannel newchannelfromuri2(in nsiuri auri, in nsidomnode aloadingnode, in nsiprincipal aloadingprincipal, in nsiprincipal atriggeringprincipal, in unsigned long asecurityflags, in unsigned long acontentpolicytype); nsichannel newchannelfromuriwithloadinfo(in nsiuri auri, in nsiloadinfo aloadinfo...
...in unsigned long acontentpolicytype); nsichannel newchannelfromuriwithloadinfo(in nsiuri auri, in nsiloadinfo aloadinfo); nsichannel newchannelfromuriwithproxyflags2(in nsiuri auri, in nsiuri aproxyuri, in uint32_t aproxyflags,in nsidomnode aloadingnode, in nsiprincipal aloadingprincipal, in nsiprincipal atriggeringprincipal, in uint32_t asecurityflags, in uint32_t acontentpolicytype); nsiuri newfileuri(in nsifile afile); nsiuri newuri(in autf8string aspec, in string aorigincharset, in nsiuri abaseuri); attributes attribute type description offline boolean returns true if networking is in "offline" mode.
...nel based on aspec and abaseuri.
...And 12 more matches
Component; nsIPrefBranch
ef(in string aprefname,requires gecko 54 [optional] in string adefaultvalue); requires gecko 58 utf8tring getstringpref(in string aprefname, [optional] in utf8string adefaultvalue); void getchildlist(in string astartingat, [optional] out unsigned long acount, [array, size_is(acount), retval] out string achildarray); void getcomplexvalue(in string aprefname, in nsiidref atype, [iid_is(atype), retval] out nsqiresult avalue); long getintpref(in string aprefname,requires gecko 54 [optional] in long adefaultvalue); long getpreftype(in string aprefname); void lockpref(in string aprefname); boolean prefhasuservalue(in string aprefname); boolean prefislocked(in string aprefname); void removeobserver(in string adomain, in ...
...oid removeobserver(in string adomain, in nsiobserver aobserver); void resetbranch(in string astartingat); void setboolpref(in string aprefname, in long avalue); void setcharpref(in string aprefname, in string avalue); requires gecko 58 void setstringpref(in string aprefname, in utf8string avalue); void setcomplexvalue(in string aprefname, in nsiidref atype, in nsisupports avalue); void setintpref(in string aprefname, in long avalue); void unlockpref(in string aprefname); attributes attribute type description root string called to get the root on which this branch is based, such as "browser.startup." read only.
...in string aprefname, in long avalue); void unlockpref(in string aprefname); attributes attribute type description root string called to get the root on which this branch is based, such as "browser.startup." read only.
...And 12 more matches
Getting Started Guide
so have a reasonable knowledge of c++.
...d you already know one way to call it, applying the getter_addrefs rule, as described above.
...terface| into an |nscomptr|...
...And 12 more matches
Address Book examples
addressbook.deletecards(cardstodelete); how do i add and use my own properties?
...ndow.opendialog("chrome://messenger/content/addressbook/abeditlistdialog.xul", "", "chrome,resizable=no,titlebar,modal,centerscreen", {abcard:abcard, listuri:listuri}); new address book dialog unlike the edit address book dialog, the new address book dialog does not currently have the facility to get the chrome uri based on the address book type.
... the call to opendialog.
...And 12 more matches
Debugger.Script - Firefox Developer Tools
of the property or method differs between the instance referring to a jsscript or to a block of webassembly code, the text will be split into two sections, headed by “if the instance refers to a jsscript” and “if the instance refers to webassembly code”, respectively.
...ebassembly code, the text will be split into two sections, headed by “if the instance refers to a jsscript” and “if the instance refers to webassembly code”, respectively.
...variable or property.
...And 12 more matches
The JavaScript input interpreter - Firefox Developer Tools
you can interpret javascript expressions in real time using the interpreter provided by the web console.
... you can interpret javascript expressions in real time using the interpreter provided by the web console.
...single-line entry and multi-line entry.
...And 12 more matches
MouseEvent() - Web APIs
the mouseevent() constructor creates a new mouseevent.
... the mouseevent() constructor creates a new mouseevent.
... the mouseevent() constructor creates a new mouseevent.
...And 12 more matches
Network Information API - Web APIs
the network information api provides information about the system's connection in terms of general connection type (e.g., 'wifi', 'cellular', etc.).
...ion.
...s of the addition of the networkinformation interface and a single property to the navigator interface: navigator.connection.
...And 12 more matches
Pointer events - Web APIs
much of today's web content assumes the user's pointing device will be a mouse.
...tylus or touch (such as one or more fingers).
...fingers).
...And 12 more matches
RTCIceCandidateStats - Web APIs
ted to an rtcicecandidate.
...n the rtcstats dictionary, so it includes those properties in addition to the ones below.
...ictionary, so it includes those properties in addition to the ones below.
...And 12 more matches
SVGTextPathElement - Web APIs
helement" target="_top"><rect x="-169" y="65" width="180" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="-79" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgtextpathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants method types name value description textpath_methodtype_unknown 0 the type is not one of predefined types.
...naco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgtextpathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants method types name value description textpath_methodtype_unknown 0 the type is not one of predefined types.
..."middle" alignment-baseline="middle">svgtextpathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants method types name value description textpath_methodtype_unknown 0 the type is not one of predefined types.
...And 12 more matches
WebGLRenderingContext.texSubImage2D() - Web APIs
the webglrenderingcontext.texsubimage2d() method of the webgl api specifies a sub-rectangle of the current texture.
... the webglrenderingcontext.texsubimage2d() method of the webgl api specifies a sub-rectangle of the current texture.
... the webglrenderingcontext.texsubimage2d() method of the webgl api specifies a sub-rectangle of the current texture.
...And 12 more matches
A basic 2D WebGL animation example - Web APIs
rner and the bottom-right corner is at (600, 460).
...respectively, since we're drawing in 2d.
...each pixel in the shape being rendered.
...And 12 more matches
Accept - HTTP
Web › HTTP › Headers › Accept
the accept request http header advertises which content types, expressed as mime types, the client is able to understand.
... the accept request http header advertises which content types, expressed as mime types, the client is able to understand.
...erstand.
...And 12 more matches
Equality comparisons and sameness - JavaScript
there are four equality algorithms in es2015: abstract equality comparison (==) strict equality comparison (===): used by array.prototype.indexof, array.prototype.lastindexof, and case-matching samevaluezero: used by %typedarray% and arraybuffer constructors, as well as map and set operations, and also string.prototype.includes and array.prototype.includes since es2016 samevalue: used in all other places javascript provides three different value-comparison operations: === - strict equality comparison ("strict equality", "identity", "triple equals") == - abstract equality comparison ("loose equality", "double equals") object.is provides samevalue (new in es2015).
...ript provides three different value-comparison operations: === - strict equality comparison ("strict equality", "identity", "triple equals") == - abstract equality comparison ("loose equality", "double equals") object.is provides samevalue (new in es2015).
...operation you choose depends on what sort of comparison you are looking to perform.
...And 12 more matches
Strict mode - JavaScript
ally create global variables.
...bles.
...eveloper receives no failure feedback.
...And 12 more matches
widget - Archive of obsolete content
' alert("got message: " + message);' + '});' + 'self.postmessage("ready");', onmessage: function(message) { if (message == "ready") widget.postmessage("me too"); } }); globals constructors widget(options) creates a new widget.
... name type label string a string description of the widget used for accessibility, title bars, and error reporting.
...pts under self.options property.
...And 11 more matches
Dialogs and Prompts - Archive of obsolete content
ood for keyboard accessibility.
.../gatekeeper/there.is.only.xul" id="..." title="..." buttons="accept,cancel" ondialogaccept="return onaccept();" ondialogcancel="return oncancel();"> <script src="chrome://..."/> <!-- content --> </dialog> you need to implement onaccept and oncancel functions in your script.
...your dialog, use the following code: <dialog xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" id="..." buttons="accept,cancel,extra1" ondialogaccept="onaccept();" ondialogextra1="onapply();" buttonlabelextra1="apply" buttonaccesskeyextra1="a"> <!-- content --> </dialog> you can even get the element object for any of predefined buttons with gdialog.getbutton(dlgtype);, where gdialog is the <dialog> element and dlgtype is one of the six button types listed above.
...And 11 more matches
Multiple item extension packaging - Archive of obsolete content
nd then start the installation of the individual packages it contains automatically.
...stall manifest and the files with a jar and xpi file extension will be extracted or utilized.
... be extracted or utilized.
...And 11 more matches
Content Panels - Archive of obsolete content
s has been added to the only toolbar (we'll learn about toolbar in a later section).
...ser-like interface, but the iframe may be used when you just need a simple panel.
... <browser src="http://www.mozilla.org" flex="1" /> as with the iframe, you can specify the url in a browser using the src attribute.
...And 11 more matches
richlistitem - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] an individual item in a richlistbox.
... for form controls.
...or tag (an <a> link) will have no effect.
...And 11 more matches
tabbox - Archive of obsolete content
row of tabs is displayed at the top of tabbox which may be used to switch between each page.
...tab"/> <tab label="another tab"/> <tab label="last tab"/> </tabs> <tabpanels> <tabpanel><!-- tabpanel first elements go here --></tabpanel> <tabpanel><!-- tabpanel second elements go here --></tabpanel> <tabpanel><button label="click me"/></tabpanel> <tabpanel><!-- tabpanel fourth elements go here --></tabpanel> </tabpanels> </tabbox> attributes eventnode type: one of the values below indicates where keyboard navigation events are listened to.
... to apply.
...And 11 more matches
CSS - Archive of obsolete content
Archive › Web › CSS
content-zoom-limit-max css property is a microsoft extension that specifies the selected elements' maximum zoom factor.-ms-content-zoom-limit-minthe -ms-content-zoom-limit-min css property is a microsoft extension that specifies the minimum zoom factor.-ms-content-zoom-snapthe -ms-content-zoom-snap css shorthand property is a microsoft extension that specifies values for the -ms-content-zoom-snap-type and -ms-content-zoom-snap-points properties.-ms-content-zoom-snap-pointsthe -ms-content-zoom-snap-points css property is a microsoft extension that specifies where zoom snap-points are located.-ms-content-zoom-snap-typethe -ms-content-zoom-snap-type css property is a microsoft extension that specifies how zooming is affected by defined snap-points.-ms-content-zoomingthe -ms-content-zooming css pr...
...nts-x css property is a microsoft extension that specifies where snap-points will be located along the x-axis.-ms-scroll-snap-points-ythe -ms-scroll-snap-points-y css property is a microsoft extension that specifies where snap-points will be located along the y-axis.-ms-scroll-snap-xthe -ms-scroll-snap-x css shorthand property is a microsoft extension that specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties.-ms-scroll-snap-ythe -ms-scroll-snap-x css shorthand property is a microsoft extension that specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties.-ms-scroll-translationthe -ms-scroll-translation css property is a microsoft extension that specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified...
...ining frames in parent documents, which are the full-screen element in their own documents.
...And 11 more matches
ECMAScript 2015 support in Mozilla - Archive of obsolete content
embly.
...ernational industry standard iso/iec 16262:2016.
...dard iso/iec 16262:2016.
...And 11 more matches
Pseudo-classes and pseudo-elements - Learn web development
basic software installed, basic knowledge of working with files, html basics (study introduction to html), and an idea of how css works (study css first steps.) objective: to learn about the pseudo-class and pseudo-element selectors.
...bled matches user interface elements that are in an disabled state.
...disabled state.
...And 11 more matches
Beginner's guide to media queries - Learn web development
ight be made responsive.
...html), and an idea of how css works (study css first steps and css building blocks.) objective: to understand how to use media queries, and the most common approach for using them to create responsive designs.
...query syntax looks like this: @media media-type and (media-feature-rule) { /* css rules go here */ } it consists of: a media type, which tells the browser what kind of media this code is for (e.g.
...And 11 more matches
React interactivity: Events and state - Learn web development
ing events if you've only written vanilla javascript before now, you might be used to having a separate javascript file, where you query for some dom nodes and attach listeners to them.
...".
...se hooks!" inside the input.
...And 11 more matches
React interactivity: Editing, filtering, conditional rendering - Learn web development
editing the name of a task we don’t have a user interface for editing the name of a task yet.
... we don’t have a user interface for editing the name of a task yet.
...ing a todo.
...And 11 more matches
Beginning our React todo list - Learn web development
ur clipboard, then paste it into app.js so that it replaces the existing app() function: function app(props) { return ( <div classname="todoapp stack-large"> <h1>todomatic</h1> <form> <h2 classname="label-wrapper"> <label htmlfor="new-todo-input" classname="label__lg"> what needs to be done?
...arge"> <h1>todomatic</h1> <form> <h2 classname="label-wrapper"> <label htmlfor="new-todo-input" classname="label__lg"> what needs to be done?
...to be done?
...And 11 more matches
Client-side tooling overview - Learn web development
overview: understanding client-side tools next in this article we provide an overview of modern web tooling, what kinds of tools are available and where you’ll meet them in the lifecycle of web app development, and how to find help with individual tools.
...l, and gradually work your way up to more advanced uses.
...tion available to install so that all their developers are all using the same processes.
...And 11 more matches
Eclipse CDT
bindings for that key combination (using the bindings column to sort by key combination helps with this) and remove them, or else you need to make your binding very specific by setting the "when" field to "c/c++ editor" instead of the more general "editing text".
...t you want to edit, then from the menu bar select "window > new editor".
...ely, you can jump to the definition of the symbol under the cursor by pressing f3.
...And 11 more matches
NSS Sample Code Sample_3_Basic Encryption and MACing
nss sample code 3: basic encryption and macing this example program demonstrates how to encrypt and mac a file.
... "-----begin mackey ckaid-----" #define mackey_trailer "-----end mackey ckaid-----" #define iv_header "-----begin iv-----" #define iv_trailer "-----end iv-----" #define mac_header "-----begin mac-----" #define mac_trailer "-----end mac-----" #define pad_header "-----begin pad-----" #define pad_trailer "-----end pad-----" typedef enum { encrypt, decrypt, unknown } commandtype; typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } headertype; /* print a usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -c <a|b> -d <dbdirpath> [-z <noisefilename>] " "[-p <dbpwd> | -f <dbpwdfile>] -i <ipfilename> -o <opfilen...
...inal output file.\n\n", ""); exit(-1); } /* this source code form is subject to the terms of the mozilla public * license, v.
...And 11 more matches
Python binding for NSS
slchannelinfo.format the following class properties were added: certificate.ssl_trust_flags certificate.email_trust_flags certificate.signing_trust_flags sslciphersuiteinfo.cipher_suite sslciphersuiteinfo.cipher_suite_name sslciphersuiteinfo.auth_algorithm sslciphersuiteinfo.auth_algorithm_name sslciphersuiteinfo.kea_type sslciphersuiteinfo.kea_type_name sslciphersuiteinfo.symmetric_cipher sslciphersuiteinfo.symmetric_cipher_name sslciphersuiteinfo.symmetric_key_bits sslciphersuiteinfo.symmetric_key_space sslciphersuiteinfo.effective_key_bits sslciphersuiteinfo.mac_algorithm sslciphersuiteinfo.mac_algorithm_name sslciphersuiteinfo.mac_bits sslci...
..., formerly it was limited to only a few objects.
...nly a few objects.
...And 11 more matches
sslerr.html
her more specific error codes defined in this file applies.
...is file applies.
... the server." this error code should occur only on sockets that are acting as clients.
...And 11 more matches
JS::CreateError
this article covers features introduced in spidermonkey 38 create an error object.
... this article covers features introduced in spidermonkey 38 create an error object.
...ed in spidermonkey 38 create an error object.
...And 11 more matches
JS::Value
js::value is the type of javascript values in the jsapi.
... js::value is the type of javascript values in the jsapi.
...f type js::value represents a value in javascript: a string, number, object (including arrays and functions), boolean, symbol, null, or undefined.
...And 11 more matches
SpiderMonkey 24
came an evolutionary dead end, as tc39 chose not to incorporate it into ecmascript proper.
...s, and callback signatures have changed, though most of them still have the same names and do the same things.
...pplications will need significant changes, but most of those changes will be detected by the c/c++ compiler, so they are easy to detect and updating the code is a fairly straightforward job.
...And 11 more matches
Using the Places annotation service
nt retrieving names will be.
... is the annotation value", 0, 0); retrieving annotations there are corresponding getters for the setters above (see nsiannotationservice.idl for the exact declarations): from c++: getpageannotationstring(auri, aname); getpageannotationint32(auri, aname); getpageannotationint64(auri, aname); getpageannotationdouble(auri, aname); getpageannotationbinary(auri, aname, adata, adatalen, amimetype); getitemannotationstring(aitemid, aname); getitemannotationint32(aitemid, aname); getitemannotationint64(aitemid, aname); getitemannotationdouble(aitemid, aname); getitemannotationbinary(aitemid, aname, adata, adatalen, amimetype); from javascript: getpageannotation(auri, aname); getitemannotation(aitemid, aname); these functions will return/throw ns_error_not_available if the an...
... and catch the exception; the extra check requires an additional database lookup (which has higher overhead).
...And 11 more matches
Monitoring HTTP activity
within your code.
... this is very simple, requiring you to implement a single method, nsihttpactivityobserver.observeactivity(), which gets called each time an action of interest takes place on the http channel.
...vityobserver.observeactivity(), which gets called each time an action of interest takes place on the http channel.
...And 11 more matches
nsIDOMEvent
dom/interfaces/events/nsidomevent.idlscriptable this interface is the primary data type for all events in the document object model.
...see bug 761613.
... void initevent(in domstring eventtypearg, in boolean canbubblearg, in boolean cancelablearg); boolean isdispatchstopped(); violates the xpcom interface guidelines void preventbubble(); obsolete since gecko 24 void preventcapture(); obsolete since gecko 24 void preventdefault(); void serialize(in ipcmessageptr amsg, in boolean aserializeinterfacetype); violates the xpcom interface guidelines void settarget(in nsidomeventtarget atarget); native code only!
...And 11 more matches
nsIMsgFilterCustomAction
stomaction.idl interface nsimsgfiltercustomaction : nsisupports { /* globally unique string to identify this filter action.
...ce nsimsgfiltercustomaction : nsisupports { /* globally unique string to identify this filter action.
...omaction : nsisupports { /* globally unique string to identify this filter action.
...And 11 more matches
nsIMsgProtocolInfo
the nsimsgprotocolinfo interface describes the capabilities of an account type.
... the nsimsgprotocolinfo interface describes the capabilities of an account type.
... the nsimsgprotocolinfo interface describes the capabilities of an account type.
...And 11 more matches
nsINavHistoryResultNode
toolkit/components/places/public/nsinavhistoryservice.idlscriptable this is the base class for all places history result nodes, containing the uri, title, and other general information.
...long total number of times the uri has been accessed.
...rwise this is an empty string.
...And 11 more matches
nsINetworkLinkService
o 1.8 inherits from: nsisupports last changed in gecko 8.0 (firefox 8.0 / thunderbird 8.0 / seamonkey 2.5) implemented by: @mozilla.org/network/network-link-service;1 as a service: var networklinkservice = components.classes["@mozilla.org/network/network-link-service;1"] .getservice(components.interfaces.nsinetworklinkservice); attributes attribute type description islinkup boolean this is set to true when the system is believed to have a usable network connection.
... link is only up when network connections can be established.
... connections can be established.
...And 11 more matches
nsIStyleSheetService
5 / seamonkey 1.0) inherits from: nsisupports implemented by: @mozilla.org/content/style-sheet-service;1.
...style-sheet-service;1.
...ents.classes["@mozilla.org/content/style-sheet-service;1"] .getservice(components.interfaces.nsistylesheetservice); method overview void loadandregistersheet(in nsiuri sheeturi, in unsigned long type); boolean sheetregistered(in nsiuri sheeturi, in unsigned long type); void unregistersheet(in nsiuri sheeturi, in unsigned long type); constants constant value description agent_sheet 0 user_sheet 1 author_sheet 2 methods loadandregistersheet() synchronously loads a style sheet from sheeturi and adds it to the list of user or agent style sheets.
...And 11 more matches
Activity Manager examples
of the related interfaces.
...typrocess, nsiactivitywarning and nsiactivityevent are not sufficient for the activity initiator, activity developers can provide their own components to extend the capabilities.
...etservice(nsiam); let process = components.classes["@mozilla.org/activity-process;1"].createinstance(nsiap); // assuming folder is an instance of nsimsgfolder interface // localization is omitted, initiator is not provided process.init("processing folder: " + folder.prettiestname, null); // note that we don't define a custom icon, default process icon // will be used process.contexttype = "account"; // group this activity by account process.contextobj = folder.server; // account in question gactivitymanager.addactivity(process); // step 2: showing some progress let percent = 50; process.setprogress(percent, "junk processing 25 of 50 messages", 25, 50); // step 3: removing the process and adding an event using process' attributes process.state = components.interfaces.nsi...
...And 11 more matches
Mozilla
are used to specify various startup options for mozilla applications.this page describes the commonly used options and how to use them.
...iginal navigator code base had large sections that were shared across multiple platforms.
...latforms.
...And 11 more matches
ClipboardItem - Web APIs
the clipboarditem interface of the clipboard api represents a single item format, used when reading or writing data via the clipboard api.
...the active tab.
...from the clipboard.
...And 11 more matches
The HTML DOM API - Web APIs
the html dom api is made up of the interfaces that define the functionality of each of the elements in html, as well as any supporting types and interfaces they rely upon.
...s such as the element's id, its coordinates, the html making up the element, information about scroll position, and so forth.
... element, information about scroll position, and so forth.
...And 11 more matches
HTML Drag and Drop API - Web APIs
ons to use drag-and-drop features in browsers.
...teps to add drag-and-drop support to an application, and an interoperability summary of the interfaces.
...vents html drag-and-drop uses the dom event model and drag events inherited from mouse events.
...And 11 more matches
KeyboardEvent() - Web APIs
the keyboardevent() constructor creates a new keyboardevent.
... the keyboardevent() constructor creates a new keyboardevent.
... the keyboardevent() constructor creates a new keyboardevent.
...And 11 more matches
MediaSessionActionDetails - Web APIs
the media session api's mediasessionactiondetails dictionary is the type used by the sole input parameter into the callback which is executed when a media session action occurs.
... the media session api's mediasessionactiondetails dictionary is the type used by the sole input parameter into the callback which is executed when a media session action occurs.
... the media session api's mediasessionactiondetails dictionary is the type used by the sole input parameter into the callback which is executed when a media session action occurs.
...And 11 more matches
PerformanceObserverEntryList.getEntries() - Web APIs
the getentries() method of the performanceobserverentrylist interface returns a list of explicitly observed performance entry objects for a given filter.
...entry types specified in the call to the observe() method.
...interfaces.
...And 11 more matches
PerformanceObserverEntryList.getEntriesByName() - Web APIs
the getentriesbyname() method of the performanceobserverentrylist interface returns a list of explicitly observed performance entry objects for a given name and entry type.
... the getentriesbyname() method of the performanceobserverentrylist interface returns a list of explicitly observed performance entry objects for a given name and entry type.
...a list of explicitly observed performance entry objects for a given name and entry type.
...And 11 more matches
Performance Timeline - Web APIs
g performance timeline.
...performance extensions the performance timeline api extends the performance interface with three methods that provide different mechanisms to get a set of performance records (metrics), depending on the specified filter criteria.
...of performance records (metrics), depending on the specified filter criteria.
...And 11 more matches
RTCPeerConnection - Web APIs
ace returns an array of objects based on the rtciceserver dictionary, which indicates what, if any, ice servers the browser will use by default if none are provided to the rtcpeerconnection in its rtcconfiguration.
...nfiguration.
...ate of the signaling process on the local end of the connection while connecting or reconnecting to another peer.
...And 11 more matches
WebGLRenderingContext.readPixels() - Web APIs
the webglrenderingcontext.readpixels() method of the webgl api reads a block of pixels from a specified rectangle of the current color framebuffer into an arraybufferview object.
... the webglrenderingcontext.readpixels() method of the webgl api reads a block of pixels from a specified rectangle of the current color framebuffer into an arraybufferview object.
... the webglrenderingcontext.readpixels() method of the webgl api reads a block of pixels from a specified rectangle of the current color framebuffer into an arraybufferview object.
...And 11 more matches
Inputs and input sources - Web APIs
tion of a point in space by the user's input.
...roller to move a cursor.
...h selection actions, such as clicking on a button, and squeeze actions, such as pulling a trigger or tightening your grip while wearing haptic gloves.
...And 11 more matches
XPathEvaluator.evaluate() - Web APIs
the evaluate() method of the xpathevaluator interface executes an xpath expression on the given node or document and returns an xpathresult.
...evaluate(expression, contextnode, resolver, type, result); parameters expression a domstring representing the xpath expression to be parsed and evaluated.
...ode, resolver, type, result); parameters expression a domstring representing the xpath expression to be parsed and evaluated.
...And 11 more matches
XPathExpression.evaluate() - Web APIs
the evaluate() method of the xpathexpression interface executes an xpath expression on the given node or document and returns an xpathresult.
... the evaluate() method of the xpathexpression interface executes an xpath expression on the given node or document and returns an xpathresult.
... the evaluate() method of the xpathexpression interface executes an xpath expression on the given node or document and returns an xpathresult.
...And 11 more matches
@font-face - CSS: Cascading Style Sheets
nge that is supported by a font-face, for example font-style: oblique 20deg 50deg; font-weight a font-weight value.
...deg 50deg; font-weight a font-weight value.
...font-weight a font-weight value.
...And 11 more matches
HTML attribute: step - HTML: Hypertext Markup Language
Web › HTML › Attributes › step
valid for the numeric input types, including the date, month, week, time, datetime-local, number and range types, the step attribute is a number that specifies the granularity that the value must adhere to or the keyword any.
... valid for the numeric input types, including the date, month, week, time, datetime-local, number and range types, the step attribute is a number that specifies the granularity that the value must adhere to or the keyword any.
...me, datetime-local, number and range types, the step attribute is a number that specifies the granularity that the value must adhere to or the keyword any.
...And 11 more matches
Microdata - HTML: Hypertext Markup Language
and each name-value pair is a property.
...ants.
...a.
...And 11 more matches
Cross-Origin Resource Sharing (CORS) - HTTP
Web › HTTP › CORS
server developers discussing cross-origin sharing from a server perspective (with php code snippets) is supplementary reading.
...ludes a discussion of the necessary http headers.
...ead post apart from the headers automatically set by the user agent (for example, connection, user-agent, or the other headers defined in the fetch spec as a “forbidden header name”), the only headers which are allowed to be manually set are those which the fetch spec defines as a “cors-safelisted request-header”, which are: accept accept-language content-language content-type (but note the additional requirements below) dpr downlink save-data viewport-width width the only allowed values for the content-type header are: application/x-www-form-urlencoded multipart/form-data text/plain no event listeners are registered on any xmlhttprequestupload object used in the request; these are accessed using the xmlhttprequest.upload property.
...And 11 more matches
Control flow and error handling - JavaScript
reak statements the optional break statement associated with each case clause ensures that the program breaks out of switch once the matched statement is executed, and then continues execution at the statement following switch.
...he next case, and so on).
....32 a pound.'); break; case 'bananas': console.log('bananas are $0.48 a pound.'); break; case 'cherries': console.log('cherries are $3.00 a pound.'); break; case 'mangoes': console.log('mangoes are $0.56 a pound.'); break; case 'papayas': console.log('mangoes and papayas are $2.79 a pound.'); break; default: console.log(`sorry, we are out of ${fruittype}.`); } console.log("is there anything else you'd like?"); exception handling statements you can throw exceptions using the throw statement and handle them using the try...catch statements.
...And 11 more matches
The arguments object - JavaScript
follows: arguments[0] // first argument arguments[1] // second argument arguments[2] // third argument each argument can also be set or reassigned: arguments[1] = 'new value'; the arguments object is not an array.
...ng() { var longest = ''; for (var i=0; i < arguments.length; i++) { if (arguments[i].length > longest.length) { longest = arguments[i]; } } return longest; } you can use arguments.length to count how many arguments the function was called with.
... for (var i=0; i < arguments.length; i++) { if (arguments[i].length > longest.length) { longest = arguments[i]; } } return longest; } you can use arguments.length to count how many arguments the function was called with.
...And 11 more matches
Map - JavaScript
is stored at a key.
... map object accidental keys a map does not contain any keys by default.
...", address: "321 s 2nd st"}) contacts.get('jessie') // {phone: "213-555-1234", address: "123 n 1st ave"} contacts.delete('raymond') // false contacts.delete('jessie') // true console.log(contacts.size) // 1 constructor map() creates a new map object.
...And 11 more matches
Object initializer - JavaScript
method names (es2015) let o = { property(parameters) {} } // computed property names (es2015) let prop = 'foo' let o = { [prop]: 'hey', ['b' + 'ar']: 'there' } description an object initializer is an expression that describes the initialization of an object.
...et param = 'size' let config = { [param]: 12, ['mobile' + param.charat(0).touppercase() + param.slice(1)]: 4 } console.log(config) // {size: 12, mobilesize: 4} spread properties the rest/spread properties for ecmascript proposal (stage 4) adds spread properties to object literals.
...ng (excluding prototype) or merging objects is now possible using a shorter syntax than object.assign().
...And 11 more matches
stylesheet/utils - Archive of obsolete content
experimental helper functions for working with stylesheets.
... experimental helper functions for working with stylesheets.
... experimental helper functions for working with stylesheets.
...And 10 more matches
test/assert - Archive of obsolete content
expected, message) tests that two objects have a deep equality relation.
... determined by ===.
...s that do not both pass typeof value == "object", equivalence is determined by ==.
...And 10 more matches
The Essentials of an Extension - Archive of obsolete content
hola mundo</em:name> <em:description>bienvenido a xul school!</em:description> </description> </em:localized> the es-es locale string indicates that this is the spanish (es) localization for spain (es).
.../em:name> <em:description>bienvenido a xul school!</em:description> </description> </em:localized> the es-es locale string indicates that this is the spanish (es) localization for spain (es).
... es-es locale string indicates that this is the spanish (es) localization for spain (es).
...And 10 more matches
Layout System Overview - Archive of obsolete content
his presentation is typically formatted in accordance with the requirements of the css1 and css2 specifications from the w3c.
...specifications from the w3c.
...d to provide compatibility with legacy browsers (microsoft internet explorer and netscape navigator 4.x).
...And 10 more matches
notificationbox - Archive of obsolete content
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 currentnotification type: notification element the currently displayed notification element or null.
...ent, 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.
...tresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties currentnotification type: notification element the currently displayed notification element or null.
...And 10 more matches
Signature (functions) - MDN Web Docs Glossary: Definitions of Web-related terms
a function signature (or type signature, or method signature) defines input and output of functions or methods.
... a function signature (or type signature, or method signature) defines input and output of functions or methods.
... a function signature (or type signature, or method signature) defines input and output of functions or methods.
...And 10 more matches
Web fonts - Learn web development
; we'll go into more detail below.
...d, we would like you to follow the steps detailed in the below sections, to get an idea of the process.
...e web-font-start.css file, you'll find some minimal css to deal with the basic layout and typesetting of the example.
...And 10 more matches
Storing the information you need — Variables - Learn web development
get down to the real basics, looking at how to work with the most basic building blocks of javascript — variables.
... prerequisites: basic computer literacy, a basic understanding of html and css, an understanding of what javascript is.
... go along.
...And 10 more matches
JNI.jsm
the jni.jsm javascript code module abstracts all of the js-ctypes required for writing jni code.
...he android sdk functions that firefox has permissions for are at your fingertips.
...e at your fingertips.
...And 10 more matches
SourceMap.jsm
g.
...of the sourcemapgenerator represents a source map which is being built incrementally.
...lumn for this source map being created.
...And 10 more matches
Rhino scopes and contexts
nsive method to call and it allocates a fair amount of memory.
...re scopes used to look up names?
...traversed looking for a 'x' property.
...And 10 more matches
JS::Rooted
this article covers features introduced in spidermonkey 17 local variable of type t whose value is always rooted.
... this article covers features introduced in spidermonkey 17 local variable of type t whose value is always rooted.
...name type description cx jscontext * the context in which to add the root.
...And 10 more matches
Using the Places history service
interfaces.
...notified, since the database connection will be closed to allow the last sync, and changes will most likely be lost.
... for each page in history.
...And 10 more matches
IAccessibleRelation
other-licenses/ia2/accessiblerelation.idlnot scriptable this interface gives access to an object's set of relations.
... other-licenses/ia2/accessiblerelation.idlnot scriptable this interface gives access to an object's set of relations.
...icenses/ia2/accessiblerelation.idlnot scriptable this interface gives access to an object's set of relations.
...And 10 more matches
nsIBrowserHistory
toolkit/components/places/public/nsibrowserhistory.idlscriptable a browser-specific interface to global history.
...wserhistory = components.classes["@mozilla.org/browser/nav-history-service;1"] .getservice(components.interfaces.nsibrowserhistory); method overview void addpagewithdetails(in nsiuri auri, in wstring atitle, in long long alastvisited); obsolete since gecko 15.0 void markpageasfollowedlink(in nsiuri auri); obsolete since gecko 22.0 void markpageastyped(in nsiuri auri); obsolete since gecko 22.0 void registeropenpage(in nsiuri auri); obsolete since gecko 9.0 void removeallpages(); void removepage(in nsiuri auri); void removepages([array, size_is(alength)] in nsiuri auris, in unsigned long alength, in boolean adobatchnotify); void removepagesbytimeframe(in long long abegintime, in long long aendtime...
...chnotify); void removepagesbytimeframe(in long long abegintime, in long long aendtime); void removepagesfromhost(in autf8string ahost, in boolean aentiredomain); void removevisitsbytimeframe(in long long abegintime, in long long aendtime); void unregisteropenpage(in nsiuri auri); obsolete since gecko 9.0 note: the markpageasfollowedlink and markpageastyped methods were moved to nsinavhistoryservice in gecko 22.0 so that all markpageas* methods can be found in one interface.
...And 10 more matches
nsIFrameLoader
loading a frame.
...m with the nsicontentview interface to manage frames across processes if electrolysis is in use to support per-frame processes.
...id activateframeevent(in astring atype, in boolean capture); void activateremoteframe(); void destroy(); void loadframe(); void loaduri(in nsiuri auri); void sendcrossprocesskeyevent(in astring atype, in long akeycode, in long acharcode, in long amodifiers, [optional] in boolean apreventdefault); void sendcrossprocessmouseevent(in astring atype, in float ax, in float ay, in long abutton, in long aclickcount, in long amodifiers, [optional] in boolean aignorerootscrollframe); void updatepositionandsize(in nsiframe aiframe); native code only!
...And 10 more matches
nsISelectionController
rward, in boolean extend); boolean checkvisibility(in nsidomnode node, in short startoffset, in short endoffset); void completemove(in boolean forward, in boolean extend); void completescroll(in boolean forward); boolean getcaretenabled(); short getdisplayselection(); nsiselection getselection(in short type); void intralinemove(in boolean forward, in boolean extend); void linemove(in boolean forward, in boolean extend); void pagemove(in boolean forward, in boolean extend); void repaintselection(in short type); void scrollhorizontal(in boolean left); void scrollline(in boolean forward); voi...
... void linemove(in boolean forward, in boolean extend); void pagemove(in boolean forward, in boolean extend); void repaintselection(in short type); void scrollhorizontal(in boolean left); void scrollline(in boolean forward); void scrollpage(in boolean forward); void scrollselectionintoview(in short type, in short region, in short flags); void selectall(); void setcaretenabled(in boolean enabled); void setcaretreadonly(in boolean readonly); void setcaretvisibilityduringselection(in boolean visibility); void setcaretwidth(in short pixels); obsolete since gecko 1.8 void setdisplayselection(in short toggl...
...id setcaretvisibilityduringselection(in boolean visibility); void setcaretwidth(in short pixels); obsolete since gecko 1.8 void setdisplayselection(in short toggle); void wordextendfordelete(in boolean forward); native code only!
...And 10 more matches
nsIAbCard/Thunderbird3
e instead of as attributes on the interface, allowing it to be more flexible.
...e card: names: firstname, lastname phoneticfirstname, phoneticlastname displayname, nickname spousename, familyname primaryemail, secondemail home contact: homeaddress, homeaddress2, homecity, homestate, homezipcode, homecountry homephone, homephonetype work contact.
...e, lastname phoneticfirstname, phoneticlastname displayname, nickname spousename, familyname primaryemail, secondemail home contact: homeaddress, homeaddress2, homecity, homestate, homezipcode, homecountry homephone, homephonetype work contact.
...And 10 more matches
XPCOM reference
s_addrefmacrons_assertionmacrons_ensure_arg_pointermacrons_errorthrows a assertion (ns_assertion) with the text "error: (error text)", so writes this text to console (stderr) and to debug logs (nspr logging).
...ies are now stored in a hash table instead of as attributes on the interface, allowing it to be more flexible.nsicookie2 mozilla 1 8 branchnsimsgsearchvaluedefined in comm-central/ mailnews/ base/ search/ public/ nsimsgsearchvalue.idl nsmsgmessageflagsthe nsmsgmessageflags interface describes possible flags for messages.
... hash table instead of as attributes on the interface, allowing it to be more flexible.nsicookie2 mozilla 1 8 branchnsimsgsearchvaluedefined in comm-central/ mailnews/ base/ search/ public/ nsimsgsearchvalue.idl nsmsgmessageflagsthe nsmsgmessageflags interface describes possible flags for messages.
...And 10 more matches
Streams - Plugins
present urls and the data they contain, or data sent by a plug-in without an associated url.
...pt writing the stream to the plug-in sending the stream in random-access mode sending the stream in file mode telling the plug-in when a stream is created to tell the plug-in instance when a new stream is created, the browser calls the npp_newstream method.
...is method also determines which mode it should use to send data to the plug-in.
...And 10 more matches
Network request list - Firefox Developer Tools
g) by modifying the devtools.netmonitor.audits.slow setting.
...g the devtools.netmonitor.audits.slow setting.
...g a url from the request list hover over the item.
...And 10 more matches
Element.matches() - Web APIs
Web › API › Element › matches
e selector.
....log('the ' + birds[i].textcontent + ' is endangered!'); } } </script> this will log "the philippine eagle is endangered!" to the console, since the element has indeed a class attribute with value endangered.
...ent + ' is endangered!'); } } </script> this will log "the philippine eagle is endangered!" to the console, since the element has indeed a class attribute with value endangered.
...And 10 more matches
File - Web APIs
Web › API › File
ht="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="153.5" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">file</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor file() returns a newly constructed file.
...fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">file</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor file() returns a newly constructed file.
...5dd; pointer-events: all;} constructor file() returns a newly constructed file.
...And 10 more matches
MediaDevices.getUserMedia() - Web APIs
the mediadevices.getusermedia() method prompts the user for permission to use a media input which produces a mediastream with tracks containing the requested types of media.
...mediastream with tracks containing the requested types of media.
...e error */ }); note: if the current document isn't loaded securely, navigator.mediadevices will be undefined, and you cannot use getusermedia().
...And 10 more matches
MediaSession.setActionHandler() - Web APIs
the setactionhandler() property of the mediasession interface sets an event handler for a media session action.
... the setactionhandler() property of the mediasession interface sets an event handler for a media session action.
... the setactionhandler() property of the mediasession interface sets an event handler for a media session action.
...And 10 more matches
Using Performance Timeline - Web APIs
aces can be used to help identify an application's performance bottlenecks.
...riteria.
...wing example show the usage of these methods getentries(), getentriesbyname() and getentriesbytype().
...And 10 more matches
XRSession.requestReferenceSpace() - Web APIs
the requestreferencespace() method of the xrsession interface returns a promise that resolves with an instance of either xrreferencespace or xrboundedreferencespace as appropriate given the type of reference space requested.
... the requestreferencespace() method of the xrsession interface returns a promise that resolves with an instance of either xrreferencespace or xrboundedreferencespace as appropriate given the type of reference space requested.
... the requestreferencespace() method of the xrsession interface returns a promise that resolves with an instance of either xrreferencespace or xrboundedreferencespace as appropriate given the type of reference space requested.
...And 10 more matches
Block and inline layout in normal flow - CSS: Cascading Style Sheets
tting model.
...ayout in addition to the rules existing in css2.1, new levels of css further describe the behaviour of block and inline boxes.
...display property defines how a box and any boxes inside it behave.
...And 10 more matches
display - CSS: Cascading Style Sheets
Web › CSS › display
the display css property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex.
... the display css property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex.
... the display css property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex.
...And 10 more matches
font - CSS: Cascading Style Sheets
Web › CSS › font
d:font-style: as specifiedfont-variant: as specifiedfont-weight: the keyword or the numerical value as specified, with bolder and lighter transformed to the real valuefont-stretch: as specifiedfont-size: as specified, but with relative lengths converted into absolute lengthsline-height: for percentage and length values, the absolute length, otherwise as specifiedfont-family: as specifiedanimation typeas each of the properties of the shorthand:font-style: discretefont-variant: discretefont-weight: a font weightfont-stretch: a font stretchfont-size: a lengthline-height: either number or lengthfont-family: discrete formal syntax [ [ <'font-style'> | <font-variant-css21> | <'font-weight'> | <'font-stretch'> ]?
... and the font family to serif.
...mple html <p> change the radio buttons below to see the generated shorthand and it's effect.
...And 10 more matches
HTML attribute: multiple - HTML: Hypertext Markup Language
the boolean multiple attribute, if set, means the form control accepts one or more values.
... the boolean multiple attribute, if set, means the form control accepts one or more values.
... the boolean multiple attribute, if set, means the form control accepts one or more values.
...And 10 more matches
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
Web › HTML › Element › audio
g to fetch media data, but data is unexpectedly not forthcoming.
...as been updated.
...olume has changed.
...And 10 more matches
<menuitem> - HTML: Hypertext Markup Language
Web › HTML › Element › menuitem
button.
...er be defined explicitly, with a textual label and optional icon to describe its appearance, or alternatively as an indirect command whose behavior is defined by a separate element.
...checkboxes or radio buttons when defined against elements <input type="checkbox"> and <input type="radio">.) content categories none.
...And 10 more matches
<source>: The Media or Image Source element - HTML: Hypertext Markup Language
Web › HTML › Element › source
must have at least a width descriptor or a pixel density descriptor to be valid.
... width descriptor or a pixel density descriptor to be valid.
...the list, there must be only one string containing the same tuple of width descriptor and pixel density descriptor.
...And 10 more matches
<tr>: The Table Row element - HTML: Hypertext Markup Language
Web › HTML › Element › tr
justification).
...ely unchanged, despite the addition of useful contextual information under the hood: basic styling as is the case with all parts of a table, you can change the appearance of a table row and its contents using css.
.../tr> </tbody> </table> css this time, the html is unchanged, so let's dive right into the css.
...And 10 more matches
Object.preventExtensions() - JavaScript
new properties can be added to it.
...d as non-extensible.
...perties of a non-extensible object, in general, may still be deleted.
...And 10 more matches
Proxy - JavaScript
properly forwarded!) note that while this "no-op" works for javascript objects, it does not work for native browser objects like dom elements.
...or); person.age = 100; console.log(person.age); // 100 person.age = 'young'; // throws an exception person.age = 300; // throws an exception extending constructor a function proxy could easily extend a constructor with a new constructor.
...erson.age); // 100 person.age = 'young'; // throws an exception person.age = 300; // throws an exception extending constructor a function proxy could easily extend a constructor with a new constructor.
...And 10 more matches
Set - JavaScript
the set object lets you store unique values of any type, whether primitive values or object references.
...lity for -0 and 0" in the browser compatibility table for details.
...also be stored in a set.
...And 10 more matches
function declaration - JavaScript
ns functions can be conditionally declared, that is, a function statement can be nested within an if statement, however the results are inconsistent across implementations and therefore this pattern should not be used in production code.
...n be conditionally declared, that is, a function statement can be nested within an if statement, however the results are inconsistent across implementations and therefore this pattern should not be used in production code.
...ver the results are inconsistent across implementations and therefore this pattern should not be used in production code.
...And 10 more matches
Web video codec guide - Web media technologies
use on a network.
...he video during encoding.
...e frame rate and the compression algorithm.
...And 10 more matches
Private Properties - Archive of obsolete content
x each private property name with an underscore.
... following example: function point(x, y) { this._x = x; this._y = y; } the properties _x and _y are intended to be private, and should only be accessed by member functions.
...; this._y = y; } the properties _x and _y are intended to be private, and should only be accessed by member functions.
...And 9 more matches
panel - Archive of obsolete content
t); textarea.value = ''; } }, false); // listen for the "show" event being sent from the // main add-on code.
... textarea.value = ''; } }, false); // listen for the "show" event being sent from the // main add-on code.
... ensure that the panel's style is consistent with the dialogs displayed by firefox and other applications, but means you need to take care when applying your own styles.
...And 9 more matches
request - Archive of obsolete content
dvanced usage, check out the net/xhr module, based on the browser's xmlhttprequest object.
...tent to send to the server.
... if content is a string, it should be url-encoded (use encodeuricomponent).
...And 9 more matches
Dehydra Function Reference - Archive of obsolete content
gcc command line -fplugin=/path/to/gcc_dehydra.so -fplugin-arg-gcc_dehydra=/path/to/your/script.js callback functions the following functions may be provided by the analysis script and will be called by dehydra while compiling.
... gcc command line -fplugin=/path/to/gcc_dehydra.so -fplugin-arg-gcc_dehydra=/path/to/your/script.js callback functions the following functions may be provided by the analysis script and will be called by dehydra while compiling.
... gcc command line -fplugin=/path/to/gcc_dehydra.so -fplugin-arg-gcc_dehydra=/path/to/your/script.js callback functions the following functions may be provided by the analysis script and will be called by dehydra while compiling.
...And 9 more matches
Using Dehydra - Archive of obsolete content
as gcc compiles file, dehydra calls functions in the user analysis script with information about the code being compiled.
... as gcc compiles file, dehydra calls functions in the user analysis script with information about the code being compiled.
... as gcc compiles file, dehydra calls functions in the user analysis script with information about the code being compiled.
...And 9 more matches
Proxy UI - Archive of obsolete content
ormation in "related" ui.
...lecting the proxy "mode" all product's proxy preference panels share a basic design: a radio button that selects the proxy mode, then "related proxy mode" ui when needed.
...s both: whatever was selected in the ui (as opposed to the value of the network.proxy.type.
...And 9 more matches
arrowscrollbox - Archive of obsolete content
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 clicktoscroll type: boolean clicktoscroll, if true, the arrows must be clicked to scroll the scrollbox content.
...tion, 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.
...ntrols.
...And 9 more matches
description - Archive of obsolete content
r by placing text inside the open and close description tags.
...ill not word wrap <description value="this is a long section of text that will not word wrap"> </description> this is a long section of dynamically controlled text that will word wrap <description id="desc" style="width: 300px"></description> document.getelementbyid('desc').textcontent = "this is a long section of dynamic message text that will word wrap"; attributes crop type: one of the values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...cropped.
...And 9 more matches
Array.observe() - Archive of obsolete content
the array.observe() method was used for asynchronously observing changes to arrays, similar to object.observe() for objects.
...stead.
...arr, callback) parameters arr the array to be observed.
...And 9 more matches
ECMAScript 2016 to ES.Next support in Mozilla - Archive of obsolete content
es2018 have been released.
...is year, the es2019 specification will be released and es2020 is the current ecmascript draft specification.
...019 specification will be released and es2020 is the current ecmascript draft specification.
...And 9 more matches
New in JavaScript 1.2 - Archive of obsolete content
<script language="javascript1.2"> <!-- javascript for navigator 4.0.
...ipt1.2"> <!-- javascript for navigator 4.0.
...or navigator 4.0.
...And 9 more matches
XInclude - MDN Web Docs Glossary: Definitions of Web-related terms
); return false; } var j; var xincludeparent = xinclude.parentnode; try { netscape.security.privilegemanager.enableprivilege('universalxpconnect universalbrowserread'); // necessary with file:///-located files trying to reach external sites if (href !== null) { var response, responsetype; var request = new xmlhttprequest(); request.open('get', href, false); request.setrequestheader('if-modified-since', 'thu, 1 jan 1970 00:00:00 gmt'); request.setrequestheader('cache-control', 'no-cache'); if (accept) { request.setrequestheader('accept', accept); ...
... if (accept) { request.setrequestheader('accept', accept); } if (acceptlanguage) { request.setrequestheader('accept-language', acceptlanguage); } switch (parse) { case 'text': // priority should be on media type: var contenttype = request.getresponseheader('content-type'); //text/xml; charset="utf-8" // send to get headers first?
...(parse) { case 'text': // priority should be on media type: var contenttype = request.getresponseheader('content-type'); //text/xml; charset="utf-8" // send to get headers first?
...And 9 more matches
caret - MDN Web Docs Glossary: Definitions of Web-related terms
y the user.
...re general knowledge caret navigation on wikipedia css related to the caret you can set the color of the caret for a given element's editable content by setting the element's css caret-color property to the appropriate <color> value.
...caret navigation on wikipedia css related to the caret you can set the color of the caret for a given element's editable content by setting the element's css caret-color property to the appropriate <color> value.
...And 9 more matches
Mobile accessibility - Learn web development
alkback turned on: open your web browser.
...activate the url bar.
...gs.
...And 9 more matches
Introduction to events - Learn web development
e runway is clear for take off, a signal is communicated to the pilot.
...(' + random(255) + ',' + random(255) + ',' + random(255) + ')'; document.body.style.backgroundcolor = rndcol; } in this code, we store a reference to the button inside a constant called btn, using the document.queryselector() function.
...ent.queryselector('button'); btn.onclick = function() { const rndcol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')'; document.body.style.backgroundcolor = rndcol; } the onclick property is the event handler property being used in this situation.
...And 9 more matches
A first splash into JavaScript - Learn web development
but we will give you plenty of opportunity to practice thinking like a programmer throughout the course.
...; } .lastresult { color: white; padding: 3px; } </style> </head> <body> <h1>number guessing game</h1> <p>we have selected a random number between 1 and 100.
...hite; padding: 3px; } </style> </head> <body> <h1>number guessing game</h1> <p>we have selected a random number between 1 and 100.
...And 9 more matches
NSS tools : modutil
pliance, and assign default providers for cryptographic operations.
...into the security database.
...ary file: **internal only module** manufacturer: mozilla foundation description: nss internal crypto services pkcs #11 version 2.20 library version: 3.11 cipher enable flags: none default mechanism flags: rsa:rc2:rc4:des:dh:sha1:md5:md2:ssl:tls:aes slot: nss internal cryptographic services slot mechanism flags: rsa:rc2:rc4:des:dh:sha1:md5:md2:ssl:tls:aes manufacturer: mozilla foundation type: software version number: 3.11 firmware version: 0.0 status: enabled token name: nss generic crypto services token manufacturer: mozilla foundation token model: nss 3 token serial number: 0000000000000000 token version: 4.0 token firmware version: 0.0 access: write protected login type: public (no login required) user pin: not initialized slot: nss user private key and certificate se...
...And 9 more matches
NSS tools : vfychain
sl client, 1=ssl server, 2=ssl stepup, 3=ssl ca, 4=email signer, 5=email recipient, 6=object signer, 9=protectedobjectsigner, 10=ocsp responder, 11=any ca -v verbose mode.
...ver, 2=ssl stepup, 3=ssl ca, 4=email signer, 5=email recipient, 6=object signer, 9=protectedobjectsigner, 10=ocsp responder, 11=any ca -v verbose mode.
...er, 5=email recipient, 6=object signer, 9=protectedobjectsigner, 10=ocsp responder, 11=any ca -v verbose mode.
...And 9 more matches
sslcrt.html
this page is part of the ssl reference that we are migrating into the format described in the mdn style guide.
... has the following parameters: cert a pointer to the certificate whose validity period you want to check against.
...ers: cert a pointer to the certificate whose validity period you want to check against.
...And 9 more matches
NSS tools : modutil
Mozilla › Projects › NSS › tools › modutil
ign default providers for cryptographic operations.
...specific ciphers in a module that is being added to the database.
... **internal only module** manufacturer: mozilla foundation description: nss internal crypto services pkcs #11 version 2.20 library version: 3.11 cipher enable flags: none default mechanism flags: rsa:rc2:rc4:des:dh:sha1:md5:md2:ssl:tls:aes slot: nss internal cryptographic services slot mechanism flags: rsa:rc2:rc4:des:dh:sha1:md5:md2:ssl:tls:aes manufacturer: mozilla foundation type: software version number: 3.11 firmware version: 0.0 status: enabled token name: nss generic crypto services token manufacturer: mozilla foundation token model: nss 3 token serial number: 0000000000000000 token version: 4.0 token firmware version: 0.0 access: write protected login type: public (no login required) user pin: not initialized slot: nss user pri...
...And 9 more matches
NSS tools : vfychain
ct signer, 9=protectedobjectsigner, 10=ocsp responder, 11=any ca -v verbose mode.
... 9=protectedobjectsigner, 10=ocsp responder, 11=any ca -v verbose mode.
... verbose mode.
...And 9 more matches
The JavaScript Runtime
compilation to java bytecodes for improved performance, rhino may compile javascript scripts to java bytecodes.
... performance, rhino may compile javascript scripts to java bytecodes.
...pile javascript scripts to java bytecodes.
...And 9 more matches
JSClass.flags
the jsclass.flags field allows an application to enable optional jsclass features on a per-class basis.
... jsclass_is_domjsclass added in spidermonkey 17 objects are dom.
... in spidermonkey the global object is the last object in the scope chain, which can be different objects at different times.
...And 9 more matches
nsIFaviconService
illa.org/browser/favicon-service;1.
... nsiuri getfaviconimageforpage(in nsiuri apageuri); obsolete since gecko 22.0 nsiuri getfaviconlinkforicon(in nsiuri afaviconuri); boolean isfailedfavicon(in nsiuri afaviconuri); void removefailedfavicon(in nsiuri afaviconuri); void setandloadfaviconforpage(in nsiuri apageuri, in nsiuri afaviconuri, in boolean aforcereload, in unsigned long afaviconloadtype, [optional] in nsifavicondatacallback acallback); obsolete since gecko 22.0 void setfavicondata(in nsiuri afaviconuri, [const,array,size_is(adatalen)] in octet adata, in unsigned long adatalen, in autf8string amimetype, in prtime aexpiration); obsolete since gecko 22.0 void setfavicondatafromdataurl(in nsiuri afaviconuri, in astring adataurl, in prtime aexpiration); obsolete si...
...] in octet adata, in unsigned long adatalen, in autf8string amimetype, in prtime aexpiration); obsolete since gecko 22.0 void setfavicondatafromdataurl(in nsiuri afaviconuri, in astring adataurl, in prtime aexpiration); obsolete since gecko 22.0 void setfaviconurlforpage(in nsiuri apageuri, in nsiuri afaviconuri); obsolete since gecko 22.0 attributes attribute type description defaultfavicon nsiuri the default favicon uri.
...And 9 more matches
CSSRule - Web APIs
Web › API › CSSRule
the cssrule interface represents a single css rule.
... the cssrule interface represents a single css rule.
... the cssrule interface represents a single css rule.
...And 9 more matches
DOMParser - Web APIs
Web › API › DOMParser
nt, you can also replace portions of the dom with new dom trees built from html by setting the value of the element.innerhtml and outerhtml properties.
...lt from html by setting the value of the element.innerhtml and outerhtml properties.
...m subtree.
...And 9 more matches
Examples of web and XML development using the DOM - Web APIs
this chapter provides some longer examples of web and xml development using the dom.
...image2" src="https://udn.realityripple.com/samples/d2/8ba7141ed1.gif" height="50" width="500"> </p> <p>image 3: no height, width, but style="height: 50px; width: 500px;" <img id="image3" src="https://udn.realityripple.com/samples/d2/8ba7141ed1.gif" style="height: 50px; width: 500px;"> </p> <div id="output"> </div> </body> </html> example 2: image attributes <!doctype html> <html lang="en"> <head> <title>modifying an image border</title> <script> function setborderwidth(width) { document.getelementbyid("img1").style.borderwidth = width + "px"; } </script> </head> <body> <p> <img id="img1" src="image1.gif" style="border: 5px solid green;" width="100" height="100" alt="border test"> </p> <form name="formname"> <input type="button" v...
... <script> function setborderwidth(width) { document.getelementbyid("img1").style.borderwidth = width + "px"; } </script> </head> <body> <p> <img id="img1" src="image1.gif" style="border: 5px solid green;" width="100" height="100" alt="border test"> </p> <form name="formname"> <input type="button" value="make border 20px-wide" onclick="setborderwidth(20);" /> <input type="button" value="make border 5px-wide" onclick="setborderwidth(5);" /> </form> </body> </html> example 3: manipulating styles in this simple example, some basic style properties of an html paragraph element are accessed using the style object on the element and that object's css style properties, which can be retrieved and set from the dom.
...And 9 more matches
HTMLInputElement.stepDown() - Web APIs
the htmlinputelement.stepdown([n]) method decrements the value of a numeric type of <input> element by the value of the step attribute or up to n multiples of the step attribute if a number is passed as the parameter.
...]) method decrements the value of a numeric type of <input> element by the value of the step attribute or up to n multiples of the step attribute if a number is passed as the parameter.
...ep attribute if a number is passed as the parameter.
...And 9 more matches
KeyboardEvent.initKeyEvent() - Web APIs
is method is based on early drafts of document object model (dom) level 2 events specification and is implemented in gecko-based browsers; other browsers implemented keyboardevent.initkeyboardevent based on early drafts of document object model (dom) level 3 events specification.
... keyboardevent.initkeyboardevent based on early drafts of document object model (dom) level 3 events specification.
... on early drafts of document object model (dom) level 3 events specification.
...And 9 more matches
SVGMarkerElement - Web APIs
void setorienttoangle(in svgangle angle) void setorienttoauto() properties svganimatedlength refx svganimatedlength refy svganimatedenumeration markerunits svganimatedlength markerwidth svganimatedlength markerheight svganimatedenumeration orienttype svganimatedangle orientangle constants svg_marker_orient_unknown = 0 svg_marker_orient_auto = 1 svg_marker_orient_angle = 2 svg_markerunits_unknown = 0 svg_markerunits_userspaceonuse = 1 svg_markerunits_strokewidth ...
...th = 2 normative document svg 1.1 (2nd edition) constants orientation name value description svg_marker_orient_unknown 0 the marker orientation is not one of predefined types.
...rmative document svg 1.1 (2nd edition) constants orientation name value description svg_marker_orient_unknown 0 the marker orientation is not one of predefined types.
...And 9 more matches
SVGTransform - Web APIs
erview also implement none methods void setmatrix(in svgmatrix matrix) void settranslate(in float tx, in float ty) void setscale(in float sx, in float sy) void setrotate(in float angle, in float cx, in float cy) void setskewx(in float angle) void setskewy(in float angle) properties readonly unsigned short type readonly float angle readonly svgmatrix matrix constants svg_transform_unknown = 0 svg_transform_matrix = 1 svg_transform_translate = 2 svg_transform_scale = 3 svg_transform_rotate = 4 svg_transform_skewx = 5 svg_transform_skewy = 6 normative document svg 1.1 (2nd edition) constants name ...
... constants svg_transform_unknown = 0 svg_transform_matrix = 1 svg_transform_translate = 2 svg_transform_scale = 3 svg_transform_rotate = 4 svg_transform_skewx = 5 svg_transform_skewy = 6 normative document svg 1.1 (2nd edition) constants name value description svg_transform_unknown 0 the unit type is not one of predefined unit types.
...sform_translate = 2 svg_transform_scale = 3 svg_transform_rotate = 4 svg_transform_skewx = 5 svg_transform_skewy = 6 normative document svg 1.1 (2nd edition) constants name value description svg_transform_unknown 0 the unit type is not one of predefined unit types.
...And 9 more matches
Touch() - Web APIs
Web › API › Touch › Touch
the touch() constructor creates a new touch object.
... the touch() constructor creates a new touch object.
...ect.
...And 9 more matches
WebGL2RenderingContext.texSubImage3D() - Web APIs
the webgl2renderingcontext.texsubimage3d() method of the webgl api specifies a sub-rectangle of the current texture.
... the webgl2renderingcontext.texsubimage3d() method of the webgl api specifies a sub-rectangle of the current texture.
...e of the current texture.
...And 9 more matches
Example and tutorial: Simple synth keyboard - Web APIs
ntrols for configuring the layer.
...t can be styled as needed.
...); let wavepicker = document.queryselector("select[name='waveform']"); let volumecontrol = document.queryselector("input[name='volume']"); references to elements we'll need access to are obtained: keyboard is the container element into which the keys will be placed.
...And 9 more matches
XRReferenceSpace - Web APIs
the webxr device api's xrreferencespace interface describes the coordinate system for a specific tracked entity or object within the virtual world using a specified tracking behavior.
...the selected reference space type.
...erits the properties of eventtarget.
...And 9 more matches
<button>: The Button element - HTML: Hypertext Markup Language
Web › HTML › Element › button
d with its ancestor <form> element, if any.) this attribute lets you associate <button> elements to <form>s anywhere in the document, not just inside a <form>.
... <form>s anywhere in the document, not just inside a <form>.
...n's form owner.
...And 9 more matches
Classes - JavaScript
classes are a template for creating objects.
...ecmascript.
...an application.
...And 9 more matches
Array.from() - JavaScript
jects (objects such as map and set).
...e a map() function on each element of the array being created.
... the ecma-262 standard in the 6th edition (es2015).
...And 9 more matches
Navigation and resource timings - Web Performance
cureconnectionstart and requeststart will greater than 0.
...ctionstart; performance entry api the general performance timings above are deprecated but fully supported.
...lly supported.
...And 9 more matches
<a> - SVG: Scalable Vector Graphics
Web › SVG › Element › a
, svg|a:active { outline: dotted 1px blue; } since this element shares its tag name with html's <a> element, selecting a with css or queryselector may apply to the wrong kind of element.
...selecting a with css or queryselector may apply to the wrong kind of element.
...nload instructs browsers to download a url instead of navigating to it, so the user will be prompted to save it as a local file.
...And 9 more matches
<svg> - SVG: Scalable Vector Graphics
Web › SVG › Element › svg
{ height:100% } <svg viewbox="0 0 300 100" xmlns="http://www.w3.org/2000/svg" stroke="red" fill="grey"> <circle cx="50" cy="50" r="40" /> <circle cx="150" cy="50" r="4" /> <svg viewbox="0 0 10 10" x="200" width="100"> <circle cx="5" cy="5" r="4" /> </svg> </svg> attributes baseprofile deprecated since svg 2 the minimum svg language profile that the document requires.
...rg/2000/svg" stroke="red" fill="grey"> <circle cx="50" cy="50" r="40" /> <circle cx="150" cy="50" r="4" /> <svg viewbox="0 0 10 10" x="200" width="100"> <circle cx="5" cy="5" r="4" /> </svg> </svg> attributes baseprofile deprecated since svg 2 the minimum svg language profile that the document requires.
... cy="50" r="4" /> <svg viewbox="0 0 10 10" x="200" width="100"> <circle cx="5" cy="5" r="4" /> </svg> </svg> attributes baseprofile deprecated since svg 2 the minimum svg language profile that the document requires.
...And 9 more matches
page-mod - Archive of obsolete content
"mozilla.org": the content script "element-getter.js" is attached to the document and runs.
...ipts to documents loaded into private windows, even if their urls match the pattern you have specified.
...loper.*/, contentscript: 'window.alert("matched!");' }); to specify multiple patterns, pass an array of match patterns: var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: ["*.foo.org", "*.bar.com"], contentscript: 'window.alert("matched!");' }); see the match-pattern module for a detailed description of match pattern syntax.
...And 8 more matches
Popup Guide - Archive of obsolete content
popups and menus there are various types of popups and menus that may be created.
... popups and menus there are various types of popups and menus that may be created.
... popups and menus there are various types of popups and menus that may be created.
...And 8 more matches
SQLite Templates - Archive of obsolete content
« previousnext » templates may use a datasource that is retrieved from an sqlite database, such as those used by the mozstorage api.
... a datasource that is retrieved from an sqlite database, such as those used by the mozstorage api.
...ibute isn't currently used for sqlite sources, so you should just set the ref attribute to a dummy value; '*' is typically used.
...And 8 more matches
Numeric Controls - Archive of obsolete content
« previousnext » xul has two elements used for the entry of numeric values or ranges, and well as two elements for entering dates and times.
... « previousnext » xul has two elements used for the entry of numeric values or ranges, and well as two elements for entering dates and times.
...ents used for the entry of numeric values or ranges, and well as two elements for entering dates and times.
...And 8 more matches
Skinning XUL Files by Hand - Archive of obsolete content
define new classes of buttons particular to your xul file, in which case the style information will be wholly defined within your custom css file.
...lobal skin -- makes all xul menus appear with a one pixel border, a light blue background, and 10 point fonts: menu { border: 1px; background-color: lightblue; font-size: 10pt; } in addition to these basic element style rules, css also provides for the application of style information to classes of elements, and element ids.
...and <dialog> elements.
...And 8 more matches
display-outside - Archive of obsolete content
the display-outside css property specifies the outer display type of the box generated by an element, dictating how the element participates in its parent formatting context.
...out its contents using flex layout.
...e element generates no boxes, and does not participate in any formatting context.
...And 8 more matches
Object.observe() - Archive of obsolete content
bject.observe(obj, callback[, acceptlist]) parameters obj the object to be observed.
...acceptlist]) parameters obj the object to be observed.
...re made, with the following argument: changes an array of objects each representing a change.
...And 8 more matches
JavaArray - Archive of obsolete content
summary core object a wrapped java array accessed from within javascript code is a member of the type javaarray.
... summary core object a wrapped java array accessed from within javascript code is a member of the type javaarray.
... summary core object a wrapped java array accessed from within javascript code is a member of the type javaarray.
...And 8 more matches
Reference - Archive of obsolete content
as include a link to the yet-to-be-written javascript 1.2 page documenting the various oddities and deviations made in that version, something which i think we should do anyway.
...onstructor note : the function.constructor seems to keep on refering to itself, if you do the following you get same results which suggests that this is indeed the top level object.
...ng to itself, if you do the following you get same results which suggests that this is indeed the top level object.
...And 8 more matches
Other form controls - Learn web development
previous overview: forms next we now look at the functionality of non-<input> form elements in detail, from other control types such as drop-down lists and multi-line text fields, to other useful form features such as the <output> element (which we saw in action in the previous article), and progress bars.
... are a simple way to let users select from many different options without taking up much space in the user interface.
...t.
...And 8 more matches
Looping code - Learn web development
ferent — if you've got a lot of different calculations to do, you want to do each different one, not the same one over and over again!
... each time the loop iterates.
...ve on to any code that follows it.
...And 8 more matches
Framework main features - Learn web development
ered by javascript, and all allow you to use domain-specific languages (dsls) in order to build your applications.
...script, and all allow you to use domain-specific languages (dsls) in order to build your applications.
...tml that an application ultimately builds.
...And 8 more matches
Componentizing our React app - Learn web development
the same line: export default function todo() { return ( ); } this is ok so far, but our component has to return something!
...unordered list, and paste it into todo.js so that it reads like this: export default function todo() { return ( <li classname="todo stack-small"> <div classname="c-cb"> <input id="todo-0" type="checkbox" defaultchecked={true} /> <label classname="todo-label" htmlfor="todo-0"> eat </label> </div> <div classname="btn-group"> <button type="button" classname="btn"> edit <span classname="visually-hidden">eat</span> </button> <button type="button" classname="btn btn__danger"> delete <span classname="visually-hidden">eat</span> </button> </div> </li> ); } note: components must always return something.
...ts props, you can replace every occurrence of eat with your name prop.
...And 8 more matches
Starting our Svelte Todo list app - Learn web development
arkup representation of our app, so you can see what it will look like.
...he following into our todos.svelte component file, replacing the existing content: <!-- todos.svelte --> <div class="todoapp stack-large"> <!-- newtodo --> <form> <h2 class="label-wrapper"> <label for="todo-0" class="label__lg"> what needs to be done?
... 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 'create a svelte starter app' </label> <input type="text" id="todo-1" autocomplete="off" class="todo-text" /> </div> <div class="btn-group"> <button class="btn todo-cancel" type="button"> cancel <span class="visually-hidden">renaming create a svelte starter app</span> </button> <button class="btn btn__primary todo-edit" type="submit"> save ...
...And 8 more matches
Componentizing our Svelte app - Learn web development
p.
....
...mall"> <div class="c-cb"> <input type="checkbox" id="todo-{todo.id}" on:click={() => todo.completed = !todo.completed} checked={todo.completed} /> <label for="todo-{todo.id}" class="todo-label">{todo.name}</label> </div> <div class="btn-group"> <button type="button" class="btn"> edit <span class="visually-hidden">{todo.name}</span> </button> <button type="button" class="btn btn__danger" on:click={() => alert('not implemented')}> delete <span class="visually-hidden">{todo.name}</span> </button> </div> </div> now we need to import our todo component into todos.svelte.
...And 8 more matches
Overview of Mozilla embedding APIs
ing application to control activity and respond to changes within this client area.
...omponent manager service.
...nsiinterfacerequestor and then calls getinterface(...) to retrieve the requested interface.
...And 8 more matches
Gecko's "Almost Standards" Mode
e-height is ignored) do not get a height (e.g., for their background) larger than that of their descendants, even if their font size is larger (if they have no descendants, they are zero-height positioned at their baseline) other than this one difference, "almost standards" and "standards" modes are exactly the same in terms of layout and other behaviors.
...he doctypes that will trigger "almost standards" mode are those which contain: the public identifier "-//w3c//dtd xhtml 1.0 transitional//en" the public identifier "-//w3c//dtd xhtml 1.0 frameset//en" the public identifier "-//w3c//dtd html 4.01 transitional//en", with a system identifier the public identifier "-//w3c//dtd html 4.01 frameset//en", with a system identifier the ibm system doctype "http://www.ibm.com/data/dtd/v11/ibmxhtml1-transitional.dtd" a complete doctype contains a public identifier and a system identifier.
...ifier "-//w3c//dtd xhtml 1.0 frameset//en" the public identifier "-//w3c//dtd html 4.01 transitional//en", with a system identifier the public identifier "-//w3c//dtd html 4.01 frameset//en", with a system identifier the ibm system doctype "http://www.ibm.com/data/dtd/v11/ibmxhtml1-transitional.dtd" a complete doctype contains a public identifier and a system identifier.
...And 8 more matches
Downloads.jsm
wnloads, and retrieving download-related configuration.
...n.
... promise<downloadsummary> getsummary(atype); constants constant description public work on downloads that were not started from a private browsing window.
...And 8 more matches
Basics
s you resize the window.
...>n</mi></msup> </math> for some <i>n</i>.
...all</a> or <a href="javascript:expand();">expand all</a>.
...And 8 more matches
NSS 3.24 release notes
by setting an appropriate password), but not the reverse.
...n has been added for configuring ssl/tls server sockets with a certificate and private key.
... of ssl_configsecureserver, ssl_configsecureserverwithcertchain, ssl_setstapledocspresponses, and ssl_setsignedcerttimestamps.
...And 8 more matches
NSS Sample Code Sample_1_Hashing
nss sample code 1: hashing a file.
... nss sample code 1: hashing a file.
...{ pr_fprintf(out, "%02x", data[i]); column += 2; break; } if (column > 76 || (i % 16 == limit)) { newline(out); column = level; limit = i % 16; } } if (column != level) { newline(out); } } /* * prints a usage message and exits */ static void usage(const char *progname) { int htype; int hash_algtotal = sizeof(hash_names) / sizeof(hash_names[0]); fprintf(stderr, "usage: %s -t type [ < input ] [ > output ]\n", progname); fprintf(stderr, "%-20s specify the digest method (must be one of\n", "-t type"); fprintf(stderr, "%-20s ", ""); for (htype = 0; htype < hash_algtotal; htype++) { fprintf(stderr, hash_names[htype].hashname); if...
...And 8 more matches
64-bit Compatibility
this article focuses on hacking tracemonkey code generation (jstracer.cpp, jsregex.cpp) in ways that will work on both 32-bit and 64-bit jit backends.
... this article focuses on hacking tracemonkey code generation (jstracer.cpp, jsregex.cpp) in ways that will work on both 32-bit and 64-bit jit backends.
... this article focuses on hacking tracemonkey code generation (jstracer.cpp, jsregex.cpp) in ways that will work on both 32-bit and 64-bit jit backends.
...And 8 more matches
JS::Handle
this article covers features introduced in spidermonkey 17 reference to a t that has been rooted elsewhere.
... this article covers features introduced in spidermonkey 17 reference to a t that has been rooted elsewhere.
... then redundant rooting of multiple copies of the gc thing can be avoided.
...And 8 more matches
JS::IdentifyStandardInstance
this article covers features introduced in spidermonkey 31 determine if the given object is an instance/prototype/constructor for a standard class.
... this article covers features introduced in spidermonkey 31 determine if the given object is an instance/prototype/constructor for a standard class.
... this article covers features introduced in spidermonkey 31 determine if the given object is an instance/prototype/constructor for a standard class.
...And 8 more matches
How to build an XPCOM component in JavaScript
ou may not need to define a new one.
...l to define interfaces, called xpidl.
... will run with no errors but not do anything.
...And 8 more matches
Creating the Component Code
e mentioned in the previous section, components have layers.
...e in onion peel view of xpcom component creation, the main accessor for the xpcom object is createinstance, which is expected to return the object that matches a given cid and iid pair.
... public nsifactory * weblockmodule: public nsimodule in xpcom, all of these classes also derive from the nsisupports base interface.
...And 8 more matches
XPCOM Stream Guide
Mozilla › Tech › XPCOM › Guide › Streams
ugh streams.
...ovide data coming from websites, even to talk to other programs on the same computer through "pipes" (more on that later).
...inputstream stream.setdata(data, length); file nsfileinputstream @mozilla.org/network/file-input-stream;1 nsifileinputstream stream.init(file, ioflags, perm, behaviorflags); zip nsjarinputstream n/a nsiinputstream zipreader.getinputstream(zipentry); similarly, each of these implements nsioutputstream.
...And 8 more matches
nsACString
« xpcom api reference summary the nsacstring abstract class represents a character string composed of single-byte storage units.
... « xpcom api reference summary the nsacstring abstract class represents a character string composed of single-byte storage units.
... « xpcom api reference summary the nsacstring abstract class represents a character string composed of single-byte storage units.
...And 8 more matches
nsAString
« xpcom api reference summary the nsastring abstract class represents a character string composed of double-byte storage units.
... « xpcom api reference summary the nsastring abstract class represents a character string composed of double-byte storage units.
... « xpcom api reference summary the nsastring abstract class represents a character string composed of double-byte storage units.
...And 8 more matches
nsIDBChangeListener
ull.
...der is deleted from the database.
...igator may also be null.
...And 8 more matches
nsIDirIndex
netwerk/streamconv/public/nsidirindex.idlscriptable a class holding information about a directory index.
... netwerk/streamconv/public/nsidirindex.idlscriptable a class holding information about a directory index.
... netwerk/streamconv/public/nsidirindex.idlscriptable a class holding information about a directory index.
...And 8 more matches
nsIHttpServer
eturn { get objectname () { return "webserver"; }, /** * @param integer|string port port or "host:port" * @param object opt optional options.
...ot supported) * @param function callback optional callback */ listen: function(port, opt, callback) { if (arguments.length == 2 && "function" == typeof opt) { callback = opt; } if (callback) { this.registerprefixhandler("/", callback); } let host = "localhost"; if (typeof port === "string" && port.indexof(':') != -1){ [host, port] = port.split(':'); port = parseint(port); server.identity.add('http', host, port); } server.wrappedjsobject._start(port, host); return true; }, registerfile: function(path, filepath) { var file = components.classes['@mozilla...
...* another directory); if null, any current mapping for the given path is * removed * @throws ns_error_invalid_arg * if dir is non-null and does not exist or is not a directory, or if path * does not begin with and end with a forward slash */ void registerdirectory(in string path, in nsifile dir); /** * associates files with the given extension with the given content-type when * served by this server, in the absence of any file-specific information * about the desired content-type.
...And 8 more matches
nsISocketTransport
not start on its own.
...o notification to the event sink (if set).
...sportservice.createtransport() method overview prnetaddr getpeeraddr(); native code only!
...And 8 more matches
nsIXPConnect
ajscontext, out nsixpcsecuritymanager amanager, out pruint16 flags); nsixpconnectwrappednative getwrappednativeofjsobject(in jscontextptr ajscontext, in jsobjectptr ajsobj); nsixpconnectwrappednative getwrappednativeofnativeobject(in jscontextptr ajscontext, in jsobjectptr ascope, in nsisupports acomobj, in nsiidref aiid); nsixpconnectjsobjectholder getwrappednativeprototype(in jscontextptr ajscontext, in jsobjectptr ascope, in nsiclassinfo aclassinfo); jsval getwrapperforobject(in jscontextptr ajscontext, in jsobjectptr aobject, in jsobjectptr ascope, in nsiprincipal aprincipal, in unsigned long afilenameflags); native code only!
...er(in voidptr aholder); native code only!
...ectptr aoldscope, in jsobjectptr anewscope); obsolete since gecko 1.9.1 nsixpconnectjsobjectholder reparentwrappednativeiffound(in jscontextptr ajscontext, in jsobjectptr ascope, in jsobjectptr anewparent, in nsisupports acomobj); void restorewrappednativeprototype(in jscontextptr ajscontext, in jsobjectptr ascope, in nsiclassinfo aclassinfo, in nsixpconnectjsobjectholder aprototype); void setdebugmodewhenpossible(in prbool mode); native code only!
...And 8 more matches
UInt64
as javascript doesn't currently include standard support for 64-bit integer values, js-ctypes offers the int64 and uint64 objects to let you work with c functions and data that need (or may need) to use data represented using a 64-bit data type.
...onsist of an optional minus sign, followed by either a decimal number or "0x" or "0x" followed by a hexadecimal number.
...hi(a); uint64 join(high, low); number lo(a); string tosource(); string tostring([radix]); methods compare() compares two 64-bit integer values.
...And 8 more matches
Examine and edit CSS - Firefox Developer Tools
ent): element {} rule the element {} rule at the top of the rules list isn't actually a css rule.
...le at the top of the rules list isn't actually a css rule.
...sents the css properties assigned to the element via its style attribute.
...And 8 more matches
DataTransfer.setData() - Web APIs
the datatransfer.setdata() method sets the drag operation's drag data to the specified data and type.
... the datatransfer.setdata() method sets the drag operation's drag data to the specified data and type.
... the datatransfer.setdata() method sets the drag operation's drag data to the specified data and type.
...And 8 more matches
DataTransferItemList.add() - Web APIs
the datatransferitemlist.add() method creates a new datatransferitem using the specified data and adds it to the drag data list.
... the datatransferitemlist.add() method creates a new datatransferitem using the specified data and adds it to the drag data list.
...m using the specified data and adds it to the drag data list.
...And 8 more matches
HTMLButtonElement - Web APIs
element, then the attribute can be the id of any form element in the same document it is related to, or the null value if none matches.
...the id of any form element in the same document it is related to, or the null value if none matches.
...tonelement.formaction is a domstring reflecting the uri of a resource that processes information submitted by the button.
...And 8 more matches
HTMLFormElement - Web APIs
htmlformelement.target a domstring reflecting the value of the form's target html attribute, indicating where to display the results received from submitting the form.
...ue of the form's target html attribute, indicating where to display the results received from submitting the form.
...te, indicating where to display the results received from submitting the form.
...And 8 more matches
HTMLInputElement.stepUp() - Web APIs
the htmlinputelement.stepup() method increments the value of a numeric type of <input> element by the value of the step attribute, or the default step value if the step attribute is not explicitly set.
... the htmlinputelement.stepup() method increments the value of a numeric type of <input> element by the value of the step attribute, or the default step value if the step attribute is not explicitly set.
...f the step attribute, or the default step value if the step attribute is not explicitly set.
...And 8 more matches
HTMLObjectElement - Web APIs
th of a border around the object.
...element.code is a domstring representing the name of an applet class file, containing either the applet's subclass, or the path to get to the class, including the class file itself.
...the name of an applet class file, containing either the applet's subclass, or the path to get to the class, including the class file itself.
...And 8 more matches
MSManipulationEvent.initMSManipulationEvent() - Web APIs
entations and the behavior may change in the future.
...s used to create a msmanipulationevent that can be called from javascript.
...te a msmanipulationevent that can be called from javascript.
...And 8 more matches
MediaSource.addSourceBuffer() - Web APIs
the addsourcebuffer() method of the mediasource interface creates a new sourcebuffer of the given mime type and adds it to the mediasource's sourcebuffers list.
... the addsourcebuffer() method of the mediasource interface creates a new sourcebuffer of the given mime type and adds it to the mediasource's sourcebuffers list.
... the addsourcebuffer() method of the mediasource interface creates a new sourcebuffer of the given mime type and adds it to the mediasource's sourcebuffers list.
...And 8 more matches
Media Capabilities API - Web APIs
treaming, and access to display property information.
...ormation.
... } }; navigator.mediacapabilities.decodinginfo(audiofileconfiguration).then(result => { console.log('this configuration is ' + (result.supported ?
...And 8 more matches
RTCIceCandidate - Web APIs
ute as defined in rfc 5245.
... only a domstring which indicates whether the candidate is an rtp or an rtcp candidate; its value is either "rtp" or "rtcp", and is derived from the "component-id" field in the candidate a-line string.
...multiple rtcicetransport objects.
...And 8 more matches
RTCSessionDescription - Web APIs
the rtcsessiondescription interface describes one end of a connection—or potential connection—and how it's configured.
... peers involves exchanging rtcsessiondescription objects back and forth, with each description suggesting one combination of connection configuration options that the sender of the description supports.
...tcsessiondescription objects back and forth, with each description suggesting one combination of connection configuration options that the sender of the description supports.
...And 8 more matches
format - Web APIs
n css2([css2], section15.3.5), then its value is the corresponding <string> parameter of the font.
...n15.3.5), then its value is the corresponding <string> parameter of the font.
...ue is the corresponding <string> parameter of the font.
...And 8 more matches
SVGComponentTransferFunctionElement - Web APIs
f8" stroke="#d4dde4" stroke-width="2px" /><text x="306" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgcomponenttransferfunctionelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_fecomponenttransfer_type_unknown 0 the type is not one of predefined types.
...mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgcomponenttransferfunctionelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_fecomponenttransfer_type_unknown 0 the type is not one of predefined types.
...gnment-baseline="middle">svgcomponenttransferfunctionelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_fecomponenttransfer_type_unknown 0 the type is not one of predefined types.
...And 8 more matches
WebGLRenderingContext.vertexAttribPointer() - Web APIs
the webglrenderingcontext.vertexattribpointer() method of the webgl api binds the buffer currently bound to gl.array_buffer to a generic vertex attribute of the current vertex buffer object and specifies its layout.
...bound to gl.array_buffer to a generic vertex attribute of the current vertex buffer object and specifies its layout.
...ic vertex attribute of the current vertex buffer object and specifies its layout.
...And 8 more matches
WebRTC API - Web APIs
ed by the rtcpeerconnection interface.
...file transfers, or even as a primary channel for data transfer.
...ta between the two peers.
...And 8 more matches
WebRTC Statistics API - Web APIs
data.
...>${statname}:</strong> ${report[statname]}<br>\n`; }); } }); document.queryselector(".stats-box").innerhtml = statsoutput; }); } when the promise returned by getstats() is fulfilled, the resolution handler receives as input an rtcstatsreport object containing the statistics information.
...; } }); document.queryselector(".stats-box").innerhtml = statsoutput; }); } when the promise returned by getstats() is fulfilled, the resolution handler receives as input an rtcstatsreport object containing the statistics information.
...And 8 more matches
XRPermissionDescriptor.optionalFeatures - Web APIs
site would like to use but can operate without if permission isn't granted to use them.
...to use but can operate without if permission isn't granted to use them.
...list; optfeaturelist = xrpermissiondescriptor.optionalfeatures; value an array of strings taken from the xrreferencespacetype enumerated type, indicating set of features that your app would like to use, but can operate without if permission to use them isn't available.
...And 8 more matches
Web APIs
Web › API
when writing code for the web, there are a large number of web apis available.
...vents push api rresize observer apiresource timing apisserver sent eventsservice workers apistoragestorage access apistreams ttouch eventsuurl apivvibration apivisual viewport wweb animationsweb audio apiweb authentication apiweb crypto apiweb notificationsweb storage apiweb workers apiwebglwebrtcwebvttwebxr device apiwebsockets api interfaces this is a list of all the interfaces (that is, types of objects) that are available.
...ransferitem datatransferitemlist dedicatedworkerglobalscope delaynode deprecationreportbody devicelightevent devicemotionevent devicemotioneventacceleration devicemotioneventrotationrate deviceorientationevent deviceproximityevent directoryentrysync directoryreadersync displaymediastreamconstraints document documentfragment documentorshadowroot documenttimeline documenttouch documenttype doublerange dragevent dynamicscompressornode e ext_blend_minmax ext_color_buffer_float ext_color_buffer_half_float ext_disjoint_timer_query ext_float_blend ext_frag_depth ext_srgb ext_shader_texture_lod ext_texture_compression_bptc ext_texture_compression_rgtc ext_texture_filter_anisotropic eckeygenparams eckeyimportparams ecdhkeyderiveparams ecdsaparams effecttiming element elementcssinlinest...
...And 8 more matches
@media - CSS: Cascading Style Sheets
Web › CSS › @media
itional group at-rule.
... at-rule.
...rem 3rem; } } /* nested within another conditional at-rule */ @supports (display: flex) { @media screen and (min-width: 900px) { article { display: flex; } } } for a discussion of media query syntax, please see using media queries.
...And 8 more matches
Border-radius generator - CSS: Cascading Style Sheets
lect: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; float: right; } javascript content 'use strict'; /** * ui-inputslidermanager */ var inputslidermanager = (function inputslidermanager() { var subscribers = {}; var sliders = []; var inputcomponent = function inputcomponent(obj) { var input = document.createelement('input'); input.setattribute('type', 'text'); input.addeventlistener('click', function(e) { this.select(); }); input.addeventlistener('change', function(e) { var value = parseint(e.target.value); if (isnan(value) === true) setvalue(obj.topic, obj.value); else setvalue(obj.topic, value); }); subscribe(obj.topic, function(value) { input.value = value + obj.unit; }); return input; } var sl...
...) { var topic = node.getattribute('data-topic'); var state = node.getattribute('data-state'); var name = node.getattribute('data-label'); var align = node.getattribute('data-text-on'); state = (state === "true"); var checkbox = document.createelement("input"); var label = document.createelement("label"); var id = 'checkbox-' + topic; checkbox.id = id; checkbox.setattribute('type', 'checkbox'); checkbox.checked = state; label.setattribute('for', id); if (name) { label.classname = 'text'; if (align) label.classname += ' ' + align; label.textcontent = name; } node.appendchild(checkbox); node.appendchild(label); this.node = node; this.topic = topic; this.checkbox = checkbox; checkbox.addeventlistener('change', function(e) { notify.call...
...{ this.container = document.createelement("div"); this.select = document.createelement("select"); for (var i in units) { var option = document.createelement("option"); option.value = i; option.textcontent = units[i]; this.select.appendchild(option); } this.container.classname = 'dropdown ' + 'unit-' + topic; this.container.appendchild(this.select); } unitselector.prototype.setvalue = function setvalue(value) { this.salect.value = value; } var radiuscontainer = function radiuscontainer(node) { var radius = document.createelement('div'); var handle = document.createelement('div'); var x = node.getattribute('data-x'); var y = node.getattribute('data-y'); var active = false; this.id = node.id; this.node = node; this.radius = radius; this.handle...
...And 8 more matches
CSS reference - CSS: Cascading Style Sheets
Web › CSS › Reference
use this css reference to browse an alphabetical index of all of the standard css properties, pseudo-classes, pseudo-elements, data types, and at-rules.
... use this css reference to browse an alphabetical index of all of the standard css properties, pseudo-classes, pseudo-elements, data types, and at-rules.
... basic rule syntax style rule syntax style-rule ::= selectors-list { properties-list } ...
...And 8 more matches
list-style - CSS: Cascading Style Sheets
plied to list items, i.e., elements with display: list-item; .
...s, i.e., elements with display: list-item; .
...d, it can be set on a parent element (normally <ol> or <ul>) to make the same list styling apply to all the items inside.
...And 8 more matches
Creating a cross-browser video player - Developer guides
ideo first of all the <video> element is defined, contained within a <figure> element that acts as the video container.
...ent that acts as the video container.
...<video> element, there should be nothing here that surprises you.
...And 8 more matches
HTML attribute: readonly - HTML: Hypertext Markup Language
attribute, when present, makes the element not mutable, meaning the user can not edit the control.
...edit the control.
...e is supported by text, search, url, tel, email, password, date, month, week, time, datetime-local, and number<input> types and the <textarea> form control elements.
...And 8 more matches
<menu> - HTML: Hypertext Markup Language
Web › HTML › Element › menu
nubar, none, presentation, radiogroup, tablist, toolbar or tree dom interface htmlmenuelement attributes this element includes the global attributes.
...n one of two ways: either as an unordered list of items represented by <li> elements (each representing a command or option the user can utilize), or (if there are no <li> elements), flow content describing the available commands and options.
...ons.
...And 8 more matches
<object> - HTML: Hypertext Markup Language
Web › HTML › Element › object
e width of a border around the control, in pixels.
....
... in place of, the data attribute.
...And 8 more matches
<ol>: The Ordered List element - HTML: Hypertext Markup Language
Web › HTML › Element › ol
oup, tablist, toolbar, tree dom interface htmlolistelement attributes this element also accepts the global attributes.
... reversed this boolean attribute specifies that the list’s items are in reverse order.
... attribute specifies that the list’s items are in reverse order.
...And 8 more matches
Configuring servers for Ogg media - HTTP
html <audio> and <video> elements allow media presentation without the need for the user to install any plug-ins or other software to do so.
...ents allow media presentation without the need for the user to install any plug-ins or other software to do so.
...erver configuration changes that may be necessary for your web server to correctly serve ogg media files.
...And 8 more matches
Content-Security-Policy - HTTP
tent-security-policy response header allows web site administrators to control resources the user agent is allowed to load for a given page.
...introductory article on content security policy (csp).
...le-src-attr specifies valid sources for inline styles applied to individual dom elements.
...And 8 more matches
POST - HTTP
Web › HTTP › Methods › POST
the http post method sends data to the server.
... the http post method sends data to the server.
...d by the content-type header.
...And 8 more matches
RangeError - JavaScript
the rangeerror object indicates an error when a value is not in the set or range of allowed values.
... is thrown when trying to pass a value as an argument to a function that does not allow a range that includes the value.
...alue as an argument to a function that does not allow a range that includes the value.
...And 8 more matches
delete operator - JavaScript
pression should evaluate to a property reference, e.g.: delete object.property delete object['property'] parameters object the name of an object, or an expression evaluating to an object.
... for more details.
...on successful deletion, it will return true, else false will be returned.
...And 8 more matches
for...in - JavaScript
variable in object) statement variable a different property name is assigned to variable on each iteration.
... statement variable a different property name is assigned to variable on each iteration.
....in loop only iterates over enumerable, non-symbol properties.
...And 8 more matches
Media - Progressive web apps (PWAs)
css is to specify how content is presented to the user.
...the user.
...ne form.
...And 8 more matches
The building blocks of responsive design - Progressive web apps (PWAs)
basics.
... background-color: 0; } this first block resets a number of different things from the widescreen layouts that were't required for the mobile app.
...ttons are pressed.
...And 8 more matches
values - SVG: Scalable Vector Graphics
Web › SVG › Attribute › values
the values attribute has different meanings, depending upon the context where itʼs used, either it defines a sequence of values used over the course of an animation, or itʼs a list of numbers for a color matrix, which is interpreted differently depending on the type of color change to be performed.
...atetransform>, values is a list of values defining the sequence of values over the course of the animation.
...ored.
...And 8 more matches
<pattern> - SVG: Scalable Vector Graphics
Web › SVG › Element › pattern
efs> <pattern id="star" viewbox="0,0,10,10" width="10%" height="10%"> <polygon points="0,0 2,5 0,10 5,8 10,10 8,5 10,0 5,2"/> </pattern> </defs> <circle cx="50" cy="50" r="50" fill="url(#star)"/> <circle cx="180" cy="50" r="40" fill="none" stroke-width="20" stroke="url(#star)"/> </svg> attributes height this attribute determines the height of the pattern tile.
... cy="50" r="50" fill="url(#star)"/> <circle cx="180" cy="50" r="40" fill="none" stroke-width="20" stroke="url(#star)"/> </svg> attributes height this attribute determines the height of the pattern tile.
... attribute determines the height of the pattern tile.
...And 8 more matches
<radialGradient> - SVG: Scalable Vector Graphics
org/1999/xlink"> <defs> <radialgradient id="mygradient"> <stop offset="10%" stop-color="gold" /> <stop offset="95%" stop-color="red" /> </radialgradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg> attributes cx this attribute defines the x coordinate of the end circle of the radial gradient.
...ed" /> </radialgradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg> attributes cx this attribute defines the x coordinate of the end circle of the radial gradient.
...nt.
...And 8 more matches
Adding menus and submenus - Archive of obsolete content
="&xulschoolhello.greet.long.label;" oncommand="xulschoolchrome.greetingdialog.greetinglong(event);" /> <menuseparator /> <menuitem label="&xulschoolhello.greet.custom.label;" oncommand="xulschoolchrome.greetingdialog.greetingcustom(event);" /> </menupopup> </menu> </menubar> </toolbox> this code displays a simple menu with options for 3 different types of greetings, a menuseparator, and finally an option to show a custom greeting.
...m.label;" oncommand="xulschoolchrome.greetingdialog.greetingcustom(event);" /> </menupopup> </menu> </menubar> </toolbox> this code displays a simple menu with options for 3 different types of greetings, a menuseparator, and finally an option to show a custom greeting.
...ur overlay code should have something like this: <menupopup id="menu_toolspopup"> <menu id="xulschoolhello-hello-menu" label="&xulschoolhello.hello.label;" accesskey="&xulschoolhello.hellomenu.accesskey;" insertafter="javascriptconsole,devtoolsseparator"> <menupopup> <!-- your menuitem goes here.
...And 7 more matches
Appendix D: Loading Scripts - Archive of obsolete content
an onload attribute.) example the following overlay will load the script “overlay.js” from the same directory as the overlay file into the window which it overlays.
... into the window which it overlays.
...cluding the url, line number, and javascript version of the file from which the code being evaluated was extracted.
...And 7 more matches
Frequently Asked Questions - Archive of obsolete content
actually the second binding isn't always required, but unless you understand namespaces, we'd strongly recommend you include it.
...e is displayed without a gray area at the top, or if you just see gibberish, then the problem is server misconfiguration.
...n you try to load svg files from some websites you may get a dialogue asking you "what should firefox do with this file?".
...And 7 more matches
Building Menus With Templates - Archive of obsolete content
» menus may be generated using a template in the same manner as other elements.
... a template in the same manner as other elements.
... menu, or a script opens the menu.
...And 7 more matches
Using Recursive Templates - Archive of obsolete content
« previousnext » you may recall that templates generate content recursively.
...e"/> <person name="julius caesar"/> <person name="ferdinand magellan"/> </group> <group name="female"> <person name="cleopatra"/> <person name="laura secord"/> </group> </people> we could display this data in a flat list by using the right query: <query expr="group/person/"> or, we could display one level for the two groups, and use another level for each person.
...n name="ferdinand magellan"/> </group> <group name="female"> <person name="cleopatra"/> <person name="laura secord"/> </group> </people> we could display this data in a flat list by using the right query: <query expr="group/person/"> or, we could display one level for the two groups, and use another level for each person.
...And 7 more matches
More Menu Features - Archive of obsolete content
have menu items that have checks on them.
... have checks on them.
...a similar way to the checkbox and radio elements.
...And 7 more matches
caption - Archive of obsolete content
mplex caption.
...ples <groupbox> <caption label="my groupbox"/> </groupbox> <groupbox flex="1"> <caption> <checkbox label="a checked groupbox"/> </caption> </groupbox> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
...r cropped.
...And 7 more matches
toolbox - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a container for toolbars.
...lbars property.
... 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 accessible type: nsiaccessible returns the accessibility object for the element.
...And 7 more matches
NPAPI plugin reference - Archive of obsolete content
pter describes methods in the plug-in api that are provided by the browser; these allow call back to the browser to request information, tell the browser to repaint part of the window, and so forth.
...owser to request information, tell the browser to repaint part of the window, and so forth.
...nce of an npclass (i.e.
...And 7 more matches
Introduction to Public-Key Cryptography - Archive of obsolete content
e-issuing server software (such as red hat certificate system).
...r to claim later not to have sent the email or the form.
...ions that follow contrast two forms of client authentication: password-based authentication.
...And 7 more matches
Processing XML with E4X - Archive of obsolete content
on for javascript embedded in a page to be surrounded by html comment tags to prevent <script> unaware browsers from displaying javascript code to the user.
...cy code.
...t type="text/javascript;e4x=1"> ...
...And 7 more matches
The global XML object - Archive of obsolete content
« previous the global xml object e4x-capable javascript engines put a new property on the global object.
... « previous the global xml object e4x-capable javascript engines put a new property on the global object.
... « previous the global xml object e4x-capable javascript engines put a new property on the global object.
...And 7 more matches
Implementation Status - Archive of obsolete content
4.8.2 rebuild() supported 4.8.3 recalculate() supported 4.8.4 revalidate() supported 4.8.5 refresh() supported 4.9 feature string for the hasfeature method call supported 5.
... 4.8.4 revalidate() supported 4.8.5 refresh() supported 4.9 feature string for the hasfeature method call supported 5.
...sh() supported 4.9 feature string for the hasfeature method call supported 5.
...And 7 more matches
Accessible multimedia - Learn web development
o and video controls implementing controls for web-based audio/video shouldn't be a problem, right?
...for web-based audio/video shouldn't be a problem, right?
...t allow you to control the media straight out of the box.
...And 7 more matches
CSS selectors - Learn web development
previous overview: building blocks next in css, selectors are used to target the html elements on our web pages that we want to style.
...u group selectors in this way, if any selector is invalid the whole rule will be ignored.
....
...And 7 more matches
CSS property compatibility table for form controls - Learn web development
rty across browsers.
...this property is supported inconsistently across browsers and you should avoid it.
... to be able to apply this property to search fields.
...And 7 more matches
HTML text fundamentals - Learn web development
ht: 50px;"> </div> <h2>editable code</h2> <p class="a11y-label">press esc to move focus away from the code area (tab inserts a tab character).</p> <textarea id="code" class="input" style="min-height: 100px; width: 95%">my short story i am a statistician and my name is trish.
..."a11y-label">press esc to move focus away from the code area (tab inserts a tab character).</p> <textarea id="code" class="input" style="min-height: 100px; width: 95%">my short story i am a statistician and my name is trish.
...scribed above.
...And 7 more matches
Build your own function - Learn web development
in building a custom function, and explain a few more useful associated details.
...ry including the following line below your function to call it: displaymessage(); this line invokes the function, making it run immediately.
...roving the function with parameters as it stands, the function is still not very useful — we don't want to just show the same default message every time.
...And 7 more matches
Client-side storage - Learn web development
nsisting of a name and a corresponding value.
...tem() method allows you to save a data item in storage — it takes two parameters: the name of the item, and its value.
...turns the item's value.
...And 7 more matches
Third-party APIs - Learn web development
he other hand, are located on third party servers.
...zoom: 12 }); here we are creating a variable to store the map information in, then creating a new map using the mapquest.map() method, which takes as its parameters the id of a <div> element you want to display the map in ('map'), and an options object containing the details of the particular map we want to display.
...mapquest developer site, create an account, and then create a developer key to use with your example.
...And 7 more matches
What went wrong? Troubleshooting JavaScript - Learn web development
is article aims to save you from tearing your hair out over such problems by providing you with some tips on how to find and fix errors in javascript programs.
...ith some tips on how to find and fix errors in javascript programs.
... that program runs successfully but gives incorrect results.
...And 7 more matches
Server-side web frameworks - Learn web development
rmation as "post data" within the body of the request.
...nal mapper (orm).
...hat data is stored in the correct type of database field, has the correct format (e.g.
...And 7 more matches
Encrypt Decrypt MAC Keys As Session Objects
"-----begin mackey ckaid-----" #define mackey_trailer "-----end mackey ckaid-----" #define iv_header "-----begin iv-----" #define iv_trailer "-----end iv-----" #define mac_header "-----begin mac-----" #define mac_trailer "-----end mac-----" #define pad_header "-----begin pad-----" #define pad_trailer "-----end pad-----" typedef enum { encrypt, decrypt, unknown } commandtype; typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } headertype; /* * print usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -c -d [-z ] " "[-p | -f ] -i -o \n\n", progname); fprintf(stderr, "%-20s specify '...
...nd .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_type mechanism, int keysize, secitem *k...
... 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 rv; } /* * writetoheaderfile */ secstatus writetoheaderfile(const char *buf, unsigned int len, headertype type, prfiledesc *outfile) { secstatus rv; char header[40]; char trailer[40]; char *outstring = null; switch (type) { case symkey: strcpy(header, enckey_header); strcpy(trailer, enckey_trailer); break; case mackey: strcpy(header, mackey_header); strcpy(trailer, mackey_trailer);...
...And 7 more matches
Encrypt and decrypt MAC using token
"-----begin mackey ckaid-----" #define mackey_trailer "-----end mackey ckaid-----" #define iv_header "-----begin iv-----" #define iv_trailer "-----end iv-----" #define mac_header "-----begin mac-----" #define mac_trailer "-----end mac-----" #define pad_header "-----begin pad-----" #define pad_trailer "-----end pad-----" typedef enum { encrypt, decrypt, unknown } commandtype; typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } headertype; /* * print usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -c -d [-z ] " "[-p | -f ] -i -o \n\n", progname); fprintf(stderr, "%-20s specify '...
...nd .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_type mechanism, int keysize, secitem *k...
... 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 rv; } /* * writetoheaderfile */ secstatus writetoheaderfile(const char *buf, unsigned int len, headertype type, prfiledesc *outfile) { secstatus rv; char header[40]; char trailer[40]; char *outstring = null; switch (type) { case symkey: strcpy(header, enckey_header); strcpy(trailer, enckey_trailer); break; case mackey: strcpy(header, mackey_header); strcpy(trailer, mackey_trailer);...
...And 7 more matches
NSS 3.35 release notes
ewer.
...re available on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_35_rtm/src/ new in nss 3.35 new functionality tls 1.3 support has been updated to draft -23.
...e on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_35_rtm/src/ new in nss 3.35 new functionality tls 1.3 support has been updated to draft -23.
...And 7 more matches
Hashing - sample 1
e 1: hashing.
...his source code form is subject to the terms of the mozilla public * license, v.
... pr_fprintf(out, "%02x", data[i]); column += 2; break; } if (column > 76 || (i % 16 == limit)) { newline(out); column = level; limit = i % 16; } } if (column != level) { newline(out); } } /* * prints a usage message and exits */ static void usage(const char *progname) { int htype; int hash_algtotal = sizeof(hash_names) / sizeof(hash_names[0]); fprintf(stderr, "usage: %s -t type [ < input ] [ > output ]\n", progname); fprintf(stderr, "%-20s specify the digest method (must be one of\n", "-t type"); fprintf(stderr, "%-20s ", ""); for (htype = 0; htype < hash_algtotal; htype++) { fprintf(stderr, hash_names[htype].hashname); if...
...And 7 more matches
EncDecMAC using token object - sample 3
--" #define enckey_trailer "-----end aeskey ckaid-----" #define mackey_header "-----begin mackey ckaid-----" #define mackey_trailer "-----end mackey ckaid-----" #define iv_header "-----begin iv-----" #define iv_trailer "-----end iv-----" #define mac_header "-----begin mac-----" #define mac_trailer "-----end mac-----" #define pad_header "-----begin pad-----" #define pad_trailer "-----end pad-----" typedef enum { encrypt, decrypt, unknown } commandtype; typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } headertype; /* * print usage message and exit */ static void usage(const char *progname) { fprintf(stderr, "\nusage: %s -c -d [-z ] " "[-p | -f ] -i -o \n\n", progname); fprintf(stderr, "%-20s specify 'a' for encrypt operation\n\n", "-c "); fprintf(stderr, "%-20s specify 'b' for de...
...le 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_type mechanism, int keysize, secitem *keyid, secupwdata *pwdata) { secstatus rv; pk11symkey *k...
...nsigned 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 rv; } /* * writetoheaderfile */ secstatus writetoheaderfile(const char *buf, unsigned int len, headertype type, prfiledesc *outfile) { secstatus rv; char header[40]; char trailer[40]; char *outstring = null; switch (type) { case symkey: strcpy(header, enckey_header); strcpy(trailer, enckey_trailer); break; case mackey: strcpy(header, mackey_header); strcpy(trailer, mackey_trailer); break; case iv: strcpy(header, iv_header); strcpy(trailer, iv_trailer); break; case mac: strcpy(header, mac_header); str...
...And 7 more matches
sample1
1.
... 1.
..._fprintf(out, "%02x", data[i]); column += 2; break; } if (column > 76 || (i % 16 == limit)) { newline(out); column = level; limit = i % 16; } } if (column != level) { newline(out); } } /* prints a usage message and exits */ static void usage(const char *progname) { int htype; int hash_algtotal = sizeof(hash_names) / sizeof(hash_names[0]); fprintf(stderr, "usage: %s -t type [ < input ] [ > output ]\n", progname); fprintf(stderr, "%-20s specify the digest method (must be one of\n", "-t type"); fprintf(stderr, "%-20s ", ""); for (htype = 0; htype < hash_algtotal; htype++) { fprintf(stderr, hash_names[htype].hashname); ...
...And 7 more matches
NSS tools : pk12util
certificates in pkcs#12 file.
...he entire package.
...c with pkcs#12, the crypto provider may be the soft token module or an external hardware module.
...And 7 more matches
NSS Tools crlutil
sses certificate revocation list management.
... -g create new certificate revocation list(crl).
...fy, or validate.
...And 7 more matches
NSS Tools modutil
ecessary to generate and manage certificates and the certificate database.
... this example creates a set of security management database files in the specified directory: modutil -create -dbdir c:\databases the security module database tool displays a warning: warning: performing this operation while communicator is running couldcause corruption of your security databases.
...--------name: netscape internal pkcs #11 modulelibrary 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 certificat...
...And 7 more matches
NSS tools : pk12util
cs#12 file.
...age.
...cs#12, the crypto provider may be the soft token module or an external hardware module.
...And 7 more matches
JS::MutableHandle
this article covers features introduced in spidermonkey 17 reference to a t that has been rooted elsewhere.
... js::handle&lt;t&gt; and includes a |set(const t &v)| method to allow updating the value of the referenced js::rooted&lt;t&gt;.
...s a |set(const t &v)| method to allow updating the value of the referenced js::rooted&lt;t&gt;.
...And 7 more matches
Replace
« xpcom api reference summary the replace family of functions sets the value of a string's internal buffer.
... « xpcom api reference summary the replace family of functions sets the value of a string's internal buffer.
... « xpcom api reference summary the replace family of functions sets the value of a string's internal buffer.
...And 7 more matches
Replace
« xpcom api reference summary the replace family of functions sets the value of a string's internal buffer.
... « xpcom api reference summary the replace family of functions sets the value of a string's internal buffer.
... « xpcom api reference summary the replace family of functions sets the value of a string's internal buffer.
...And 7 more matches
nsIDownloadManager
erits from: nsisupports last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) implemented by: @mozilla.org/download-manager;1.
...wnloadsbytimeframe(in long long abegintime, in long long aendtime); void removelistener(in nsidownloadprogresslistener alistener); void resumedownload(in unsigned long aid); void retrydownload(in unsigned long aid); void savestate(); obsolete since gecko 1.8 void startbatchupdate(); obsolete since gecko 1.9.1 attributes attribute type description activedownloadcount long the number of files currently being downloaded.
... that a file is infected and cannot be cleaned.
...And 7 more matches
nsIDragService
y); native code only!
...aeventmessage); native code only!
...nwithimage(in nsidomnode adomnode, in nsisupportsarray atransferablearray, in nsiscriptableregion aregion, in unsigned long aactiontype, in nsidomnode aimage, in long aimagex, in long aimagey, in nsidomdragevent adragevent, in nsidomdatatransfer adatatransfer); void invokedragsessionwithselection(in nsiselection aselection, in nsisupportsarray atransferablearray, in unsigned long aactiontype, in nsidomdragevent adragevent, in nsidomdatatransfer adatatransfer); void startdragsession( ) ; void suppress(); void unsuppress(); constants constant value description dragdrop_action_none 0 no action.
...And 7 more matches
nsIJumpListItem
widget/public/nsijumplistitem.idlscriptable implements windows 7 taskbar jump list item interfaces.
...widget/public/nsijumplistitem.idlscriptable implements windows 7 taskbar jump list item interfaces.
...onkey 2.1) note: to consumers: it's reasonable to expect we'll need support for other types of jump list items (an audio file, an email message, etc.).
...And 7 more matches
nsIProtocolProxyService
zilla.org/network/protocol-proxy-service;1"] .getservice(components.interfaces.nsiprotocolproxyservice); method overview deprecated since gecko 18 nsiproxyinfo resolve(in nsiuri auri, in unsigned long aflags); nsicancelable asyncresolve(in nsiuri auri, in unsigned long aflags,in nsiprotocolproxycallback acallback); nsiproxyinfo newproxyinfo(in acstring atype, in autf8string ahost,in long aport, in unsigned long aflags, in unsigned long afailovertimeout, in nsiproxyinfo afailoverproxy); nsiproxyinfo getfailoverforproxy(in nsiproxyinfo aproxyinfo, in nsiuri auri, in nsresult areason); void registerfilter(in nsiprotocolproxyfilter afilter, in unsigned long aposition); void unregisterfilter(in nsiprotocolproxyfilter afilter); ...
..., getfailoverforproxy() may be called to determine the correct secondary proxy to be used.
...lags a bit-wise combination of the resolve_ flags defined above.
...And 7 more matches
Examples
these examples demonstrate how to use js-ctypes.
... these examples demonstrate how to use js-ctypes.
... these examples demonstrate how to use js-ctypes.
...And 7 more matches
Initialization and Destruction - Plugins
all instances of your plug-in.
...e 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.
...e page contains multiple embedded plug-ins, or if several browser windows are open and display the same data type.
...And 7 more matches
Debugger - Firefox Developer Tools
the debugger object when called as a constructor, the debugger object creates a new debugger instance.
...he debugger object when called as a constructor, the debugger object creates a new debugger instance.
...hose message blames the debugger, and includes textual descriptions ofuncaught-hook-exception and the originaldebugger-exception.
...And 7 more matches
BlobBuilder - Web APIs
blob() to retrieve a blob containing the data you sent into the blob builder.
...note: the blobbuilder interface has been deprecated in favor of the newly introduced blob constructor.
...o the blob being constructed.
...And 7 more matches
Using the CSS Painting API - Web APIs
or in an external javascript file linked to from the document.
...m 9</li> <li>item 10</li> <li>item 11</li> <li>item 12</li> <li>item 13</li> <li>item 14</li> <li>item 15</li> <li>item 16</li> <li>item 17</li> <li>item</li> </ul> css.paintworklet.addmodule('https://mdn.github.io/houdini-examples/csspaint/intro/worklets/boxbg.js'); li { background-image: paint(boxbg); --boxcolor: hsla(55, 90%, 60%, 1.0); } li:nth-of-type(3n) { --boxcolor: hsla(155, 90%, 60%, 1.0); --widthsubtractor: 20; } li:nth-of-type(3n+1) { --boxcolor: hsla(255, 90%, 60%, 1.0); --widthsubtractor: 40; } in our worklet, we can reference those custom properties.
... paint(ctx, size, props, args) { // use our custom arguments const hasstroke = args[0].tostring(); // if stroke arg is 'stroke', don't fill if (hasstroke === 'stroke') { ctx.fillstyle = 'transparent'; ctx.strokestyle = colour; } ...
...And 7 more matches
DataTransfer.items - Web APIs
he operation and if the operation had no items, the list is empty.
...operation had no items, the list is empty.
...t = datatransfer.items; return value a datatransferitemlist object containing datatransferitem objects representing the items being dragged in a drag operation, one list item for each object being dragged.
...And 7 more matches
EventTarget - Web APIs
"30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">eventtarget</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor eventtarget() creates a new eventtarget object instance.
...e on the eventtarget.
...vent listener from the eventtarget.
...And 7 more matches
Basic concepts - Web APIs
ey concepts.
...st by the web community.
...ons section.
...And 7 more matches
Node - Web APIs
Web › API › Node
the dom node interface is an abstract base class upon which many other dom api objects are based, thus letting those object types to be used similarly and often interchangeably.
...class, there is no such thing as a plain node object.
...data (which text, comment, and cdatasection are all based on), processinginstruction, documenttype, notation, entity, and entityreference.
...And 7 more matches
PerformanceEntry - Web APIs
gle performance metric that is part of the performance timeline.
...ge).
... of the following subtypes: performancemark performancemeasure performanceframetiming performancenavigationtiming performanceresourcetiming performancepainttiming note: this feature is available in web workers.
...And 7 more matches
Performance API - Web APIs
he interfaces support a number of use cases including calculating frame-rates (potentially important in animations) and benchmarking (such as the time to load a resource).
...rtant in animations) and benchmarking (such as the time to load a resource).
... since a platform's system clock is subject to various skews (such as ntp adjustments), the interfaces support a monotonic clock i.e.
...And 7 more matches
RTCRtpCodecParameters - Web APIs
the rtcrtpcodecparameters dictionary, part of the webrtc api, is used to describe the configuration parameters for a single media codec.
...er.setcodecpreferences() to configure a transceiver's codecs before beginning the offer/answer process to establish a webrtc peer connection.
...figure a transceiver's codecs before beginning the offer/answer process to establish a webrtc peer connection.
...And 7 more matches
Using the Resource Timing API - Web APIs
as an xmlhttprequest, <svg>, image, script, etc.).
...s a detailed profile of the resource loading phases and this data can be used to help identify performance bottlenecks.
...ng any applied content-codings.
...And 7 more matches
SVGFEColorMatrixElement - Web APIs
t="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="366" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfecolormatrixelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_fecolormatrix_type_unknown 0 the type is not one of predefined types.
...las,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfecolormatrixelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_fecolormatrix_type_unknown 0 the type is not one of predefined types.
...nchor="middle" alignment-baseline="middle">svgfecolormatrixelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_fecolormatrix_type_unknown 0 the type is not one of predefined types.
...And 7 more matches
SVGPathSeg - Web APIs
svg path segment interface this is a base interface that corresponds to a single command within a path data specification.
...gment interface this is a base interface that corresponds to a single command within a path data specification.
...atic_smooth_abs = 18 pathseg_curveto_quadratic_smooth_rel = 19 normative document svg 1.1 (2nd edition) constants name value description pathseg_unknown 0 the unit type is not one of predefined types.
...And 7 more matches
Using bounded reference spaces - Web APIs
ping their real-world movement into the virtual environment.
... uncomfortable it would feel if you moved 100 meters each time you took a step!
...are that does not have an inherent boundary defined may or may not support the bounded reference space.
...And 7 more matches
XMLHttpRequest.response - Web APIs
the xmlhttprequest response property returns the response's body content as an arraybuffer, blob, document, javascript object, or domstring, depending on the value of the request's responsetype property.
... the xmlhttprequest response property returns the response's body content as an arraybuffer, blob, document, javascript object, or domstring, depending on the value of the request's responsetype property.
...t response property returns the response's body content as an arraybuffer, blob, document, javascript object, or domstring, depending on the value of the request's responsetype property.
...And 7 more matches
Text labels and names - Accessibility
there are many situations in which a control, dialog, or other website feature should be given a descriptive name or label to allow users of assistive technologies to understand what its purpose is and to be able to understand and operate it correctly.
...on of the group.
... out the overall purpose of the group.
...And 7 more matches
Attribute selectors - CSS: Cascading Style Sheets
u could also use hyphenated attributes without double quotes */ div[data-lang="zh-tw"] { color: purple; } html <div lang="en-us en-gb en-au en-nz">hello world!</div> <div lang="pt">olá mundo!</div> <div lang="zh-cn">世界您好!</div> <div lang="zh-tw">世界您好!</div> <div data-lang="zh-tw">世界您好!</div> result html ordered lists the html specification requires the type attribute to be matched case-insensitively due to it primarily being used in the <input> element, trying to use attribute selectors to with the type attribute of an ordered list doesn't work without the case-sensitive modifier.
...<div lang="zh-tw">世界您好!</div> <div data-lang="zh-tw">世界您好!</div> result html ordered lists the html specification requires the type attribute to be matched case-insensitively due to it primarily being used in the <input> element, trying to use attribute selectors to with the type attribute of an ordered list doesn't work without the case-sensitive modifier.
......
...And 7 more matches
<basic-shape> - CSS: Cascading Style Sheets
the <basic-shape> css data type represents a shape used in the clip-path, shape-outside, and offset-path properties.
... the <basic-shape> css data type represents a shape used in the clip-path, shape-outside, and offset-path properties.
...r-radius> value in inset() is computed as an expanded list of all eight <length> or percentage values.
...And 7 more matches
font-variant-alternates - CSS: Cascading Style Sheets
annotation(user-defined-ident); font-variant-alternates: swash(ident1) annotation(ident2); /* global values */ font-variant-alternates: initial; font-variant-alternates: inherit; font-variant-alternates: unset; the @font-feature-values at-rule can define names for alternative glyph functions (stylistic, styleset, character-variant, swash, ornament or annotation), associating the name with opentype parameters.
...es) in the stylesheet.
...in any order.
...And 7 more matches
font-variant-numeric - CSS: Cascading Style Sheets
an take one of two forms: either the keyword value normal or one or more of the other values listed below, space-separated, in any order.
...leads to the deactivation of the use of such alternate glyphs.
...ordn.
...And 7 more matches
Adding captions and subtitles to HTML5 video - Developer guides
for this article we will refer to the text tracks displayed as subtitles, as their content is aimed at hearing people who have difficulty understanding the language of the film, rather than deaf or hard-of-hearing people.
... need to make use of the new html5 <track> element to add our subtitle files to the html5 video.
...ur subtitle files to the html5 video.
...And 7 more matches
The Web Open Font Format (WOFF) - Developer guides
Web › Guide › WOFF
woff (the web open font format) is a web font format developed by mozilla in concert with type supply, letterror, and other organizations.
... woff (the web open font format) is a web font format developed by mozilla in concert with type supply, letterror, and other organizations.
... woff (the web open font format) is a web font format developed by mozilla in concert with type supply, letterror, and other organizations.
...And 7 more matches
HTML attribute: max - HTML: Hypertext Markup Language
Web › HTML › Attributes › max
the element fails constraint validation.
...al to the value of the min attribute.
...l, number and range types, and both the <progress> and <meter> elements, the max attribute is a number that specifies the most positive value a form control to be considered valid.
...And 7 more matches
HTML attribute: pattern - HTML: Hypertext Markup Language
the pattern attribute specifies a regular expression the form control's value should match.
...liditystate object's read-only patternmismatch property will be true.
...ashes should be specified around the pattern text.
...And 7 more matches
A typical HTTP session - HTTP
Web › HTTP › Session
est consists of text directives, separated by crlf (carriage return, followed by line feed), divided into three blocks: the first line contains a request method followed by its parameters: the path of the document, i.e.
... return, followed by line feed), divided into three blocks: the first line contains a request method followed by its parameters: the path of the document, i.e.
...line, this separates the data block from the header block.
...And 7 more matches
CSS Houdini
applying any style updates found in scripts.
... scripts.
... pages covering the apis that fall under the houdini umbrella, along with links to guides to help you if you need guidance in learning how to use them.
...And 7 more matches
constructor - JavaScript
he polygon's width and height super(length, length); // note: in derived classes, `super()` must be called before you // can use `this`.
....5; this.width = value**0.5; } } another example here the prototype of square class is changed—but the constructor of its base class polygon is still called when a new instance of a square is created.
...= value**0.5; } } another example here the prototype of square class is changed—but the constructor of its base class polygon is still called when a new instance of a square is created.
...And 7 more matches
Intl.DisplayNames - JavaScript
e clone https://github.com/mdn/interactive-examples and send us a pull request.
...ic methods intl.displaynames.supportedlocalesof() returns an array containing those of the provided locales that are supported without having to fall back to the runtime's default locale.
...mes.
...And 7 more matches
Symbol.iterator - JavaScript
repository.
...active examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...//github.com/mdn/interactive-examples and send us a pull request.
...And 7 more matches
Symbol.toStringTag - JavaScript
the symbol.tostringtag well-known symbol is a string valued property that is used in the creation of the default string description of an object.
... stored in a github repository.
...he interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...And 7 more matches
WebAssembly.RuntimeError - JavaScript
the webassembly.runtimeerror object is the error type that is thrown whenever webassembly specifies a trap.
... the webassembly.runtimeerror object is the error type that is thrown whenever webassembly specifies a trap.
...bassembly.runtimeerror object is the error type that is thrown whenever webassembly specifies a trap.
...And 7 more matches
Iteration protocols - JavaScript
t new built-ins or syntax, but protocols.
...ly following some conventions.
...ript objects to define or customize their iteration behavior, such as what values are looped over in a for...of construct.
...And 7 more matches
for...of - JavaScript
the for...of statement creates a loop iterating over iterable objects, including: built-in string, array, array-like objects (e.g., arguments or nodelist), typedarray, map, set, and user-defined iterables.
...) { console.log(value); } // 10 // 20 // 30 you can use let instead of const too, if you reassign the variable inside the block.
...into a javascript function: (function() { for (const argument of arguments) { console.log(argument); } })(1, 2, 3); // 1 // 2 // 3 iterating over a dom collection iterating over dom collections like nodelist: the following example adds a read class to paragraphs that are direct descendants of an article: // note: this will only work in platforms that have // implemented nodelist.prototype[symbol.iterator] const articleparagraphs = document.queryselectorall('article > p'); for (const paragraph of articleparagraphs) { paragraph.classlist.add('read'); } closing iterators in for...of loops, abrupt iteration termination can be caused by break, throw or return.
...And 7 more matches
format - SVG: Scalable Vector Graphics
Web › SVG › Attribute › format
ef> context notes value <string> default value none animatable no <string> this value specifies the format of the given font.
... value <string> default value none animatable no <string> this value specifies the format of the given font.
...string> default value none animatable no <string> this value specifies the format of the given font.
...And 7 more matches
<xsl:output> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › output
ctions, xpath functions, xpath axes the <xsl:output> element controls the characteristics of the output document.
..., xpath axes the <xsl:output> element controls the characteristics of the output document.
...cument.
...And 7 more matches
Working with Events - Archive of obsolete content
: listening to built-in events emitted by objects in the sdk, such as tabs opening, pages loading, mouse clicks sending and receiving user-defined events between content scripts and add-on code this guide only covers the first of these; the second is explained in the working with content scripts guide.
...in the sdk, such as tabs opening, pages loading, mouse clicks sending and receiving user-defined events between content scripts and add-on code this guide only covers the first of these; the second is explained in the working with content scripts guide.
..., such as tabs opening, pages loading, mouse clicks sending and receiving user-defined events between content scripts and add-on code this guide only covers the first of these; the second is explained in the working with content scripts guide.
...And 6 more matches
core/namespace - Archive of obsolete content
for objects, which effectively may be used for creating fields that are not part of objects public api.
...are not part of objects public api.
... namespaces can be used with one object: // ./widget.js let { cu } = require('chrome'); let { ns } = require('sdk/core/namespace'); let { view } = require('./view'); // note this is completely independent from view's internal namespace object.
...And 6 more matches
ui/frame - Archive of obsolete content
content is then displayed inside the toolbar.
...nd a couple of <span> elements, and includes a css file to style the content and a javascript script to implement behavior: <!doctype html> <html> <head> <link href="city-info.css" rel="stylesheet"></link> </head> <body> <select name="city" id="city-selector"></select> <span id="time" class="info-element"></span> <span id="weather" class="info-element"></span> <script type="text/javascript" src="city-info.js"></script> </body> </html> if we save this document as "city-info.html" under the add-on's "data" directory, we can create a frame hosting it and add the frame to a toolbar like this: var { frame } = require("sdk/ui/frame"); var { toolbar } = require("sdk/ui/toolbar"); var frame = new frame({ url: "./city-info.html" }); var toolbar = toolbar({ name: ...
...ar is positioned between the address bar and the content window.
...And 6 more matches
LookupNamespaceURI - Archive of obsolete content
kupnamespaceuri.
...ically assigned namespaces (e.g., those set with node.prefix).
...amespaces (e.g., those set with node.prefix).
...And 6 more matches
Displaying web content in an extension without security issues - Archive of obsolete content
ion that needs to display web content (which is always potentially dangerous) will use all of them.
...b content (which is always potentially dangerous) will use all of them.
...tent in firefox, there is a distinction between chrome and content documents.
...And 6 more matches
Making it into a static overlay - Archive of obsolete content
essary when installing an extension like ours.
...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"> <statusbarpanel 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 ...
...omitted, the element will be added as the last child of statusbar, usually before the resizer grippy.
...And 6 more matches
Popup Menus - Archive of obsolete content
« previousnext » in the last section, we looked at creating a menu on a menu bar.
...ries on each platform.
...use button down for a moment.
...And 6 more matches
Using Remote XUL - Archive of obsolete content
ity concern; support for it was disabled in gecko 2.0.
... should have experience with tag-based languages like html along with basic javascript, css, and the dom.
...nd its syntax is useful but not required.
...And 6 more matches
image - Archive of obsolete content
Archive › Mozilla › XUL › image
ge.
... using maxheight or maxwidth.
...eight down proportionally.
...And 6 more matches
resizer - Archive of obsolete content
ow resizing.
...e resizer will send a command event after the resize is complete.
...x="1"> <vbox width="2" style="background-color: grey;"> <resizer dir="topleft" height="2" style="cursor: nw-resize;"/> <resizer dir="left" flex="1" style="cursor: w-resize;"/> <resizer dir="bottomleft" height="2" style="cursor: sw-resize;"/> </vbox> <vbox flex="1"> <resizer dir="top" height="2" style="background-color: grey; cursor: n-resize;"/> <browser flex="1" id="browser" type="content-primary"/> <resizer dir="bottom" height="2" style="background-color: grey; cursor: s-resize;"/> </vbox> <vbox width="2" style="background-color: grey; overflow: hidden;"> <resizer dir="topright" height="2" style="cursor: ne-resize;"/> <resizer dir="right" flex="1" style="cursor: e-resize;"/> <resizer dir="bottomright" height="2" style="cursor: se-resize;"/> </vbox> </h...
...And 6 more matches
treecell - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a single cell in a tree.
... a single cell in a tree.
... changed, especially useful when <treecol type="checkbox">.
...And 6 more matches
NPP_NewStream - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary notifies a plug-in instance of a new data stream.
... « gecko plugin api reference « plug-in side plug-in api summary notifies a plug-in instance of a new data stream.
... « gecko plugin api reference « plug-in side plug-in api summary notifies a plug-in instance of a new data stream.
...And 6 more matches
Archived JavaScript Reference - Archive of obsolete content
kly assemble a new array based on an existing one.
...sers.
...d by newbytelength.
...And 6 more matches
Properly Using CSS and JavaScript in XHTML Documents - Archive of obsolete content
you're writing xhtml (as opposed to regular html) you should understand the fundamental differences between html 4 and xhtml.
...n html 4 and xhtml.
...f html.
...And 6 more matches
XForms Upload Element - Archive of obsolete content
introduction provides a means for the user to select a file (see the spec) from the file system.
... introduction provides a means for the user to select a file (see the spec) from the file system.
... introduction provides a means for the user to select a file (see the spec) from the file system.
...And 6 more matches
2D maze game with device orientation - Game development
pt files with all the source code of the game defined inside.
...er will load all of the assets like graphics and audio, mainmenu is the menu with the start button, howto shows the "how to play" instructions and the game state lets you actually play the game.
... that will be used later in the preload state to show the progress of loading all the other assets.
...And 6 more matches
IDL - MDN Web Docs Glossary: Definitions of Web-related terms
nt.foo.
...ht transform) the underlying content attribute to return a value when you get it and is going to save something in the content attribute when you set it.
... to return a value when you get it and is going to save something in the content attribute when you set it.
...And 6 more matches
WAI-ARIA basics - Learn web development
age to link to the navigation (or whatever else), for example: <a href="#hidden" class="hidden">skip to navigation</a> but this is still not very precise, and can only be used when the screenreader is reading from the top of the page.
...ver else), for example: <a href="#hidden" class="hidden">skip to navigation</a> but this is still not very precise, and can only be used when the screenreader is reading from the top of the page.
...le: <a href="#hidden" class="hidden">skip to navigation</a> but this is still not very precise, and can only be used when the screenreader is reading from the top of the page.
...And 6 more matches
Positioning - Learn web development
inside a layout from their default layout flow position, to give a slightly quirky, distressed feel?
...tressed feel?
...tic; background: yellow; } if you now save and refresh, you'll see no difference at all, except for the updated background color of the 2nd paragraph.
...And 6 more matches
What’s in the head? Metadata in HTML - Learn web development
a good basis for working with markup.
... the suggested bookmark name.
...o try this out, revisit the simple html template you obtained in the previous section on <title> (the title-example.html page), try changing the meta charset value to iso-8859-1, and add the japanese to your page.
...And 6 more matches
Ember interactivity: Events, classes and state - Learn web development
we can add the interactivity we need to make the app functional.
...declare what each component's goals and responsibilities are.
...sections we’ll do this for each component, and then walk you through how the functionality can be implemented.
...And 6 more matches
Ember app structure and componentization - Learn web development
too much effort to get our html looking like a fully-featured to-do list app.
... placeholder="what needs to be done?" autofocus > <section class="main"> <input id="mark-all-complete" class="toggle-all" type="checkbox"> <label for="mark-all-complete">mark all as complete</label> <ul class="todo-list"> <li> <div class="view"> <input aria-label="toggle the completion of this todo" class="toggle" type="checkbox" > <label>buy movie tickets</label> <button type="button" class="destroy" title="remove this todo" ></button> </div> <input autofocus class="edit" value="todo text"> </li> <li> <div class="view"> <input aria-label="toggle the completion of this todo" ...
...bel>buy movie tickets</label> <button type="button" class="destroy" title="remove this todo" ></button> </div> <input autofocus class="edit" value="todo text"> </li> <li> <div class="view"> <input aria-label="toggle the completion of this todo" class="toggle" type="checkbox" > <label>go to movie</label> <button type="button" class="destroy" title="remove this todo" ></button> </div> <input autofocus class="edit" value="todo text"> </li> </ul> </section> <footer class="footer"> <span class="todo-count"> <strong>0</strong> todos left </s...
...And 6 more matches
Deployment and next steps - Learn web development
previous overview: client-side javascript frameworks in the previous article we learning about svelte's typescript support, and how to use it to make your application more robust.
... are familiar with the core html, css, and javascript languages, and have knowledge of the terminal/command line.
...ode + npm installed to compile and build your app.
...And 6 more matches
Download
download object can be created using the downloads.createdownload() function.
...come true, then it can be reset to false when a canceled download is restarted.
...to false when a canceled download is restarted.
...And 6 more matches
Localizing with Koala
ting (put your locale's code) version: 3.6 location: choose the folder where you want to keep the localized files or leave empty for now check "mercurial" if you wish to use mercurial to keep the revision history of your files (very recommended) existing localizations: url: if you're editing an existing localization or you already have a repository set up (either on hg.mozilla.org or bitbucket), type the url of the remote repository, e.g.
...d) existing localizations: url: if you're editing an existing localization or you already have a repository set up (either on hg.mozilla.org or bitbucket), type the url of the remote repository, e.g.
...illa.org/releases/l10n-....9.2/x-testing.
...And 6 more matches
Monitors
in addition to the mutex type prlock, nspr provides a special type, prmonitor, for use in java programming.
... in addition to the mutex type prlock, nspr provides a special type, prmonitor, for use in java programming.
... in addition to the mutex type prlock, nspr provides a special type, prmonitor, for use in java programming.
...And 6 more matches
NSS_3.12_release_notes.html
cspenabledhardfailurepolicy (see cert.h) cert_getclassicocspenabledsoftfailurepolicy (see cert.h) cert_getpkixverifynistrevocationpolicy (see cert.h) cert_getusepkixforvalidation (see cert.h) cert_getvaliddnspatternsfromcert (see cert.h) cert_newtempcertificate (see cert.h) cert_setocsptimeout (see certhigh/ocsp.h) cert_setusepkixforvalidation (see cert.h) cert_pkixverifycert (see cert.h) hash_gettype (see sechash.h) nss_initwithmerge (see nss.h) pk11_createmergelog (see pk11pub.h) pk11_creategenericobject (see pk11pub.h) pk11_createpbev2algorithmid (see pk11pub.h) pk11_destroymergelog (see pk11pub.h) pk11_generatekeypairwithopflags (see pk11pub.h) pk11_getpbecryptomechanism (see pk11pub.h) pk11_isremovable (see pk11pub.h) pk11_mergetokens (see pk11pub.h) pk11_writerawattribute (see pk11pub.h)...
...l ckm_camellia_cbc_pad ckm_camellia_ecb_encrypt_data ckm_camellia_cbc_encrypt_data ckg: mfgs ckg_mgf1_sha224 new error codes (see secerr.h): sec_error_not_initialized sec_error_token_not_logged_in sec_error_ocsp_responder_cert_invalid sec_error_ocsp_bad_signature sec_error_out_of_search_limits sec_error_invalid_policy_mapping sec_error_policy_validation_failed sec_error_unknown_aia_location_type sec_error_bad_http_response sec_error_bad_ldap_response sec_error_failed_to_encode_data sec_error_bad_info_access_location sec_error_libpkix_internal new mechanism flags (see secmod.h) public_mech_aes_flag public_mech_sha256_flag public_mech_sha512_flag public_mech_camellia_flag new oids (see secoidt.h) new ec signature oids sec_oid_ansix962_ecdsa_signature_recommended_digest sec_oid_ansix...
... 356595: on windows, rng_systeminfoforrng calls getcurrentprocess, which returns the constant (handle)-1.
...And 6 more matches
nss tech note7
rsa signing and encryption with nss nss technical note: 7 this technical note explains how to use nss to perform rsa signing and encryption.
...ing and encryption with nss nss technical note: 7 this technical note explains how to use nss to perform rsa signing and encryption.
...n't yet support pkcs #1 v2.0 and v2.1, in particular oaep, but oaep support is on our to-do list.
...And 6 more matches
NSS tools : crlutil
ertutil tool) and continues with certificates expiration or revocation.
...ommand without options, or with the -h option.
...ecify the nickname of a certificate or key to list, create, add to a database, modify, or validate.
...And 6 more matches
NSS tools : crlutil
Mozilla › Projects › NSS › tools › crlutil
and continues with certificates expiration or revocation.
...uments options options specify an action.
... to a database, modify, or validate.
...And 6 more matches
NSS tools : signver
Mozilla › Projects › NSS › tools › signver
ryptographic techniques.
...object (from the input file).
...e databases rather than berkleydb.
...And 6 more matches
Exact Stack Rooting
a gcpointer stored as a private, please file a bug.
...tset.
...sh at run time.
...And 6 more matches
JS::ToPrimitive
this article covers features introduced in spidermonkey 45 converts a javascript object to a primitive value, using the semantics of toprimitive.
... this article covers features introduced in spidermonkey 45 converts a javascript object to a primitive value, using the semantics of toprimitive.
...js::toprimitive(jscontext *cx, js::handleobject obj, jstype hint, js::mutablehandlevalue vp); name type description cx jscontext * the context in which to perform the conversion.
...And 6 more matches
JSExtendedClass.wrappedObject
obsolete since javascript 1.8.5this feature is obsolete.
... obsolete since javascript 1.8.5this feature is obsolete.
... the wrapper isn't there, instead operating on the object it wraps.
...And 6 more matches
JS_ConvertArguments
obsolete since jsapi 38this feature is obsolete.
...rts a series of js values, passed in an argument array, to their corresponding js types.
...allback, not an array created by application code.
...And 6 more matches
JS_PropertyStub
cx, js::handleobject obj, js::handleid id, bool *resolvedp); // obsolete since jsapi 37 bool js_deletepropertystub(jscontext *cx, js::handleobject obj, js::handleid id, bool *succeeded); // obsolete since jsapi 37 bool js_enumeratestub(jscontext *cx, js::handleobject obj); // obsolete since jsapi 37 bool js_convertstub(jscontext *cx, js::handleobject obj, jstype type, js::mutablehandlevalue vp); // obsolete since jsapi 37 void js_finalizestub(jscontext *cx, jsobject *obj); // obsolete since jsapi 14 description the stub functions are not designed to be called directly by a jsapi application.
... js_convertstub(jscontext *cx, js::handleobject obj, jstype type, js::mutablehandlevalue vp); // obsolete since jsapi 37 void js_finalizestub(jscontext *cx, jsobject *obj); // obsolete since jsapi 14 description the stub functions are not designed to be called directly by a jsapi application.
...andlevalue vp); // obsolete since jsapi 37 void js_finalizestub(jscontext *cx, jsobject *obj); // obsolete since jsapi 14 description the stub functions are not designed to be called directly by a jsapi application.
...And 6 more matches
SpiderMonkey 31
jsapi operation has completed, the corresponding js_shutdown method (currently non-mandatory, but highly recommended as it may become mandatory in the future) uninitializes spidermonkey, cleaning up memory and allocations performed by js_init.
...andatory, but highly recommended as it may become mandatory in the future) uninitializes spidermonkey, cleaning up memory and allocations performed by js_init.
...:value, for simplicity and to ease migration pain.
...And 6 more matches
TPS History Lists
there are two types of history asset lists, one used for adding/modiyfing/verifying history, and the other for deleting history.
... there are two types of history asset lists, one used for adding/modiyfing/verifying history, and the other for deleting history.
...ed for adding/modiyfing/verifying history, and the other for deleting history.
...And 6 more matches
IAccessibleValue
ets you access the value and its upper and lower bounds.
... lower bounds.
...ype is implementation dependent.
...And 6 more matches
mozIAsyncFavicons
placesutils.favicons from javascript.
...ri, in nsifavicondatacallback acallback); void setandfetchfaviconforpage(in nsiuri apageuri, in nsiuri afaviconuri, in boolean aforcereload, in unsigned long afaviconloadtype, [optional] in nsifavicondatacallback acallback); void replacefavicondata(in nsiuri afaviconuri, [const,array,size_is(adatalen)] in octet adata, in unsigned long adatalen, in autf8string amimetype, [optional] in prtime aexpiration); void replacefavicondatafromdataurl(in nsiuri afaviconuri, in astring adataurl, [optional] in prtime aexpiration); methods getfaviconurlforpage() retrieve the url of the favicon for the given page.
...page() retrieve the url of the favicon for the given page.
...And 6 more matches
nsIAccessNode
a queryinterface to nsiaccessible will succeed.
...w nsiaccessnode getchildnodeat(in long childnum); obsolete since gecko 2.0 nsidomcssprimitivevalue getcomputedstylecssvalue(in domstring pseudoelt, in domstring propertyname); domstring getcomputedstylevalue(in domstring pseudoelt, in domstring propertyname); void scrollto(in unsigned long ascrolltype); void scrolltopoint(in unsigned long acoordinatetype, in long ax, in long ay); attributes note: attempting to access the attributes of a node that is unattached from the accessible tree will result in an exception - ns_error_failure.
...computedstylevalue(in domstring pseudoelt, in domstring propertyname); void scrollto(in unsigned long ascrolltype); void scrolltopoint(in unsigned long acoordinatetype, in long ax, in long ay); attributes note: attempting to access the attributes of a node that is unattached from the accessible tree will result in an exception - ns_error_failure.
...And 6 more matches
nsIContentSecurityPolicy
erits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview boolean permitsancestry(in nsidocshell docshell); void refinepolicy(in astring policystring, in nsiuri selfuri); void scanrequestdata(in nsihttpchannel achannel); void sendreports(in astring blockeduri, in astring violateddirective); short shouldload(in unsigned long acontenttype, in nsiuri acontentlocation, in nsiuri arequestorigin, in nsisupports acontext, in acstring amimetypeguess, in nsisupports aextra); short shouldprocess(in unsigned long acontenttype, in nsiuri acontentlocation, in nsiuri arequestorigin, in nsisupports acontext, in acstring amimetype, in nsisupports aextra); attributes attribute type description allowseval boolean whether this policy al...
....
...sub-elements of the protected document are being loaded.
...And 6 more matches
nsIDOMMozNetworkStatsManager
ional] in jsval options /* networkstatsalarmoptions */); nsidomdomrequest getallalarms([optional] in nsisupports network); nsidomdomrequest removealarms([optional] in long alarmid); nsidomdomrequest clearstats(in nsisupports network); nsidomdomrequest clearallstats(); nsidomdomrequest getavailablenetworks(); nsidomdomrequest getavailableservicetypes(); attributes attribute type description samplerate long minimum time in milliseconds between samples stored in the database.
...bleservicetypes(); attributes attribute type description samplerate long minimum time in milliseconds between samples stored in the database.
...corded by the api until present time.
...And 6 more matches
nsIEditorMailSupport
from: nsisupports last changed in gecko 1.7 method overview nsisupportsarray getembeddedobjects(); nsidomnode insertascitedquotation(in astring aquotedtext, in astring acitation, in boolean ainserthtml); nsidomnode insertasquotation(in astring aquotedtext); void inserttextwithquotations(in domstring astringtoinsert); void pasteascitedquotation(in astring acitation, in long aselectiontype); void pasteasquotation(in long aselectiontype); void rewrap(in boolean arespectnewlines); void stripcites(); methods getembeddedobjects() get a list of img and object tags in the current document.
...ap(in boolean arespectnewlines); void stripcites(); methods getembeddedobjects() get a list of img and object tags in the current document.
...ode insertascitedquotation( in astring aquotedtext, in astring acitation, in boolean ainserthtml ); parameters aquotedtext the actual text to be quoted.
...And 6 more matches
nsIEventListenerService
venttarget aeventtarget, [optional] out unsigned long acount, [retval, array, size_is(acount)] out nsidomeventtarget aoutarray); void getlistenerinfofor(in nsidomeventtarget aeventtarget, [optional] out unsigned long acount, [retval, array, size_is(acount)] out nsieventlistenerinfo aoutarray); boolean haslistenersfor(in nsidomeventtarget aeventtarget, in domstring atype); void addsystemeventlistener(in nsidomeventtarget target, in domstring type, in nsidomeventlistener listener, in boolean usecapture); void removesystemeventlistener(in nsidomeventtarget target, in domstring type, in nsidomeventlistener listener, in boolean usecapture); attributes attribute type description sys...
...is(acount)] out nsieventlistenerinfo aoutarray ); parameters aeventtarget the nsieventtarget for which to obtain a list of listeners.
... the nsieventtarget for which to obtain a list of listeners.
...And 6 more matches
nsIExternalHelperAppService
uriloader/exthandler/nsiexternalhelperappservice.idlscriptable the external helper app service is used for finding and launching platform specific external applications for a given mime content type.
...ted by: @mozilla.org/uriloader/external-helper-app-service;1.
...ess this service, use: var externalhelperappservice = components.classes["@mozilla.org/uriloader/external-helper-app-service;1"] .getservice(components.interfaces.nsiexternalhelperappservice); method overview boolean applydecodingforextension(in autf8string aextension, in acstring aencodingtype); nsistreamlistener docontent(in acstring amimecontenttype, in nsirequest arequest, in nsiinterfacerequestor awindowcontext, in boolean aforcesave); methods applydecodingforextension() determines whether or not data whose filename has the specified extension should be decoded from the specified encoding type before being saved or delivered to helper applications.
...And 6 more matches
nsIFileView
sitreeview so that it can be passed as a tree view.
...ented by: @mozilla.org/filepicker/fileview;1.
... boolean reversesort); attributes attribute type description reversesort boolean if true results will be sorted in ascending order.
...And 6 more matches
Building an Account Manager Extension
he nsiaccountmanagerextension.
...unts...
...gister it in the component manager as account manager extension.
...And 6 more matches
nsISelectionPrivate
de, in print32 beginoffset, in nsinode endnode, in print32 endoffset, in boolean allowadjacent, in rangearray results); native code only!
...us, in short avpercent, in short ahpercent); void setancestorlimiter(in nsicontent acontent); native code only!
...ontent); native code only!
...And 6 more matches
nsITelemetry
void seteventrecordingenabled(in acstring acategory, in boolean aenabled); jsval snapshotevents(in uint32_t adataset, [optional] in boolean aclear); void registerevents(in acstring acategory, in jsval aeventdata); void registerscalars(in acstring acategoryname, in jsval ascalardata); void clearevents(); test only attributes attribute type description canrecordbase boolean a flag indicating if telemetry can record base data (fhr data).
... indicate whether telemetry will send any data.
...m bucket size histogram_type - histogram_exponential or histogram_linear counts - an array representing the values of buckets in the histogram.
...And 6 more matches
nsITreeColumn
interface represents a tree column.
...ead only.
...ex long the index of the nsitreecolumn in displayed order.
...And 6 more matches
nsIXULRuntime
rom: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) implemented by: @mozilla.org/xre/app-info;1.
...counters startup errors that might prevent the app from showing proper ui, it should set this flag to true.
...might prevent the app from showing proper ui, it should set this flag to true.
...And 6 more matches
pyxpidl
the pyxpidl tool suite has been built to replace the older xpidl tool which, in the past, was used to turn xpidl files into c++ headers and xpcom typelibs (xpt files).
...rder to use it, and let us remove a bunch of old code from the tree.
...enerates c++ headers from idl, and typelib.py, which generates xpt files.
...And 6 more matches
Debugger.Memory - Firefox Developer Tools
y.maxallocationsloglength.
...es.
...e allocation site tracking.
...And 6 more matches
Debugger.Source - Firefox Developer Tools
debugger.source a debugger.source instance represents either a piece of javascript source code or the serialized text of a block of webassembly code.
... debugger.source a debugger.source instance represents either a piece of javascript source code or the serialized text of a block of webassembly code.
...y or method differs between the instance referring to javascript source or to a block of webassembly code, the text will be split into two sections, headed by “if the instance refers to javascript source” and “if the instance refers to webassembly code”, respectively.
...And 6 more matches
Storage Inspector - Firefox Developer Tools
the storage inspector enables you to inspect various types of storage that a web page can use.
... the storage inspector enables you to inspect various types of storage that a web page can use.
...), or by pressing its shift + f9 keyboard shortcut.
...And 6 more matches
DataTransfer.mozGetDataAt() - Web APIs
the datatransfer.mozgetdataat() method is used to retrieve an item in the drag event's data transfer object, based on a given format and index.
...he datatransfer.mozgetdataat() method is used to retrieve an item in the drag event's data transfer object, based on a given format and index.
...ethod is used to retrieve an item in the drag event's data transfer object, based on a given format and index.
...And 6 more matches
HTMLParamElement - Web APIs
xt></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
... fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...all;} properties inherits properties from its parent, htmlelement.
...And 6 more matches
MediaCapabilities.decodingInfo() - Web APIs
n's mediacapabilitiesinfo; this contains the three boolean properties supported, smooth, and powerefficient, which describe whether decoding the media described would be supported, smooth, and powerefficient.
...meters mediadecodingconfiguration a valid mediadecodingconfiguration dictionary containing a valid media decoding type of file or media-source and a valid media configuration: either an audioconfiguration or a videoconfiguration.
...ding type of file or media-source and a valid media configuration: either an audioconfiguration or a videoconfiguration.
...And 6 more matches
MediaCapabilities.encodingInfo() - Web APIs
the mediacapabilities.encodinginfo() method, part of the mediacapabilities interface of the media capabilities api, returns a promise with the tested media configuration's mediacapabilitiesinfo; this contains the three boolean properties supported, smooth, and powerefficient, which describe how compatible the device is with the type of media.
...th the tested media configuration's mediacapabilitiesinfo; this contains the three boolean properties supported, smooth, and powerefficient, which describe how compatible the device is with the type of media.
...ediaencodingconfiguration a valid mediaencodingconfiguration dictionary containing a valid media encoding type of record or transmission and a valid media configuration: either an audioconfiguration or videoconfiguration dictionary.
...And 6 more matches
performance.getEntriesByName() - Web APIs
the getentriesbyname() method returns a list of performanceentry objects for the given name and type.
... the getentriesbyname() method returns a list of performanceentry objects for the given name and type.
...eturns a list of performanceentry objects for the given name and type.
...And 6 more matches
PointerEvent - Web APIs
the pointerevent interface represents the state of a dom event produced by a pointer such as the geometry of the contact point, the device type that generated the event, the amount of pressure that was applied on the contact surface, etc.
...tylus) axis and the y axis.
...ent.tilty read only the plane angle (in degrees, in the range of -90 to 90) between the x–z plane and the plane containing both the pointer (e.g.
...And 6 more matches
SVGPreserveAspectRatio - Web APIs
tratio_xmidymax = 9 svg_preserveaspectratio_xmaxymax = 10 svg_meetorslice_unknown = 0 svg_meetorslice_meet = 1 svg_meetorslice_slice = 2 normative document svg 1.1 (2nd edition) constants name value description svg_preserveaspectratio_unknown 0 the enumeration was set to a value that is not one of predefined types.
... svg_meetorslice_unknown = 0 svg_meetorslice_meet = 1 svg_meetorslice_slice = 2 normative document svg 1.1 (2nd edition) constants name value description svg_preserveaspectratio_unknown 0 the enumeration was set to a value that is not one of predefined types.
...eetorslice_meet = 1 svg_meetorslice_slice = 2 normative document svg 1.1 (2nd edition) constants name value description svg_preserveaspectratio_unknown 0 the enumeration was set to a value that is not one of predefined types.
...And 6 more matches
TextEncoder - Web APIs
tion to support non-utf-8 text encodings on github.
...nsole.log(view); // uint8array(3) [226, 130, 172] constructor textencoder() returns a newly constructed textencoder that will generate a byte stream with utf-8 encoding.
...oder that will generate a byte stream with utf-8 encoding.
...And 6 more matches
TouchEvent() - Web APIs
the touchevent() constructor creates a new touchevent.
... the touchevent() constructor creates a new touchevent.
... the touchevent() constructor creates a new touchevent.
...And 6 more matches
Adding 2D content to a WebGL context - Web APIs
xels onto the screen: namely, the positions of the pixels and their colors.
...rning white every time, since we're just drawing a white square, with no lighting in use.
...ogram, 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.
...And 6 more matches
XRSession - Web APIs
Web › API › XRSession
e read only an xrrenderstate object which contains options affecting how the imagery is rendered.
... to be called the next time the user agent is working on rendering an animation frame for the webxr device.
...r the purposes of canceling the callback using cancelanimationframe().
...And 6 more matches
ARIA: button role - Accessibility
activated by the user.
...he aria-pressed attribute to create toggle buttons.
...n the value of aria-pressed.
...And 6 more matches
:default - CSS: Cascading Style Sheets
Web › CSS › :default
the :default css pseudo-class selects form elements that are the default in a group of related elements.
... the :default css pseudo-class selects form elements that are the default in a group of related elements.
...ements.
...And 6 more matches
Border-image generator - CSS: Cascading Style Sheets
-stateid="border5"/> <img class="image" src="https://udn.realityripple.com/samples/fb/c0b285d3da.svg" data-stateid="border6"/> </div> </div> <div id="load-actions" class="group section"> <div id="toggle-gallery" data-action="hide"> </div> <div id="load-image" class="button"> upload image </div> <input id="remote-url" type="text" placeholder="load an image from url"/> <div id="load-remote" class="button"> </div> </div> <div id="general-controls" class="group section"> <div class="name"> control box </div> <div class="separator"></div> <div class="property"> <div class="name">scale</div> <div class="ui-input-slider" data...
...t; } #output .css-property .value { width: 65%; padding: 0 2.5%; word-break: break-all; float: left; } javascript content 'use strict'; /** * ui-slidersmanager */ var inputslidermanager = (function inputslidermanager() { var subscribers = {}; var sliders = []; var inputcomponent = function inputcomponent(obj) { var input = document.createelement('input'); input.setattribute('type', 'text'); input.style.width = 50 + obj.precision * 10 + 'px'; input.addeventlistener('click', function(e) { this.select(); }); input.addeventlistener('change', function(e) { var value = parsefloat(e.target.value); if (isnan(value) === true) setvalue(obj.topic, obj.value); else setvalue(obj.topic, value); }); return input; }; var slidercomponent = function s...
..._right.classname = 'ui-input-slider-right'; if (name) { var info = document.createelement('span'); info.classname = 'ui-input-slider-info'; info.textcontent = name; node.appendchild(info); } node.appendchild(slider_left); node.appendchild(input); node.appendchild(slider_right); this.input = input; sliders[topic] = this; setvalue(topic, value); }; inputslider.prototype.setinputvalue = function setinputvalue() { this.input.value = this.value.tofixed(this.precision) + this.unit; }; var setvalue = function setvalue(topic, value, send_notify) { var slider = sliders[topic]; if (slider === undefined) return; value = parsefloat(value.tofixed(slider.precision)); if (value > slider.max) value = slider.max; if (value < slider.min) value = slider.min; ...
...And 6 more matches
Visual formatting model - CSS: Cascading Style Sheets
dia.
...e document that are not displayed.
...see this as scrolling in the block dimension — vertically in a horizontal, top-to-bottom language.
...And 6 more matches
attr() - CSS: Cascading Style Sheets
Web › CSS › attr
note: the attr() function can be used with any css property, but support for properties other than content is experimental, and support for the type-or-unit parameter is sparse.
...ntent is experimental, and support for the type-or-unit parameter is sparse.
...iginating element is returned.
...And 6 more matches
Audio and video manipulation - Developer guides
dd display: none to the style for the <video> element, to keep the source video from being drawn to the screen while showing only the canvas showing the altered frames.
...drawn to the screen while showing only the canvas showing the altered frames.
...obuffersourcenode.playbackrate property.
...And 6 more matches
Data URLs - HTTP
data: scheme, allow content creators to embed small files inline in documents.
... content creators to embed small files inline in documents.
...data uris" until that name was retired by the whatwg.
...And 6 more matches
Content-Location - HTTP
location and content-location are different.
... on the request's accept header: request header response header accept: application/json, text/json content-location: /documents/foo.json accept: application/xml, text/xml content-location: /documents/foo.xml accept: text/plain, text/* content-location: /documents/foo.txt these urls are examples — the site could serve the different filetypes with any url patterns it wishes, such as a query string parameter: /documents/foo?format=json, /documents/foo?format=xml, and so on.
... then the client could remember that the json version is available at that particular url, skipping content negotation the next time it requests that document.
...And 6 more matches
Closures - JavaScript
scope.
...ess to all outer function scopes.
...n loops: a common mistake prior to the introduction of the let keyword in ecmascript 2015, a common problem with closures occurred when you created them inside a loop.
...And 6 more matches
JavaScript error reference - JavaScript
is an object based upon the error object, and has a name and a message.
...xerror: missing = in const declarationsyntaxerror: missing ] after element listsyntaxerror: missing formal parametersyntaxerror: missing name after .
...er element listsyntaxerror: missing formal parametersyntaxerror: missing name after .
...And 6 more matches
Atomics.add() - JavaScript
rray and returns the old value at that position.
...ition.
...ation guarantees that no other write happens until the modified value is written back.
...And 6 more matches
Atomics.and() - JavaScript
ray, and returns the old value at that position.
...ition.
...ation guarantees that no other write happens until the modified value is written back.
...And 6 more matches
Atomics.compareExchange() - JavaScript
equal to the expected value or not.
...s that no other write happens until the modified value is written back.
...appens until the modified value is written back.
...And 6 more matches
Atomics.exchange() - JavaScript
e at that position.
...guarantees that no other write happens between the read of the old value and the write of the new value.
...r write happens between the read of the old value and the write of the new value.
...And 6 more matches
Atomics.load() - JavaScript
the static atomics.load() method returns a value at a given position in the array.
... the static atomics.load() method returns a value at a given position in the array.
... the static atomics.load() method returns a value at a given position in the array.
...And 6 more matches
Atomics.or() - JavaScript
rray, and returns the old value at that position.
...sition.
...ration guarantees that no other write happens until the modified value is written back.
...And 6 more matches
Atomics.sub() - JavaScript
rray and returns the old value at that position.
...ition.
...ation guarantees that no other write happens until the modified value is written back.
...And 6 more matches
Atomics.xor() - JavaScript
ray, and returns the old value at that position.
...ition.
...ation guarantees that no other write happens until the modified value is written back.
...And 6 more matches
Object.assign() - JavaScript
later sources' properties overwrite earlier ones.
... from a source object to a target object.
...g new properties.
...And 6 more matches
Object.getOwnPropertyNames() - JavaScript
object obj.
...or...in loop (or by object.keys()) over the properties of the object.
...numerable property var my_obj = object.create({}, { getfoo: { value: function() { return this.foo; }, enumerable: false } }); my_obj.foo = 1; console.log(object.getownpropertynames(my_obj).sort()); // logs ["foo", "getfoo"] if you want only the enumerable properties, see object.keys() or use a for...in loop (note that this will also return enumerable properties found along the prototype chain for the object unless the latter is filtered with hasownproperty()).
...And 6 more matches
Object.seal() - JavaScript
bject fixed and immutable.
... being converted from data properties to accessor properties and vice versa, but it does not prevent the values of data properties from being changed.
...be changed or removed.
...And 6 more matches
WebAssembly.CompileError - JavaScript
the webassembly.compileerror object indicates an error during webassembly decoding or validation.
... the webassembly.compileerror object indicates an error during webassembly decoding or validation.
...ates an error during webassembly decoding or validation.
...And 6 more matches
WebAssembly.LinkError - JavaScript
the webassembly.linkerror object indicates an error during module instantiation (besides traps from the start function).
...embly.linkerror object indicates an error during module instantiation (besides traps from the start function).
...during module instantiation (besides traps from the start function).
...And 6 more matches
undefined - JavaScript
the global undefined property represents the primitive value undefined.
...ed is a property of the global object.
...turns undefined if a value was not returned.
...And 6 more matches
this - JavaScript
to set the value of this to a particular value when calling a function, use call(), or apply() as in the examples below.
..., or apply() as in the examples below.
...is is not an object, an attempt will be made to convert it to an object.
...And 6 more matches
<altGlyph> - SVG: Scalable Vector Graphics
Web › SVG › Element › altGlyph
the <altglyph> svg element allows sophisticated selection of the glyphs used to render its child character data.
...ontent child elementpermitted contentany elements or character data attributes x this attribute defines the corresponding absolute x-coordinates for rendering the element.
...es> ; default value: absolute x-coordinate of ancestor <text> or <tspan>; animatable: yes y this attribute defines the corresponding absolute y-coordinates for rendering the element.
...And 6 more matches
<linearGradient> - SVG: Scalable Vector Graphics
argradient id="mygradient" gradienttransform="rotate(90)"> <stop offset="5%" stop-color="gold" /> <stop offset="95%" stop-color="red" /> </lineargradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg> attributes gradientunits this attribute defines the coordinate system for attributes x1, x2, y1, y2 value type: userspaceonuse|objectboundingbox ; default value: objectboundingbox; animatable: yes gradienttransform this attribute provides additional transformation to the gradient coordinate system.
...ar gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg> attributes gradientunits this attribute defines the coordinate system for attributes x1, x2, y1, y2 value type: userspaceonuse|objectboundingbox ; default value: objectboundingbox; animatable: yes gradienttransform this attribute provides additional transformation to the gradient coordinate system.
...ue type: userspaceonuse|objectboundingbox ; default value: objectboundingbox; animatable: yes gradienttransform this attribute provides additional transformation to the gradient coordinate system.
...And 6 more matches
Interacting with page scripts - Archive of obsolete content
page scripts to access page script objects from content scripts, you can use the global unsafewindow object.
...dow.clonedcontentscriptobject = cloneinto(contentscriptobject, unsafewindow); unsafewindow.assignedcontentscriptobject = contentscriptobject; the "page.html" file adds two buttons and assigns an event listener to each: one listener displays a property of the cloned object, and the other listener displays a property of the assigned object: <html> <head> </head> <body> <input id="works" type="button" value="i will work"/> <input id="fails" type="button" value="i will not work"/> <script> var works = document.getelementbyid("works"); works.addeventlistener("click", function() { alert(clonedcontentscriptobject.greeting); }, false); var fails = document.getelementbyid("fails"); fails.addeventlistener("click", function() { alert(ass...
...e function's closure will be exported, too: // content-script.js var salutation = "hello, "; function greetme(user) { return salutation + user; } exportfunction(greetme, unsafewindow, {defineas: "greetme"}); finally, the "page.html" file adds a button and a page script that calls the exported function when the user pushes the button: <html> <head> </head> <body> <input id="test" type="button" value="click me"/> <script> var test = document.getelementbyid("test"); test.addeventlistener("click", function() { alert(window.greetme("page script")); }, false); </script> </body> </html> exportfunction() works by structured cloning the arguments and return value of the function from one scope to the other.
...And 5 more matches
context-menu - Archive of obsolete content
me match pattern strings that you use with the page-mod include property.
...u.
...= getmostrecentbrowserwindow().document.queryselectorall(".addon-context-menu-item[value^='"+ uuidstr +"']"); for(var i=0; i < cmitems.length; i++) cmitems[i].tooltiptext = cmitems[i].value.substring(36); } }); globals constructors item(options) creates a labeled menu item that can perform an action when clicked.
...And 5 more matches
passwords - Archive of obsolete content
ty.
...for the form's username field.
...elf.uri: function show_my_addon_passwords() { require("sdk/passwords").search({ url: require("sdk/self").uri, oncomplete: function oncomplete(credentials) { credentials.foreach(function(credential) { console.log(credential.username); console.log(credential.password); }); } }); } parameters options : object required options: name type oncomplete function the callback function that is called once the function completes successfully.
...And 5 more matches
File I/O - Archive of obsolete content
"dir" in the user's profile folder.
...mponents.utils.import("resource://gre/modules/netutil.jsm"); netutil.asyncfetch(file, function(inputstream, status) { if (!components.issuccesscode(status)) { // handle error!
...s/netutil.jsm"); netutil.asyncfetch(file, function(inputstream, status) { if (!components.issuccesscode(status)) { // handle error!
...And 5 more matches
Compiling The npruntime Sample Plugin in Visual Studio - Archive of obsolete content
general decisions filename of dll must start with "np" (not "ns") and ends with ".dll" (i wasted hours on this - repeatedly) mimetype reflects the data type handled by the plugin.
... general decisions filename of dll must start with "np" (not "ns") and ends with ".dll" (i wasted hours on this - repeatedly) mimetype reflects the data type handled by the plugin.
... general decisions filename of dll must start with "np" (not "ns") and ends with ".dll" (i wasted hours on this - repeatedly) mimetype reflects the data type handled by the plugin.
...And 5 more matches
Editor Embedding Guide - Archive of obsolete content
in the beginning there is makeeditable given an nsiwebbrowser instance, get an nsidomwindow from the getcontentdomwindow call.
...ing there is makeeditable given an nsiwebbrowser instance, get an nsidomwindow from the getcontentdomwindow call.
... document is done loading.
...And 5 more matches
How to implement a custom XUL query processor component - Archive of obsolete content
when registering the component.
...ry processor: <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <grid> <columns> <column flex="1"/> <column flex="3"/> <column flex="2"/> <column flex="1"/> </columns> <rows datasources="dummy" ref="." querytype="simpledata"> <template> <row uri="?"> <label value="?name"/> <label value="?age"/> <label value="?hair"/> <label value="?eye"/> </row> </template> </rows> </grid> </window> a few things to note.
... <label value="?name"/> <label value="?age"/> <label value="?hair"/> <label value="?eye"/> </row> </template> </rows> </grid> </window> a few things to note.
...And 5 more matches
appendNotification - Archive of obsolete content
« xul reference home appendnotification( label , value , image , priority , buttons, eventcallback ) return type: element create a new notification and display it.
...tion as passed to appendnotification.
...ed if an error is thrown.
...And 5 more matches
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
les character encoding some text editors have a setting for character encoding.
... create a plain text file named test.txt.
...ing steps in this new directory, creating five files there.
...And 5 more matches
Box Objects - Archive of obsolete content
objects since it isn't displayed in any way.
...determined in a more complex manner.
...ious pieces of information are used such as the tag name, the attributes on an element, various css properties, the elements and layout objects around the element, and the xbl associated with an element (xbl is described in a later section).
...And 5 more matches
Localization - Archive of obsolete content
ample below demonstrates the use of an entity in a button.
...ty in a button.
...uld save them in utf-8 format (without bom).
...And 5 more matches
Templates - Archive of obsolete content
attribute.
... noticed that the third button is simply a button with hyphens on it.
... simply a button with hyphens on it.
...And 5 more matches
key - Archive of obsolete content
Archive › Mozilla › XUL › key
key element in the ui, you can use <menuitem key="key element's id" command="command id" .../>.
...er to use (non-default) key commands within specific elements, you will need to listen for key events.
...owed only for form controls.
...And 5 more matches
listcell - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a single cell of a listbox.
... « xul reference home [ examples | attributes | properties | methods | related ] a single cell of a listbox.
...cropped.
...And 5 more matches
progressmeter - Archive of obsolete content
progress of a lengthy operation.
... mode="undetermined"/> <!-- switching modes while the mouse is over a button --> <progressmeter mode="determined" id="myprogress"/> <button label="example" onmouseover="setloading(true)" onmouseout="setloading(false)"/> function setloading(state){ document.getelementbyid('myprogress').mode = (state) ?
...="setloading(true)" onmouseout="setloading(false)"/> function setloading(state){ document.getelementbyid('myprogress').mode = (state) ?
...And 5 more matches
where - Archive of obsolete content
Archive › Mozilla › XUL › where
ties | methods | related ] indicate a condition that must match for a template result to be used.
... content is generated.
...pe: boolean set to true to indicate that the case does not matter when making comparisons.
...And 5 more matches
XULRunner tips - Archive of obsolete content
unner 1.9 the xulrunner directory is ignored, while the profile and application directories are checked.
... following prefs must also be set to make the xpinstall dialog, extension manager, and theme manager work: pref("xpinstall.dialog.confirm", "chrome://mozapps/content/xpinstall/xpinstallconfirm.xul"); pref("xpinstall.dialog.progress.skin", "chrome://mozapps/content/extensions/extensions.xul?type=themes"); pref("xpinstall.dialog.progress.chrome", "chrome://mozapps/content/extensions/extensions.xul?type=extensions"); pref("xpinstall.dialog.progress.type.skin", "extension:manager-themes"); pref("xpinstall.dialog.progress.type.chrome", "extension:manager-extensions"); pref("extensions.update.enabled", true); pref("extensions.update.interval", 86400); pref("extensions.dss.enabled", false); pref("extensions.dss.switchpending", false); pref("extensions.ignoremtimechanges", false); pref("extensions.lo...
...l/src for instance into your components/ directory tweak the line #include ../../../toolkit/components/exthelper/extapplication.js in your copy of fuelapplication.js as needed make sure to declare the fuel module and the two files in your components/makefile.in as in browser/fuel/src/makefile.in rebuild...
...And 5 more matches
application/http-index-format specification - Archive of obsolete content
rovide a generic, extensible file listing format that is principly machine readable.
...lid 200 tokens note that all tokens are case insensitive.
...e that all tokens are case insensitive.
...And 5 more matches
NPClass - Archive of obsolete content
rty from a specified npobject.
...sfully removed, otherwise returns false.
...d by npn_enumerate.
...And 5 more matches
Browser Feature Detection - Archive of obsolete content
an experimental approach to discovering degree of support for standards.
.../ 58% dom 1 html 100% 100% 100% 100% / 100% 100% / 100% dom css 1 100% 100% 100% 100% / 100% 96% / 96% dom css 2 100% 98% 67% 71% / 83% 38% / 42% test results cross reference dom core level 1 support for properties/methods in document name firefox 1.5 ie 6 & 7 opera 8.54 - 9.01 document.doctype true true true document.implementation true true true document.documentelement true true true document.createelement() true true true document.createdocumentfragment() true true true document.createtextnode() true true true document.createcomment() true true true document.
...cument.createattribute() true true true document.createentityreference()obsolete since gecko 7 (method present but only returns null: bug 9850) false false document.getelementsbytagname() true true true dom core level 2 support for properties/methods in document name firefox 1.5 ie 6 & 7 opera 8.54 - 9.01 document.doctype true true true document.implementation true true true document.documentelement true true true document.createelement() true true true document.createdocumentfragment() true true true document.createtextnode() true true true document.createcomment() true true true document.
...And 5 more matches
-ms-filter - Archive of obsolete content
nfused with the standard filter property, as the two are fundamentally incompatible with each other.
...e; top: 20px; left: 20px;" src="sphere.jpg" alt="sphere"> <div id="filterto" style="position: absolute; width: 200px; height: 250px; top: 20px; left: 20px; background: white; visibility: hidden;"> </div> </div> <script type="text/javascript"> let filterimg = document.queryselector('#filterfrom'); filterimg.addeventlistener('click', dofilter); function dofilter () { filterfrom.filters.item(0).apply(); // 12 is the dissolve filter.
...filterfrom.filters.item(0).apply(); // 12 is the dissolve filter.
...And 5 more matches
-ms-scroll-snap-x - Archive of obsolete content
the -ms-scroll-snap-x css shorthand property is a microsoft extension that specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties.
... the -ms-scroll-snap-x css shorthand property is a microsoft extension that specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties.
...extension that specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-x properties.
...And 5 more matches
-ms-scroll-snap-y - Archive of obsolete content
the -ms-scroll-snap-x css shorthand property is a microsoft extension that specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties.
... the -ms-scroll-snap-x css shorthand property is a microsoft extension that specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties.
...extension that specifies values for the -ms-scroll-snap-type and -ms-scroll-snap-points-y properties.
...And 5 more matches
GetObject - Archive of obsolete content
net explorer versions prior to ie 9 (standards mode).
...erence to an automation object from a file.
... to an automation object from a file.
...And 5 more matches
Windows Media in Netscape - Archive of obsolete content
w that detection was done can be found here (devedge-temp).
...layer object that exposes all its properties and methods, it is useful for rapid detections.
... properties and methods, it is useful for rapid detections.
...And 5 more matches
GLSL Shaders - Game development
shaders use glsl (opengl shading language), a special opengl shading language with syntax similar to c.
... a special opengl shading language with syntax similar to c.
...ckly.
...And 5 more matches
Implementing controls using the Gamepad API - Game development
e firefox browser on mac os x.
...nd, hidden "change" implementation is the ability to transform the static fridge into a full-blown moving, shooting and eating machine.
...g machine.
...And 5 more matches
Legacy layout methods - Learn web development
css grid layout.
...fixed at this width and center itself in the viewport.
...in the viewport.
...And 5 more matches
Getting started with CSS - Learn web development
html basics (study introduction to html.) objective: to understand the basics of linking a css document to an html file, and be able to do simple text formatting with css.
...s by adding a rule to styles.css.
...t in pretty much the same way.
...And 5 more matches
Sending forms through JavaScript - Learn web development
, function(event) { alert( 'yeah!
...k', function() { senddata( {test:'ok'} ); } ) here's the live result: using formdata bound to a form element you can also bind a formdata object to an <form> element.
...he live result: you can even get more involved with the process by using the form's elements property to get a list of all of the data elements in the form and manually manage them one at a time.
...And 5 more matches
Advanced text formatting - Learn web development
prerequisites: basic html familiarity, as covered in getting started with html.
... characters.) monologue in drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.
...-label">press esc to move focus away from the code area (tab inserts a tab character).</p> <textarea id="code" class="input" style="min-height: 100px; width: 95%"> bacon the glue that binds the world together.
...And 5 more matches
Responsive images - Learn web development
have high resolution screens that need larger images than you might expect to display nicely.
...ave been loaded, and you would load the small image as well, which is even worse in responsive image terms.
...ed, and you would load the small image as well, which is even worse in responsive image terms.
...And 5 more matches
Introducing asynchronous JavaScript - Learn web development
/ display your image blob in the ui somehow that's because you don't know how long the image will take to download, so when you come to run the second line it will throw an error (possibly intermittently, possibly every time) because the response is not yet available.
...mber of older-but-still-commonly-used apis.
...led back” (hence the name) asynchronously somewhere inside the containing function’s body.
...And 5 more matches
Introduction to client-side frameworks - Learn web development
y a community of individuals and corporations.
...e lines of code to create the properties and children it needs.
...ook, and the framework makes it happen in the dom behind the scenes.
...And 5 more matches
Dynamic behavior in Svelte: working with variables and props - Learn web development
hen data changes, rather than adding or removing items at the end, and it's a good practice to always specify one.
...th each loop of the {#each} directive, and inside embed the information from the todos array: id, name, and completed.
...large" aria-labelledby="list-heading"> {#each todos as todo (todo.id)} <li class="todo"> <div class="stack-small"> <div class="c-cb"> <input type="checkbox" id="todo-{todo.id}" checked={todo.completed}/> <label for="todo-{todo.id}" class="todo-label"> {todo.name} </label> </div> <div class="btn-group"> <button type="button" class="btn"> edit <span class="visually-hidden">{todo.name}</span> </button> <button type="button" class="btn btn__danger"> delete <span class="visually-hidden">{todo.name}</span> </button> </div> </div> </li> {:else} <li>nothing to do here!</li> {/each} </ul> notice how we are using curly braces to embed ...
...And 5 more matches
Styling Vue components with CSS - Learn web development
ground: transparent; color: inherit; font: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; } button::-moz-focus-inner { border: 0; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { /* 1 */ overflow: visible; } input[type="text"] { border-radius: 0; } body { width: 100%; max-width: 68rem; margin: 0 auto; font: 1.6rem/1.25 "helvetica neue", helvetica, arial, sans-serif; background-color: #f5f5f5; color: #4d4d4d; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } @media screen and (min-width: 620px) { body { font-size: 1.9rem; line-height: 1.31579; } } /*end rese...
... editing our components to use some of these styles.
...n an <h2>.
...And 5 more matches
pymake
ease note that python 2.7 is strongly recommended.
...on 2.7 is strongly recommended.
...h will run whatever is best for the current machine.
...And 5 more matches
Widget Wrappers
ows, and 'single' wrappers which provide information about a specific instance in a specific window.
...ngle' wrappers which provide information about a specific instance in a specific window.
...a method to obtain a single window wrapper for a widget, in the window awindow passed as the only argument.
...And 5 more matches
Http.jsm
lements the debug and log methods (e.g.
...t types: a string or an array of parameters.
...ters.
...And 5 more matches
Introduction to NSPR
r programming concepts and illustrates them with sample code.
...current implementation of nspr allows developers to compile a single source code base on macintosh (ppc), win32 (nt 3.51, nt 4.0, win'95), and over twenty versions of unix.
...cution environment that promotes the use of lightweight threads.
...And 5 more matches
NSS Certificate Download Specification
ersion, digestalgorithms, contentinfo, crls, and signerinfos fields are ignored.
...tificate chains several of the formats described above can contain several certificates.
...dicates they are ca certificates, and do not already exist in the local certificate database, they are added as untrusted cas.
...And 5 more matches
JS::CompileOptions
this article covers features introduced in spidermonkey 17 compile options classes.
...(unsigned c) owningcompileoptions &setcompileandgo(bool cng) owningcompileoptions &setforeval(bool eval) owningcompileoptions &setnoscriptrval(bool nsr) owningcompileoptions &setselfhostingmode(bool shm) owningcompileoptions &setcanlazilyparse(bool clp) owningcompileoptions &setsourceislazy(bool l) owningcompileoptions &setintroductiontype(const char *t) bool setintroductioninfo(jscontext *cx, const char *introducerfn, const char *intro, unsigned line, jsscript *script, uint32_t offset) duplicate null-terminated string introducerfn for introducerfilename and set introductiontype, introductionlineno, introductionscriptroot, introductionoffset, and hasintroductioninfo properties.
...bool u) compileoptions &setcolumn(unsigned c) compileoptions &setcompileandgo(bool cng) compileoptions &setforeval(bool eval) compileoptions &setnoscriptrval(bool nsr) compileoptions &setselfhostingmode(bool shm) compileoptions &setcanlazilyparse(bool clp) compileoptions &setsourceislazy(bool l) compileoptions &setintroductiontype(const char *t) compileoptions &setintroductioninfo(const char *introducerfn, const char *intro, unsigned line, jsscript *script, uint32_t offset) compileoptions &maybemakestrictmode(bool strict) properties properties of js::readonlycompileoptions name type description version jsversion version of the script.
...And 5 more matches
JSErrorFormatString
this article covers features introduced in spidermonkey 17 represent error message and type.
... this article covers features introduced in spidermonkey 17 represent error message and type.
... this article covers features introduced in spidermonkey 17 represent error message and type.
...And 5 more matches
JSHasInstanceOp
jshasinstanceop is the type of jsclass.hasinstance.
... jshasinstanceop is the type of jsclass.hasinstance.
... jshasinstanceop is the type of jsclass.hasinstance.
...And 5 more matches
JSNewEnumerateOp
the type of objectops::enumerate.
... the type of objectops::enumerate.
... the type of objectops::enumerate.
...And 5 more matches
JSObjectOps.defaultValue
try to avoid using it.
...ted api.
...pi.
...And 5 more matches
JSObjectOps.setProto
s, its use is discouraged since it could be removed at any time.
... try to avoid using it.
...sobjectops is not a supported api.
...And 5 more matches
JSPropertyOp
jspropertyop and jsstrictpropertyop are the type of property getter and setter callbacks in the jsapi.
... jspropertyop and jsstrictpropertyop are the type of property getter and setter callbacks in the jsapi.
... jspropertyop and jsstrictpropertyop are the type of property getter and setter callbacks in the jsapi.
...And 5 more matches
JSProtoKey
this article covers features introduced in spidermonkey 24 possible standard object prototype types.
... this article covers features introduced in spidermonkey 24 possible standard object prototype types.
... this article covers features introduced in spidermonkey 24 possible standard object prototype types.
...And 5 more matches
JS_DefaultValue
sers, its use is discouraged since it could be removed at any time.
... using it.
...ext *cx, js::handle<jsobject*> obj, jstype hint, js::mutablehandle<js::value> vp); name type description cx jscontext * the context in which to perform the conversion.
...And 5 more matches
JS_PushArguments
ay still work in some browsers, its use is discouraged since it could be removed at any time.
...erpretation of format, if js_addargumentformatter has been called.
...st of format types to convert the following arguments to.
...And 5 more matches
Animated PNG graphics
Mozilla › Tech › APNG
encountered decoders should discard all subsequent frames, stop the animation, and revert to displaying the default image.
...hdr' chunk, regardless of whether the default image is part of the animation.
...ers must treat out-of-order apng chunks as an error.
...And 5 more matches
Gecko object attributes
s is especially important in atomic regions.
...ject is in.
...on support for more information.
...And 5 more matches
History Service Design
sociation of useful metadata with urls flexible query system for both end-users and add-ons developers clean architecture for ease of code reuse and maintainability the most known and visible feature of history are views.
...istory queries, often used to build menus, allowing for good performances even in presence of a really large history.
...y on other tables.
...And 5 more matches
Finishing the Component
to use is "content-policy".
... in our own implementation of nsicontentpolicy is shouldload().
... component, the shouldload method looks like this: ns_imethodimp weblock::shouldload(print32 contenttype, nsiuri *contentlocation, nsisupports *ctxt, nsidomwindow *window, prbool *_retval) uniform resource locators the method passes in an interface pointer of type nsiuri, which is based on the uniform resource identifier, or uri.
...And 5 more matches
Setting up the Gecko SDK
ed by the module.
... exports a number of binaries that should be mentioned at this point.
...ned at this point.
...And 5 more matches
XPCOM hashtable guide
what is a hashtable?
... a hashtable is a data construct that stores a set of items.
...here items will be frequently added or removed.
...And 5 more matches
operator=
« xpcom api reference summary this operator is a shortcut for the inherited nsacstring::assign family of functions.
... « xpcom api reference summary this operator is a shortcut for the inherited nsacstring::assign family of functions.
... « xpcom api reference summary this operator is a shortcut for the inherited nsacstring::assign family of functions.
...And 5 more matches
operator=
« xpcom api reference summary this operator is a shortcut for the inherited nsastring::assign family of functions.
... « xpcom api reference summary this operator is a shortcut for the inherited nsastring::assign family of functions.
... « xpcom api reference summary this operator is a shortcut for the inherited nsastring::assign family of functions.
...And 5 more matches
nsIApplicationCacheNamespace
o 1.9.1 inherits from: nsisupports last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) application caches can store a set of namespace entries that affect loads from the application cache.
... 3.0 / seamonkey 2.0) application caches can store a set of namespace entries that affect loads from the application cache.
...on an exact cache entry, the namespace entries are searched for a substring match.
...And 5 more matches
nsICategoryManager
var enumerator = categorymanager.enumeratecategory("app-startup"); var entries = []; while (enumerator.hasmoreelements()) { var item = enumerator.getnext(); var entry = item.queryinterface(components.interfaces.nsisupportscstring) entries.push(entry.tostring()); } entries.sort(); var entriesstring = entries.join("\n"); dump(entriesstring + "\n"); disable currently loaded plugins by type this snippet here shows how to disable plugins that are currently loaded for the file type of pdf.
...ort(); var entriesstring = entries.join("\n"); dump(entriesstring + "\n"); disable currently loaded plugins by type this snippet here shows how to disable plugins that are currently loaded for the file type of pdf.
... plugins from loading in the future, it does not user the category manager but it is included for completness of the example.
...And 5 more matches
nsIDOMHTMLSourceElement
e source child of the audio and video media elements in html.
...ributes attribute type description src domstring the src attribute gives the address of the media resource.
...te type description src domstring the src attribute gives the address of the media resource.
...And 5 more matches
nsIFeed
this interface represents a single atom or rss (really simple syndication) news feed.
...e feed, based on its description, subtitle, and appropriate extensions.
...tle, and appropriate extensions.
...And 5 more matches
nsIFeedTextConstruct
toolkit/components/feeds/public/nsifeedtextconstruct.idlscriptable this interface represents rss or atom feed text fields that may contain plain text, html, or xhtml.
...but users usually don't need to create instances of this directly.
...ntext(); attributes attribute type description base nsiuri if the text construct contains html or xhtml, relative references in the content should be resolved against this base uri.
...And 5 more matches
nsIFocusManager
tforwindow(in nsidomwindow awindow, in prbool adeep, out nsidomwindow afocusedwindow); pruint32 getlastfocusmethod(in nsidomwindow window); void movecarettofocus(in nsidomwindow awindow); void elementisfocusable(in nsidomelement aelement, in unsigned long aflags); nsidomelement movefocus(in nsidomwindow awindow, in nsidomelement astartelement, in unsigned long atype, in unsigned long aflags); void setfocus(in nsidomelement aelement, in unsigned long aflags); void windowhidden(in nsidomwindow awindow); native code only!
...(in nsidomelement aelement, in unsigned long aflags); void windowhidden(in nsidomwindow awindow); native code only!
... 0x2000 focus is changing due to a key operation, for instance pressing the tab key.
...And 5 more matches
nsIHttpHeaderVisitor
der(in acstring aheader, in acstring avalue); methods visitheader() called by the nsihttpchannel implementation when visiting request and response headers.
...isitheader( in acstring aheader, in acstring avalue ); parameters aheader a string containing the key for a header such as "content-type" avalue the header's value field such as "text/html".
... example this example shows how to detect flash content.
...And 5 more matches
nsISHEntry
.createinstance(components.interfaces.nsishentry); method overview void addchildshell(in nsidocshelltreeitem shell); nsidocshelltreeitem childshellat(in long index); void clearchildshells(); nsishentry clone(); void create(in nsiuri uri, in astring title, in nsiinputstream inputstream, in nsilayouthistorystate layouthistorystate, in nsisupports cachekey, in acstring contenttype, in nsisupports owner, in unsigned long long docshellid, in boolean dynamiccreation); native code only!
...editordata(in nsdocshelleditordataptr adata); violates the xpcom interface guidelines void setissubframe(in boolean aflag); void setscrollposition(in long x, in long y); void settitle(in astring atitle); void setuniquedocidentifier(); void seturi(in nsiuri auri); void setviewerbounds(in nsintrect bounds); native code only!
...oid setissubframe(in boolean aflag); void setscrollposition(in long x, in long y); void settitle(in astring atitle); void setuniquedocidentifier(); void seturi(in nsiuri auri); void setviewerbounds(in nsintrect bounds); native code only!
...And 5 more matches
nsISocketProviderService
netwerk/socket/nsisocketproviderservice.idlscriptable provides a mapping between a socket type and its associated socket provider instance.
... netwerk/socket/nsisocketproviderservice.idlscriptable provides a mapping between a socket type and its associated socket provider instance.
...ce.idlscriptable provides a mapping between a socket type and its associated socket provider instance.
...And 5 more matches
nsISocketTransportService
netwerk/base/public/nsisockettransportservice.idlscriptable this interface provides a mapping between a socket type and its associated socket provider instance.
... an instance, use: var sockettransportservice = components.classes["@mozilla.org/network/socket-transport-service;1"] .getservice(components.interfaces.nsisockettransportservice); method overview void attachsocket(in prfiledescptr afd, in nsasockethandlerptr ahandler); native code only!
...lerptr ahandler); native code only!
...And 5 more matches
nsITransferable
widget/nsitransferable.idlscriptable a container for typed data that can be transferred from one place or owner to another, possibly involving format conversion.
... inherits from: nsisupports last changed in gecko 13.0 (firefox 13.0 / thunderbird 13.0 / seamonkey 2.10) implemented by: @mozilla.org/widget/transferable;1.
....10) implemented by: @mozilla.org/widget/transferable;1.
...And 5 more matches
nsIUploadChannel
netwerk/base/public/nsiuploadchannel.idlscriptable a channel may optionally implement this interface if it supports the notion of uploading a data stream.
...ble a channel may optionally implement this interface if it supports the notion of uploading a data stream.
... be) uploaded by this channel.
...And 5 more matches
nsIXmlRpcClient
add a summary to this article.
...ring username, in string password); void clearauthentication(in string username, in string password); void setencoding(in string encoding); void setencoding(in unsigned long type, out nsiidref uuid, out nsqiresult result); void asynccall (in nsixmlrpcclientlistener listener, in nsisupports ctxt, in string methodname, in nsisupports arguments, in pruint32 count); attributes attribute type description serverurl readonly nsiurl the url of the xml-rpc server inprogress readonly boolean whether or not a call is in progress fault readonly nsixmlrpcfault the most recent xml-rpc fault from returned from this server.
... server.
...And 5 more matches
Filelink Providers
nsimsgcloudfileprovider is being created as part of an add-on, the add-on must register the component in chrome.manifest.
...uld resize itself automatically in order to fit the content of the iframe without scrollbars.
...rs.
...And 5 more matches
Accessibility Inspector - Firefox Developer Tools
currently selected item.
... on the item, for example, a pushbutton would have "press" listed, while a link would have "jump" listed.
...n viewer: once opened, you can save or copy the data as necessary.
...And 5 more matches
Debugger.Environment - Firefox Developer Tools
ssociates the identifier with a variable, independently of its outer environments.
...g to access its properties (other than inspectable) or call any its methods throws an instance of error.
...r.
...And 5 more matches
Using dynamic styling information - Web APIs
ing the individual style rules that make up a css stylesheet.
...et to the style objects from the document, you can use the document.stylesheets property and access the individual objects by index (e.g., document.stylesheets[0] is the first stylesheet defined for the document, etc.).
...where for that element's border property in the head section, or external style sheets.
...And 5 more matches
ChildNode.after() - Web APIs
Web › API › ChildNode › after
h the following code: // from: https://github.com/jserz/js_piece/blob/master/dom/childnode/after()/after().md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('after')) { return; } object.defineproperty(item, 'after', { configurable: true, enumerable: true, writable: true, value: function after() { var argarr = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
...r = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
....call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
...And 5 more matches
DOMError - Web APIs
Web › API › DOMError
the domerror interface describes an error object that contains an error name.
... the domerror interface describes an error object that contains an error name.
... the domerror interface describes an error object that contains an error name.
...And 5 more matches
DataTransfer.clearData() - Web APIs
the datatransfer.cleardata() method removes the drag operation's drag data for the given type.
... the datatransfer.cleardata() method removes the drag operation's drag data for the given type.
... the datatransfer.cleardata() method removes the drag operation's drag data for the given type.
...And 5 more matches
Document - Web APIs
Web › API › Document
#d4dde4" stroke-width="2px" /><text x="306" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">document</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} the document interface describes the common properties and methods for any kind of document.
...nospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">document</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} the document interface describes the common properties and methods for any kind of document.
...and eventtarget interfaces.
...And 5 more matches
Introduction to the DOM - Web APIs
window.onload = function() { // create a couple of elements in an otherwise empty html page const heading = document.createelement("h1"); const heading_text = document.createtextnode("big head!"); heading.appendchild(heading_text); document.body.appendchild(heading); } </script> </head> <body> </body> </html> fundamental data types this reference tries to describe the various objects and types in simple terms.
...ding = document.createelement("h1"); const heading_text = document.createtextnode("big head!"); heading.appendchild(heading_text); document.body.appendchild(heading); } </script> </head> <body> </body> </html> fundamental data types this reference tries to describe the various objects and types in simple terms.
...d types in simple terms.
...And 5 more matches
How whitespace is handled by HTML, CSS, and in the DOM - Web APIs
of these whitespace characters, and we only tend to get rid of it in a production build step to reduce code download sizes.
...sizes.
...ever.
...And 5 more matches
EventTarget.removeEventListener() - Web APIs
the eventtarget.removeeventlistener() method removes from the eventtarget an event listener previously registered with eventtarget.addeventlistener().
...emoveeventlistener() method removes from the eventtarget an event listener previously registered with eventtarget.addeventlistener().
...t an event listener previously registered with eventtarget.addeventlistener().
...And 5 more matches
Frame Timing API - Web APIs
k a browser does in one event loop iteration such as processing dom events, resizing, scrolling, rendering, css animations, etc.
...nd the frame's duration (length of time) will be available.
...dentify areas that take too long to provide a good user experience.
...And 5 more matches
MediaDevices.ondevicechange - Web APIs
{ cursor: pointer; width: 160px; border: 1px solid black; font-size: 16px; text-align: center; padding-top: 2px; padding-bottom: 4px; color: white; background-color: darkgreen; } h2 { margin-bottom: 4px; } .left { float:left; width: 48%; margin-right: 2% } .right { float:right; width: 48%; margin-left: 2% } .devicelist { border: 1px solid black; list-style-type: none; margin-top: 2px; padding: 6px; } javascript content other code below is other code which, while needed to make this example work, isn'tt related directly to ondevicechange, so we won't go into any detail.
...ant to fetch the current list of media devices and then update the displayed lists of audo and video devices using that information.
...st() { navigator.mediadevices.enumeratedevices() .then(function(devices) { audiolist.innerhtml = ""; videolist.innerhtml = ""; devices.foreach(function(device) { let elem = document.createelement("li"); let [kind, type, direction] = device.kind.match(/(\w+)(input|output)/i); elem.innerhtml = "<strong>" + device.label + "</strong> (" + direction + ")"; if (type === "audio") { audiolist.appendchild(elem); } else if (type === "video") { videolist.appendchild(elem); } }); }); } updatedevicelist() consists entirely of a call to the function enumeratedevices() on the mediadevices object referenced in the navigator.mediadevices property, as well as the code that's run when the promise returned by enumeratedevices() is fulfil...
...And 5 more matches
RTCRemoteOutboundRtpStreamStats.localId - Web APIs
of an rtcinboundrtpstreamstats object's remoteid property to see if the two represent statistics for each of the two sides of the same set of data received by the local peer.
...onnection, pc, this calls its getstats() method to obtain a statistics report object, which it stores in startreport for use once the end-of-test data has been collected by networkteststop().
...e end-of-test data has been collected by networkteststop().
...And 5 more matches
RTCRtpCapabilities - Web APIs
the rtcrtpcapabilities dictionary is a data type used to describe the capabilities of an rtcrtpsender or rtcrtpreceiver in response to a call to the rtcrtpsender.getcapabilities() or rtcrtpreceiver.getcapabilities() static functions, both of which return an array of rtcrtpcapabilities objects.
...bjects conforming to the dictionary rtcrtpcodeccapability.
...its properties are: the browser will only report distinct capability combinations separately.
...And 5 more matches
Resource Timing API - Web APIs
h as an xmlhttprequest, <svg>, image, or script.
...rfaces.
...ction.
...And 5 more matches
ValidityState.patternMismatch - Web APIs
the read-only patternmismatch property of a validitystate object indicates if the value of an <input>, after having been edited by the user, does not conform to the constraints set by the element's pattern attribute.
...rn attribute -- which means the <input> is of type text, tel, email, url, password, or search -- and the pattern value is set to a valid regular expression, if the value don't doesn't conform to the constraints set by the pattern value, the patternmismatch property will be true.
...value is set to a valid regular expression, if the value don't doesn't conform to the constraints set by the pattern value, the patternmismatch property will be true.
...And 5 more matches
WebGL2RenderingContext.texImage3D() - Web APIs
the webglrenderingcontext.teximage3d() method of the webgl api specifies a three-dimensional texture image.
... the webglrenderingcontext.teximage3d() method of the webgl api specifies a three-dimensional texture image.
...method of the webgl api specifies a three-dimensional texture image.
...And 5 more matches
WebGLRenderingContext.getActiveUniform() - Web APIs
the webglrenderingcontext.getactiveuniform() method of the webgl api returns a webglactiveinfo object containing size, type, and name of a uniform attribute.
...niform(program, index); parameters program a webglprogram specifying the webgl shader program from which to obtain the uniform variable's information.
..._cube gl.int_sampler_2d_array gl.unsigned_int_sampler_2d gl.unsigned_int_sampler_3d gl.unsigned_int_sampler_cube gl.unsigned_int_sampler_2d_array when gl.linkprogram is called, webgl creates a list of active uniforms.
...And 5 more matches
WebGL model view projection - Web APIs
niform locations this.positionlocation = gl.getattriblocation(this.webglprogram, 'position'); this.colorlocation = gl.getuniformlocation(this.webglprogram, 'color'); // tell webgl to test the depth when drawing, so if a square is behind // another square it won't be drawn gl.enable(gl.depth_test); } webglbox draw now we'll create a method to draw a box on the screen.
...other components of the coordinate, so that the true values of x, y, and z are computed as x/w, y/w, and z/w (and w is then also w/w, becoming 1).
...unk down in order to not fill the entirety of clip space.
...And 5 more matches
WebRTC connectivity - Web APIs
ndidates as well.
...idates using tcp are only going to be used when udp is not available or is restricted in ways that make it not suitable for media streaming.
...estricted in ways that make it not suitable for media streaming.
...And 5 more matches
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
e is code to handle incoming messages from the signaling server.
...nmessage = async ({ data: { description, candidate }}) => { try { if (description) { const offercollision = (description.type == "offer") && (makingoffer || pc.signalingstate != "stable"); ignoreoffer = !polite && offercollision; if (ignoreoffer) { return; } await pc.setremotedescription(description); if (description.type =="offer") { await pc.setlocaldescription(); signaler.send(description: pc.localdescription) } } else if (candidate) { try { await pc.addicecandidate(candidate); } catch(err) { if (!ignoreoffer) { throw err; } } } } catch(err) { console.error(err); } } upon receiving an incoming message from the signalingch...
...ding.
...And 5 more matches
Fundamentals of WebXR - Web APIs
w wide the fov can get without installing lenses into the user's eyeballs.
...--->>> some more advanced headsets provide at least minimal support for translational movement detection, but to capture more substantial movement through the space, external sensors are usually required, such as cameras (either using visible light or infrared).
...is the entire world around the user (rather than being enclosed in a box on a screen), the only ar session mode is immersive-ar.
...And 5 more matches
Controlling multiple parameters with ConstantSourceNode - Web APIs
that's extra code that, as you're about to see, you don't have to write; and second, that loop uses valuable cpu time on your thread (likely the main thread), and there's a way to offload all that work to the audio rendering thread, which is optimized for this kind of work and may run at a more appropriate priority level than your code.
...an propertry are all set to n as well.
...ator has a fixed volume.
...And 5 more matches
Using IIR filters - Web APIs
the iirfilternode interface of the web audio api is an audionode processor that implements a general infinite impulse response (iir) filter; this type of filter can be used to implement tone control devices and graphic equalizers, and the filter response parameters can be specified, so that it can be tuned as needed.
...ell across modern browsers, although they have been implemented more recently than some of the more longstanding web audio api features, like biquad filters.
...ently than some of the more longstanding web audio api features, like biquad filters.
...And 5 more matches
XMLHttpRequest.responseXML - Web APIs
he xmlhttprequest.responsexml read-only property returns a document containing the html or xml retrieved by the request; or null if the request was unsuccessful, has not yet been sent, or if the data can't be parsed as xml or html.
...unsuccessful, has not yet been sent, or if the data can't be parsed as xml or html.
... note: the name responsexml is an artifact of this property's history; it works for both html and xml.
...And 5 more matches
XPathResult.iterateNext() - Web APIs
the iteratenext() method of the xpathresult interface iterates over a node set result and returns the next node from it or null if there are no more nodes.
... the iteratenext() method of the xpathresult interface iterates over a node set result and returns the next node from it or null if there are no more nodes.
... the iteratenext() method of the xpathresult interface iterates over a node set result and returns the next node from it or null if there are no more nodes.
...And 5 more matches
XPathResult.singleNodeValue - Web APIs
the read-only singlenodevalue property of the xpathresult interface returns a node value or null in case no node was matched of a result with xpathresult.resulttype being any_unordered_node_type or first_ordered_node_type.
...perty of the xpathresult interface returns a node value or null in case no node was matched of a result with xpathresult.resulttype being any_unordered_node_type or first_ordered_node_type.
...eturns a node value or null in case no node was matched of a result with xpathresult.resulttype being any_unordered_node_type or first_ordered_node_type.
...And 5 more matches
XRPermissionDescriptor.requiredFeatures - Web APIs
res = reqfeaturelist; reqfeaturelist = xrpermissiondescriptor.requiredfeatures; value an array of strings indicating the webxr features which must be available for use by the app or site.
...list; reqfeaturelist = xrpermissiondescriptor.requiredfeatures; value an array of strings indicating the webxr features which must be available for use by the app or site.
...scriptor.requiredfeatures; value an array of strings indicating the webxr features which must be available for use by the app or site.
...And 5 more matches
Basic Shapes - CSS: Cascading Style Sheets
css shapes can be defined using the <basic-shape> type, and in this guide i’ll explain how each of the different values accepted by this type work.
... css shapes can be defined using the <basic-shape> type, and in this guide i’ll explain how each of the different values accepted by this type work.
... css shapes can be defined using the <basic-shape> type, and in this guide i’ll explain how each of the different values accepted by this type work.
...And 5 more matches
Pseudo-classes - CSS: Cascading Style Sheets
nts can be used to style a specific part of an element.
...tor.
...) :disabled :drop :empty :enabled :first :first-child :first-of-type :fullscreen :future :focus :focus-visible :focus-within :has() :host :host() :host-context() :hover :indeterminate :in-range :invalid :is() :lang() :last-child :last-of-type :left :link :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.
...And 5 more matches
font-variant-caps - CSS: Cascading Style Sheets
caps: all-small-caps; font-variant-caps: petite-caps; font-variant-caps: all-petite-caps; font-variant-caps: unicase; font-variant-caps: titling-caps; /* global values */ font-variant-caps: inherit; font-variant-caps: initial; font-variant-caps: unset; the font-variant-caps property is specified using a single keyword value from the list below.
...al values */ font-variant-caps: inherit; font-variant-caps: initial; font-variant-caps: unset; the font-variant-caps property is specified using a single keyword value from the list below.
...upport the opentype value, then it synthesizes the glyphs.
...And 5 more matches
Getting Started - Developer guides
a in ajax.
...ormat that the server can parse, like a query string: "name=value&anothername="+encodeuricomponent(myvar)+"&so=on" or other formats, like multipart/form-data, json, xml, and so on.
...step 3 – a simple example let's put it all together with a simple http request.
...And 5 more matches
Overview of events and handlers - Developer guides
this overview of events and event handling explains the code design pattern used to react to incidents occurring when a browser accesses a web page, and it summarizes the types of such incidents modern web browsers can handle.
...en actions, which javascript leverages.
...y be followed using completely custom code, as explained in the article on custom events.
...And 5 more matches
HTML attribute: required - HTML: Hypertext Markup Language
the boolean required attribute which, if present, indicates that the user must specify a value for the input before the owning form can be submitted.
...required attribute which, if present, indicates that the user must specify a value for the input before the owning form can be submitted.
...ent on any of these input types and elements, the :required pseudo class will match.
...And 5 more matches
<label> - HTML: Hypertext Markup Language
Web › HTML › Element › label
a touch-screen device.
...ned control element.
...> elements — structurally they are simple inline elements, and so can be styled in much the same way as a <span> or <a> element.
...And 5 more matches
itemprop - HTML: Hypertext Markup Language
rms an item.
...tured data - see example below).
...temprop="product-id" value="9678aou879">the instigator 2000</data> </h1> for numeric data, the meter element and its value attribute can be used.
...And 5 more matches
Global attributes - HTML: Hypertext Markup Language
irectionality, then it applies that directionality to the whole element.
... process has been completed.
...ml element may have an itemprop attribute specified, where an itemprop consists of a name and value pair.
...And 5 more matches
HTTP headers - HTTP
Web › HTTP › Headers
s, but with no relation to the data transmitted in the body.
...ow to match request headers to decide whether a cached response can be used rather than requesting a fresh one from the origin server.
...s the tracking status of the corresponding response.
...And 5 more matches
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.
... 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.
... 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.
...And 5 more matches
Numbers and dates - JavaScript
riety of mathematical operations on numbers.
...number type has three symbolic values: +infinity, -infinity, and nan (not-a-number).
...inity, and nan (not-a-number).
...And 5 more matches
Regular expressions - JavaScript
provide lists of the different special characters that fit into each category, along with descriptions and examples.
...riable.
...ix optional flags that allow for functionality like global and case insensitive searching.
...And 5 more matches
Deprecated and obsolete features - JavaScript
x 33) escape sequences octal escape sequences (\ followed by one, two, or three octal digits) are deprecated in string and regular expression literals.
... octal escape sequences (\ followed by one, two, or three octal digits) are deprecated in string and regular expression literals.
...es (\ followed by one, two, or three octal digits) are deprecated in string and regular expression literals.
...And 5 more matches
Atomics.store() - JavaScript
the static atomics.store() method stores a given value at the given position in the array and returns that value.
...atic atomics.store() method stores a given value at the given position in the array and returns that value.
...thod stores a given value at the given position in the array and returns that value.
...And 5 more matches
Object.getOwnPropertyDescriptors() - JavaScript
ptors.
...).
...rue if and only if this property shows up during enumeration of the properties on the corresponding object.
...And 5 more matches
Symbol.match - JavaScript
the symbol.match well-known symbol specifies the matching of a regular expression against a string.
...ing.prototype.match() method.
... the source for this interactive example is stored in a github repository.
...And 5 more matches
Equality (==) - JavaScript
the equality operator (==) checks whether its two operands are equal, returning a boolean result.
...nd us a pull request.
... description the equality operators (== and !=) use the abstract equality comparison algorithm to compare two operands.
...And 5 more matches
Spread syntax (...) - JavaScript
jclone = { ...obj }; rest syntax (parameters) rest syntax looks exactly like spread syntax.
... an array can be easily used with new thanks to spread syntax: const datefields = [1970, 0, 1]; // 1 jan 1970 const d = new date(...datefields); to use new with an array of parameters without spread syntax, you would have to do it indirectly through partial application: function applyandnew(constructor, args) { function partial () { return constructor.apply(this, args); }; if (typeof constructor.prototype === "object") { partial.prototype = object.create(constructor.prototype); } return partial; } function myconstructor () { console.log("arguments.length: " + arguments.length); console.log(arguments); this.prop1="val1"; this.prop2="val2"; }; const myarguments = ["hi", "how", "are", "you", "mr", null]; const myconstructorwitharguments = applyandnew...
...vely goes one level deep while copying an array.
...And 5 more matches
<marker> - SVG: Scalable Vector Graphics
Web › SVG › Element › marker
90 90,90" fill="none" stroke="black" marker-start="url(#arrow)" marker-end="url(#arrow)" /> <!-- data line with polymarkers --> <polyline points="15,80 29,50 43,60 57,30 71,40 85,15" fill="none" stroke="grey" marker-start="url(#dot)" marker-mid="url(#dot)" marker-end="url(#dot)" /> </svg> attributes markerheight this attribute defines the height of the marker viewport.
...="none" stroke="grey" marker-start="url(#dot)" marker-mid="url(#dot)" marker-end="url(#dot)" /> </svg> attributes markerheight this attribute defines the height of the marker viewport.
...ines the height of the marker viewport.
...And 5 more matches
<symbol> - SVG: Scalable Vector Graphics
Web › SVG › Element › symbol
xlink:href="#mydot" x="5" y="5" style="opacity:1.0" /> <use xlink:href="#mydot" x="20" y="5" style="opacity:0.8" /> <use xlink:href="#mydot" x="35" y="5" style="opacity:0.6" /> <use xlink:href="#mydot" x="50" y="5" style="opacity:0.4" /> <use xlink:href="#mydot" x="65" y="5" style="opacity:0.2" /> </svg> attributes height this attribute determines the height of the symbol.
... style="opacity:0.4" /> <use xlink:href="#mydot" x="65" y="5" style="opacity:0.2" /> </svg> attributes height this attribute determines the height of the symbol.
...tratio this attribute defines how the svg fragment must be deformed if it is embedded in a container with a different aspect ratio.
...And 5 more matches
<textPath> - SVG: Scalable Vector Graphics
Web › SVG › Element › textPath
h" fill="none" stroke="red" d="m10,90 q90,90 90,45 q90,10 50,10 q10,10 10,40 q10,70 45,70 q70,70 75,50" /> <!-- </defs> --> <text> <textpath href="#mypath"> quick brown fox jumps over the lazy dog.
...ps over the lazy dog.
...f the path attribute is set, href has no effect.
...And 5 more matches
Namespaces crash course - SVG: Scalable Vector Graphics
or to the release of firefox 1.5 unfortunately paid scant attention to namespaces, but they are essential to multi-xml dialect supporting user agents such as gecko-based browsers which must be very strict.
...y strict.
... elements defined by another.
...And 5 more matches
Web security
in private information being leaked, and bad people are out there trying to find ways to steal data.
...ers and man-in-the-middle attackers.
... browsers to verify that resources they fetch (for example, from a cdn) are delivered without unexpected manipulation.
...And 5 more matches
WebAssembly Concepts - WebAssembly
this article explains the concepts behind how webassembly works including its goals, the problems it solves, and how it runs inside the web browser's rendering engine.
...nce bottlenecks.
... performance and provides languages with low-level memory models such as c++ and rust with a compilation target so that they can run on the web.
...And 5 more matches
page-worker - Archive of obsolete content
script.
...ject is created and stays loaded until its destroy method is called or the add-on is unloaded.
...e page worker.
...And 4 more matches
tabs - Archive of obsolete content
ab on active window in the background.
...e it's open.
..., this becomes tab-centric: if the user navigates to a new page in the same tab, then the content scripts will be reattached to the new page.
...And 4 more matches
stylesheet/style - Archive of obsolete content
ents style modifications via stylesheet file(s) or/and css rules.
...tions: name type uri string,array a string, or an array of strings, that represents local uri to stylesheet.
... type uri string,array a string, or an array of strings, that represents local uri to stylesheet.
...And 4 more matches
ui/button/action - Archive of obsolete content
out this, see the api documentation for state().
...wever, the icons in the toolbar will not quite fill the space available, so you can instead supply four icons: icon: { "18": "./addon18.png", // toolbar icon non hidpi "32": "./addon32.png", // menu panel icon non hidpi "36": "./addon36.png", // toolbar icon hidpi "64": "./addon64.png" // menu panel icon hidpi } optional options: name type disabled boolean determines whether the button is disabled.
...d with the currently active tab: console.log(button.state("tab")); this object represents a snapshot of the state at the time state() is called.
...And 4 more matches
window/utils - Archive of obsolete content
ions as its second argument.
...tra argument(s) to be attached to the new window as the window.arguments property.
...ents property.
...And 4 more matches
Canvas code snippets - Archive of obsolete content
de a certain shape or not.
... } chaining methods this class provides jquery-style chained access to 2d context methods and properties.
...ient', 'createradialgradient', 'getimagedata', 'putimagedata' ]; var props = ['canvas', 'fillstyle', 'font', 'globalalpha', 'globalcompositeoperation', 'linecap', 'linejoin', 'linewidth', 'miterlimit', 'shadowoffsetx', 'shadowoffsety', 'shadowblur', 'shadowcolor', 'strokestyle', 'textalign', 'textbaseline']; for (let m of methods) { let method = m; canvas2dcontext.prototype[method] = function() { this.ctx[method].apply(this.ctx, arguments); return this; }; } for (let m of gettermethods) { let method = m; canvas2dcontext.prototype[method] = function() { return this.ctx[method].apply(this.ctx, arguments); }; } for (let p of props) { let prop = p; canvas2dcontext.prototype[prop] = function(value) { if (value ===...
...And 4 more matches
Forms related code snippets - Archive of obsolete content
here are some <form> related code snippets.
... here are some <form> related code snippets.
... here are some <form> related code snippets.
...And 4 more matches
QuerySelector - Archive of obsolete content
along the lines of other frameworks such as jquery or prototype, shortening the "queryselector" name can be convenient: function $ (selector, el) { if (!el) {el = document;} return el.queryselector(selector); } function $$ (selector, el) { if (!el) {el = document;} return el.queryselectorall(selector); // note: the returned object is a nodelist.
...queryselector" name can be convenient: function $ (selector, el) { if (!el) {el = document;} return el.queryselector(selector); } function $$ (selector, el) { if (!el) {el = document;} return el.queryselectorall(selector); // note: the returned object is a nodelist.
...if you'd like to convert it to a array for convenience, use this instead: // return array.prototype.slice.call(el.queryselectorall(selector)); } alert($('#myid').id); (note that while using the firefox web console, the above functions are available automatically.) both xul and even xml can be easily made supportable (an alternative approach to the following would be to add chromewindow.prototype or window.prototype, accessing this.document.queryselector, or following the jquery style of chaining by returning 'this' within each prototype method of $()): htmldocument.prototype.$ = function (selector) { // only for html return this.queryselector(selector); }; example: <h1>test!</h1> <script> htmldocument.prototype.$ = function (selector) { return this.queryselector(selector); }; a...
...And 4 more matches
Extension Versioning, Update and Compatibility - Archive of obsolete content
he extension with id foobar@developer.mozilla.org.
...s update link is used while version 2.5 has a regular http link with a hash to verify the file retrieved.
...ate manifest (see the example above).
...And 4 more matches
Connecting to Remote Content - Archive of obsolete content
ion to handle the response returned from the remote server.
...ttprequest.
...er contains the server response as text.
...And 4 more matches
Images, Tables, and Mysterious Gaps - Archive of obsolete content
an image it contained.
...sly most designs are a touch more complicated than this, but we don't need anything more for our purposes.
... is one obvious fix-- stop creating designs that are dependent on tables and sliced up or single-pixel images-- but it's not terribly practical for many designers, and it sure doesn't help fix old designs that are suddenly blowing apart in recent browsers.
...And 4 more matches
Using XML Data Islands in Mozilla - Archive of obsolete content
re is not based on multi-vendor web standards and is not supported in firefox (or other non-ie browsers).
...not supported in firefox (or other non-ie browsers).
...t of a <script> element as a data block if the src attribute is omitted and the type attribute does not specify an executable script type.
...And 4 more matches
ActiveX Control for Hosting Netscape Plug-ins in IE - Archive of obsolete content
d to support the np api, look for a file called plugin.ocx in your windows system directory.
...t on a machine, you must register it either through an install script or manually: regsvr32 pluginhostctrl.dll you must have administrator privileges to install a new control on operating systems such as windows nt, 2000 & xp.
...="loop" value="true"/> </object> the classid attribute tells ie to create an instance of the plug-in hosting control, the width and height specify the dimensions in pixels.
...And 4 more matches
Menu - Archive of obsolete content
Archive › Mozilla › Jetpack › UI › Menu
note: this page documents the jetpack prototype, which has since been replaced by the add-on sdk.
...reates an empty menu.
...ode, which may be either a raw dom node or a dom node wrapped by jquery.
...And 4 more matches
Modularization techniques - Archive of obsolete content
directly.
...nting logs.
...e */ class nsisupports { public: ns_imethod queryinterface(const nsiid &aiid, void **aresult) = 0; ns_imethod_(nsrefcnt) addref(void) = 0; ns_imethod_(nsrefcnt) release(void) = 0; }; the ns_imethod and ns_imethod_(type) macros are basically shorthand for virtual nsresult and virtualtype.
...And 4 more matches
PyDOM - Archive of obsolete content
ler and top-level script), the dom node needs to be explicitly specified - the globals are the window itself.
...elf.
... the point is that both the event handler and top-level script share the same namespace.
...And 4 more matches
Elements - Archive of obsolete content
refixes used in your binding.
...h binding child element defines a unique binding that can be attached to elements in other documents.
...lay - this attribute specifies how the tag is displayed.
...And 4 more matches
WinRegValue - Archive of obsolete content
winregvalue constructor (windows only) creates a winregvalue object.
... winregvalue constructor (windows only) creates a winregvalue object.
... winregvalue constructor (windows only) creates a winregvalue object.
...And 4 more matches
Menus - Archive of obsolete content
menus a menu provides a list of commands that the user can carry out.
...ments that a menupopup can be attached to.
...or example, the file and edit menus along the top of an application window (or the menubar on the top of screen).
...And 4 more matches
Panels - Archive of obsolete content
a panel is a popup which can support any type of content.
... for selecting or entering data.
...atever elements are placed as children of the panel element.
...And 4 more matches
Anonymous Content - Archive of obsolete content
inner elements that were specified on the outer element.
...scrollbar might be declared (it has been simplified a bit from the real thing): <bindings xmlns="http://www.mozilla.org/xbl" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <binding id="scrollbarbinding"> <content> <xul:scrollbarbutton type="decrement"/> <xul:slider flex="1"> <xul:thumb/> </xul:slider> <xul:scrollbarbutton type="increment"/> </content> </binding> </bindings> this file contains a single binding, declared with the binding element.
...to.
...And 4 more matches
Creating a Window - Archive of obsolete content
« previousnext » we're going to be creating a simple find files utility throughout this tutorial.
...here will not be shown any window at all.
...omment block with other elements (the buttons, menus and other user interface components) to appear in the window.
...And 4 more matches
Tree Box Objects - Archive of obsolete content
following example of the getcellat() function.
...treeitem> <treeitem> <treerow> <treecell label="knife"/> <treecell label="2"/> </treerow> </treeitem> <treeitem> <treerow> <treecell label="spoon"/> <treecell label="8"/> </treerow> </treeitem> </treechildren> </tree> <label value="row:"/> <label id="row"/> <label value="column:"/> <label id="column"/> <label value="child type:"/> <label id="part"/> the getcellat() function takes five arguments, the coordinates to look up and three out parameters.
...re that one value.
...And 4 more matches
Using the Editor from XUL - Archive of obsolete content
rts in editor.js, and the xbl binding for the editor element in editor.xml.
...ing, somewhere, tells mozilla to open the composer window.
...es.
...And 4 more matches
menubar - Archive of obsolete content
that usually contains menu elements.
...enuitem label="new"/> <menuitem label="save" disabled="true"/> <menuitem label="close"/> <menuseparator/> <menuitem label="quit"/> </menupopup> </menu> <menu id="edit-menu" label="edit"> <menupopup id="edit-popup"> <menuitem label="undo"/> <menuitem label="redo"/> </menupopup> </menu> </menubar> attributes grippyhidden seamonkey only type: boolean when set to true, the grippy will be hidden.
...item label="quit"/> </menupopup> </menu> <menu id="edit-menu" label="edit"> <menupopup id="edit-popup"> <menuitem label="undo"/> <menuitem label="redo"/> </menupopup> </menu> </menubar> attributes grippyhidden seamonkey only type: boolean when set to true, the grippy will be hidden.
...And 4 more matches
rule - Archive of obsolete content
Archive › Mozilla › XUL › rule
he conditions, content within the rule's action body is generated.
... the bindings element is optional and may specify additional variable bindings to be used.
... attributes iscontainer type: boolean indicates whether rules match based on containment.
...And 4 more matches
stringbundle - Archive of obsolete content
ay this message message.namealreadyused=the name %s is already being used by another account.
... 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 applocale obsolete since gecko 1.9.1 type: nsilocale returns the xpcom object which holds information about the user's locale.
...eference-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.
...And 4 more matches
Building a Theme - Archive of obsolete content
all manifest open the file called install.rdf that you created at the top of your extension's folder hierarchy and put this inside: <?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>sample@example.net</em:id> <em:version>1.0</em:version> <em:type>4</em:type> <!-- target application this theme can install into, with minimum and maximum supported versions.
...rl> </description> </rdf> sample@example.net - the id of the extension.
... in email address format (note that it should not be your email).
...And 4 more matches
-ms-content-zoom-snap - Archive of obsolete content
the -ms-content-zoom-snap css shorthand property is a microsoft extension that specifies values for the -ms-content-zoom-snap-type and -ms-content-zoom-snap-points properties.
... the -ms-content-zoom-snap css shorthand property is a microsoft extension that specifies values for the -ms-content-zoom-snap-type and -ms-content-zoom-snap-points properties.
...values for the -ms-content-zoom-snap-type and -ms-content-zoom-snap-points properties.
...And 4 more matches
E4X for templating - Archive of obsolete content
s (especially along with the convenience of javascript 1.8 expression closures), the templates can function more dynamically, offering the power and readability of templating languages such as smarty for php (though admittedly without the currently wider cross-browser support of xslt or the strictly-xml approach of phptal or seethrough templating).
... php (though admittedly without the currently wider cross-browser support of xslt or the strictly-xml approach of phptal or seethrough templating).
...roach of phptal or seethrough templating).
...And 4 more matches
New in JavaScript 1.6 - Archive of obsolete content
er 2005.
...ecma standard is ecma-262 edition 3 and ecmascript for xml (e4x) with some additional features.
...on 3 and ecmascript for xml (e4x) with some additional features.
...And 4 more matches
Describing microformats in JavaScript - Archive of obsolete content
ualgetter() method will be called to attempt to create the property if it doesn't exist.
...) method will be called to attempt to create the property if it doesn't exist.
...a microformat microformat_property a specific property within the microformat specified by microformat.
...And 4 more matches
Building up a basic demo with A-Frame - Game development
t creating virtual reality (vr) experiences inside web browsers, but the community is still waiting for tools and libraries to appear, to make this easier.
...ct in.
...tion="0 1 4" cursor-visible="true" cursor-scale="2" cursor-color="#0095dd" cursor-opacity="0.5"> </a-camera> we've also defined a cursor for the given camera, using the cursor-* attributes (by default it is invisible.) — we've set its scale so it will more easily visible, its color, and some opacity so it won't completely covering the objects behind it.
...And 4 more matches
Building up a basic demo with the PlayCanvas engine - Game development
hould start off by: making sure you are using a modern browser with good webgl support, such as the latest firefox or chrome.
... shapes instantly in a single line of code.
...nt("model", { type: "box" }); app.root.addchild(box); box.rotate(10, 15, 0); it will create an entity with the box model component and add it to the root of the application, our scene.
...And 4 more matches
Images, media, and form elements - Learn web development
mple form fields such as text inputs, through to more complex fields added in html5 such as color and date pickers.
...evelopers to indicate which fields are required, and even the type of content that needs to be entered.
...hich fields are required, and even the type of content that needs to be entered.
...And 4 more matches
Fundamental text and font styling - Learn web development
operating systems (windows, macos, the most common linux distributions, android, and ios).
...space are quite predictable and should provide something reasonable.
...o keep things simple, and avoid setting the font-size of container elements where possible.
...And 4 more matches
How to build custom form controls - Learn web development
before starting.
...electorall() function is a nodelist rather than an array.
... radio buttons.
...And 4 more matches
Sending form data - Learn web development
iv> <div> <label for="to">who do you want to say it to?</label> <input name="to" id="to" value="mom"> </div> <div> <button>send my greetings</button> </div> </form> when the form is submitted using the post method, you get no data appended to the url, and the http request looks like so, with the data included in the request body instead: post / http/2.0 host: foo.com content-type: application/x-www-form-urlencoded content-length: 13 say=hi&to=mom the content-length header indicates the size of the body, and the content-type header indicates the type of resource sent to the server.
...icle to teach you any server-side languages or frameworks.
...e will give you some help, should you wish to learn them.
...And 4 more matches
Fetching data from the server - Learn web development
us lines inside your updatedisplay() function: let request = new xmlhttprequest(); next, you need to use the open() method to specify what http request method to use to request the resource from the network, and what its url is.
...st(); next, you need to use the open() method to specify what http request method to use to request the resource from the network, and what its url is.
...re and set the url as our url variable.
...And 4 more matches
Working with JSON - Learn web development
provides a global json object that has methods available for converting between the two.
...tive object to a string so it can be transmitted across the network is called serialization.
...are not valid.
...And 4 more matches
Object-oriented JavaScript for beginners - Learn web development
tructure and access; objects are also commonly used as data stores that can be easily sent across the network.
...ow create some actual people: when an object instance is created from a class, the class's constructor function is run to create it.
... instance is instantiated from the class.
...And 4 more matches
Object building practice - Learn web development
the x/y coordinate values when we animate the balls, to move them by this much on each frame.
...te values when we animate the balls, to move them by this much on each frame.
...g the path we started with beginpath(), and fill the area it takes up with the color we specified earlier in fillstyle." you can start testing your object out already.
...And 4 more matches
Multimedia: video - Learn web development
optimizing video to improve web performance.
...tion below), that encode, decode, convert, and perform other optimization functions.
...tions.
...And 4 more matches
Vue conditional rendering: editing existing todos - Learn web development
an editing component we can start by creating a separate component to handle the editing functionality.
...mponents directory, create a new file called todoitemeditform.vue.
...it.prevent="onsubmit"> <div> <label class="edit-label">edit name for &quot;{{label}}&quot;</label> <input :id="id" type="text" autocomplete="off" v-model.lazy.trim="newlabel" /> </div> <div class="btn-group"> <button type="button" class="btn" @click="oncancel"> cancel <span class="visually-hidden">editing {{label}}</span> </button> <button type="submit" class="btn btn__primary"> save <span class="visually-hidden">edit for {{label}}</span> </button> </div> </form> </template> <script> export default { props: { label: { type: string, required: true }, id: { type: string, required: true } }, data() { return { newlabel: this.label }; }, methods: { ...
...And 4 more matches
Getting started with Vue - Learn web development
ue/cli or if you'd prefer to use yarn: yarn global add @vue/cli once installed, to initialize a new project you can then open a terminal in the directory you want to create the project in, and run vue create <project-name>.
...hings like eslint into their own, dedicated files.
...nto their own, dedicated files.
...And 4 more matches
Accessibility/LiveRegionDevGuide
n to the standard priority queue methods, additional methods will need to be implemented that purge the queue based on one of the priority criterion.
...tional methods will need to be implemented that purge the queue based on one of the priority criterion.
...mplemented that purge the queue based on one of the priority criterion.
...And 4 more matches
Multiple Firefox profiles
le manager, there are a few third-party tools that make working with multiple profiles easy.
...n different profiles, to avoid confusion, you might want to first exit/quit/terminate all running instances of firefox, firefox developer edition or nightly.
...g system.
...And 4 more matches
mozbrowsererror
e may also be large incompatibilities between implementations and the behavior may change in the future.
...future.
...event is fired when an error occurs while trying to load content within a browser <iframe>.
...And 4 more matches
mozbrowsermetachange
is non-standard and is not on a standards track.
... implementations and the behavior may change in the future.
...t is fired when a <meta> element related to web applications is added, removed or changed.
...And 4 more matches
Log.jsm
minimum.
...ugh the system.
...ten to logs only.
...And 4 more matches
PromiseWorker.jsm
summary a promiseworker is a chromeworker except instead of calling postmessage() to send a message, you call post(), which returns a promise.
...rker objects this is no longer the case, simply return data or throw from your function depending if you want to resolve or reject the promise.
...owing this in live action can be found here: github :: promiseworker transfer arraybuffer - worker side rejecting the promise to reject the promise from the worker, simply throw.
...And 4 more matches
Mozilla Framework Based on Templates (MFBT)
ity in well-named files, such that simply skimming the contents of mfbt/ will quickly suggest the relevant header to examine.
...l-named files, such that simply skimming the contents of mfbt/ will quickly suggest the relevant header to examine.
...n bug if you think this approach could be improved, and feel free to make improvements to this document if you see them.
...And 4 more matches
BloatView
79 |messagepump | 8 8| 30 1| 285 |mutex | 20 60| 89987 3| 302 |pcompositorchild | 412 412| 1 1| 308 |pimagebridgechild | 416 416| 1 1| the first line tells you the pid of the leaking process, along with the type of process.
...tview first, if your object is an xpcom object and you use the ns_impl_addref and ns_impl_release (or a variation thereof) macro to implement your addref and release methods, then there is nothing you need do.
...irst, if your object is an xpcom object and you use the ns_impl_addref and ns_impl_release (or a variation thereof) macro to implement your addref and release methods, then there is nothing you need do.
...And 4 more matches
L20n HTML Bindings
nymore (you still can if you want to).
...butes (e.g.
...ollowing source html: <p data-l10n-id="save"> <input type="submit"> <a href="/main" class="btn-cancel"></a> </p> assume the following malicious translation: <save """ <input value="save" type="text"> or <a href="http://myevilwebsite.com" onclick="alert('pwnd!')" title="back to the homepage">cancel</a>.
...And 4 more matches
Midas
nt selection.
...sed in the "size" attribute of the font tag.
...mbered item.
...And 4 more matches
Creating a Cookie Log
ookie handling.
...ly been directed here from a bug report.
...am files\mozilla firefox) type "set nspr_log_file=c:\temp\cookie-log.txt", enter type "set nspr_log_modules=cookie:4" and press enter run firefox by typing "firefox.exe" and pressing enter.
...And 4 more matches
PRFileInfo
file information structure used with pr_getfileinfo and pr_getopenfileinfo.
... file information structure used with pr_getfileinfo and pr_getopenfileinfo.
... file information structure used with pr_getfileinfo and pr_getopenfileinfo.
...And 4 more matches
PRFileInfo64
file information structure used with pr_getfileinfo64 and pr_getopenfileinfo64.
... file information structure used with pr_getfileinfo64 and pr_getopenfileinfo64.
... file information structure used with pr_getfileinfo64 and pr_getopenfileinfo64.
...And 4 more matches
PRHostEnt
a structure that defines a list of network addresses.
... a structure that defines a list of network addresses.
...cture that defines a list of network addresses.
...And 4 more matches
Rhino serialization
s when rhino serializes objects.
...re referred to by that object.
...tain references to prototypes and to parent scopes.
...And 4 more matches
JS::OrdinaryToPrimitive
this article covers features introduced in spidermonkey 38 convert an ordinary object to a primitive value.
... this article covers features introduced in spidermonkey 38 convert an ordinary object to a primitive value.
... this article covers features introduced in spidermonkey 38 convert an ordinary object to a primitive value.
...And 4 more matches
JS_ConstructObject
from the jsapi.
...specified class, with the specified prototype and parent, then invokes a constructor function to initialize the new object.
... description cx jscontext * the context in which to create the new object.
...And 4 more matches
JS_NewObjectForConstructor
r function would.
... name type description cx jscontext * the context in which to create the new object.
...tructor as callee.
...And 4 more matches
Secure Development Guidelines
validation input validation most vulnerabilities are a result of un-validated input always perform input validation could save you without knowing it examples: if it doesn’t have to be negative, store it in an unsigned int if the input doesn’t have to be > 512, cut it off there if the input should only be [a-za-z0-9], enforce it cross site scripting (xss) xss is a type of code injection attack typically occurs in web applications injection of arbitrary data into an html document from another site victim’s browser executes those html instructions could be used to steal user credentials think: webmail, online auction, cms, online banking...
..._transient); sqlite3_step(stmt); sqlite3_finalize(p_stmt); writing secure code: arithmetic issues integer overflows/underflows overflows occur when an arithmetic operation attempts to create a numeric value that is larger than can be represented within the available storage space max + 1 will be 0 and 0 – 1 will be max!
...); ...
...And 4 more matches
Insert
« xpcom api reference summary the insert family of functions inserts a value into a string's internal buffer.
... « xpcom api reference summary the insert family of functions inserts a value into a string's internal buffer.
... « xpcom api reference summary the insert family of functions inserts a value into a string's internal buffer.
...And 4 more matches
Insert
« xpcom api reference summary the insert family of functions inserts a value into a string's internal buffer.
... « xpcom api reference summary the insert family of functions inserts a value into a string's internal buffer.
... « xpcom api reference summary the insert family of functions inserts a value into a string's internal buffer.
...And 4 more matches
IAccessible2
xtendedstates ); [propget] hresult nrelations([out] long nrelations ); [propget] hresult relation([in] long relationindex, [out] iaccessiblerelation relation ); [propget] hresult relations([in] long maxrelations, [out, size_is(maxrelations), length_is( nrelations)] iaccessiblerelation relations, [out] long nrelations ); hresult role([out] long role ); hresult scrollto([in] enum ia2scrolltype scrolltype ); hresult scrolltopoint([in] enum ia2coordinatetype coordinatetype, [in] long x, [in] long y ); [propget] hresult states([out] accessiblestates states ); [propget] hresult uniqueid([out] long uniqueid ); [propget] hresult windowhandle([out] hwnd windowhandle ); methods attributes() returns the attributes specific to this iaccessible2 object, such as a cell's formula.
...umber of relations in the returned array (not more than maxrelations) return value s_false if there are no relations, nrelations() is set to 0.
...lations in the returned array (not more than maxrelations) return value s_false if there are no relations, nrelations() is set to 0.
...And 4 more matches
amIWebInstaller
toolkit/mozapps/extensions/amiwebinstaller.idlscriptable this interface is used to allow web pages to start installing add-ons.
...string amimetype, in nsidomwindow awindow, in nsiuri areferer, [array, size_is(ainstallcount)] in wstring auris, [array, size_is(ainstallcount)] in wstring ahashes, [array, size_is(ainstallcount)] in wstring anames, [array, size_is(ainstallcount)] in wstring aicons, [optional] in amiinstallcallback acallback, [optional] in pruint32 ainstallcount); boolean isinstallenabled(in astring amimetype, in nsiuri areferer); note: prior to gecko 8.0, all references to nsidomwindow used in this interface were nsidomwindow.
... amiinstallcallback acallback, [optional] in pruint32 ainstallcount); boolean isinstallenabled(in astring amimetype, in nsiuri areferer); note: prior to gecko 8.0, all references to nsidomwindow used in this interface were nsidomwindow.
...And 4 more matches
imgILoader
principal aloadingprincipal, in nsiloadgroup aloadgroup, in imgidecoderobserver aobserver, in nsisupports acx, in nsloadflags aloadflags, in nsisupports cachekey, in imgirequest arequest, in nsichannelpolicy channelpolicy); imgirequest loadimagewithchannel(in nsichannel achannel, in imgidecoderobserver aobserver, in nsisupports cx, out nsistreamlistener alistener); boolean supportimagewithmimetype(in string mimetype); constants constant value description load_cors_anonymous 1 << 16 load_cors_use_credentials 1 << 17 methods loadimage() start the load and decode of an image.
...s method is called, and there must have been no ondataavailable calls for it yet.
...calls for it yet.
...And 4 more matches
nsIContentSniffer
netwerk/base/public/nsicontentsniffer.idlscriptable content sniffer interface.
...k/base/public/nsicontentsniffer.idlscriptable content sniffer interface.
...type from a chunk of bytes.
...And 4 more matches
nsIDeviceMotionData
/system/nsidevicemotion.idlscriptable this interface provides information about device motion.
...tion.idlscriptable this interface provides information about device motion.
... interface provides information about device motion.
...And 4 more matches
nsIJumpListBuilder
nsijumplistbuilder does not filter entries added that have been removed since the last commit.
... commit.
... as shortcuts, links, and separators.
...And 4 more matches
nsIMsgDatabase
b/msgdb/public/nsimsgdatabase.idlscriptable please add a summary to this article.
... void refreshcache(in string asearchfolderuri, in unsigned long anumkeys, array, size_is (anumkeys) in nsmsgkey anewhits, out unsigned long anumbadhits, array, size_is(anumbadhits) out nsmsgkey astalehits); void updatehdrincache(in string asearchfolderuri, in nsimsgdbhdr ahdr, in boolean aadd); boolean hdrisincache(in string asearchfolderuri, in nsimsgdbhdr ahdr); attributes attribute type description dbfolderinfo nsidbfolderinfo readonly: firstnew nsmsgkey readonly: msgretentionsettings nsimsgretentionsettings msgdownloadsettings nsimsgdownloadsettings lowwaterarticlenum nsmsgkey readonly: highwaterarticlenum nsmsgkey readonly: nextpseudomsgkey nsmsgkey for undo-redo of move pop->imap.
...olderinfo readonly: firstnew nsmsgkey readonly: msgretentionsettings nsimsgretentionsettings msgdownloadsettings nsimsgdownloadsettings lowwaterarticlenum nsmsgkey readonly: highwaterarticlenum nsmsgkey readonly: nextpseudomsgkey nsmsgkey for undo-redo of move pop->imap.
...And 4 more matches
nsIMsgIncomingServer
erlist afilterlist); void setintattribute(in string name, in long value); void setintvalue(in string attr, in long value); void setunicharattribute(in string name, in astring value); void setunicharvalue(in string attr, in astring value); void shutdown(); void storepassword(); astring tostring(); void writetofoldercache(in nsimsgfoldercache foldercache); attributes attribute type description accountmanagerchrome astring read only.
...s server be removed from the account manager?
... emptytrashonexit boolean filterscope nsmsgsearchscopevalue read only.
...And 4 more matches
nsIMsgSearchSession
opeusescustomheaders(in nsmsgsearchscopevalue scope, in voidptr selection, in boolean forfilters); boolean isstringattribute(in nsmsgsearchattribvalue attrib); void addallscopes(in nsmsgsearchscopevalue attrib); void search(in nsimsgwindow awindow); void interruptsearch(); void pausesearch(); void resumesearch(); [noscript] nsmsgsearchtype setsearchparam(in nsmsgsearchtype type, in voidptr param); [noscript] void addresultelement(in nsmsgresultelement element); boolean matchhdr(in nsimsgdbhdr amsghdr, in nsimsgdatabase adatabase); void addsearchhit(in nsimsgdbhdr header, in nsimsgfolder folder); attributes attribute type description searchterms nsisupportsarray readon...
... adatabase); void addsearchhit(in nsimsgdbhdr header, in nsimsgfolder folder); attributes attribute type description searchterms nsisupportsarray readonly: numsearchterms unsigned long readonly: runningadapter nsimsgsearchadapter readonly: searchparam voidptr not scriptable and readonly: searchtype nsmsgsearchtype readonly: numresults long readonly: window nsimsgwindow constants name value description booleanor 0 booleanand 1 methods addsearchterm() void addsearchterm(in nsmsgsearchattribvalue attrib, in nsmsgsearchopvalue op, in nsimsgsearchvalu...
... in voidptr selection, in boolean forfilters); parameters scope selection could be a folder or server based on scope forfilters isstringattribute() use this to determine if your attribute is a string attribute.
...And 4 more matches
nsINavHistoryFullVisitResultNode
toolkit/components/places/public/nsinavhistoryservice.idlscriptable this interface describes a result from a result_type_full_visit query on the places service.
... toolkit/components/places/public/nsinavhistoryservice.idlscriptable this interface describes a result from a result_type_full_visit query on the places service.
... this includes more detailed information than the result_type_visit query (which returns nsinavhistoryvisitresultnode, and as such takes more time to look up.
...And 4 more matches
nsINavHistoryObserver
nsiuri auri, in unsigned long awhat, in astring avalue); void onpageexpired(in nsiuri auri, in prtime avisittime, in boolean awholeentry); obsolete since gecko 2.0 void ontitlechanged(in nsiuri auri, in astring apagetitle); void onvisit(in nsiuri auri, in long long avisitid, in prtime atime, in long long asessionid, in long long areferringid, in unsigned long atransitiontype, in acstring aguid, out unsigned long aadded); constants constant value description attribute_favicon 3 the page's favicon changed.
... this date.
...updates is completed.
...And 4 more matches
nsIParentalControlsService
n microsoft windows vista and newer as well as android 4.3 and newer.
...lsservice); method overview void log(in short aentrytype, in boolean aflag, in nsiuri asource, [optional] in nsifile atarget); boolean requesturioverride(in nsiuri atarget, [optional] in nsiinterfacerequestor awindowcontext); boolean requesturioverrides(in nsiarray atargets, [optional] in nsiinterfacerequestor awindowcontext); attributes attribute type description blockfiledownloadsenabled boolean true if the current user account's parental controls restrictions include the blocking of all file downloads.
...e if the current user account has parental controls logging enabled.
...And 4 more matches
nsIProxyInfo
this interface identifies a proxy server.
... failovertimeout unsigned long this attribute specifies the failover timeout in seconds for this proxy.
... next nsiproxyinfo proxy info objects may be chained if several proxies could be treated equivalently.
...And 4 more matches
nsIStandardURL
des some customization on how urls are normalized.
...mented by: @mozilla.org/network/standard-url;1.
... aspec, in string aorigincharset, in nsiuri abaseuri); attributes attribute type description mutable boolean control whether or not this url can be modified.
...And 4 more matches
nsIWebPageDescriptor
docshell/base/nsiwebpagedescriptor.idlscriptable this interface allows content being displayed in one window to be loaded into another window without refetching it from the network.
... docshell/base/nsiwebpagedescriptor.idlscriptable this interface allows content being displayed in one window to be loaded into another window without refetching it from the network.
... window to be loaded into another window without refetching it from the network.
...And 4 more matches
Declaring and Calling Functions
functions are declared using the library object's declare() method.
...ons are declared using the library object's declare() method.
...alue.
...And 4 more matches
Int64
because javascript doesn't currently include standard support for 64-bit integer values, js-ctypes offers the int64 and uint64 objects to let you work with c functions and data that need (or may need) values represented using a 64-bit data type.
...onsist of an optional minus sign, followed by either a decimal number or "0x" or "0x" followed by a hexadecimal number.
...; int64 join(high, low); number lo(a); string tosource(); string tostring([radix]); methods compare() compares two 64-bit integer values.
...And 4 more matches
URLs - Plugins
usnext » this chapter describes retrieving urls and displaying them on specified target pages, posting data to an http server, uploading files to an ftp server, and sending mail.
...and writing the data.
...ay be unloaded.
...And 4 more matches
Aggregate view - Firefox Developer Tools
before firefox 48, this was the default view of a heap snapshot.
...o group the data: type call stack inverted call stack you can switch between them using the dropdown menu labeled "group by:" located at the top of the panel: there's also a box labeled "filter" at the top-right of the pane.
...n menu labeled "group by:" located at the top of the panel: there's also a box labeled "filter" at the top-right of the pane.
...And 4 more matches
Web Console Helpers - Firefox Developer Tools
looks up a css selector string selector, returning an array of dom nodes descended from element that match.
...ment that match.
...ently-inspected element in the page.
...And 4 more matches
Applying styles and colors - Web APIs
illstyle = 'rgba(255, 255, 255, ' + (i + 1) / 10 + ')'; for (var j = 0; j < 4; j++) { ctx.fillrect(5 + i * 14, 5 + j * 37.5, 14, 27.5); } } } <canvas id="canvas" width="150" height="150"></canvas> draw(); screenshotlive sample line styles there are several properties which allow us to style lines.
...for (var j = 0; j < 4; j++) { ctx.fillrect(5 + i * 14, 5 + j * 37.5, 14, 27.5); } } } <canvas id="canvas" width="150" height="150"></canvas> draw(); screenshotlive sample line styles there are several properties which allow us to style lines.
...y = i % 2 == 0 ?
...And 4 more matches
Basic usage of canvas - Web APIs
is not needed, a simple <canvas id="foo" ...></canvas> is fully compatible with all browsers that support canvas at all.
...text.
...document.getelementbyid('tutorial'); if (canvas.getcontext) { var ctx = canvas.getcontext('2d'); // drawing code here } else { // canvas-unsupported code here } a skeleton template here is a minimalistic template, which we'll be using as a starting point for later examples.
...And 4 more matches
ContentIndex.add() - Web APIs
Web › API › ContentIndex › add
ent service worker.
...tegory: optional a string defining the category of content.
...default.
...And 4 more matches
DOMException - Web APIs
or the object cannot be modified in this way.
...modified in this way.
...d legacy constant name: invalid_modification_err) namespaceerror the operation is not allowed by namespaces in xml.
...And 4 more matches
Document Object Model (DOM) - Web APIs
the document's structure, style, or content.
...roduction to the dom.
... be reintroduced in the future or not, but for the time being they should be considered obsolete and should be avoided: documenttouch domconfiguration domerrorhandler domimplementationlist domimplementationregistry domimplementationsource domlocator domobject domsettabletokenlist domuserdata elementtraversal entity entityreference namelist notation typeinfo userdatahandler html dom a document containing html is described using the document interface, which is extended by the html specification to include various html-specific features.
...And 4 more matches
Element - Web APIs
Web › API › Element
2px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">element</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent interface, node, and by extension that interface's parent, eventtarget.
....localname read only a domstring representing the local part of the qualified name of the element.
...the markup of the element including its content.
...And 4 more matches
FileList - Web APIs
Web › API › FileList
an object of this type is returned by the files property of the html <input> element; this lets you access the list of files selected with the <input type="file"> element.
... datatransfer object for details on this usage.
...meaning that the filelist would contain only one file.
...And 4 more matches
Using FormData Objects - Web APIs
the formdata object lets you compile a set of key/value pairs to send using xmlhttprequest.
... = new formdata(); formdata.append("username", "groucho"); formdata.append("accountnum", 123456); // number 123456 is immediately converted to a string "123456" // html file input, chosen by user formdata.append("userfile", fileinputelement.files[0]); // javascript file-like object var content = '<a id="a"><b id="b">hey!</b></a>'; // the body of the new file...
...r request = new xmlhttprequest(); request.open("post", "submitform.php"); formdata.append("serialnumber", serialnumber++); request.send(formdata); this lets you augment the form's data before sending it along, to include additional information that's not necessarily user-editable.
...And 4 more matches
HTMLCanvasElement.toBlob() - Web APIs
the htmlcanvaselement.toblob() method creates a blob object representing the image contained in the canvas; this file may be cached on the disk or stored in memory at the discretion of the user agent.
... the htmlcanvaselement.toblob() method creates a blob object representing the image contained in the canvas; this file may be cached on the disk or stored in memory at the discretion of the user agent.
... the image contained in the canvas; this file may be cached on the disk or stored in memory at the discretion of the user agent.
...And 4 more matches
HTMLCanvasElement.toDataURL() - Web APIs
the htmlcanvaselement.todataurl() method returns a data uri containing a representation of the image in the format specified by the type parameter (defaults to png).
... the htmlcanvaselement.todataurl() method returns a data uri containing a representation of the image in the format specified by the type parameter (defaults to png).
...urns a data uri containing a representation of the image in the format specified by the type parameter (defaults to png).
...And 4 more matches
HTMLScriptElement - Web APIs
html <script> elements expose the htmlscriptelement interface, which provides special properties and methods for manipulating the behavior and execution of <script> elements (beyond the inherited htmlelement interface).
... html <script> elements expose the htmlscriptelement interface, which provides special properties and methods for manipulating the behavior and execution of <script> elements (beyond the inherited htmlelement interface).
...l <script> elements expose the htmlscriptelement interface, which provides special properties and methods for manipulating the behavior and execution of <script> elements (beyond the inherited htmlelement interface).
...And 4 more matches
LocalFileSystem - Web APIs
s.
...my pictures, my documents) on the user's hard drive either.
...ystem; // the first parameter defines the type of storage: persistent or temporary // next, set the size of space needed (in bytes) // initfs is the success callback // and the last one is the error callback // for denial of access and other errors.
...And 4 more matches
MediaRecorder() - Web APIs
the mediarecorder() constructor creates a new mediarecorder object that will record a specified mediastream.
...pecifying the codecs parameter.
... codecs parameter.
...And 4 more matches
MediaRecorder - Web APIs
the mediarecorder interface of the mediastream recording api provides functionality to easily record media.
...ty to easily record media.
...reated using the mediarecorder() constructor.
...And 4 more matches
Transcoding assets for Media Source Extensions - Web APIs
dec=aac to the mp4-dash-encode.py command line.
...code.py command line.
... codec support as specified in section 1.1 of the mse spec: goals, mse is designed not to require support for any particular media format or codec.
...And 4 more matches
NetworkInformation.downlinkMax - Web APIs
echnology.
...ature is available in web workers.
...ricted double representing the maximum downlink speed, in megabits per second (mb/s), for the underlying connection technology.
...And 4 more matches
OES_standard_derivatives - Web APIs
constants this extension exposes one new constant, which can be used in the hint() and getparameter() methods.
...this extension exposes one new constant, which can be used in the hint() and getparameter() methods.
...nsion exposes one new constant, which can be used in the hint() and getparameter() methods.
...And 4 more matches
Performance - Web APIs
the performance interface provides access to performance-related information for the current page.
...tamp of the start time of the performance measurement.
...ure from the browser's performance entry buffer.
...And 4 more matches
PerformanceEntry.name - Web APIs
the name property of the performanceentry interface returns a value that further specifies the value returned by the performanceentry.entrytype property.
... the name property of the performanceentry interface returns a value that further specifies the value returned by the performanceentry.entrytype property.
... the name property of the performanceentry interface returns a value that further specifies the value returned by the performanceentry.entrytype property.
...And 4 more matches
Request.destination - Web APIs
the destination read-only property of the request interface returns a string describing the type of content being requested.
... the destination read-only property of the request interface returns a string describing the type of content being requested.
...t interface returns a string describing the type of content being requested.
...And 4 more matches
Sensor APIs - Web APIs
eturns the acceleration of the device along all three axes at the time it is read.
...s read.
...nd battery life.
...And 4 more matches
UIEvent.layerX - Web APIs
Web › API › UIEvent › layerX
relative to the whole of the document unless the event occurs inside a positioned element, where the returned value is relative to the top left of the positioned element.
...pagex\pagey & layerx\layery example</title> <script type="text/javascript"> function showcoords(evt){ var form = document.forms.form_coords; var parent_id = evt.target.parentnode.id; form.parentid.value = parent_id; form.pagexcoords.value = evt.pagex; form.pageycoords.value = evt.pagey; form.layerxcoords.value = evt.layerx; form.layerycoords.value = evt.layery; } </script> <style type="text/css"> #d1 { border: solid blue 1px; padding: 20px; } #d2 { position: absolute; top: 180px; left: 80%; right:auto; width: 40%; border: solid blue 1px; padding: 20px; } #d3 { position: absolute; top: 240px; left: 20%; width: 50%; border: solid blue 1px; padding: 10px; } </style> </head> <body onmousedown="showcoords(event)"> <p>to display the mouse co...
...e scrolling.</span> <span>make the page scroll more!
...And 4 more matches
UIEvent.layerY - Web APIs
Web › API › UIEvent › layerY
elative to the whole of the document, unless the event occurs inside a positioned element, where the returned value is relative to the top left of the positioned element.
...pagex\pagey & layerx\layery example</title> <script type="text/javascript"> function showcoords(evt){ var form = document.forms.form_coords; var parent_id = evt.target.parentnode.id; form.parentid.value = parent_id; form.pagexcoords.value = evt.pagex; form.pageycoords.value = evt.pagey; form.layerxcoords.value = evt.layerx; form.layerycoords.value = evt.layery; } </script> <style type="text/css"> #d1 { border: solid blue 1px; padding: 20px; } #d2 { position: absolute; top: 180px; left: 80%; right:auto; width: 40%; border: solid blue 1px; padding: 20px; } #d3 { position: absolute; top: 240px; left: 20%; width: 50%; border: solid blue 1px; padding: 10px; } </style> </head> <body onmousedown="showcoords(event)"> <p>to display the mouse co...
...e scrolling.</span> <span>make the page scroll more!
...And 4 more matches
UIEvent.pageY - Web APIs
Web › API › UIEvent › pageY
ns the vertical coordinate of the event relative to the whole document.
...agex\pagey & layerx\layery example</title> <script type="text/javascript"> function showcoords(evt){ var form = document.forms.form_coords; var parent_id = evt.target.parentnode.id; form.parentid.value = parent_id; form.pagexcoords.value = evt.pagex; form.pageycoords.value = evt.pagey; form.layerxcoords.value = evt.layerx; form.layerycoords.value = evt.layery; } </script> <style type="text/css"> #d1 { border: solid blue 1px; padding: 20px; } #d2 { position: absolute; top: 180px; left: 80%; right:auto; width: 40%; border: solid blue 1px; padding: 20px; } #d3 { position: absolute; top: 240px; left: 20%; width: 50%; border: solid blue 1px; padding: 10px; } </style> </head> <body onmousedown="showcoords(event)"> <p>to display the mouse co...
...ncluding page scrolling.</span> <span>make the page scroll more!
...And 4 more matches
WebGLRenderingContext.getFramebufferAttachmentParameter() - Web APIs
achment7_webgl ext.color_attachment8_webgl ext.color_attachment9_webgl ext.color_attachment10_webgl ext.color_attachment11_webgl ext.color_attachment12_webgl ext.color_attachment13_webgl ext.color_attachment14_webgl ext.color_attachment15_webgl pname a glenum specifying information to query.
...ebgl ext.color_attachment8_webgl ext.color_attachment9_webgl ext.color_attachment10_webgl ext.color_attachment11_webgl ext.color_attachment12_webgl ext.color_attachment13_webgl ext.color_attachment14_webgl ext.color_attachment15_webgl pname a glenum specifying information to query.
...e of the texture.
...And 4 more matches
WebGLRenderingContext.getShaderPrecisionFormat() - Web APIs
the webglrenderingcontext.getshaderprecisionformat() method of the webgl api returns a new webglshaderprecisionformat object describing the range and precision for the specified shader numeric format.
... the webglrenderingcontext.getshaderprecisionformat() method of the webgl api returns a new webglshaderprecisionformat object describing the range and precision for the specified shader numeric format.
... the webglrenderingcontext.getshaderprecisionformat() method of the webgl api returns a new webglshaderprecisionformat object describing the range and precision for the specified shader numeric format.
...And 4 more matches
WindowOrWorkerGlobalScope.setTimeout() - Web APIs
arg1, arg2, ...]); |*| var intervalid = window.setinterval(code, delay); |*| \*/ (function() { settimeout(function(arg1) { if (arg1 === 'test') { // feature test is passed, no need for polyfill return; } var __nativest__ = window.settimeout; window.settimeout = function(vcallback, ndelay /*, argumenttopass1, argumenttopass2, etc.
... } : vcallback, ndelay); }; }, 0, 'test'); var interval = setinterval(function(arg1) { clearinterval(interval); if (arg1 === 'test') { // feature test is passed, no need for polyfill return; } var __nativesi__ = window.setinterval; window.setinterval = function(vcallback, ndelay /*, argumenttopass1, argumenttopass2, etc.
...eout, then when it's called, its this is not set so it defaults to the window object.
...And 4 more matches
HTML in XMLHttpRequest - Web APIs
which originally supported only xml parsing.
...with legacy code that assumes that responsexml is null for http error pages (which often have a text/html response body).
... a dom using xmlhttprequest, except you can't use the synchronous mode and you have to explicitly request a document by assigning the string "document" to the responsetype property of the xmlhttprequest object after calling open() but before calling send().
...And 4 more matches
XMLHttpRequest.sendAsBinary() - Web APIs
the obsolete xmlhttprequest method sendasbinary() is a variant of the send() method that sends binary data.
...ich encodes the binary content to be sent.
...create the binary string using the filereader method readasbinarystring().
...And 4 more matches
XMLHttpRequest - Web APIs
y="1" width="140" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="511" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">xmlhttprequest</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} despite its name, xmlhttprequest can be used to retrieve any type of data, not just xml.
...esteventtarget and of eventtarget.
...equest.response read only returns an arraybuffer, blob, document, javascript object, or a domstring, depending on the value of xmlhttprequest.responsetype, that contains the response entity body.
...And 4 more matches
XMLSerializer.serializeToString() - Web APIs
ializer method serializetostring() constructs a string representing the specified dom tree in xml form.
...esenting the specified dom tree in xml form.
...peerror the specified rootnode is not a compatible node type.
...And 4 more matches
XPathResult.booleanValue - Web APIs
the read-only booleanvalue property of the xpathresult interface returns the boolean value of a result with xpathresult.resulttype being boolean_type.
... the read-only booleanvalue property of the xpathresult interface returns the boolean value of a result with xpathresult.resulttype being boolean_type.
... the read-only booleanvalue property of the xpathresult interface returns the boolean value of a result with xpathresult.resulttype being boolean_type.
...And 4 more matches
XPathResult.numberValue - Web APIs
the read-only numbervalue property of the xpathresult interface returns the numeric value of a result with xpathresult.resulttype being number_type.
... the read-only numbervalue property of the xpathresult interface returns the numeric value of a result with xpathresult.resulttype being number_type.
... the read-only numbervalue property of the xpathresult interface returns the numeric value of a result with xpathresult.resulttype being number_type.
...And 4 more matches
XPathResult.snapshotItem() - Web APIs
he xpathresult interface returns an item of the snapshot collection or null in case the index is not within the range of nodes.
...item of the snapshot collection or null in case the index is not within the range of nodes.
...ull in case the index is not within the range of nodes.
...And 4 more matches
XPathResult.snapshotLength - Web APIs
the read-only snapshotlength property of the xpathresult interface represents the number of nodes in the result snapshot.
... the read-only snapshotlength property of the xpathresult interface represents the number of nodes in the result snapshot.
... the read-only snapshotlength property of the xpathresult interface represents the number of nodes in the result snapshot.
...And 4 more matches
XPathResult.stringValue - Web APIs
the read-only stringvalue property of the xpathresult interface returns the string value of a result with xpathresult.resulttype being string_type.
... the read-only stringvalue property of the xpathresult interface returns the string value of a result with xpathresult.resulttype being string_type.
... the read-only stringvalue property of the xpathresult interface returns the string value of a result with xpathresult.resulttype being string_type.
...And 4 more matches
XRPermissionStatus.granted - Web APIs
bxr features for which permission has been granted as of the time at which the permission api's navigator.permissions.query() method was called.
... which permission has been granted as of the time at which the permission api's navigator.permissions.query() method was called.
...ission has been granted as of the time at which the permission api's navigator.permissions.query() method was called.
...And 4 more matches
XRSessionEvent() - Web APIs
the webxr device api's xrsessionevent() constructor creates and returns a new xrsessionevent object.
... the webxr device api's xrsessionevent() constructor creates and returns a new xrsessionevent object.
... the webxr device api's xrsessionevent() constructor creates and returns a new xrsessionevent object.
...And 4 more matches
ARIA: textbox role - Accessibility
the textbox role is used to identify an element that allows the input of free-form text.
...element with type="text", for single-line input, or a <textarea> element for multi-line input.
.../div> <!-- multi-line text area --> <div id="txtboxmultilinelabel">enter the tags for the article</div> <div role="textbox" contenteditable="true" aria-multiline="true" aria-labelledby="txtboxmultilinelabel" aria-required="true"></div> semantic elements are more concise and require no javascript to support textbox features.
...And 4 more matches
Basic form hints - Accessibility
will describe form controls.
...ich label is the correct one.
...each <label> element has a for attribute, indicating the id of the associated <input>.
...And 4 more matches
::-moz-focus-inner - CSS: Cascading Style Sheets
the ::-moz-focus-inner css pseudo-element is a mozilla extension that represents an inner focus ring of the <button> element as well as the button, submit, reset, and color types of the <input> element.
... the ::-moz-focus-inner css pseudo-element is a mozilla extension that represents an inner focus ring of the <button> element as well as the button, submit, reset, and color types of the <input> element.
... css pseudo-element is a mozilla extension that represents an inner focus ring of the <button> element as well as the button, submit, reset, and color types of the <input> element.
...And 4 more matches
:disabled - CSS: Cascading Style Sheets
Web › CSS › :disabled
the :disabled css pseudo-class represents any disabled element.
... an enabled state, in which it can be activated or accept focus.
...ated or accept focus.
...And 4 more matches
Specificity - CSS: Cascading Style Sheets
specificity is the means by which browsers decide which css property values are the most relevant to an element and, therefore, will be applied.
... have equal specificity, the last declaration found in the css is applied to the element.
...aration found in the css is applied to the element.
...And 4 more matches
font-language-override - CSS: Cascading Style Sheets
the font-language-override css property controls the use of language-specific glyphs in a typeface.
...lyphs */ /* global values */ font-language-override: initial; font-language-override: inherit; font-language-override: unset; by default, html's lang attribute tells browsers to display glyphs designed specifically for that language.
...ial character for the digraph fi that merge the dot on the "i" with the "f." however, if the language is set to turkish the typeface will likely know not to use the merged glyph; turkish has two versions of the "i," one with a dot (i) and one without (ı), and using the ligature would incorrectly transform a dotted "i" into a dotless "i." the font-language-override property lets you override the typeface behavior for a specific language.
...And 4 more matches
Video player styling basics - Developer guides
started.
... markup shown in the previous article.
...ols now looks as follows: <div id="video-controls" class="controls" data-state="hidden"> <button id="playpause" type="button" data-state="play">play/pause</button> <button id="stop" type="button" data-state="stop">stop</button> <div class="progress"> <progress id="progress" value="0" min="0"> <span id="progress-bar"></span> </progress> </div> <button id="mute" type="button" data-state="mute">mute/unmute</button> <button id="volinc" type="button" data-state="volup">vol+</button> <button id="voldec" type="button" data-state="voldown">vol-</button> <button id="fs" type="button" data-state="go-fullscreen">fullscreen</button> </div> related css alteration the previous article simply set the display property of the video controls to block in order to d...
...And 4 more matches
Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
canvas api lets you draw 2d bitmapped graphics in a <canvas> element.
...you have to find a way to translate the analog concept of "color" into a digital form that a computer can use.
...ace, or you're implementing a drawing app.
...And 4 more matches
HTML attribute: capture - HTML: Hypertext Markup Language
the capture attribute specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute.
... the capture attribute specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute.
...red, and which device should be used to capture that new media of a type defined by the accept attribute.
...And 4 more matches
<a>: The Anchor element - HTML: Hypertext Markup Language
Web › HTML › Element › a
equest.
...s element's attributes include the global attributes.
...butes.
...And 4 more matches
<keygen> - HTML: Hypertext Markup Language
Web › HTML › Element › keygen
interaction.
...n.
...ent must be a descendant of a <form> element.
...And 4 more matches
<spacer> - HTML: Hypertext Markup Language
Web › HTML › Element › spacer
designers used to use to add white spaces to web pages without actually using an image.
...ite spaces to web pages without actually using an image.
...be achieved using simple css.
...And 4 more matches
<style>: The Style Information element - HTML: Hypertext Markup Language
Web › HTML › Element › style
he document — make sure you include them in the correct order, to avoid unexpected cascade issues.
...der, to avoid unexpected cascade issues.
...scoped this attribute specifies that the styles only apply to the elements of its parent(s) and children.
...And 4 more matches
HTTP authentication - HTTP
www-authenticate and proxy-authenticate headers the www-authenticate and proxy-authenticate response headers define the authentication method that should be used to gain access to a resource.
... headers the www-authenticate and proxy-authenticate response headers define the authentication method that should be used to gain access to a resource.
...e and proxy-authenticate response headers define the authentication method that should be used to gain access to a resource.
...And 4 more matches
Evolution of HTTP - HTTP
d get followed by the path to the resource (not the url as both the protocol, server, and port are unnecessary once connected to the server).
... 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.
...mely flexible and extensible.
...And 4 more matches
HTTP range requests - HTTP
ze of the image).
... range header also allows you to get multiple ranges at once in a multipart document.
...ytes=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.
...And 4 more matches
Enumerability and ownership of properties - JavaScript
ag is set to true, which is the default for properties created via simple assignment or via a property initializer (properties defined via object.defineproperty and such default enumerable to false).
...ere are a number of built-in means of detecting, iterating/enumerating, and retrieving object properties, with the chart showing below which are available.
... built-in means of detecting, iterating/enumerating, and retrieving object properties, with the chart showing below which are available.
...And 4 more matches
Loops and iteration - JavaScript
rough 4.
...ounts the number of selected options in a scrolling list (a <select> element that allows multiple selections).
...ted options in a scrolling list (a <select> element that allows multiple selections).
...And 4 more matches
RangeError: precision is out of range - JavaScript
ion.
...ge (edge) rangeerror: precision {0} out of range (firefox) rangeerror: toexponential() argument must be between 0 and 20 (chrome) rangeerror: tofixed() digits argument must be between 0 and 20 (chrome) rangeerror: toprecision() argument must be between 1 and 21 (chrome) error type rangeerror what went wrong?
...} out of range (firefox) rangeerror: toexponential() argument must be between 0 and 20 (chrome) rangeerror: tofixed() digits argument must be between 0 and 20 (chrome) rangeerror: toprecision() argument must be between 1 and 21 (chrome) error type rangeerror what went wrong?
...And 4 more matches
EvalError - JavaScript
the evalerror object indicates an error regarding the global eval() function.
...regarding the global eval() function.
...nction.
...And 4 more matches
Intl.RelativeTimeFormat - JavaScript
examples and send us a pull request.
... intl.relativetimeformat.supportedlocalesof() returns an array containing those of the provided locales that are supported without having to fall back to the runtime's default locale.
...ale.
...And 4 more matches
JSON.stringify() - JavaScript
s capped at 10 (if it is greater, the value is just 10).
...no space should be used.
...ke no sense in json let a = ['foo', 'bar']; a['baz'] = 'quux'; // a: [ 0: 'foo', 1: 'bar', baz: 'quux' ] json.stringify(a); // '["foo","bar"]' json.stringify({ x: [10, undefined, function(){}, symbol('')] }); // '{"x":[10,null,null,null]}' // standard data structures json.stringify([new set([1]), new map([[1, 2]]), new weakset([{a: 1}]), new weakmap([[{a: 1}, 2]])]); // '[{},{},{},{}]' // typedarray json.stringify([new int8array([1]), new int16array([1]), new int32array([1])]); // '[{"0":1},{"0":1},{"0":1}]' json.stringify([new uint8array([1]), new uint8clampedarray([1]), new uint16array([1]), new uint32array([1])]); // '[{"0":1},{"0":1},{"0":1},{"0":1}]' json.stringify([new float32array([1]), new float64array([1])]); // '[{"0":1},{"0":1}]' // tojson() json.stringify({ x: 5, y: 6, toj...
...And 4 more matches
Math.ceil() - JavaScript
bject you created (math is not a constructor).
...created (math is not a constructor).
.../ -0 math.ceil(-4); // -4 math.ceil(-7.004); // -7 decimal adjustment // closure (function() { /** * decimal adjustment of a number.
...And 4 more matches
Math.floor() - JavaScript
it as math.floor(), rather than as a method of a math object you created (math is not a constructor).
....floor(), rather than as a method of a math object you created (math is not a constructor).
...( 45.05); // 45 math.floor( 4 ); // 4 math.floor(-45.05); // -46 math.floor(-45.95); // -46 decimal adjustment /** * decimal adjustment of a number.
...And 4 more matches
Object.defineProperties() - JavaScript
keys represent the names of properties to be defined or modified and whose values are objects describing those properties.
...yfill assuming a pristine execution environment with all names and properties referring to their initial values, object.defineproperties is almost completely equivalent (note the comment in iscallable) to the following reimplementation in javascript: function defineproperties(obj, properties) { function converttodescriptor(desc) { function hasproperty(obj, prop) { return object.prototype.hasownproperty.call(obj, prop); } function iscallable(v) { // nb: modify as necessary if other values than functions are callable.
...alent (note the comment in iscallable) to the following reimplementation in javascript: function defineproperties(obj, properties) { function converttodescriptor(desc) { function hasproperty(obj, prop) { return object.prototype.hasownproperty.call(obj, prop); } function iscallable(v) { // nb: modify as necessary if other values than functions are callable.
...And 4 more matches
Promise - JavaScript
or rejected with a reason (error).
...rror).
...the promise chain.
...And 4 more matches
ReferenceError - JavaScript
the referenceerror object represents an error when a non-existent variable is referenced.
... the referenceerror object represents an error when a non-existent variable is referenced.
... the referenceerror object represents an error when a non-existent variable is referenced.
...And 4 more matches
Reflect.construct() - JavaScript
the static reflect.construct() method acts like the new operator, but as a function.
...e to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...t an array-like object specifying the arguments with which target should be called.
...And 4 more matches
Reflect - JavaScript
e following static functions which have the same names as the proxy handler methods.
... between them.
...[propertykey].
...And 4 more matches
SyntaxError - JavaScript
the syntaxerror object represents an error when trying to interpret syntactically invalid code.
...thrown when the javascript engine encounters tokens or token order that does not conform to the syntax of the language when parsing code.
...e encounters tokens or token order that does not conform to the syntax of the language when parsing code.
...And 4 more matches
URIError - JavaScript
the urierror object represents an error when a global uri handling function was used in a wrong way.
... the urierror object represents an error when a global uri handling function was used in a wrong way.
... the urierror object represents an error when a global uri handling function was used in a wrong way.
...And 4 more matches
WeakMap - JavaScript
the weakmap object is a collection of key/value pairs in which the keys are weakly referenced.
... the weakmap object is a collection of key/value pairs in which the keys are weakly referenced.
... has not been garbage collected.
...And 4 more matches
WebAssembly.Global - JavaScript
a webassembly.global object represents a global variable instance, accessible from both javascript and importable/exportable across one or more webassembly.module instances.
...m both javascript and importable/exportable across one or more webassembly.module instances.
...structor webassembly.global() creates a new global object.
...And 4 more matches
JavaScript
javascript (js) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions.
...there are as follows: javascript first steps answers some fundamental questions such as "what is javascript?", "what does it look like?", and "what can it do?", along with discussing key javascript features such as variables, strings, numbers, and arrays.
...overview of available data structures in javascript.
...And 4 more matches
<maction> - MathML
the mathml <maction> element provides a possibility to bind actions to (sub-) expressions.
... the mathml <maction> element provides a possibility to bind actions to (sub-) expressions.
...ral values.
...And 4 more matches
Web audio codec guide - Web media technologies
for optimal cross-platform support of video and audio conferencing, and to integrate better with legacy telecommunication solutions.
... how digital audio works, see the article digital audio concepts.
...tion about these and other features of audio data, see audio data format and structure in digital audio concepts.
...And 4 more matches
<rect> - SVG: Scalable Vector Graphics
Web › SVG › Element › rect
y their position, width, and height.
...ight:100% } <svg viewbox="0 0 220 100" xmlns="http://www.w3.org/2000/svg"> <!-- simple rectangle --> <rect width="100" height="100" /> <!-- rounded corner rectangle --> <rect x="120" width="100" height="100" rx="15" /> </svg> attributes x the x coordinate of the rect.
...-> <rect width="100" height="100" /> <!-- rounded corner rectangle --> <rect x="120" width="100" height="100" rx="15" /> </svg> attributes x the x coordinate of the rect.
...And 4 more matches
<text> - SVG: Scalable Vector Graphics
Web › SVG › Element › text
l property, the color property is for html only */ .rrrrr { font: italic 40px serif; fill: red; } </style> <text x="20" y="35" class="small">my</text> <text x="40" y="35" class="heavy">cat</text> <text x="55" y="55" class="small">is</text> <text x="65" y="55" class="rrrrr">grumpy!</text> </svg> attributes x the x coordinate of the starting point of the text baseline.
...class="small">my</text> <text x="40" y="35" class="heavy">cat</text> <text x="55" y="55" class="small">is</text> <text x="65" y="55" class="rrrrr">grumpy!</text> </svg> attributes x the x coordinate of the starting point of the text baseline.
...="rrrrr">grumpy!</text> </svg> attributes x the x coordinate of the starting point of the text baseline.
...And 4 more matches
<tspan> - SVG: Scalable Vector Graphics
Web › SVG › Element › tspan
html,body,svg { height:100% } <svg viewbox="0 0 240 40" xmlns="http://www.w3.org/2000/svg"> <style> text { font: italic 12px serif; } tspan { font: bold 10px sans-serif; fill: red; } </style> <text x="10" y="30" class="small"> you are <tspan>not</tspan> a banana!
...; } tspan { font: bold 10px sans-serif; fill: red; } </style> <text x="10" y="30" class="small"> you are <tspan>not</tspan> a banana!
...banana!
...And 4 more matches
Example - SVG: Scalable Vector Graphics
sition.
... mote tries to move away from the average mote position. combined, we get this very natural looking behavior.
...rn false;"> <p> <label>number of motes:</label> <input id='num_motes' value='5'/> <br/> <label>max.
...And 4 more matches
Getting started - SVG: Scalable Vector Graphics
e cx="150" cy="100" r="80" fill="green" /> <text x="150" y="125" font-size="60" text-anchor="middle" fill="white">svg</text> </svg> copy the code and paste it in a file demo1.svg.
...open the file in firefox.
...vg files the first important thing to notice is the order of rendering elements.
...And 4 more matches
Mixed content - Web security
their connection with the web server is encrypted with tls and is therefore safeguarded from most sniffers and man-in-the-middle attacks.
...p with an inappropriate image or message to the user.
...s visiting.
...And 4 more matches
Exported WebAssembly functions - WebAssembly
exported webassembly functions are how webassembly functions are represented in javascript.
...ll them, you get some activity in the background to convert the arguments into types that wasm can work with (for example converting javascript numbers to int32), the arguments are passed to the function inside your wasm module, the function is invoked, and the result is converted and passed back to javascript.
...bl.get() and log the result of invoking each one to the console.
...And 4 more matches
core/promise - Archive of obsolete content
(url); timeout(tweets, 20).then(function(data) { ui.display(data); }, function() { alert('network is being too slow, try again later'); }); alternative promise apis there may be cases where you will want to provide more than just then method on your promises.
...g too slow, try again later'); }); alternative promise apis there may be cases where you will want to provide more than just then method on your promises.
...e the returned promise and all the subsequent promises decendents of that prototype: let { promise, resolve } = defer({ get: function get(name) { return this.then(function(value) { return value[name]; }); } }); promise.get('foo').get('bar').then(console.log); resolve({ foo: { bar: 'taram !!' } }); // => 'taram !!' also promised function maybe be passed a second optional prototype argument to achieve the same effect.
...And 3 more matches
system/runtime - Archive of obsolete content
mation about firefox's runtime environment.
...ut firefox's runtime environment.
...erties insafemode this value is true if firefox was started in safe mode, otherwise false.
...And 3 more matches
Creating Event Targets - Archive of obsolete content
pec); }, onitemvisited: function(aitemid, avisitid, time) { emit(exports, "visited", bookmarkservice.getbookmarkuri(aitemid).spec); }, queryinterface: xpcomutils.generateqi([ci.nsinavbookmarkobserver]) }; bookmarkservice.addobserver(bookmarkobserver, false); exports.on = on.bind(null, exports); exports.once = once.bind(null, exports); exports.removelistener = function removelistener(type, listener) { off(exports, type, listener); }; this code implements a module which can emit added and visited events.
...e = once.bind(null, exports); exports.removelistener = function removelistener(type, listener) { off(exports, type, listener); }; this code implements a module which can emit added and visited events.
..., listener); }; this code implements a module which can emit added and visited events.
...And 3 more matches
JavaScript Debugger Service - Archive of obsolete content
the various hooks.
...script) { // your function here } }); a simple stack trace here, we will show how to implement a simple javascript stack trace using the jsd.
...l show how to implement a simple javascript stack trace using the jsd.
...And 3 more matches
Intercepting Page Loads - Archive of obsolete content
._toggleprogresslistener(browser.webprogress, false); }, this); gbrowser.tabcontainer.removeeventlistener("tabopen", this, false); gbrowser.tabcontainer.removeeventlistener("tabclose", this, false); }, handleevent : function(aevent) { let tab = aevent.target; let webprogress = gbrowser.getbrowserfortab(tab).webprogress; this._toggleprogresslistener(webprogress, ("tabopen" == aevent.type)); }, _toggleprogresslistener : function(awebprogress, aisadd) { if (aisadd) { awebprogress.addprogresslistener(this, awebprogress.notify_all); } else { awebprogress.removeprogresslistener(this); } } this shouldn't be too hard to follow.
...le values.
...e window loading the content.
...And 3 more matches
Supporting search suggestions in search plugins - Archive of obsolete content
firefox supports search suggestions in opensearch plugins; as the user types in the search bar, firefox queries the url specified by the search plugin to fetch live search suggestions.
... firefox supports search suggestions in opensearch plugins; as the user types in the search bar, firefox queries the url specified by the search plugin to fetch live search suggestions.
...d, it's displayed in a popup box that appears under the search bar, which lets the user select a suggested search term.
...And 3 more matches
Adding preferences to an extension - Archive of obsolete content
etails on how observers work, read up on the nsiobserver interface.
...he browser window is loaded and unloaded.
...the options dialog.
...And 3 more matches
Notes on HTML Reflow - Archive of obsolete content
content model), a reflow command object is created and passed to the presentation shell via the nsipresshell::appendreflowcommand method.
...e presentation shell via the nsipresshell::appendreflowcommand method.
...mmediately.
...And 3 more matches
Creating a Firefox sidebar extension - Archive of obsolete content
idebar.commandkey "e"> <!entity openemptysidebar.modifierskey "shift accel"> the content folder includes our sidebar, the emptysidebar.xul is shown in example 3.
... the content folder includes our sidebar, the emptysidebar.xul is shown in example 3.
...cludes our sidebar, the emptysidebar.xul is shown in example 3.
...And 3 more matches
Settings - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
...ose to users.
...ation that users of your jetpack may use to customize the settings.
...And 3 more matches
open - Archive of obsolete content
warning: this section describes the file component of the spidermonkey javascript interpreter.
... warning: this section describes the file component of the spidermonkey javascript interpreter.
...s the file component of the spidermonkey javascript interpreter.
...And 3 more matches
Anonymous Content - Archive of obsolete content
bound document using a single tag can then be constructed out of multiple child elements, and this implementation is hidden from the bound document.
... tag can then be constructed out of multiple child elements, and this implementation is hidden from the bound document.
...y a comma-separated list of attributes that should be inherited.
...And 3 more matches
Extensions - Archive of obsolete content
ng a context menu for a link displays items to open the link in a new window or tab and to save or bookmark the link.
... an extension may modify the context menu to show additional items that either appear always, or appear only when certain content is selected.
...ed on context.
...And 3 more matches
Sorting Results - Archive of obsolete content
rvice assumes that the starting ref resource is the container and the end results are the children.
...bel value.
...language).
...And 3 more matches
Special Condition Tests - Archive of obsolete content
« previousnext » there are several additional types of conditional tests that may be performed.
..., the content will be inserted into a <menu> in case you aren't clear, the tag that must match for the outer iteration is the root element, the one with the datasources attribute on it.
...ent would instead be inserted into the groupbox generated from the previous iteration.
...And 3 more matches
Tree Widget Changes - Archive of obsolete content
sundetermined -> nsitreeview.progress_undetermined (2) nsitreeview.progressnode -> nsitreeview.progress_none (3) as well, the drag and drop methods candropon and candropbeforeafter have been replaced with a single method candrop(idx,orientation) which handles both.
... (3) as well, the drag and drop methods candropon and candropbeforeafter have been replaced with a single method candrop(idx,orientation) which handles both.
... candropon and candropbeforeafter have been replaced with a single method candrop(idx,orientation) which handles both.
...And 3 more matches
Adding Style Sheets - Archive of obsolete content
me that we are building the find files dialog for themeability, because the find files dialog can be referred to with the url chrome://findfile/content/findfile.xul so the style sheet file will be stored in chrome://findfile/skin/findfile.css.
...layout might change the meaning of the element.
... you should avoid this as much as possible.
...And 3 more matches
Open and Save Dialogs - Archive of obsolete content
« previousnext » a common type of dialog is one where the user can select a file to open or save.
...ifilepicker is used to implement a file picker.
... is used for an open dialog.
...And 3 more matches
The Implementation of the Application Object Model - Archive of obsolete content
ontent.
...box:blah"/> which would specify a uri that pointed to a specific mailbox node.
...r to plug into than the 4-5 interfaces required if directly implementing the content tree interfaces.
...And 3 more matches
param - Archive of obsolete content
Archive › Mozilla › XUL › param
« xul reference home [ examples | attributes | properties | methods | related ] for sql templates, used to bind values to parameters specified within an sql statement.
... « xul reference home [ examples | attributes | properties | methods | related ] for sql templates, used to bind values to parameters specified within an sql statement.
...mples | attributes | properties | methods | related ] for sql templates, used to bind values to parameters specified within an sql statement.
...And 3 more matches
script - Archive of obsolete content
xamples | attributes | properties | methods | related ] much like the html script element, this is used to declare a script to be used by the xul window.
...should usually put scripts in a separate file pointed to by the src attribute, but you may also place the script inline inside the opening and closing script tags.
... file pointed to by the src attribute, but you may also place the script inline inside the opening and closing script tags.
...And 3 more matches
<statusbarpanel> - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] firefox 4 note the status bar has been removed.
...er there are new messages.
...ar cropped.
...And 3 more matches
wizardpage - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element defines a page in a wizard.
... | properties | methods | related ] this element defines a page in a wizard.
...ageid properties next, pageid attributes description type: string descriptive text to appear in addition to the dialog title.
...And 3 more matches
Debugging a XULRunner Application - Archive of obsolete content
o 44, it is no longer possible to start the devtools server from xul apps.
...ld use the firefox browser debugger to debug your xulrunner apps.
...ocol" appears when trying to open *.js files in venkman, then add an empty file called .autoreg in the same directory as your xulrunner binary.
...And 3 more matches
NPN NewStream - Archive of obsolete content
summary requests the creation of a new data stream produced by the plug-in and consumed by the browser.
... summary requests the creation of a new data stream produced by the plug-in and consumed by the browser.
...ary requests the creation of a new data stream produced by the plug-in and consumed by the browser.
...And 3 more matches
NPWindow - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary contains information about the target into which the plug-in instance can draw.
... platform specific handle */ uint32_t x; /* coordinates of top left corner */ uint32_t y; /* relative to a netscape page */ uint32_t width; /* maximum window size */ uint32_t height; nprect cliprect; /* clipping rectangle coordinates */ #ifdef xp_unix void * ws_info; /* platform-dependent additional data */ #endif /* xp_unix */ npwindowtype type; /* window or drawable target */ } npwindow; fields the data structure has the following fields: window platform-specific handle to a native window element in the netscape window hierarchy on windows (hwnd) and unix (x window id).
...ble or window.
...And 3 more matches
Theme changes in Firefox 2 - Archive of obsolete content
"] .tab-image-middle > .tab-text you may of course wish to make changes to other styles as well.
...ourse wish to make changes to other styles as well.
...irefox 2.
...And 3 more matches
New in JavaScript 1.1 - Archive of obsolete content
d javascript language versions.
...rsions.
...javascript"> <!-- javascript for navigator 2.0.
...And 3 more matches
XForms Alert Element - Archive of obsolete content
ta, in a remote document, or as inline text.
...element's message (default representation).
...es <xforms:model> <xforms:instance> <data xmlns=""> <x>10</x> </data> </xforms:instance> <xforms:bind id="x" nodeset="x" type="xsd:integer"/> </xforms:model> <style> @namespace xforms url("http://www.w3.org/2002/xforms"); xforms|input:invalid xforms|alert.inline { display: inline; font-style: italic; width: 40%; } } </style> <xforms:input bind="x"> <xforms:label>you can type only numbers (validation happens on blur): </xforms:label> <xforms:alert>wrong value!
...And 3 more matches
XForms Secret Element - Archive of obsolete content
introduction used for inputting passwords or other sensitive text.
...sed for inputting passwords or other sensitive text.
...d by an asterisk on the screen (see the spec).
...And 3 more matches
Obsolete: XPCOM-based scripting for NPAPI plugins - Archive of obsolete content
e done to the plugin code to turn it scriptable again.
...ble iid and a pointer to a scriptable instance object.
...ssinfo and implement its methods to be able to request all necessary privileges from the mozilla security manager (see example 2).
...And 3 more matches
Primitive - MDN Web Docs Glossary: Definitions of Web-related terms
in javascript, a primitive (primitive value, primitive data type) is data that is not an object and has no methods.
... in javascript, a primitive (primitive value, primitive data type) is data that is not an object and has no methods.
... in javascript, a primitive (primitive value, primitive data type) is data that is not an object and has no methods.
...And 3 more matches
Introduction to CSS layout - Learn web development
is very important, as you can then work with the way things are laid out by default rather than fighting against it.
... are just a small part of the power of grid layout; to find out more see our grid layout article.
...er location.
...And 3 more matches
Example - Learn web development
a basic payment form for the article how to structure an html form.
...ds are followed by <strong><abbr title="required">*</abbr></strong>.</p> <section> <h2>contact information</h2> <fieldset> <legend>title</legend> <ul> <li> <label for="title_1"> <input type="radio" id="title_1" name="title" value="a"> ace </label> </li> <li> <label for="title_2"> <input type="radio" id="title_2" name="title" value="k" > king </label> </li> <li> <label for="title_3"> <input type="radio" id="title_3" name="title" value="q"> queen </label> </li> </ul> </fieldset> <p> <label for="name"> <span>name: </span> <strong><abbr title="required">*</abbr></...
...alue="k" > king </label> </li> <li> <label for="title_3"> <input type="radio" id="title_3" name="title" value="q"> queen </label> </li> </ul> </fieldset> <p> <label for="name"> <span>name: </span> <strong><abbr title="required">*</abbr></strong> </label> <input type="text" id="name" name="username"> </p> <p> <label for="mail"> <span>e-mail: </span> <strong><abbr title="required">*</abbr></strong> </label> <input type="email" id="mail" name="usermail"> </p> <p> <label for="pwd"> <span>password: </span> <strong><abbr title="required">*</abbr></strong> </label> <input type="pass...
...And 3 more matches
CSS basics - Learn web development
h declaration from the next one.
...multiple property values in one ruleset, write them separated by semicolons, like this: p { color: red; width: 500px; border: 1px solid black; } selecting multiple elements you can also select multiple elements and apply a single ruleset to all of them.
...r: red; width: 500px; border: 1px solid black; } selecting multiple elements you can also select multiple elements and apply a single ruleset to all of them.
...And 3 more matches
Making decisions in your code — conditionals - Learn web development
o represent such decision making in javascript, from the choice that must be made (for example, "one cookie or two"), to the resulting outcome of those choices (perhaps the outcome of "ate one cookie" might be "still felt hungry", and the outcome of "ate two cookies" might be "felt full, but mom scolded me for eating all the cookies".) if...else statements let's look at by far the most common type of conditional statement you'll use in javascript — the humble if...else statement.
...wo choices, or outcomes — but what if we want more than two?
...t!
...And 3 more matches
Introduction to web APIs - Learn web development
or manipulating documents loaded into the browser.
...t.
...llowing html: <audio src="outfoxing.mp3"></audio> <button class="paused">play</button> <br> <input type="range" min="0" max="1" step="0.01" value="1" class="volume"> we, first of all, include an <audio> element with which we embed an mp3 into the page.
...And 3 more matches
Video and Audio APIs - Learn web development
ng blocks, javascript objects), the basics of client-side apis objective: to learn how to use browser apis to control video and audio playback.
...ent-side apis objective: to learn how to use browser apis to control video and audio playback.
...ou'll find it in javascript/apis/video-audio/start/ at this point, if you load the html you should see a perfectly normal html5 video player, with the native controls rendered.
...And 3 more matches
Arrays - Learn web development
tml and css, an understanding of what javascript is.
...s into browser developer console.
...kets and elements that are separated by commas.
...And 3 more matches
Handling text — strings in JavaScript - Learn web development
there is very little difference between the two, and which you use is down to personal preference.
...urn an error, but it works just fine.
...sense, but representing a number as a string does, so the browser rather cleverly converts the number to a string and concatenates the two strings.
...And 3 more matches
Multimedia: Images - Learn web development
rrect sizes?
...(heif) or av1 still image file format (avif).
...that flavor, too, for the browsers that support it.
...And 3 more matches
Getting started with Svelte - Learn web development
e of the other framework options.
...oject — useful if you decide to include your app in a git repo.
...lude your app in a git repo.
...And 3 more matches
Adding a new todo form: Vue events, methods, and models - Learn web development
a <script> tag like before: <template></template> <script> export default {}; </script> let's add in an html form that lets you enter a new todo item and submit it into the app.
...'s add in an html form that lets you enter a new todo item and submit it into the app.
... onsubmit() { console.log("form submitted"); } }, data() { return { label: "" }; } }; we now need some way to attach the value of the new-todo-input <input> field to the label field.
...And 3 more matches
Chrome registration
f the chrome.
...to that file to load secondary manifests.
...called a chrome provider.
...And 3 more matches
mozbrowsershowmodalprompt
n implementations and the behavior may change in the future.
...t event is fired when the content of a browser <iframe> calls the window.alert(), window.confirm(), or window.prompt() methods.
... a browser <iframe> calls the window.alert(), window.confirm(), or window.prompt() methods.
...And 3 more matches
Implementing QueryInterface
eptr ) { ns_assertion(ainstanceptr, "queryinterface requires a non-null destination!"); // it's a logic error, not a runtime error, to call me without any place to put my answer!
...ogic error, not a runtime error, to call me without any place to put my answer!
...non-debug build.
...And 3 more matches
Addon
presents an add-on that is either installed or can be installed.
...in updatelistener listener, in integer reason, in string appversion, in string platformversion) overview of optional methods void uninstall() void canceluninstall() boolean hasresource(in string path) nsiuri getresourceuri(in string path) void getdatadirectory(in datadirectorycallback callback) required properties attribute type description appdisabled read only boolean true if this add-on cannot be used in the application based on version compatibility, dependencies, and blocklisting.
...that are waiting to be performed for this add-on.
...And 3 more matches
Fonts for Mozilla's MathML engine
tix-italic, stix-bolditalic font files.
...tions, consider installing appropriate texlive packages, which includes latin modern math and xits: sudo pacman -s texlive-core texlive-fontsextra # arch linux sudo urpmi texlive-dist texlive-fontsextra # mageia however, you might need to ensure that the fonts are known by your system.
...ncludes latin modern math and xits: sudo pacman -s texlive-core texlive-fontsextra # arch linux sudo urpmi texlive-dist texlive-fontsextra # mageia however, you might need to ensure that the fonts are known by your system.
...And 3 more matches
Mozilla Web Services Security Model
such file exists, then access will be denied.
...hen access will be denied.
...owed.
...And 3 more matches
Condition Variables
this chapter describes the api for creating and destroying condition variables, notifying condition variables of changes in monitored data, and making a thread wait on such notification.
...s a thread to block until a specified condition variable receives notification of a change of state in its associated monitored data.
...le receives notification of a change of state in its associated monitored data.
...And 3 more matches
Date and Time
this chapter describes the date and time functions in nspr.
...nated universal time).
...us.
...And 3 more matches
I/O Functions
this chapter describes the nspr functions used to perform operations such as system access, normal file i/o, and socket (network) i/o.
... this chapter describes the nspr functions used to perform operations such as system access, normal file i/o, and socket (network) i/o.
....
...And 3 more matches
PRIOMethods
the table of i/o methods used in a file descriptor.
... the table of i/o methods used in a file descriptor.
...n writev; prconnectfn connect; pracceptfn accept; prbindfn bind; prlistenfn listen; prshutdownfn shutdown; prrecvfn recv; prsendfn send; prrecvfromfn recvfrom; prsendtofn sendto; prpollfn poll; pracceptreadfn acceptread; prtransmitfilefn transmitfile; prgetsocknamefn getsockname; prgetpeernamefn getpeername; prgetsockoptfn getsockopt; prsetsockoptfn setsockopt; }; typedef struct priomethods priomethods; parameters file_type type of file represented (tos).
...And 3 more matches
PRSockOption
enumeration type used in the option field of prsocketoptiondata to form the name portion of a name-value pair.
... enumeration type used in the option field of prsocketoptiondata to form the name portion of a name-value pair.
... enumeration type used in the option field of prsocketoptiondata to form the name portion of a name-value pair.
...And 3 more matches
NSPR API Reference
introduction to nspr nspr naming conventions nspr threads thread scheduling setting thread priorities preempting threads interrupting threads nspr thread synchronization 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 contr...
... 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 initialization and cleanup module initialization locks lock type lock functions condition variables condition variable type condition variable functions monitors monitor type monitor functions cached monitors cached monitor functions i/o types directory type file descriptor types file info types network address types types used with socket options functions type used with memory-mapped i/o offset interpretation for seek functions ...
...apped i/o offset interpretation for seek functions i/o functions functions that operate on pathnames functions that act on file descriptors directory i/o functions socket manipulation functions converting between host and network addresses memory-mapped i/o functions anonymous pipe function polling functions pollable events manipulating layers network addresses network address types and constants network address functions atomic operations pr_atomicincrement pr_atomicdecrement pr_atomicset interval timing interval time type and constants interval functions date and time types and constants time parameter callback functions functions memory management operations memory allocation functions memory allocation macros string operations pl_strlen ...
...And 3 more matches
NSS 3.22 release notes
lgorithms and protocols.
... complete list can be found in nss config options.
...ound in nss config options.
...And 3 more matches
NSS PKCS11 Functions
s: if successful, a pointer to the name of the token (a string).
...h> prbool pk11_ishw(pk11slotinfo *slot); parameters this function has the following parameter: slot a pointer to a slot info structure.
... <pk11pub.h> #include <prtypes.h> prbool pk11_ispresent(pk11slotinfo *slot); parameters this function has the following parameter: slot a pointer to a slot info structure.
...And 3 more matches
FC_Login
name fc_login() - log a user into a token.
... name fc_login() - log a user into a token.
... name fc_login() - log a user into a token.
...And 3 more matches
NSC_Login
name nsc_login() - log a user into a token.
... name nsc_login() - log a user into a token.
... name nsc_login() - log a user into a token.
...And 3 more matches
pkfnc.html
ul, a pointer to the name of the token (a string).
...owing parameter: slot a pointer to a slot info structure.
...arameters this function has the following parameter: slot a pointer to a slot info structure.
...And 3 more matches
Rhino overview
are ecma conformant.
...s == and != version 1.2 only uses strict equality for the == and != operators.
...rray or object literal notation ("[1]" or "{a:1, b:2}" for example).
...And 3 more matches
Hacking Tips
eses, the jsscript pointer and the jsbytecode pointer (pc) executed.
...ter (pc) executed.
...s::reportoverrecursed (gdb) r js> function f(i) { if (i % 2) f(i + 1); else f(i + 3); } js> f(0) breakpoint 1, js::reportoverrecursed (maybecx=0xfdca70) at /home/nicolas/mozilla/ionmonkey/js/src/jscntxt.cpp:495 495 if (maybecx) (gdb) call js::dumpbacktrace(maybecx) #0 (nil) typein:2 (0x7fffef1231c0 @ 0) #1 (nil) typein:2 (0x7fffef1231c0 @ 24) #2 (nil) typein:3 (0x7fffef1231c0 @ 47) #3 (nil) typein:2 (0x7fffef1231c0 @ 24) #4 (nil) typein:3 (0x7fffef1231c0 @ 47) […] #25157 0x7fffefbbc250 typein:2 (0x7fffef1231c0 @ 24) #25158 0x7fffefbbc1c8 typein:3 (0x7fffef1231c0 @ 47) #25159 0x7fffefbbc140 typein:2 (0x7fffef1231c0 @ 24) #25160 0x7fffefbbc0b8 typein:3 (0x7fffef1231c0 @ 47) #25161 0x7fffefbbc030 typein:5 (0x7fffef123...
...And 3 more matches
Self-hosted builtins in SpiderMonkey
obal object.
...tions when assuming that content can't interfere with behavior.
...unction(receiver.fun, receiver) has to be used.
...And 3 more matches
JSNewResolveOp
obsolete since jsapi 36this feature is obsolete.
... obsolete since jsapi 36this feature is obsolete.
...l work in some browsers, its use is discouraged since it could be removed at any time.
...And 3 more matches
JSVAL_TO_STRING
obsolete since jsapi 32this feature is obsolete.
... obsolete since jsapi 32this feature is obsolete.
... obsolete since jsapi 32this feature is obsolete.
...And 3 more matches
JS_GetLocaleCallbacks
get and set locale specific string conversion and error message callbacks.
...aller must be in a request on this jscontext.
...slocalecallbacks struct.
...And 3 more matches
JS_ReportErrorNumber
flags, jserrorcallback errorcallback, void *userref, const unsigned errornumber, ...); void js_reporterrornumberucarray(jscontext *cx, jserrorcallback errorcallback, void *userref, const unsigned errornumber, const char16_t **args); // added in spidermonkey 19 name type description cx jscontext * the context in which to report the error.
...ript engine passes this pointer to errorcallback.
...s ...
...And 3 more matches
Property attributes
any object property can have zero or more property attributes set.
... mxr id search for jsprop_setter jsprop_shared the property is shared.
...is is usually the right thing for properties that have getters or setters.
...And 3 more matches
Security and the jar protocol
lock-remote-files preference to false.
... false.
...te developers wouldn't put up dangerous files and set them up to download like zip archives.
...And 3 more matches
Creating a Python XPCOM component
he interface: #include "nsisupports.idl" [scriptable, uuid(2b324e9d-a322-44a7-bd6e-0d8c83d94883)] interface nsipysimple : nsisupports { attribute string yourname; void write( ); void change(in string avalue); }; this is the same as the nsisimple interface used here.
..., uuid(2b324e9d-a322-44a7-bd6e-0d8c83d94883)] interface nsipysimple : nsisupports { attribute string yourname; void write( ); void change(in string avalue); }; this is the same as the nsisimple interface used here.
...ause several components can share an interface, the same file could be used.
...And 3 more matches
XPCOM changes in Gecko 2.0
omutils.jsm, some of this was hidden from you, but it was still there.
...2-3d4bde0f7ef8} category profile-after-change mycomponent @foobar/mycomponent;1 the javascript code no longer exports a nsgetmodule() function.
... function mycomponent() { } mycomponent.prototype = { // this must match whatever is in chrome.manifest!
...And 3 more matches
Introduction to XPCOM for the DOM
erface keep the same name in c++ .
....
...ementbyid.
...And 3 more matches
operator=
« xpcom api reference summary this operator is a shortcut for the assign family of functions.
... « xpcom api reference summary this operator is a shortcut for the assign family of functions.
... « xpcom api reference summary this operator is a shortcut for the assign family of functions.
...And 3 more matches
operator+=
« xpcom api reference summary this operator+= is a shortcut for the append family of functions.
... « xpcom api reference summary this operator+= is a shortcut for the append family of functions.
... « xpcom api reference summary this operator+= is a shortcut for the append family of functions.
...And 3 more matches
operator=
« xpcom api reference summary this operator= is a shortcut for the append family of functions.
... « xpcom api reference summary this operator= is a shortcut for the append family of functions.
... « xpcom api reference summary this operator= is a shortcut for the append family of functions.
...And 3 more matches
operator+=
« xpcom api reference summary this operator+= is a shortcut for the append family of functions.
... « xpcom api reference summary this operator+= is a shortcut for the append family of functions.
... « xpcom api reference summary this operator+= is a shortcut for the append family of functions.
...And 3 more matches
mozIStorageConnection
68 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) for a general overview on how to use this interface, see storage.
... mozistorageprogresshandler removeprogresshandler(); void rollbacktransaction(); void setgrowthincrement(in print32 aincrement, in autf8string adatabasename); mozistorageprogresshandler setprogresshandler(in print32 agranularity, in mozistorageprogresshandler ahandler); boolean tableexists(in autf8string atablename); attributes attribute type description connectionready boolean indicates if the connection is open and ready to use.
...xpected thrown if the method was called on a thread other than the one that opened the connection.
...And 3 more matches
GetAccessibleRelated
« nsiaccessible page summary this method returns an accessible related to this one by the given relation type.
... « nsiaccessible page summary this method returns an accessible related to this one by the given relation type.
... « nsiaccessible page summary this method returns an accessible related to this one by the given relation type.
...And 3 more matches
nsIBrowserSearchService
ted in reaction to a user interaction, as initialization is complete by then, but this is an issue if your code is executed during startup.
...g enginecount, [retval, array, size_is(enginecount)] out nsisearchengine engines); void init([optional] in nsibrowsersearchinitobserver observer); void moveengine(in nsisearchengine engine, in long newindex); void removeengine(in nsisearchengine engine); void restoredefaultengines(); attributes attribute type description currentengine nsisearchengine the currently active search engine.
...nly.
...And 3 more matches
nsIDOMNSHTMLDocument
efox 6.0 / thunderbird 6.0 / seamonkey 2.3) method overview void captureevents(in long eventflags); void clear(); boolean execcommand(in domstring commandid, in boolean doshowui, in domstring value); boolean execcommandshowhelp(in domstring commandid); obsolete since gecko 14.0 domstring getselection(); nsidomdocument open(in acstring acontenttype, in boolean areplace); boolean querycommandenabled(in domstring commandid); boolean querycommandindeterm(in domstring commandid); boolean querycommandstate(in domstring commandid); boolean querycommandsupported(in domstring commandid); domstring querycommandtext(in domstring commandid); obsolete since gecko 14.0 domstring querycommandvalue(in ...
...string commandid); domstring querycommandtext(in domstring commandid); obsolete since gecko 14.0 domstring querycommandvalue(in domstring commandid); void releaseevents(in long eventflags); void routeevent(in nsidomevent evt); void write(); obsolete since gecko 2.0 void writeln(); obsolete since gecko 2.0 attributes attribute type description alinkcolor domstring same as body.alink bgcolor domstring same as body.bgcolor compatmode domstring returns "backcompat" if the document is in quirks mode or "css1compat" if the document is in full standards or almost standards mode.
...key 2.11).
...And 3 more matches
nsIPermission
rmission interface defines a "permission" object, which is used to allow or block objects (for example cookies, images) from certain sites based on user preferences.
...e/public/nsipermission.idlscriptable please add a summary to this article.
... type description capability pruint32 the permission to set: allow, deny, or unknown (which is the default).
...And 3 more matches
nsIProfile
boolean useexistingdir); void deleteprofile(in wstring name, in boolean candeletefiles); void getprofilelist(out unsigned long length, [retval, array, size_is(length)] out wstring profilenames); boolean profileexists(in wstring profilename); void renameprofile(in wstring oldname, in wstring newname); void shutdowncurrentprofile(in unsigned long shutdowntype); attributes attribute type description currentprofile wstring the name of the profile currently in use.
...wstring profilename); void renameprofile(in wstring oldname, in wstring newname); void shutdowncurrentprofile(in unsigned long shutdowntype); attributes attribute type description currentprofile wstring the name of the profile currently in use.
... in wstring newname ); parameters oldname the name of the profile to rename.
...And 3 more matches
nsISupports proxies
s, and compiled code can use compiled runnable to achieve the same effect in a much simpler manner.
...oxy/public/nsiproxyobjectmanager.idl for the updated interface and its documentation.
...stqueue, const nsiid & iid, nsisupports *object, print32 proxytype, void * *result); ns_imethod getproxy(nsieventqueue *destqueue, const nsiid & cid, nsisupports *aouter, const nsiid & iid, print32 proxytype, void * *result); the two apis are essentially the same.
...And 3 more matches
nsIWebProgressListener
to an end consumer.
...n is occurring.
...sponding to a document request is available via the domwindow attribute of onstatechange()'s awebprogress parameter.
...And 3 more matches
nsIXPCScriptable
erate(in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in pruint32 enum_op, in jsvalptr statep, out jsid idp); prbool newresolve(in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in jsval id, in pruint32 flags, out jsobjectptr objp); prbool convert(in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in pruint32 type, in jsvalptr vp); void finalize(in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj); prbool checkaccess(in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in jsval id, in pruint32 mode, in jsvalptr vp); prbool call(in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in pruint32 argc, in jsvalptr argv, in jsvalptr...
...native wrapper, in jstracerptr trc, in jsobjectptr obj); prbool equality(in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj, in jsval val); jsobjectptr outerobject(in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj); jsobjectptr innerobject(in nsixpconnectwrappednative wrapper, in jscontextptr cx, in jsobjectptr obj); void postcreateprototype(in jscontextptr cx, in jsobjectptr proto); attributes attribute type description classname string scriptableflags pruint32 the bitwise or'd set of flags (define below) that indicate the behavior of this object.
... 14 want_hasinstance 1 << 15 want_trace 1 << 16 use_jsstub_for_addproperty 1 << 17 use_jsstub_for_delproperty 1 << 18 use_jsstub_for_setproperty 1 << 19 dont_enum_static_props 1 << 20 dont_enum_query_interface 1 << 21 dont_ask_instance_for_scriptable 1 << 22 classinfo_interfaces_only 1 << 23 allow_prop_mods_during_resolve 1 << 24 allow_prop_mods_to_prototype 1 << 25 dont_share_prototype 1 << 26 dont_reflect_interface_names 1 << 27 want_equality 1 << 28 want_outer_object 1 << 29 want_inner_object 1 << 30 reserved 1 << 31 the high order bit is reserved for consumers of these flags.
...And 3 more matches
nsCOMPtr versus RefPtr
gecko code uses both nscomptr and refptr as smart pointers.
... gecko code uses both nscomptr and refptr as smart pointers.
...be added to t that would then cause unrelated code to break, which would be very confusing.
...And 3 more matches
xpidl
Mozilla › Tech › XPIDL › xpidl
xpidl is a tool for generating xpcom interface information, based on xpidl interface description files.
... xpidl is a tool for generating xpcom interface information, based on xpidl interface description files.
... further information on where to get libidl and glib.
...And 3 more matches
Creating a gloda message query
of the provided nsimsgtag tags applied.
...vided nsimsgtag tags applied.
...gtag tags applied.
...And 3 more matches
The libmime module
warning: the content of this article may be out of date.
..., and/or handing the input data off to one of its child objects.
... the definition of these classes is somewhat idiosyncratic and consists of an internally defined object system, instead of c++.
...And 3 more matches
Demo Addon
that keeps your code cleaner and simpler.
...ules/iteratorutils.jsm");.
... account type - either pop3 or imap - and the associated email addresses.
...And 3 more matches
ANGLE_instanced_arrays.drawElementsInstancedANGLE() - Web APIs
the angle_instanced_arrays.drawelementsinstancedangle() method of the webgl api renders primitives from array data like the gl.drawelements() method.
...ncedangle() method of the webgl api renders primitives from array data like the gl.drawelements() method.
...e dot.
...And 3 more matches
Attr - Web APIs
Web › API › Attr
the attr interface represents one of a dom element's attributes as an object.
...value is expected to be unique across a dom document.
...y now always returns null.
...And 3 more matches
CharacterData - Web APIs
the characterdata abstract interface represents a node object that contains characters.
...#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="331" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">characterdata</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, node, and implements the childnode and nondocumenttypechildnode interface.
...ill: #0095dd; pointer-events: all;} properties inherits properties from its parent, node, and implements the childnode and nondocumenttypechildnode interface.
...And 3 more matches
Crypto.getRandomValues() - Web APIs
m number generator seeded with a value with enough entropy.
...with enough entropy.
...udo-random number generator algorithm (prng) may vary across user agents, but is suitable for cryptographic purposes.
...And 3 more matches
Document.createEvent() - Web APIs
many methods used with createevent, such as initcustomevent, are deprecated.
... many methods used with createevent, such as initcustomevent, are deprecated.
... many methods used with createevent, such as initcustomevent, are deprecated.
...And 3 more matches
Document.getElementById() - Web APIs
it may seem.
...ad> <meta charset="utf-8"> <title>document</title> </head> <body> <div id="parent-id"> <p>hello word1</p> <p id="test1">hello word2</p> <p>hello word3</p> <p>hello word4</p> </div> <script> var parentdom = document.getelementbyid('parent-id'); var test1 = parentdom.getelementbyid('test1'); //throw error //uncaught typeerror: parentdom.getelementbyid is not a function </script> </body> </html> if there is no element with the given id, this function returns null.
...ssigning it an id, you have to insert the element into the document tree with node.insertbefore() or a similar method before you can access it with getelementbyid(): var element = document.createelement('div'); element.id = 'testqq'; var el = document.getelementbyid('testqq'); // el will be null!
...And 3 more matches
Event.msConvertURL() - Web APIs
ture.
...ucts the html paste operation on how to modify the src attribute that corresponds to each file in the clipboarddata.files collection, allowing otherwise inaccessible files to be converted to blob or data uris.
...rc attribute that corresponds to each file in the clipboarddata.files collection, allowing otherwise inaccessible files to be converted to blob or data uris.
...And 3 more matches
GlobalEventHandlers.onkeypress - Web APIs
ple logs the keyboardevent.code value whenever you press a key inside the <input> element.
...y(event) { return event.charcode === 0 || /\d/.test(string.fromcharcode(event.charcode)); } const input = document.queryselector('input'); input.onkeypress = numbersonly; // prevent pasting (since pasted content might include non-number characters) input.onpaste = event => false; result capture the typing of a hidden word the following javascript function will do something after the user types the word "exit" in any point of a page.
...est(string.fromcharcode(event.charcode)); } const input = document.queryselector('input'); input.onkeypress = numbersonly; // prevent pasting (since pasted content might include non-number characters) input.onpaste = event => false; result capture the typing of a hidden word the following javascript function will do something after the user types the word "exit" in any point of a page.
...And 3 more matches
HTMLCanvasElement.getContext() - Web APIs
the htmlcanvaselement.getcontext() method returns a drawing context on the canvas, or null if the context identifier is not supported.
... the htmlcanvaselement.getcontext() method returns a drawing context on the canvas, or null if the context identifier is not supported.
...context identifier is not supported.
...And 3 more matches
HTMLFormElement.elements - Web APIs
collection will update to reflect the change.
...asons) <object> <output> <select> <textarea> no other elements are included in the list returned by elements, which makes it an excellent way to get at the elements most important when processing forms.
...<textarea> no other elements are included in the list returned by elements, which makes it an excellent way to get at the elements most important when processing forms.
...And 3 more matches
HTMLSelectElement.form - Web APIs
the htmlselectelement.form read-only property returns a htmlformelement representing the form that this element is associated with.
...tmlselectelement.form read-only property returns a htmlformelement representing the form that this element is associated with.
... element is associated with.
...And 3 more matches
Ajax navigation example - Web APIs
hub.com/giabao/mdn-ajax-nav-example.git ): note: for fully integrating the <form> elements within this mechanism, please take a look at the paragraph submitting forms and uploading files.
...ragraph is shown only when the navigation starts from <strong>first_page.php</strong>.</p> <?php include "include/after_content.php"; echo "</body>\n</html>"; } ?> second_page.php: <?php $page_title = "second page"; $as_json = false; if (isset($_get["view_as"]) && $_get["view_as"] == "json") { $as_json = true; ob_start(); } else { ?> <!doctype html> <html> <head> <?php include "include/header.php"; echo "<title>" .
... echo "</body>\n</html>"; } ?> third_page.php: <?php $page_title = "third page"; $page_content = "<p>this is the content of <strong>third_page.php</strong>.
...And 3 more matches
KeyboardEvent.key - Web APIs
Web › API › KeyboardEvent › key
the key produces a character key, then the event continues to be emitted in a platform implementation dependent interval and the keyboardevent.repeat read only property is set to true.
...hen we do so using a uk keyboard layout.
...ift key is pressed, a keydown event is first fired, and the key property value is set to the string shift.
...And 3 more matches
MediaDecodingConfiguration - Web APIs
the mediadecodingconfiguration dictionary of the media capabilities api is used to define the type of media being tested when calling mediacapabilities.decodinginfo() to query whether a specific media configuration is supported, smooth, and/or power efficient.
... the mediadecodingconfiguration dictionary of the media capabilities api is used to define the type of media being tested when calling mediacapabilities.decodinginfo() to query whether a specific media configuration is supported, smooth, and/or power efficient.
... the mediadecodingconfiguration dictionary of the media capabilities api is used to define the type of media being tested when calling mediacapabilities.decodinginfo() to query whether a specific media configuration is supported, smooth, and/or power efficient.
...And 3 more matches
MediaEncodingConfiguration - Web APIs
the mediaencodingconfiguration dictionary of the media capabilities api is used to define the type of media being tested when calling mediacapabilities.encodinginfo() to query whether a specific media configuration is supported, smooth, and/or power efficient.
... the mediaencodingconfiguration dictionary of the media capabilities api is used to define the type of media being tested when calling mediacapabilities.encodinginfo() to query whether a specific media configuration is supported, smooth, and/or power efficient.
... the mediaencodingconfiguration dictionary of the media capabilities api is used to define the type of media being tested when calling mediacapabilities.encodinginfo() to query whether a specific media configuration is supported, smooth, and/or power efficient.
...And 3 more matches
MediaSource - Web APIs
being presented.
...rliveseekablerange() clears a seekable range previously set with a call to setliveseekablerange().
...ll to setliveseekablerange().
...And 3 more matches
MediaStream Recording API - Web APIs
you can then process the data further or write it to file as desired.
...s sent to the mediarecorder.
...der = new mediarecorder(stream, options); mediarecorder.ondataavailable = handledataavailable; mediarecorder.start(); function handledataavailable(event) { console.log("data-available"); if (event.data.size > 0) { recordedchunks.push(event.data); console.log(recordedchunks); download(); } else { // ...
...And 3 more matches
MouseEvent.initMouseEvent() - Web APIs
ethod.
...stead use specific event constructors, like mouseevent().
...s, like mouseevent().
...And 3 more matches
Using Navigation Timing - Web APIs
utput { border: 1px solid #bbb; font: 16px "open sans", "helvetica", "arial", sans-serif; } in tandem with appropriate html and css, the result is: the values listed are for the <iframe> in which the sample is presented above.
...gation property, which returns a performancenavigation object that includes the needed information.
...cenavigation object that includes the needed information.
...And 3 more matches
PerformanceNavigation - Web APIs
this interface is deprecated in the navigation timing level 2 specification.
...on.
...nts information about how the navigation to the current document was done.
...And 3 more matches
PerformanceResourceTiming - Web APIs
image, or script.
...ont-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">performanceresourcetiming</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} note: this feature is available in web workers.
...3" text-anchor="middle" alignment-baseline="middle">performanceresourcetiming</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} note: this feature is available in web workers.
...And 3 more matches
RTCDataChannel - Web APIs
a.
...he actual limit may vary from browser to browser).
...from browser to browser).
...And 3 more matches
RTCStats - Web APIs
Web › API › RTCStats
stic are defined as dictionaries based on rtcstats.
...based on rtcstats.
...rtp stream are represented by rtcreceivedrtpstreamstats.
...And 3 more matches
Range.setEnd() - Web APIs
Web › API › Range › setEnd
and end points both set to the specified end position.
...set to the specified end position.
....setend(endnode, endoffset); parameters endnode the node inside which the range should end.
...And 3 more matches
Request() - Web APIs
Web › API › Request › Request
origin.
...ou want to use for the request.
...ct mode to use: follow, error, or manual.
...And 3 more matches
SVGGradientElement - Web APIs
f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="391" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svggradientelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_spreadmethod_unknown 0 the type is not one of predefined types.
...mily="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svggradientelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_spreadmethod_unknown 0 the type is not one of predefined types.
...e53" text-anchor="middle" alignment-baseline="middle">svggradientelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_spreadmethod_unknown 0 the type is not one of predefined types.
...And 3 more matches
Screen Capture API - Web APIs
owing dictionaries defined by other specifications.
...l display surface is to be captured.
...lean which is true if the current environment supports the mediatrackconstraints.displaysurface constraint.
...And 3 more matches
Using server-sent events - Web APIs
ch means that you can open 6 sse connections across all of the tabs to www.example1.com and another 6 sse connections to www.example2.com (per stackoverflow).
... server-side script that sends events needs to respond using the mime type text/event-stream.
..."event: ping\n"; $curdate = date(date_iso8601); echo 'data: {"time": "' .
...And 3 more matches
StaticRange.StaticRange() - Web APIs
ffset into the starting node at which the first character of the range is found.
...the node in which the end point of the range is located.
...ndoffset the offset into the node indicated by endoffset at which the last character in the range is located.
...And 3 more matches
TextDecoder - Web APIs
the textdecoder interface represents a decoder for a specific text encoding, such as utf-8, iso-8859-2, koi8-r, gbk, etc.
... the textdecoder interface represents a decoder for a specific text encoding, such as utf-8, iso-8859-2, koi8-r, gbk, etc.
...s = new uint8array([207, 240, 232, 226, 229, 242, 44, 32, 236, 232, 240, 33]); console.log(win1251decoder.decode(bytes)); // Привет, мир!
...And 3 more matches
TrackDefault.TrackDefault() - Web APIs
the trackdefault() constructor of the trackdefault interface constructs and returns a new trackdefault object.
... the trackdefault() constructor of the trackdefault interface constructs and returns a new trackdefault object.
... the trackdefault() constructor of the trackdefault interface constructs and returns a new trackdefault object.
...And 3 more matches
VideoConfiguration - Web APIs
media capabilities api is used to define the video file being tested when calling the mediacapabilities methods encodinginfo() and decodinginfo() to determine whether or not the described video configuration is supported, and how smoothly and how smoooth and power-efficient it can be handled.
...s used to define the video file being tested when calling the mediacapabilities methods encodinginfo() and decodinginfo() to determine whether or not the described video configuration is supported, and how smoothly and how smoooth and power-efficient it can be handled.
...sted when calling the mediacapabilities methods encodinginfo() and decodinginfo() to determine whether or not the described video configuration is supported, and how smoothly and how smoooth and power-efficient it can be handled.
...And 3 more matches
WebGL2RenderingContext.drawElementsInstanced() - Web APIs
the webgl2renderingcontext.drawelementsinstanced() method of the webgl 2 api renders primitives from array data like the gl.drawelements() method.
...nstanced() method of the webgl 2 api renders primitives from array data like the gl.drawelements() method.
...e dot.
...And 3 more matches
WebGL2RenderingContext.drawRangeElements() - Web APIs
the webgl2renderingcontext.drawrangeelements() method of the webgl api renders primitives from array data in a given range.
... the webgl2renderingcontext.drawrangeelements() method of the webgl api renders primitives from array data in a given range.
...t vertex back to the first.
...And 3 more matches
WebGLRenderingContext.drawElements() - Web APIs
the webglrenderingcontext.drawelements() method of the webgl api renders primitives from array data.
... the webglrenderingcontext.drawelements() method of the webgl api renders primitives from array data.
...e dot.
...And 3 more matches
Data in WebGL - Web APIs
Web › API › WebGL API › Data
shader programs have access to three kinds of data storage, each of which has a specific use case.
... shader programs have access to three kinds of data storage, each of which has a specific use case.
... shader programs have access to three kinds of data storage, each of which has a specific use case.
...And 3 more matches
Matrix math for the web - Web APIs
matrices can be used to represent transformations of objects in space, and are used for performing many key types of computation when constructing images and visualizing data on the web.
... matrices can be used to represent transformations of objects in space, and are used for performing many key types of computation when constructing images and visualizing data on the web.
...matrix3d transform type.
...And 3 more matches
Web Video Text Tracks Format (WebVTT) - Web APIs
captions) using the <track> element.
...how to write a webvtt file there are few steps that can be followed to write a simple webvtt file.
...ple, for a first cue starting at time 1 second and ending at 5 seconds, it is written as: 00:01.000 --> 00:05.000 on the next line you can write the caption for this cue which will run from 1st second to the 5th second, inclusive.
...And 3 more matches
Lighting a WebXR setting - Web APIs
rror-like surfaces reflect most of the light in a direction whose angle of reflection, Θr, is equal to the angle of incidence, except it's on the opposite side of the normal vector.
...ion for much of what's involved in shading a scene, and comes into play in terms of how different types of light source behave.
...like.
...And 3 more matches
Starting up and shutting down a WebXR session - Web APIs
f the world—requires that the xr-spatial-tracking feature policy be in place.
... new webxr session, it's often wise to first check to see if the user's hardware and software support the presentation mode you wish to use.
...em's requestsession() method, which returns a promise that resolves with an xrsession if it's able to establish one successfully.
...And 3 more matches
Using the Web Audio API - Web APIs
it into the context we have created.
... will make our audio graph look like this: the default value for gain is 1; this keeps the current volume the same.
...e same.
...And 3 more matches
The structured clone algorithm - Web APIs
wise throws a data_clone_err exception.
...are not preserved: the lastindex property of regexp objects is not preserved.
...preserved.
...And 3 more matches
How to check the security state of an XMLHTTPRequest over SSL - Web APIs
request object and modifying the example appropriately, you can create your own alert dialog to handle ssl exceptions in your firefox extension or xulrunner application.
...let errorclass; // geterrorclass will throw a generic ns_error_failure if the error code is // somehow not in the set of covered errors.
...eneric ns_error_failure if the error code is // somehow not in the set of covered errors.
...And 3 more matches
Synchronous and asynchronous requests - Web APIs
equest object asynchronously in order to switch the content of the read file to a specified listener.
...e that the request should be handled asynchronously.
...e get request.
...And 3 more matches
XMLHttpRequest.getResponseHeader() - Web APIs
f.
...nting the header's text value, or null if either the response has not yet been received or the header doesn't exist in the response.
...e been received; when that is the case, the value of the content-type header is fetched.
...And 3 more matches
XRSessionInit - Web APIs
alling the navigator.xr.requestsession() method.
... an array of values identifying features which the returned xrsession may optionally support.
...dentifying features which the returned xrsession may optionally support.
...And 3 more matches
ARIA: grid role - Accessibility
y td[role="gridcell"]:hover, tbody td[role="gridcell"]:focus { background-color: #f6f6f6; outline: 3px solid blue; } } javascript var selectables = document.queryselectorall('table td[role="gridcell"]'); selectables[0].setattribute('tabindex', 0); var trs = document.queryselectorall('table tbody tr'), row = 0, col = 0, maxrow = trs.length - 1, maxcol = 0; array.prototype.foreach.call(trs, function(gridrow, i){ array.prototype.foreach.call(gridrow.queryselectorall('td'), function(el, i){ el.dataset.row = row; el.dataset.col = col; col = col + 1; }); if (col>maxcol) { maxcol = col - 1; } col = 0; row = row + 1; }); function moveto(newrow, newcol) { var tgt = document.queryselector('[data-row="' + newrow + '"][data-col="' + newcol + '"]'); ...
...(gridrow.queryselectorall('td'), function(el, i){ el.dataset.row = row; el.dataset.col = col; col = col + 1; }); if (col>maxcol) { maxcol = col - 1; } col = 0; row = row + 1; }); function moveto(newrow, newcol) { var tgt = document.queryselector('[data-row="' + newrow + '"][data-col="' + newcol + '"]'); if (tgt && (tgt.getattribute('role')==='gridcell') ) { array.prototype.foreach.call(document.queryselectorall('[role=gridcell]'), function(el, i){ el.setattribute('tabindex', '-1'); }); tgt.setattribute('tabindex', '0'); tgt.focus(); return true; } else { return false; } } document.queryselector('table').addeventlistener("keydown", function(event) { switch (event.key) { case "arrowright": moveto(parseint(event.target.datase...
...ent.ctrlkey) { var i = maxrow; var result; do { var j = maxcol; do { result = moveto(i, j); j--; } while (result == false); i--; } while (result == false); } else { moveto(parseint(event.target.dataset.row, 10), document.queryselector('[data-row="' + event.target.dataset.row + '"]:last-of-type').dataset.col); } break; case "pageup": var i = 0; var result; do { result = moveto(i, event.target.dataset.col); i++; } while (result == false); break; case "pagedown": var i = maxrow; var result; do { result = moveto(i, event.target.dataset.col); i--; } while (result == false); break;...
...And 3 more matches
:checked - CSS: Cascading Style Sheets
Web › CSS › :checked
the :checked css pseudo-class selector represents any radio (<input type="radio">), checkbox (<input type="checkbox">), or option (<option> in a <select>) element that is checked or toggled to an on state.
...-left: 25px; border: 1px solid blue; } the user can engage this state by checking/selecting an element, or disengage it by unchecking/deselecting the element.
...cking/selecting an element, or disengage it by unchecking/deselecting the element.
...And 3 more matches
CSS Fonts - CSS: Cascading Style Sheets
Web › CSS › CSS Fonts
ngs font-style font-variant font-weight font-stretch src unicode-range @font-feature-values guides fundamental text and font styling in this beginner's learning article we go through all the basic fundamentals of text/font styling in detail, including setting font weight, family and style, font shorthand, text alignment and other effects, and line and letter spacing.
... fundamental text and font styling in this beginner's learning article we go through all the basic fundamentals of text/font styling in detail, including setting font weight, family and style, font shorthand, text alignment and other effects, and line and letter spacing.
...cing.
...And 3 more matches
Basic concepts of CSS Scroll Snap - CSS: Cascading Style Sheets
the css scroll snap specification gives us a way to snap scrolling to certain points as the user scrolls through a document.
... the css scroll snap specification gives us a way to snap scrolling to certain points as the user scrolls through a document.
... the css scroll snap specification gives us a way to snap scrolling to certain points as the user scrolls through a document.
...And 3 more matches
font-feature-settings - CSS: Cascading Style Sheets
the font-feature-settings css property controls advanced typographic features in opentype fonts.
...ettings css property controls advanced typographic features in opentype fonts.
...operty or an associated longhand property such as font-variant-ligatures, font-variant-caps, font-variant-east-asian, font-variant-alternates, font-variant-numeric or font-variant-position.
...And 3 more matches
font-style - CSS: Cascading Style Sheets
beginning.
... in general, for a requested angle of 14 degrees or greater, larger angles are prefered; otherwise, smaller angles are preferred (see the spec's font matching section for the precise algorithm).
...truetype or opentype variable fonts, the "slnt" variation is used to implement varying slant angles for oblique, and the "ital" variation with a value of 1 is used to implement italic values.
...And 3 more matches
font-variant-east-asian - CSS: Cascading Style Sheets
t-variant-east-asian: initial; font-variant-east-asian: unset; syntax values normal this keyword leads to the deactivation of the use of such alternate glyphs.
...r ruby characters.
... simplified none, use the simplified chinese glyphs smpl traditional none, use the traditional chinese glyphs trad <east-asian-width-values> these values control the sizing of figures used for east asian characters.
...And 3 more matches
font-variant-ligatures - CSS: Cascading Style Sheets
atures and contextual forms needed for correct rendering.
...ommon ligatures, like for fi, ffi, th or similar.
...imilar.
...And 3 more matches
<image> - CSS: Cascading Style Sheets
Web › CSS › image
the <image> css data type represents a two-dimensional image.
... the <image> css data type represents a two-dimensional image.
... the <image> css data type represents a two-dimensional image.
...And 3 more matches
scroll-snap-stop - CSS: Cascading Style Sheets
the scroll-snap-stop css property defines whether the scroll container is allowed to "pass over" possible snap positions.
... the scroll-snap-stop css property defines whether the scroll container is allowed to "pass over" possible snap positions.
... the scroll-snap-stop css property defines whether the scroll container is allowed to "pass over" possible snap positions.
...And 3 more matches
shape-outside - CSS: Cascading Style Sheets
n network errors such that there is no valid fallback image, the effect is as if the value none had been specified.
...es below are applied.
...e applied.
...And 3 more matches
Rich-Text Editing in Mozilla - Developer guides
lows any element to become editable or non-editable (the latter for when preventing change to fixed elements in an editable environment).
...eaks the editing flow.
...s html: <button onclick="doricheditcommand('bold')" style="font-weight:bold;">b</button> javascript: function doricheditcommand(aname, aarg){ getiframedocument('editorwindow').execcommand(aname,false, aarg); document.getelementbyid('editorwindow').contentwindow.focus() } example: a simple but complete rich text editor <!doctype html> <html> <head> <title>rich text editor</title> <script type="text/javascript"> var odoc, sdeftxt; function initdoc() { odoc = document.getelementbyid("textbox"); sdeftxt = odoc.innerhtml; if (document.compform.switchmode.checked) { setdocmode(true); } } function formatdoc(scmd, svalue) { if (validatemode()) { document.execcommand(scmd, false, svalue); odoc.focus(); } } function validatemode() { if (!document.compform.switchmode.checked) { ret...
...And 3 more matches
XHTML - Developer guides
Web › Guide › HTML › XHTML
xhtml is a term that was historically used to describe html documents written to conform with xml syntax rules.
... xhtml is a term that was historically used to describe html documents written to conform with xml syntax rules.
... xhtml is a term that was historically used to describe html documents written to conform with xml syntax rules.
...And 3 more matches
Index - Developer guides
Web › Guide › Index
dealing with pre-recorded audio files or live streams, the mechanism for making them available through the browser's <audio> and <video> elements remains pretty much the same.
... the ability to read the pixel values from each frame of a video can be very useful.
... mean.
...And 3 more matches
Printing - Developer guides
dow.onafterprint to assign handlers for these events, but using eventtarget.addeventlistener() is preferred.
... but using eventtarget.addeventlistener() is preferred.
...n and automatically close a popup window when finished if you want to be able to automatically close 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.wr...
...And 3 more matches
<li> - HTML: Hypertext Markup Language
Web › HTML › Element › li
of the list item as defined by the <ol> element.
...y allowed value for this attribute is a number, even if the list is displayed with roman numerals or letters.
...is one continue numbering from the value set.
...And 3 more matches
<picture>: The Picture element - HTML: Hypertext Markup Language
Web › HTML › Element › picture
.
...or is composed of a url of the image, and either...
...url of the image, and either...
...And 3 more matches
<ul>: The Unordered List element - HTML: Hypertext Markup Language
Web › HTML › Element › ul
compact this boolean attribute hints that the list should be rendered in a compact style.
...owsers.
...attribute, the css property line-height can be used with a value of 80%.
...And 3 more matches
Using the application cache - HTML: Hypertext Markup Language
object.
... the cache manifest file referencing a cache manifest file the manifest attribute in a web application can specify either the relative path of a cache manifest file or an absolute url.
... the manifest attribute in a web application can specify either the relative path of a cache manifest file or an absolute url.
...And 3 more matches
Microformats - HTML: Hypertext Markup Language
may use the first instance of a property.
... p-street-address street number + name p-locality city/town/village p-country-name country name nested h-card example <div class="h-card"> <a class="p-name u-url" href="http://blog.lizardwrangler.com/" >mitchell baker</a> (<a class="p-org h-card" href="http://mozilla.org/" >mozilla foundation</a>) </div> parsed json: { "items": [{ "type": ["h-card"], "properties": { "name": ["mitchell baker"], "url": ["http://blog.lizardwrangler.com/"], "org": [{ "value": "mozilla foundation", "type": ["h-card"], "properties": { "name": ["mozilla foundation"], "url": ["http://mozilla.org/"] } }] } }] } note: the nested h-card has implied 'name' and 'url' properties, just like any other root-cla...
...is microformats resource</p> <p> <a href="https://quickthoughts.jgregorymcverry.com/profile/jgmac1106">greg mcverry</a> published this <a class="u-url url" href="https://quickthoughts.jgregorymcverry.com/2019/05/31/hey-thanks-for-making-this-microformats-resource"><time class="dt-published" datetime="2019-05-31t14:19:09+0000">31 may 2019</time></a></p> </div> { "items": [ { "type": [ "h-entry" ], "properties": { "in-reply-to": [ "/docs/web/html/microformats" ], "name": [ "hey thanks for making this microformats resource" ], "url": [ "https://quickthoughts.jgregorymcverry.com/2019/05/31/hey-thanks-for-making-this-microformats-resource" ], "published": [ "2019-05-31t14:19:09+0000" ], "content": [ { "html": ...
...And 3 more matches
Content Security Policy (CSP) - HTTP
Web › HTTP › CSP
content security policy (csp) is an added layer of security that helps to detect and mitigate certain types of attacks, including cross site scripting (xss) and data injection attacks.
...d provides examples.
...y, like this: content-security-policy: policy the policy is a string containing the policy directives describing your content security policy.
...And 3 more matches
Authorization - HTTP
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.
... 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.
... 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.
...And 3 more matches
Link prefetching FAQ - HTTP
y prefetching specified documents and stores them in its cache.
... is idle.
... examples follow: <link rel="prefetch alternate stylesheet" title="designed for mozilla" href="mozspecific.css"> <link rel="next" href="2.html"> are anchor (<a>) tags prefetched?
...And 3 more matches
Network Error Logging - HTTP
thin the report-to header, for example: report-to: { "group": "nel", "max_age": 31556952, "endpoints": [ { "url": "https://example.com/csp-reports" } ] } error reports in these examples, the entire reporting api payload is shown.
...work error report.
...ase": "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.
...And 3 more matches
Keyed collections - JavaScript
nd detect whether something is stored at a key.
...o manually keep track of size for an object.
... an object.
...And 3 more matches
Atomics.notify() - JavaScript
the static atomics.notify() method notifies up some agents that are sleeping in the wait queue.
... the static atomics.notify() method notifies up some agents that are sleeping in the wait queue.
... the static atomics.notify() method notifies up some agents that are sleeping in the wait queue.
...And 3 more matches
Atomics.wait() - JavaScript
the static atomics.wait() method verifies that a given position in an int32array still contains a given value and if so sleeps, awaiting a wakeup or a timeout.
...c atomics.wait() method verifies that a given position in an int32array still contains a given value and if so sleeps, awaiting a wakeup or a timeout.
...int32array still contains a given value and if so sleeps, awaiting a wakeup or a timeout.
...And 3 more matches
InternalError - JavaScript
the internalerror object indicates an error that occurred internally in the javascript engine.
... the javascript engine.
...is too large, e.g.: "too many switch cases", "too many parentheses in regular expression", "array initializer too large", "too much recursion".
...And 3 more matches
Intl.ListFormat - JavaScript
roject, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...mat() creates a new listformat object.
....
...And 3 more matches
Proxy.revocable() - JavaScript
created revocable proxy object is returned.
...r will throw a typeerror.
...ed, it will remain revoked and can be garbage collected.
...And 3 more matches
Symbol() constructor - JavaScript
the symbol() constructor returns a value of type symbol, but is incomplete as a constructor because it does not support the syntax "new symbol()" and it is not intended to be subclassed.
... write symbol() with an optional string as its description: let sym1 = symbol() let sym2 = symbol('foo') let sym3 = symbol('foo') the above code creates three new symbols.
... as its description: let sym1 = symbol() let sym2 = symbol('foo') let sym3 = symbol('foo') the above code creates three new symbols.
...And 3 more matches
WeakSet - JavaScript
the weakset object lets you store weakly held objects in a collection.
...ly need a way of guarding against circular data structures by tracking which objects have already been processed.
... run, and passed along with every subsequent function call (using the internal _refs parameter).
...And 3 more matches
WebAssembly.Global() constructor - JavaScript
al object representing a global variable instance, accessible from both javascript and importable/exportable across one or more webassembly.module instances.
...ue); parameters descriptor a globaldescriptor dictionary object, which contains two properties: value: a usvstring representing the data type of the global.
... globaldescriptor dictionary object, which contains two properties: value: a usvstring representing the data type of the global.
...And 3 more matches
WebAssembly.instantiate() - JavaScript
the webassembly.instantiate() function allows you to compile and instantiate webassembly code.
...l possible, you should use the newer webassembly.instantiatestreaming() method instead, which fetches, compiles, and instantiates a module all in one step, directly from the raw bytecode, so doesn't require conversion to an arraybuffer.
...omise that resolves to a resultobject which contains two fields: module: a webassembly.module object representing the compiled webassembly module.
...And 3 more matches
Strict equality (===) - JavaScript
the strict equality operator (===) checks whether its two operands are equal, returning a boolean result.
...ource for this interactive example is stored in a github repository.
...d is nan, return false.
...And 3 more matches
Expressions and operators - JavaScript
ix/prefix increment and postfix/prefix decrement operators.
...crement and postfix/prefix decrement operators.
...ement operators.
...And 3 more matches
var - JavaScript
bal object for global variables, is set to be non-configurable because the identifier is to be treated as a variable, rather than a straightforward property of the global object.
...erefore added as properties to the global object.
...the global object are conveniently visible from every scope, without having to qualify the names with globalthis.
...And 3 more matches
Authoring MathML - MathML
ed in html5 and in particular you can use usual web features like css, dom, javascript or svg.
...font-face rule as usual to provide woff fallback for latin modern and latin modern math.
...s test page.
...And 3 more matches
Add to Home screen - Progressive web apps (PWAs)
line).
...es this before it will display the install banner, whereas firefox doesn't require it for showing the home-with-a-plus icon.
...e/png" } ], "name": "awesome fox pictures", "short_name": "foxes", "start_url": "/pwa-examples/a2hs/index.html" } appropriate icon as shown in the above manifest listing, we are including a 192 x 192 px icon for use in our app.
...And 3 more matches
begin - SVG: Scalable Vector Graphics
Web › SVG › Attribute › begin
lue-list> default value 0s animatable no the definition of <begin-value-list> is the same as for the other animation elements.
...0" height="120" viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" version="1.1"> <!-- animated rectangles --> <rect x="10" y="35" height="15" width="0"> <animate attributetype="xml" attributename="width" to="100" begin="0s" dur="8s" fill="freeze" /> </rect> <rect x="35" y="60" height="15" width="0"> <animate attributetype="xml" attributename="width" to="75" begin="2s" dur="6s" fill="freeze" /> </rect> <rect x="60" y="85" height="15" width="0"> <animate attributetype="xml" attributename="width" to="50" begin="4s" dur="4s" fill="freeze" /> </rect> <!-- grid --> <text x="10" y="20" text-anchor="middle">0s</text> <lin...
...".5" /> <line x1="10" y1="105" x2="110" y2="105" stroke="grey" stroke-width=".5" /> </svg> begin-1-offset.svg syncbase example <svg width="120" height="120" viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- animated rectangles --> <rect x="10" y="35" height="15" width="0"> <animate attributetype="xml" attributename="width" to="50" id="first" begin="0s;third.end" dur="4s" /> </rect> <rect x="60" y="60" height="15" width="0"> <animate attributetype="xml" attributename="width" to="25" id="second" begin="first.end" dur="2s" /> </rect> <rect x="85" y="85" height="15" width="0"> <animate attributetype="xml" attributename="widt...
...And 3 more matches
textLength - SVG: Scalable Vector Graphics
default value none animatable yes <length-percentage> this value specifies the width of the space the text will be adjusted to occupy as absolute length or percentage.
...y="150" font-family="sans-serif" font-size="60" fill="green"> hello world!
...t> element is used to create and stroke a rectangle to contain the text.
...And 3 more matches
SVG Attribute reference - SVG: Scalable Vector Graphics
Web › SVG › Attribute
ls about exactly how the element should be handled or rendered.
...ulate additive alignment-baseline allowreorder alphabetic amplitude arabic-form ascent attributename attributetype autoreverse azimuth b basefrequency baseline-shift baseprofile bbox begin bias by c calcmode cap-height class clip clippathunits clip-path clip-rule color color-interpolation color-interpolation-filters color-profile color-rendering contentscripttype contentstyletype cursor cx cy d d decelerate descent diffuseconstant direction display divisor dominant-baseline dur dx dy e edgemode elevation enable-background end exponent externalresourcesrequired f fill fill-opacity fill-rule filter filterres filterunits flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style fon...
...tiles stop-color stop-opacity strikethrough-position strikethrough-thickness string stroke stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width style surfacescale systemlanguage t tabindex tablevalues target targetx targety text-anchor text-decoration text-rendering textlength to transform transform-origin type u u1 u2 underline-position underline-thickness unicode unicode-bidi unicode-range units-per-em v v-alphabetic v-hanging v-ideographic v-mathematical values vector-effect version vert-adv-y vert-origin-x vert-origin-y viewbox viewtarget visibility w width widths word-spacing writing-mode x x x-height x1 x2 xchannelselector xlink:actuate xlink:arcrole...
...And 3 more matches
<mask> - SVG: Scalable Vector Graphics
Web › SVG › Element › mask
d="m10,35 a20,20,0,0,1,50,35 a20,20,0,0,1,90,35 q90,65,50,95 q10,65,10,35 z" fill="black" /> </mask> <polygon points="-10,110 110,110 110,-10" fill="orange" /> <!-- with this mask applied, we "punch" a heart shape hole into the circle --> <circle cx="50" cy="50" r="50" mask="url(#mymask)" /> </svg> attributes height this attribute defines the height of the masking area.
...range" /> <!-- with this mask applied, we "punch" a heart shape hole into the circle --> <circle cx="50" cy="50" r="50" mask="url(#mymask)" /> </svg> attributes height this attribute defines the height of the masking area.
...t of the masking area.
...And 3 more matches
<script> - SVG: Scalable Vector Graphics
Web › SVG › Element › script
= math.round(math.random() * 255).tostring(16).padstart(2,'0') return `#${r}${g}${b}` } document.queryselector('circle').addeventlistener('click', (e) => { e.target.style.fill = getcolor() }) }) // ]]> </script> <circle cx="5" cy="5" r="4" /> </svg> attributes crossorigin this attribute defines cors settings as define for the html <script> element.
... } document.queryselector('circle').addeventlistener('click', (e) => { e.target.style.fill = getcolor() }) }) // ]]> </script> <circle cx="5" cy="5" r="4" /> </svg> attributes crossorigin this attribute defines cors settings as define for the html <script> element.
...stener('click', (e) => { e.target.style.fill = getcolor() }) }) // ]]> </script> <circle cx="5" cy="5" r="4" /> </svg> attributes crossorigin this attribute defines cors settings as define for the html <script> element.
...And 3 more matches
<style> - SVG: Scalable Vector Graphics
Web › SVG › Element › style
nt.
...the same attributes as the corresponding element in html (see html's <style> element).
... html (see html's <style> element).
...And 3 more matches
<use> - SVG: Scalable Vector Graphics
Web › SVG › Element › use
s currently no defined way to set a cross-origin policy for use elements.
...f.
...for cross-browser compatibility (see the compatibility table below).
...And 3 more matches
dev/panel - Archive of obsolete content
n: "./my-devtool.png", url: "./my-devtool.html", setup: function(options) { // my setup goes here }, dispose: function() { // my teardown goes here }, onready: function() { // i can send messages to // the panel document here } }); alternatively, you can use the extend function: const { extend } = require("sdk/core/heritage"); function mypanel() {}; mypanel.prototype = extend(panel.prototype, { label: "my panel", tooltip: "...", ....
...end messages to // the panel document here } }); alternatively, you can use the extend function: const { extend } = require("sdk/core/heritage"); function mypanel() {}; mypanel.prototype = extend(panel.prototype, { label: "my panel", tooltip: "...", ....
...eritage"); const mypanel = class({ extends: panel, label: "my panel", tooltip: "my new devtool's panel", icon: "./my-icon.png", url: "./my-panel.html", setup: function(options) { this.debuggee = options.debuggee; this.debuggee.start(); this.debuggee.onmessage = function(event) { console.log(event.data); } this.debuggee.postmessage({ "to":"root", "type":"listtabs" }); } }); // export the constructor exports.mypanel = mypanel; // create a new tool, initialized // with the new constructor const mytool = new tool({ panels: { mypanel: mypanel } }); more usefully, you can pass debuggee from the main add-on to the panel document using the ports argument to postmessage.
...And 2 more matches
ui/button/toggle - Archive of obsolete content
this.state('tab', {checked: !checked}); } }); destroying buttons when you've finished with a button, destroy it by calling its destroy() method.
...wever, the icons in the toolbar will not quite fill the space available, so you can instead supply four icons: icon: { "18": "./addon18.png", // toolbar icon non hidpi "32": "./addon32.png", // menu panel icon non hidpi "36": "./addon36.png", // toolbar icon hidpi "64": "./addon64.png" // menu panel icon hidpi } optional options: name type disabled boolean determines whether the button is disabled.
... changes made to the button: button.label = "foo"; var state = button.state(button); button.label = "bar"; console.log(state.label) // foo on() add a listener to an event emitted by the button.
...And 2 more matches
HTML in XUL for rich tooltips - Archive of obsolete content
ynamic html in xul tooltip insert the appropriate code from below into your xul overlay.
...ntareacontextmenu"> <menuitem id="htmltip1" label="foo1" onmouseover="htmltip.onmousetooltip(event)" tooltip="myhtmltip" /> <menuitem id="htmltip2" label="foo2" onmouseover="htmltip.onmousetooltip(event)" tooltip="myhtmltip" /> </popup> <popupset id="mainpopupset"> <tooltip id="myhtmltip"> <html:div id="myhtmltipdiv" type="content"/> </tooltip> </popupset> </overlay> insert your version of the following into the javascript overlay.
...ptableunescapehtml) .parsefragment(txt, false, null, div); //attach the dom object to the html div element div.appendchild(injecthtml); } } window.addeventlistener('load', htmltip.onload, false); in the xul overlay, xmlns:html is used to enable html tags to be used inside the xul.
...And 2 more matches
HTML to DOM - Archive of obsolete content
onents.interfaces.nsiscriptableunescapehtml) .parsefragment(ahtmlstring, false, null, body)); return body; } it works by creating a content-level (this is safer than chrome-level) <div> in the current page, then parsing the html fragment and attaching that fragment to the <div>.
...t name html (instead of body), you have all document object with its complete functions list, therefore you can retrieve info within div tag like this: var dompars = htmlparser("<div id='userinfo'>john was a mediocre programmer, but people liked him <strong>anyway</strong>.</div>"); alert(dompars.getelementbyid('userinfo').innerhtml); to parse a complete html page, load it into an iframe whose type is content (not chrome).
... html to a window's dom sample code may need more work.
...And 2 more matches
Creating custom Firefox extensions with the Mozilla build system - Archive of obsolete content
l functionality.
... = @top_srcdir@ srcdir = @srcdir@ vpath = @srcdir@ include $(depth)/config/autoconf.mk module = myextension xpidl_module = myextension xpi_name = myextension exports = \ myheader.h \ $(null) xpidlsrcs = \ myifirstcomponent.idl \ myisecondcomponent.idl \ $(null) include $(topsrcdir)/config/rules.mk xpidl_module is the name of the generated xpt file that contains type information about your idl interfaces.
...when you try to access its idl interfaces from your code.
...And 2 more matches
Interaction between privileged and non-privileged pages - Archive of obsolete content
something.send_request({firefox: 4}, something.callback)">send {firefox: 4} with callback</button> </body> </html> overlay on browser.xul in your extension: var something = { listen_request: function(callback) { // analogue of chrome.extension.onrequest.addlistener document.addeventlistener("something-query", function(event) { var node = event.target; if (!node || node.nodetype != node.text_node) return; var doc = node.ownerdocument; callback(json.parse(node.nodevalue), doc, function(response) { node.nodevalue = json.stringify(response); var event = doc.createevent("htmlevents"); event.initevent("something-response", true, false); return node.dispatchevent(event); }); }, false, true); }, callback: func...
...rm of e4x xml var stuff = {}; stuff.id = sanitize.integer(uc.@id); stuff.name = sanitize.label(uc.@name); } function sendsomethingtopage (something) { var somethingxml = <something/>; // |something| object as e4x xml somethingxml.@id = something.id; somethingxml.@weight = something.weight; sendmsg("sendsomething", somethingxml); } /** * send msgs from chrome to the page * @param type {string} the event type.
...ze.label(uc.@name); } function sendsomethingtopage (something) { var somethingxml = <something/>; // |something| object as e4x xml somethingxml.@id = something.id; somethingxml.@weight = something.weight; sendmsg("sendsomething", somethingxml); } /** * send msgs from chrome to the page * @param type {string} the event type.
...And 2 more matches
Chapter 6: Firefox extensions and XUL applications - Archive of obsolete content
then select open windows:quicknote.xul:files on the top-left of the screen.
...t use any filenames that have whitespace in them.
...('rpn calc testcase'); var module = new modulemanager(); var rpncalc = module.require('package', 'calc'); tc.tests = { '2 1 +': function() { var calc = new rpncalc.rpncalc(); calc.init(); calc.push(2); calc.push(1); calc.plus(); assert.equals(calc.pop(), 3); } } listing 3: additional content for calc.js function rpncalc() { this.stack = new array(); } rpncalc.prototype = { init: function() { this.stack = new array(); }, push: function(val) { this.stack.push(number(val)); }, _letfunc: function(func) { a = this.pop(); b = this.pop(); this.push(func(a, b)); }, plus: function() { return this._letfunc(this._plus); }, _plus: function(a, b) { return a + b; }, pop: function() { return this.stack.pop(); } } check...
...And 2 more matches
Adding Toolbars and Toolbar Buttons - Archive of obsolete content
ighter color than the rest).
... to access for the user.
...e toolbars and toolbar buttons you can add to firefox.
...And 2 more matches
Appendix E: DOM Building and Insertion (HTML & XUL) - Archive of obsolete content
lementns(elemns.namespace || jsontodom.defaultnamespace, elemns.shortname); // set element's attributes and/or callback functions (eg.
...; function addentrytopopup(menupopup, doc, chromewindow) { var newitem = doc.createelement("menuitem"); newitem.setattribute("value", "testvalue"); newitem.setattribute("label", "another popup menu item"); menupopup.appendchild(newitem); }; var jsontemplatebtn = ["xul:toolbarbutton", { id: "mytestbutton", class: "toolbarbutton-1", type: "menu", label: "test button label", tooltiptext: "test button tooltip", removable: true, key: "mytestbutton123" }, [ "menupopup", { onpopupshowing: function(event) { addentrytopopup(this, document, window); } }, null ] ]; var capturednodes = {}; var toolbox = doc.getel...
... by giving them a 'key' attribute; for example: " + capturednodes.mytestbutton123); another example this here is another example of using jsontodom but in the html scope, a complex form is created with ease.
...And 2 more matches
Handling Preferences - Archive of obsolete content
ow should be as easy to use as possible.
..., enter "about:config" into the location bar.
...ile xulschoolhello.js.
...And 2 more matches
JavaScript Object Management - Archive of obsolete content
located in a file of its own, so that you have this one js file that should be included in all of your xul files.
...lude functions in any namespace, since namespaces are just regular js objects.
... protocol.
...And 2 more matches
Search Extension Tutorial (Draft) - Archive of obsolete content
install and uninstall code is only provided for restartless add-ons but can be adapted for traditional add-ons.
...an be adapted for traditional add-ons.
...> <shortname>example engine</shortname> <description>example search engine</description> <inputencoding>utf-8</inputencoding> <image width="16" height="16" type="image/png">data:image/png;base64, ...
...And 2 more matches
Creating a status bar extension - Archive of obsolete content
ll.rdf, is a text file containing information that tells the host application important information about the extension.
...a text file containing information that tells the host application important information about the extension.
... certain information is needed so firefox can uniquely identify your extension.
...And 2 more matches
Index of archived content - Archive of obsolete content
ocesses getting started modules private properties firefox compatibility module structure of the sdk porting the library detector program id sdk api lifecycle sdk and xul comparison testing the add-on sdk two types of scripts working with events xul migration guide high-level apis addon-page base64 clipboard context-menu hotkeys indexed-db l10n notifications page-mod page-wor...
... content/worker core/heritage core/namespace core/promise dev/panel event/core event/target frame/hidden-frame frame/utils fs/path io/byte-streams io/file io/text-streams lang/functional lang/type loader/cuddlefish loader/sandbox net/url net/xhr places/bookmarks places/favicon places/history platform/xpcom preferences/event-target preferences/service remote/child remote/parent stylesheet/style sty...
... xulrunner 1.9 release notes xulrunner 1.9.1 release notes xulrunner 1.9.2 release notes xulrunner 2.0 release notes xulrunner faq xulrunner hall of fame xulrunner tips xulrunner/old releases toolkit.defaultchromefeatures toolkit.defaultchromeuri toolkit.singletonwindowtype xulauncher ant script to assemble an extension application/http-index-format specification calicalendarview calicalendarviewcontroller califiletype mozilla.dev.platform faq reftest opportunities files symsrv_convert xbdesignmode.js archi...
...And 2 more matches
Enabling the behavior - updating the status periodically - Archive of obsolete content
nable its functionality, we have to add a reference to our javascript code into navigator.xul, just as we put a reference to our css code into that file back in specifying the appearance.
...xul, just as we put a reference to our css code into that file back in specifying the appearance.
...ance.
...And 2 more matches
Drag and Drop Example - Archive of obsolete content
gecko 1.9.1 (firefox 3.5) and later supports a newer and simpler api.
...t, listobserver)"/> </vbox> the nsdraganddrop object will be called to do most of the work.
...ransfer object.
...And 2 more matches
Settings - Archive of obsolete content
pose to users.
...cation that users of your jetpack may use to customize the settings.
...ings.
...And 2 more matches
openWindow - Archive of obsolete content
« xul reference home openwindow( windowtype, url, features, params ) return type: window open a child window.
... « xul reference home openwindow( windowtype, url, features, params ) return type: window open a child window.
... « xul reference home openwindow( windowtype, url, features, params ) return type: window open a child window.
...And 2 more matches
Sorting and filtering a custom tree view - Archive of obsolete content
this is example code for sorting and filtering a custom tree view, that is, a tree whose values are loaded via javascript.
...ew, that is, a tree whose values are loaded via javascript.
...e values are loaded via javascript.
...And 2 more matches
Template Logging - Archive of obsolete content
esult for query 2 (active query is 1) a result no longer matches, but it is inactive and doesn't have any content.
...ause the first query overrides it.
...query 2 (no new active query) a result no longer matches, but it is inactive and doesn't have any content.
...And 2 more matches
XML Templates - Archive of obsolete content
« previousnext » mozilla also supports the use of xml datasources.
...he datasources attribute should be set to the url of an xml document, either a local file or a remote web site.
...lius caesar" gender="male"/> <person name="ferdinand magellan" gender="male"/> <person name="laura secord" gender="female"/> </people> xml query syntax the query syntax is fairly simple for xml datasources.
...And 2 more matches
Custom toolbar button - Archive of obsolete content
character encoding some text editors have a setting for character encoding.
...your text editor, create a plain text file named test.txt.
...te a directory named chrome.
...And 2 more matches
Document Object Model - Archive of obsolete content
nt property.
...referenced properties of the window, the document property is usually referenced without the 'window.' qualifier.
...ent document objects depending on the kind of document.
...And 2 more matches
Input Controls - Archive of obsolete content
box in which the user can enter text.
...ols.
...t entry disabled.
...And 2 more matches
More Button Features - Archive of obsolete content
used, where normal means place the image above the text, and reverse means place the image below the text.
...ced inside the button.
...rap them inside a description element.
...And 2 more matches
splitter - Archive of obsolete content
esizeafter, resizebefore, state, substate style classes tree-splitter examples <!-- this bar has some styling associated with it.
...s 0.
...t or below the splitter resizes.
...And 2 more matches
treeitem - Archive of obsolete content
that row's descendants.
...to bind to a content node during matching.
...pty type: boolean set to true if the element is a container that contains no children.
...And 2 more matches
CommandLine - Archive of obsolete content
cation.
...e) || aiid.equals(nsisupports)) return this; throw components.results.ns_error_no_interface; }, /* nsimodule */ getclassobject : function mod_gch(acompmgr, acid, aiid) { if (acid.equals(class_id)) return apphandler.queryinterface(aiid); throw components.results.ns_error_failure; }, registerself : function mod_regself(acompmgr, afilespec, alocation, atype) { var compreg = acompmgr.queryinterface(nsicomponentregistrar); compreg.registerfactorylocation(class_id, class_name, contract_id, afilespec, alocation, atype); var catman = components.classes["@mozilla.org/categorymanager;1"] .getservice(nsicategorymanager); catman.addcategoryentry("command-line-handler", ...
...me, contract_id, afilespec, alocation, atype); var catman = components.classes["@mozilla.org/categorymanager;1"] .getservice(nsicategorymanager); catman.addcategoryentry("command-line-handler", cld_category, contract_id, true, true); }, unregisterself : function mod_unreg(acompmgr, alocation, atype) { var compreg = acompmgr.queryinterface(nsicomponentregistrar); compreg.unregisterfactorylocation(class_id, alocation); var catman = components.classes["@mozilla.org/categorymanager;1"] .getservice(nsicategorymanager); catman.deletecategoryentry("command-line-handler", cld_category); }, canunload : function (acompmgr) { return true; } };...
...And 2 more matches
Dialogs in XULRunner - Archive of obsolete content
« previous the last article in this series covered some simple xul for creating windows, menus, and toolbars.
...nt experience across applications.
...as each os has its own convention for where buttons should be placed on a dialog.
...And 2 more matches
NPN_GetURL - Archive of obsolete content
-in side plug-in api summary asks the browser to create a stream for the specified url.
...e's document.
... for enabling an existing application to operate on the web.
...And 2 more matches
NPP_New - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary creates a new instance of a plug-in.
... « gecko plugin api reference « plug-in side plug-in api summary creates a new instance of a plug-in.
... « gecko plugin api reference « plug-in side plug-in api summary creates a new instance of a plug-in.
...And 2 more matches
Adobe Flash - Archive of obsolete content
iptability features.
... example below shows a detection heuristic in action.
...ent flash plugin version is flash 6 r79.
...And 2 more matches
Writing a plugin for Mac OS X - Archive of obsolete content
nt, you can simply modify the sample plugin to do whatever you want.
...o whatever you want.
... you want.
...And 2 more matches
ActiveXObject - Archive of obsolete content
warning: this object is a microsoft extension and is supported in internet explorer only, not in windows 8.x store apps.
...xtension and is supported in internet explorer only, not in windows 8.x store apps.
...s supported in internet explorer only, not in windows 8.x store apps.
...And 2 more matches
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
listing 5 - demonstration of server-proxy <script runat="server"> function notexposed() { // runs on the server, hidden from the browser return "can't see me!"; } function exposed() { // runs on the server, callable from the browser return "exposed to the browser"; } exposed.proxy = true; // tell jaxer this function is ok to be called from the browser </script> <script runat="client" type="text/javascript"> alert( exposed() ); //works like a charm alert( notexposed() ); //produces an object not found error since it server-side only </script> understanding the concept of operating context in jaxer is central to moving forward with the example application which is what we'll examine next.
... between the two, it's very possible to produce a single page application which could also include any number of external assets such as a popular third party framework.
... of our application which takes advantage of some of these concepts.
...And 2 more matches
Index - Game development
t creating virtual reality (vr) experiences inside web browsers, but the community is still waiting for tools and libraries to appear, to make this easier.
... this article explains all of the basic theory that's useful to know when you are getting started working with 3d.
...ascript that is highly optimizable.
...And 2 more matches
Static typing - MDN Web Docs Glossary: Definitions of Web-related terms
a statically-typed language is a language (such as java, c, or c++) where variable types are known at compile time.
... a statically-typed language is a language (such as java, c, or c++) where variable types are known at compile time.
... a statically-typed language is a language (such as java, c, or c++) where variable types are known at compile time.
...And 2 more matches
Symbol - MDN Web Docs Glossary: Definitions of Web-related terms
in javascript, symbol is a primitive value.
...ym1 = symbol("sym") let sym2 = symbol("sym") console.log(sym1 === sym2) // returns "false" // symbols are guaranteed to be unique.
...n if we create many symbols with the same description, // they are different values.
...And 2 more matches
MDN Web Docs Glossary: Definitions of Web-related terms
css css object model (cssom) css pixel css preprocessor d data structure decryption delta denial of service descriptor (css) deserialization developer tools dhtml digest digital certificate distributed denial of service dmz dns doctype document directive document environment dom (document object model) domain domain name domain sharding dominator dos attack dtls (datagram transport layer security) dtmf (dual-tone multi-frequency signaling) dynamic programming language dynamic typing e ecma ...
...ent environment dom (document object model) domain domain name domain sharding dominator dos attack dtls (datagram transport layer security) dtmf (dual-tone multi-frequency signaling) dynamic programming language dynamic typing e ecma ecmascript effective connection type element empty element encapsulation encryption endianness engine entity entity header event exception expando f fallback alignment falsy favicon fetch directive fetch metadata request header firefox os firewall f...
...p lossless compression lossy compression ltr (left to right) m main axis main thread markup mathml media media (audio-visual presentation) media (css) metadata method microsoft edge microsoft internet explorer middleware mime mime type minification mitm mixin mobile first modem modern web apps modularity mozilla firefox mutable mvc n namespace nan nat native navigation directive netscape navigator network throttling nntp node node (dom...
...And 2 more matches
Practical positioning examples - Learn web development
using descendant selectors with .info-box at the start of the chain throughout this example — this is so that we can insert this feature into a page with other content already on it, without fear of interfering with the styles applied to other parts of the page.
...heir list-style-type is set to none to get rid of the bullets, and their width is set to 150px so they will comfortably fit across the info-box.
...g live at hidden-info-panel.html (source code).
...And 2 more matches
How CSS is structured - Learn web development
lesheet contains css in a separate file with a .css extension.
.../general/style.css"> <!-- go up one directory level, then inside a subdirectory called styles --> <link rel="stylesheet" href="../styles/style.css"> internal stylesheet an internal stylesheet resides within an html document.
....
...And 2 more matches
HTML basics - Learn web development
its purpose is to embed an image in the html page in the place it appears.
...ividual elements are combined to form an entire html page.
...ombined to form an entire html page.
...And 2 more matches
How the Web works - Learn web development
: transmission control protocol and internet protocol are communication protocols that define how data should travel across the internet.
... the address of the shop so you can access it.
... different parts of the goods you buy from the shop.
...And 2 more matches
Images in HTML - Learn web development
overview: multimedia and embedding next in the beginning, the web was just text, and it was really quite boring.
... overview: multimedia and embedding next in the beginning, the web was just text, and it was really quite boring.
...he alt text instead: so, why would you ever see or need alt text?
...And 2 more matches
Drawing graphics - Learn web development
handled by lower level languages such as c++ or java.
... could become pixellated/distorted.
......
...And 2 more matches
Manipulating documents - Learn web development
ers a page, and developers like you can manipulate the dom with javascript after the page has been rendered.
...https://www.mozilla.org/">mozilla homepage</a></p> </section> </body> </html> the dom on the other hand looks like this: note: this dom tree diagram was created using ian hickson's live dom viewer.
...ailable for grabbing element references, such as: document.getelementbyid(), which selects an element with a given id attribute value, e.g.
...And 2 more matches
Solve common problems in your JavaScript code - Learn web development
a function?
... is json?
...?
...And 2 more matches
Adding features to our bouncing balls demo - Learn web development
s, which is used to track whether the balls exist in the program (have not been eaten by the evil circle).
... the evilcircle() constructor should inherit x, y, velx, vely, and exists from shape(), but velx and vely should always equal 20.
... inherited properties as parameters in the constructor, and set the prototype and constructor properties correctly.
...And 2 more matches
Ember Interactivity: Footer functionality, conditional rendering - Learn web development
st of incomplete todos.
...is new functionality in our footer.hbs template.
...d on the todo service is invoked.
...And 2 more matches
Getting started with Ember - Learn web development
ls, you'll notice ember's opinions — such as strict naming conventions of component files.
...h to mitigating the slow i/o of dom changes).
...e tutorial, we'll focus on adding code to our application to fix some of todomvc's biggest faults.
...And 2 more matches
Rendering a list of Vue components - Learn web development
tor there's one little bit of refactoring we can do here.
...nd make its type a string.
...llisions, remove the id field from your data attribute.
...And 2 more matches
Understanding client-side JavaScript frameworks - Learn web development
little deeper into svelte's reactivity system.
...look at solving some accessibility focus issues, and more besides.
...besides.
...And 2 more matches
Command line crash course - Learn web development
e.
...want to move to.
...ture of your file system, but if you are not sure of the path you can usually figure it out with a combination of the ls command (see below), and by clicking around in your explorer/finder window to see where a directory is, relative to where you currently are.
...And 2 more matches
Package management basics - Learn web development
ut you can call it whatever you like: mkdir parcel-experiment cd parcel-experiment next, let's initialise our app as an npm package, which creates a config file — package.json — that allows us to save our configuration details in case we want to recreate this environment later on, or even publish the package to the npm registry (although this is somewhat beyond the scope of this article).
...-experiment directory: npm init you will now be asked some questions; npm will then create a default package.json file based on the answers: name: a name to identify the app.
...ick description of the app's purpose.
...And 2 more matches
Adding a new event
this draft document covers how to add a new event to the mozilla (firefox) source code.
... this draft document covers how to add a new event to the mozilla (firefox) source code.
... this draft document covers how to add a new event to the mozilla (firefox) source code.
...And 2 more matches
Eclipse CDT Manual Setup
e preferences (window > preferences, or eclipse > preferences) before creating a project in that workspace: in "general > workspace", disable "build automatically" in "c/c++ > indexer", disable "automatically update the index" turning off automatic indexing prevents the cpu intensive indexer from running at various stages during the steps below before we're ready.
...ct "refresh using native hooks or polling" and "refresh on access" to prevent eclipse giving you annoying "resource is out of sync" messages when files change from under it due to mercurial or other external activity.
...y change to "mozilla".
...And 2 more matches
Storage access policy: Block cookies from trackers
ck cookie request headers and ignore set-cookie response headers.
...n.
... they do under firefox’s current cookie policy with some minor differences in the user experience.
...And 2 more matches
mozbrowsercontextmenu
nd the behavior may change in the future.
...he user tried to access a context menu over a browser <iframe>.
...nu over a browser <iframe>.
...And 2 more matches
ChromeWorker
non-standard this feature is non-standard and is not on a standards track.
...re may also be large incompatibilities between implementations and the behavior may change in the future.
... incompatibilities between implementations and the behavior may change in the future.
...And 2 more matches
How to add a build-time test
tatus 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).
...rint 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).
... if the test fails, the tree will go orange (once we've set this up - see bug 352240 for status).
...And 2 more matches
How to Report a Hung Firefox
ll trigger the crash reporter: download crashfirefox.exe here (source code).
... trigger the crash reporter.
...ug report at bugzilla.mozilla.org using this link.
...And 2 more matches
Introduction to Layout in Mozilla
ncy [0..1] per frame, owned by frame widget native window [0..1] per view, owned by view key data structures the document owns the content model, and one or more presentations exposed programmatically via dom apis the presentation owns the frame hierarchy frames own the style contexts, views, widgets presentation has media type, dimensions, etc.
...dia type, dimensions, etc.
... may not be directly manipulated detailed walk-through setting up content model construction frame construction style resolution reflow painting setting up assume basic knowledge of embedding and network apis (doc shell, streams) content dll auto-registers a document loader factory (dlf) @mozilla.org/content-viewer-factory/view;1?type=text/html all mime types mapped to the same class, nscontentdlf nsdocshell receives inbound content via nsdsuricontentlistener invokes nsidlf::createinstance, passes mime type to dlf nscontentdlf creates a nshtmldocument object, invokes startdocumentload.
...And 2 more matches
API-provided widgets
to create a widget, you should pass a specification object with its desired properties.
... to create a widget, you should pass a specification object with its desired properties.
... to create a widget, you should pass a specification object with its desired properties.
...And 2 more matches
JavaScript OS.Constants
javascript module os.constants contains operating system-specific constants.
...ed to system configuration.
...r the path to the user's local application data directory.
...And 2 more matches
Localizing without a specialized tool
from the create a new localization document, an interested localizer can follow a technical step-by-step process that starts the localization process by focusing on how to localize two of the primary types of localization files (dtd and properties) used in the mozilla source code.
...iles are called "entities".) "manage search engines..." can easily be found in the firefox browser ui by clicking on the drop-down arrow in the search box in the upper-right corner of your browser.
... add and localize this file" note.
...And 2 more matches
Locks
this chapter describes the nspr api for creation and manipulation of a mutex of type prlock.
... this chapter describes the nspr api for creation and manipulation of a mutex of type prlock.
... this chapter describes the nspr api for creation and manipulation of a mutex of type prlock.
...And 2 more matches
NSPR Error Handling
this chapter describes the functions for retrieving and setting errors and the error codes set by nspr.
... this chapter describes the functions for retrieving and setting errors and the error codes set by nspr.
... this chapter describes the functions for retrieving and setting errors and the error codes set by nspr.
...And 2 more matches
PR_EXTERN
used to define the prototypes for functions or variables that are to be exported from a shared library.
... used to define the prototypes for functions or variables that are to be exported from a shared library.
... used to define the prototypes for functions or variables that are to be exported from a shared library.
...And 2 more matches
PR_NEWZAP
allocates and clears memory from the heap for an instance of a given type.
... allocates and clears memory from the heap for an instance of a given type.
... allocates and clears memory from the heap for an instance of a given type.
...And 2 more matches
NSS 3.16.2 release notes
and 64-bit windows, contributed by shay gueron and vlad krasnov of intel.
... ​cert_addextensionbyoid - adds an extension to a certificate.
...ol_no_protocol - an ssl error code that means the server supports no protocols that the client advertises in the alpn extension.
...And 2 more matches
OLD SSL Reference
pkcs #11, and the default security databases setting up the certificate and key databases setting up the ca db and certificate setting up the server db and certificate setting up the client db and certificate verifying the server and client certificates building nss programs chapter 3 selected ssl types and structures this chapter describes some of the most important types and structures used with the functions described in the rest of this document, and how to manage the memory used for them.
... setting up the client db and certificate verifying the server and client certificates building nss programs chapter 3 selected ssl types and structures this chapter describes some of the most important types and structures used with the functions described in the rest of this document, and how to manage the memory used for them.
...ver and client certificates building nss programs chapter 3 selected ssl types and structures this chapter describes some of the most important types and structures used with the functions described in the rest of this document, and how to manage the memory used for them.
...And 2 more matches
NSS Tools certutil
creating keys in the key database, then generating and managing certificates in the certificate database.
...h the string "internal".
...ftware, rather than a hardware device.
...And 2 more matches
NSS tools : signtool
specify where the database files are located.
...ption of -m that follows.
...he keys and certificate in the communicator key and certificate databases.
...And 2 more matches
Garbage collection
o we barrier the read instead; if you ever read a weak reference in the middle of an ongoing incremental gc, then the target of the weak ref will be marked.
...ad; if you ever read a weak reference in the middle of an ongoing incremental gc, then the target of the weak ref will be marked.
... of the weak ref will be marked.
...And 2 more matches
JS::CloneFunctionObject
this article covers features introduced in spidermonkey 38 create a new function object from an existing jsfunction.
...ates a new function object from funobj.
...ject from funobj.
...And 2 more matches
JSCheckAccessOp
obsolete since jsapi 29this feature is obsolete.
... obsolete since jsapi 29this feature is obsolete.
... obsolete since jsapi 29this feature is obsolete.
...And 2 more matches
JSNative
jsnative is the type of many jsapi callbacks.
... jsnative is the type of many jsapi callbacks.
...ny jsapi callbacks.
...And 2 more matches
JSObject
jsobject is the type of javascript objects in the jsapi.
... jsobject is the type of javascript objects in the jsapi.
... jsobject is the type of javascript objects in the jsapi.
...And 2 more matches
JSObjectOps.getProperty
pi documentation.
...ity checks; finding the property, including walking the prototype chain if needed; calling the lower-level jsclass hooks; calling getters or setters; and actually getting, setting, or deleting the property once it is found.
...sclass hooks; calling getters or setters; and actually getting, setting, or deleting the property once it is found.
...And 2 more matches
JSResolveOp
jsresolveop is the type of the jsclass.resolve.
... jsresolveop is the type of the jsclass.resolve.
... jsresolveop is the type of the jsclass.resolve.
...And 2 more matches
JS_AddExternalStringFinalizer
obsolete since jsapi 13this feature is obsolete.
... register a custom string memory manager.
...er(jsstringfinalizeop finalizer); name type description finalizer jsstringfinalizeop pointer to a callback function, described below.
...And 2 more matches
JS_ClearNewbornRoots
obsolete since jsapi 5this feature is obsolete.
...work in some browsers, its use is discouraged since it could be removed at any time.
...since it could be removed at any time.
...And 2 more matches
JS_CloneFunctionObject
obsolete since jsapi 36this feature is obsolete.
....
...sobject * the new function's parent.
...And 2 more matches
JS_DumpHeap
wsers, its use is discouraged since it could be removed at any time.
...ll, js_dumpheap only dumps paths in the object graph leading to the specified thing.
...aceshapecyclecollectorchildren.
...And 2 more matches
JS_InstanceOf
determine if an object is an instance of a specified jsclass.
... to a js context from which to derive runtime information.
... this jscontext.
...And 2 more matches
JS_NewExternalString
create a new jsstring whose characters are stored in external memory.
...ew jsstring whose characters are stored in external memory.
...d, and the javascript engine will call the string finalizer callback, allowing the application to free the array.) the array does not need to be zero-terminated.
...And 2 more matches
JS_ValueToNumber
obsolete since jsapi 24this feature is obsolete.
... obsolete since jsapi 24this feature is obsolete.
... which simply calls v.valueof() if present.
...And 2 more matches
SpiderMonkey 38
other platforms the jit is simply disabled; javascript code runs in an interpreter, as in previous versions.
...as in previous versions.
...:value, for simplicity and to ease migration pain.
...And 2 more matches
SpiderMonkey 45
arm architectures.
...ain their previous name, providing relatively unchanged functionality.
...vascript 45 includes significant updates to its language features, yo.
...And 2 more matches
Building the WebLock UI
ce for the dialog and the events that initiate interaction with the web locking are defined.
...textbox and the button children, and it orients them horizontally (in contrast to the <vbox/>, which orients its children vertically).
... the weblock.xul file we defined previously.
...And 2 more matches
Components.utils.Sandbox
without new.
...ullprincipal;1"].createinstance(ci.nsiprincipal); from firefox 37 onwards, you can also specify the null principal by simply passing null as the principal argument.
...n the future).
...And 2 more matches
nsEmbedCString
« xpcom api reference summary constructors for nsembedcstring.
... « xpcom api reference summary constructors for nsembedcstring.
...i reference summary constructors for nsembedcstring.
...And 2 more matches
nsEmbedCString
« xpcom api reference summary the nsembedcstring concrete class provides a way to construct a nsacstring object that allocates null-terminated storage.
... « xpcom api reference summary the nsembedcstring concrete class provides a way to construct a nsacstring object that allocates null-terminated storage.
... « xpcom api reference summary the nsembedcstring concrete class provides a way to construct a nsacstring object that allocates null-terminated storage.
...And 2 more matches
nsEmbedString
« xpcom api reference summary constructors for nsembedstring.
... « xpcom api reference summary constructors for nsembedstring.
...om api reference summary constructors for nsembedstring.
...And 2 more matches
nsEmbedString
« xpcom api reference summary the nsembedstring concrete class provides a way to construct a nsastring object that allocates null-terminated storage.
... « xpcom api reference summary the nsembedstring concrete class provides a way to construct a nsastring object that allocates null-terminated storage.
... « xpcom api reference summary the nsembedstring concrete class provides a way to construct a nsastring object that allocates null-terminated storage.
...And 2 more matches
IAccessibleImage
ssible description() is used to define the behavior of an actionable image and the image itself conveys semantically significant information.
...ion() is used to define the behavior of an actionable image and the image itself conveys semantically significant information.
...g width ); methods description() returns the localized description of the image.
...And 2 more matches
nsIAccessibleDocument
) or nsiaccessibleevent.getaccessibledocument() method overview nsiaccessible getaccessibleinparentchain(in nsidomnode adomnode, in boolean acancreate); obsolete since gecko 2.0 nsiaccessnode getcachedaccessnode(in voidptr auniqueid); native code only!
...in(in nsidomnode adomnode, in boolean acancreate); obsolete since gecko 2.0 nsiaccessnode getcachedaccessnode(in voidptr auniqueid); native code only!
...in boolean acancreate); obsolete since gecko 2.0 nsiaccessnode getcachedaccessnode(in voidptr auniqueid); native code only!
...And 2 more matches
nsIAccessibleEvent
accessible/public/nsiaccessibleevent.idlscriptable an interface for accessibility events listened to by in-process accessibility clients, which can be used to find out how to get accessibility and dom interfaces for the event and its target.
...ble is available.
...only.
...And 2 more matches
nsIAccessibleProvider
accessible/public/nsiaccessibleprovider.idlscriptable used to link element and accessible object.
... accessible/public/nsiaccessibleprovider.idlscriptable used to link element and accessible object.
... accessible/public/nsiaccessibleprovider.idlscriptable used to link element and accessible object.
...And 2 more matches
nsICRLManager
security/manager/ssl/public/nsicrlmanager.idlscriptable please add a summary to this article.
...se add a summary to this article.
...pe, in double noofdays); void deletecrl(in unsigned long crlindex); nsiarray getcrls(); void importcrl([array, size_is(length)] in octet data, in unsigned long length, in nsiuri uri, in unsigned long type, in boolean dosilentdownload, in wstring crlkey); void reschedulecrlautoupdate(); boolean updatecrlfromurl(in wstring url, in wstring key); constants constant value description type_autoupdate_time_based 1 type_autoupdate_freq_based 2 methods computenextautoupdatetime() wstring computenextautoupdatetime( in nsicrlinfo info, in unsigned long autoupdatetype, in double noofdays ); parameters info autoupdatetype noofdays return value deletecrl() delete the crl.
...And 2 more matches
nsIContentPrefService
ivariant agroup, in astring aname); void removegroupedprefs(); void removeobserver(in astring aname, in nsicontentprefobserver aobserver); void removepref(in nsivariant agroup, in astring aname); void removeprefsbyname(in astring aname); void setpref(in nsivariant agroup, in astring aname, in nsivariant avalue); attributes attribute type description dbconnection mozistorageconnection the database connection to the content preferences database.
...ly to all sites.
...all sites.
...And 2 more matches
nsICryptoHash
n the returned value is binary data.
... called multiple times with different algorithm types.
...any other method on this interface is called.
...And 2 more matches
nsIDOMOrientationEvent
d to dom windows, providing information from the device's accelerometer, allowing code to determine the orientation of the device.
.../nsidomorientationevent.idlscriptable please add a summary to this article.
...ad only.
...And 2 more matches
nsIDOMProgressEvent
changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) the nsidomprogressevent is used in the media elements (<video> and <audio>) to inform interested code of the progress of the media download.
...tation is a placeholder until the specification is complete, and is compatible with the webkit progressevent.
...the operation.
...And 2 more matches
nsIDOMSimpleGestureEvent
dom/interfaces/events/nsidomsimplegestureevent.idlscriptable this interface describes a mouse or trackpad gesture event.
... device.
...n cancelablearg, in nsidomabstractview viewarg, in long detailarg, in long screenxarg, in long screenyarg, in long clientxarg, in long clientyarg, in boolean ctrlkeyarg, in boolean altkeyarg, in boolean shiftkeyarg, in boolean metakeyarg, in unsigned short buttonarg, in nsidomeventtarget relatedtargetarg, in unsigned long directionarg, in double deltaarg); attributes attribute type description delta double the delta value indicating how far the gesture moved.
...And 2 more matches
nsIDOMStorageEventObsolete
event is received, the recipient can check its domain attribute to determine which domain's data store has changed.
...describes the old, non-standard form of this event.
... domstring newvaluearg, in domstring urlarg, in nsidomstorage storageareaarg); attributes attribute type description domain domstring the domain of the storage area which changed, or "#session" if the event represents a change to session storage.
...And 2 more matches
nsIFaviconDataCallback
nents/places/public/nsifaviconservice.idlscriptable please add a summary to this article.
...tation to ensure that.
... method we could not know the favicon's data (it could just be too expensive to get it, or the method does not require we actually have any data).
...And 2 more matches
nsIFilePicker
rfaces.nsifilepicker); method overview void appendfilter(in astring title, in astring filter); void appendfilters(in long filtermask); void init(in nsidomwindow parent, in astring title, in short mode); void open(in nsifilepickershowncallback afilepickershowncallback); short show(); obsolete since gecko 57.0 attributes attribute type description addtorecentdocs boolean if true, the file is added to the operating system's "recent documents" list (if the operating system has one; nothing happens if there is no such concept on the user's platform).
...ibutes attribute type description addtorecentdocs boolean if true, the file is added to the operating system's "recent documents" list (if the operating system has one; nothing happens if there is no such concept on the user's platform).
...note: only works with modeopenmultiple mode.
...And 2 more matches
nsIMemoryReporter
porter object and then register it by calling nsimemoryreportermanager.registerreporter().
... undergoing heavy development, and is subject to rapid changes.
...s reporter.
...And 2 more matches
nsINavHistoryContainerResultNode
inavhistoryresultnode last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview nsinavhistoryresultnode findnodebydetails(in autf8string auristring, in prtime atime, in long long aitemid, in boolean arecursive); nsinavhistoryresultnode getchild(in unsigned long aindex); unsigned long getchildindex(in nsinavhistoryresultnode anode); attributes attribute type description childcount unsigned long the number of child nodes; accessing this throws an ns_error_not_available exception of containeropen is false.
...etchild() or access childcount results in an error.
...answer if the node can be populated easily (for example, for bookmark folders).
...And 2 more matches
nsISessionStartup
s from: nsisupports last changed in gecko 8.0 (firefox 8.0 / thunderbird 8.0 / seamonkey 2.5) implemented by: @mozilla.org/browser/sessionstartup;1.
...hanged in gecko 8.0 (firefox 8.0 / thunderbird 8.0 / seamonkey 2.5) implemented by: @mozilla.org/browser/sessionstartup;1.
...refox 8.0 / thunderbird 8.0 / seamonkey 2.5) implemented by: @mozilla.org/browser/sessionstartup;1.
...And 2 more matches
nsITextInputProcessorNotification
d gecko 38 inherits from: nsisupports last changed in gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) this interface tells details of a request or notification to ime.
...supports last changed in gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) this interface tells details of a request or notification to ime.
... gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) this interface tells details of a request or notification to ime.
...And 2 more matches
nsITreeView
; void performactiononrow(in wstring action, in long row); void selectionchanged(); void setcelltext(in long row, in nsitreecolumn col, in astring value); void setcellvalue(in long row, in nsitreecolumn col, in astring value); void settree(in nsitreeboxobject tree); void toggleopenstate(in long index); attributes attribute type description rowcount long the total number of rows in the tree (including the offscreen rows).
...text for a given cell.
...ines in the tree.
...And 2 more matches
nsIUploadChannel2
netwerk/base/public/nsiuploadchannel2.idlscriptable please add a summary to this article.
...9.2 inherits from: nsisupports last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) method overview void explicitsetuploadstream(in nsiinputstream astream, in acstring acontenttype, in long long acontentlength, in acstring amethod, in boolean astreamhasheaders); methods explicitsetuploadstream() sets a stream to be uploaded by this channel with the specified content-type and content-length header values.
...explicitsetuploadstream() sets a stream to be uploaded by this channel with the specified content-type and content-length header values.
...And 2 more matches
nsIWebBrowserChrome2
embedding/browser/webbrowser/nsiwebbrowserchrome2.idlscriptable an extension to nsiwebbrowserchrome.
...context(in unsigned long statustype, in astring statustext, in nsisupports statuscontext); methods setstatuswithcontext() called when the status text in the chrome needs to be updated.
...); methods setstatuswithcontext() called when the status text in the chrome needs to be updated.
...And 2 more matches
nsIWebBrowserPersist
s.classes["@mozilla.org/embedding/browser/nswebbrowserpersist;1"] .createinstance(components.interfaces.nsiwebbrowserpersist); method overview void cancelsave(); void savechannel(in nsichannel achannel, in nsisupports afile); void savedocument(in nsidomdocument adocument, in nsisupports afile, in nsisupports adatapath, in string aoutputcontenttype, in unsigned long aencodingflags, in unsigned long awrapcolumn); void saveuri(in nsiuri auri, in nsisupports acachekey, in nsiuri areferrer, in long areferrerpolicy, in nsiinputstream apostdata, in string aextraheaders, in nsisupports afile, in nsiloadcontext aprivacycontext); void saveprivacyawareuri(in nsiuri auri, in nsisupports acachekey, in nsiuri areferrer, in long areferr...
...in long areferrerpolicy, in nsiinputstream apostdata, in string aextraheaders, in nsisupports afile, in nsiloadcontext aprivacycontext); void saveprivacyawareuri(in nsiuri auri, in nsisupports acachekey, in nsiuri areferrer, in long areferrerpolicy, in nsiinputstream apostdata, in string aextraheaders, in nsisupports afile, in boolean aisprivate); attributes attribute type description currentstate unsigned long current state of the persister object.
...his may be a nsilocalfile object or an nsiuri object with a file scheme.
...And 2 more matches
nsIWorkerMessageEvent
dom/interfaces/threads/nsidomworkers.idlscriptable this interface represents an event in a web worker thread's event queue.
....
...ring aoriginarg, in nsisupports asourcearg); attributes attribute type description data domstring the event's data.
...And 2 more matches
Using the clipboard
gclipboardhelper = components.classes["@mozilla.org/widget/clipboardhelper;1"] .getservice(components.interfaces.nsiclipboardhelper); gclipboardhelper.copystring("put me on the clipboard, please."); this example will first create a clipboard helper and then copy a short string to the clipboard.
...mple will first create a clipboard helper and then copy a short string to the clipboard.
...iloadcontext obtained from the window that is the source of the clipboard data.
...And 2 more matches
xptcall FAQ
rface without requiring additional per platform compiled code to be distributed.
... the core invoke function has the declaration: xptc_public_api(nsresult) xptc_invokebyindex(nsisupports* that, pruint32 methodindex, pruint32 paramcount, nsxptcvariant* params); nsxptcvariant is a discriminated union of the types that can be passed as parameters to the target function (including void* to represent arbitrary pointer types).
...ruint32 methodindex, pruint32 paramcount, nsxptcvariant* params); nsxptcvariant is a discriminated union of the types that can be passed as parameters to the target function (including void* to represent arbitrary pointer types).
...And 2 more matches
XPCOM
le gecko versions (firefox 2 and 3, for example).creating a python xpcom componentcreating applications with mozilla already provides a tutorial for making a simple javascript or c++ component (implementing the nsisimple interface).
...ating a python xpcom componentcreating applications with mozilla already provides a tutorial for making a simple javascript or c++ component (implementing the nsisimple interface).
...e (such as javascript) can be moved across platforms (such as windows and os x) without adaptation, those written in a compiled language (such as c++) require recompilation when moving to a different platform.
...And 2 more matches
LDAP Support
rage and customize ldap support in mozilla thunderbird.
... intended as an introduction to ldap and mozilla products.
...plication suite.
...And 2 more matches
Styling the Folder Pane
valent call explanation foldernamecol -- a property for indicating that a column is the folder name column.
... foldernamecol -- a property for indicating that a column is the folder name column.
... -- a property for indicating that a column is the folder name column.
...And 2 more matches
Theme Packaging
g is a 32x32 (max.
...2 (max.
...f 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:type>4</em:type> more properties </description> </rdf> required install.rdf properties your install.rdf file must have the following properties.
...And 2 more matches
Flash Activation: Browser Comparison - Plugins
t the user in some way and give the user an opportunity to enable flash for that site.
...no longer necessary because this functionality is now built into the browser.
...e plugin is activated: function plugincreated() { // we don't need to see the plugin, so hide it by resizing var plugin = document.getelementbyid('myplugin'); plugin.height = 0; plugin.width = 0; plugin.callpluginmethod(); } the html, by default, specifies the flash object to be a size that makes it visible, like this: <!-- give the plugin an initial size so it is visible --> <object type="application/x-shockwave-flash" data="myapp.swf" id="myplugin" width="300" height="300"> <param name="callback" value="plugincreated()"> </object> the callback parameter defined in the html can be called in flash using its flash.external.externalinterface api.
...And 2 more matches
Waterfall - Firefox Developer Tools
the waterfall gives you insight into the sorts of things the browser is doing as it runs your site or app.
... doing at that point in the recording.
... the right.
...And 2 more matches
AnimationPlaybackEvent.AnimationPlaybackEvent() - Web APIs
the animationplaybackevent() constructor of the web animations api returns a new animationplaybackevent object instance.
... the animationplaybackevent() constructor of the web animations api returns a new animationplaybackevent object instance.
...vent() constructor of the web animations api returns a new animationplaybackevent object instance.
...And 2 more matches
AudioConfiguration - Web APIs
the audioconfiguration dictionary of the media capabilities api defines the audio file being tested when calling mediacapabilities.encodinginfo() or mediacapabilities.decodinginfo() to query whether a specific audio configuration is supported, smooth, and/or power efficient.
...dioconfiguration dictionary of the media capabilities api defines the audio file being tested when calling mediacapabilities.encodinginfo() or mediacapabilities.decodinginfo() to query whether a specific audio configuration is supported, smooth, and/or power efficient.
... audio mime type, for information on possible values and what they mean, see the web audio codec guide.
...And 2 more matches
CSSNumericValue.max() - Web APIs
the max() method of the cssnumericvalue interface returns the highest value from among the values passed.
... the max() method of the cssnumericvalue interface returns the highest value from among the values passed.
... the max() method of the cssnumericvalue interface returns the highest value from among the values passed.
...And 2 more matches
CSSNumericValue.min() - Web APIs
the min() method of the cssnumericvalue interface returns the lowest value from among those values passed.
... the min() method of the cssnumericvalue interface returns the lowest value from among those values passed.
... the min() method of the cssnumericvalue interface returns the lowest value from among those values passed.
...And 2 more matches
CanvasRenderingContext2D.setTransform() - Web APIs
e), and skew the context.
...ansform() method; instead of overriding the current transform matrix, it multiplies it with a given one.
...der type consists of several parameters representing the individual components of the transformation matrix to set: a (m11) horizontal scaling.
...And 2 more matches
Pixel manipulation with canvas - Web APIs
he invert function simply subtracts each color from the max value 255.
...e max value 255.
... because anti-aliasing is enabled by default, we might want to disable the smoothing to see clear pixels.
...And 2 more matches
ChildNode.before() - Web APIs
Web › API › ChildNode › before
following code: // from: https://github.com/jserz/js_piece/blob/master/dom/childnode/before()/before().md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('before')) { return; } object.defineproperty(item, 'before', { configurable: true, enumerable: true, writable: true, value: function before() { var argarr = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
... var argarr = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
...totype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
...And 2 more matches
ClipboardEvent() - Web APIs
the clipboardevent() constructor returns a newly created clipboardevent, representing an event providing information related to modification of the clipboard, that is cut, copy, and paste events.
... the clipboardevent() constructor returns a newly created clipboardevent, representing an event providing information related to modification of the clipboard, that is cut, copy, and paste events.
...he clipboardevent() constructor returns a newly created clipboardevent, representing an event providing information related to modification of the clipboard, that is cut, copy, and paste events.
...And 2 more matches
CloseEvent() - Web APIs
the closeevent() constructor creates a new closeevent.
... the closeevent() constructor creates a new closeevent.
... the closeevent() constructor creates a new closeevent.
...And 2 more matches
DOMHighResTimeStamp - Web APIs
the domhighrestimestamp type is a double and is used to store a time value in milliseconds.
... the domhighrestimestamp type is a double and is used to store a time value in milliseconds.
... // 1519211810362 // 1519211811670 // ...
...And 2 more matches
DOMImplementation.createDocument() - Web APIs
the domimplementation.createdocument() method creates and returns an xmldocument.
...tion.createdocument(namespaceuri, qualifiednamestr, documenttype); parameters namespaceuri is a domstring containing the namespace uri of the document to be created, or null if the document doesn't belong to one.
..., qualifiednamestr, documenttype); parameters namespaceuri is a domstring containing the namespace uri of the document to be created, or null if the document doesn't belong to one.
...And 2 more matches
Document.forms - Web APIs
Web › API › Document › forms
omponent user input elements using the htmlformelement.elements property.
...e an htmlcollection object listing all of the document's forms.
...t representing a single <form> element.
...And 2 more matches
DocumentOrShadowRoot.msElementsFromRect() - Web APIs
the mselementsfromrect method returns the node list of elements that are under a rectangle defined by left, top, width, and height.
... the mselementsfromrect method returns the node list of elements that are under a rectangle defined by left, top, width, and height.
... the mselementsfromrect method returns the node list of elements that are under a rectangle defined by left, top, width, and height.
...And 2 more matches
Traversing an HTML table with JavaScript and DOM Interfaces - Web APIs
ine in any modern browser, including all versions of firefox and ie 5+.
...>).
...round = "rgb(255,0,0)"; // setting inline style attribute creating textnodes with document.createtextnode("..") use the document object to invoke the createtextnode method and create your text node.
...And 2 more matches
Element: blur event - Web APIs
element has lost focus.
...tween this event and focusout is that focusout bubbles while blur does not.
... bubbles no cancelable no interface focusevent event handler property onblur sync / async sync composed yes examples simple example html <form id="form"> <input type="text" placeholder="text input"> <input type="password" placeholder="password"> </form> javascript const password = document.queryselector('input[type="password"]'); password.addeventlistener('focus', (event) => { event.target.style.background = 'pink'; }); password.addeventlistener('blur', (event) => { event.target.style.background = ''; }); result event delegation there are two ways of implementing event delegation for this event: by using the focusout event, or by setting the usecapture parameter of addeventlistener() to true.
...And 2 more matches
Element: focus event - Web APIs
ment has received focus.
...tween this event and focusin is that focusin bubbles while focus does not.
... bubbles no cancelable no interface focusevent event handler property onfocus sync / async sync composed yes examples simple example html <form id="form"> <input type="text" placeholder="text input"> <input type="password" placeholder="password"> </form> javascript const password = document.queryselector('input[type="password"]'); password.addeventlistener('focus', (event) => { event.target.style.background = 'pink'; }); password.addeventlistener('blur', (event) => { event.target.style.background = ''; }); result event delegation there are two ways of implementing event delegation for this event: by using the focusin event, or by setting the usecapture parameter of addeventlistener() to true.
...And 2 more matches
FetchEvent.respondWith() - Web APIs
pondwith() method of fetchevent prevents the browser's default fetch handling, and allows you to provide a promise for a response yourself.
...s you can provide any response that the receiver understands.
...response body needs to be image data.
...And 2 more matches
msAudioCategory - Web APIs
edia, such as background audio or alerts.
...dio that needs to continue playing in the background.
... game sound effects designed to mix with existing audio characters talking all non-music sounds no gamemedia background music played by a game no soundeffects game or other sound effects designed to mix with existing audio: characters talking beeps, dings, brief sounds no other default audio type, and recommended for all audio media that does not need to continue playing in the background.
...And 2 more matches
HTMLElement: change event - Web APIs
fired for each alteration to an element's value.
... to an element's value.
...eing changed and the way the user interacts with the element, the change event fires at a different moment: when the element is :checked (by clicking or using the keyboard) for <input type="radio"> and <input type="checkbox">; when the user commits the change explicitly (e.g., by selecting a value from a <select>'s dropdown with a mouse click, by selecting a date from a date picker for <input type="date">, by selecting a file in the file picker for <input type="file">, etc.); when the element loses focus after its value was changed, but not commited (e.g., after editing the value of <textarea> or <input type="text">).
...And 2 more matches
HTMLFormElement: submit event - Web APIs
the submit event fires when a <form> is submitted.
... note that the submit event fires on the <form> element itself, and not on any <button> or <input type="submit"> inside it.
... not on any <button> or <input type="submit"> inside it.
...And 2 more matches
HTMLInputElement.setSelectionRange() - Web APIs
indicate, for example, that the selection was set by the user clicking and dragging from the end of the selected text toward the beginning.
...he htmlinputelement.selectionstart, selectionend, and selectiondirection properties in one call.
...rt, selectionend, and selectiondirection properties in one call.
...And 2 more matches
HTMLLIElement - Web APIs
" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="426" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmllielement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...dde4" stroke-width="2px" /><text x="426" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmllielement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...co,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmllielement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...And 2 more matches
Headers.delete() - Web APIs
Web › API › Headers › delete
the delete() method of the headers interface deletes a header from the current headers object.
...nclude the forbidden header names and forbidden response header names.
...en response header names.
...And 2 more matches
Headers - Web APIs
Web › API › Headers
to be clear, the difference between headers.set() and headers.append() is that if the specified header does already exist and does accept multiple values, headers.set() will overwrite the existing value with the new one, whereas headers.append() will append the new value onto the end of the set of values.
...es accept multiple values, headers.set() will overwrite the existing value with the new one, whereas headers.append() will append the new value onto the end of the set of values.
...rs object with a given name; this method has now been deleted from the spec, and headers.get() now returns all values of a given name instead of just the first one.
...And 2 more matches
LocalFileSystemSync - Web APIs
l() methods are exposed to the worker's global scope.
... // next, set the size of space needed (in bytes) // initfs is the success callback // and the last one is the error callback // for denial of access and other errors.
...storage that stays in the browser unless the user or the app expunges it.
...And 2 more matches
MediaImage - Web APIs
scribes the images associated with the media resource mediametadata.
...ges associated with the media resource mediametadata.
...ent in appropriate contexts, like player interface to show the current playing video or audio track.
...And 2 more matches
MediaKeySystemConfiguration - Web APIs
the mediakeysystemconfiguration dictionary holds configuration information about the media key system in use.
... the mediakeysystemconfiguration dictionary holds configuration information about the media key system in use.
... the mediakeysystemconfiguration dictionary holds configuration information about the media key system in use.
...And 2 more matches
Navigator.registerContentHandler() - Web APIs
allows web sites to register themselves as possible handlers for content of a particular mime type.
... allows web sites to register themselves as possible handlers for content of a particular mime type.
... allows web sites to register themselves as possible handlers for content of a particular mime type.
...And 2 more matches
Web-based protocol handlers - Web APIs
ink when they want to provide a convenient way for users to send an email, directly from the webpage.
...e.com/handle_mailto/%s, but not for http://example.org/handle_mailto/%s.
...up a different notification, indicating that the protocol handler is already registered.
...And 2 more matches
NetworkInformation - Web APIs
the networkinformation interface provides information about the connection a device is using to communicate with the network and provides a means for scripts to be notified if the connection type changes.
...ts properties of its parent, eventtarget.
...t.
...And 2 more matches
NodeList - Web APIs
Web › API › NodeList
ions of nodes, usually returned by properties such as node.childnodes and methods such as document.queryselectorall().
...list[i]; } don't use for...in to enumerate the items in nodelists, since they will also enumerate its length and item properties and cause errors if your script assumes it only has to deal with element objects.
...visit the properties in any particular order.
...And 2 more matches
OffscreenCanvas.convertToBlob() - Web APIs
the offscreencanvas.converttoblob() method creates a blob object representing the image contained in the canvas.
...erttoblob() method creates a blob object representing the image contained in the canvas.
...mage contained in the canvas.
...And 2 more matches
OffscreenCanvas.convertToBlob() - Web APIs
the offscreencanvas.converttoblob()method creates a blob object representing the image contained in the canvas.
...verttoblob()method creates a blob object representing the image contained in the canvas.
...mage contained in the canvas.
...And 2 more matches
OffscreenCanvas.convertToBlob() - Web APIs
the offscreencanvas.converttoblob() method creates a blob object representing the image contained in the canvas.
...rttoblob() method creates a blob object representing the image contained in the canvas.
...age contained in the canvas.
...And 2 more matches
ParentNode.childElementCount - Web APIs
s, one aimed at node that have children, one at those that are children, they have been moved into two separate pure interfaces, parentnode and childnode.
...esenting a document, documentfragment, or element.
...agment, or element.
...And 2 more matches
ParentNode.children - Web APIs
s in the collection by using either the item() method on the collection, or by using javascript array-style notation.
...y list with a length of 0.
...xample const foo = document.getelementbyid('foo'); for (let i = 0; i < foo.children.length; i++) { console.log(foo.children[i].tagname); } polyfill // overwrites native 'children' prototype.
...And 2 more matches
ParentNode.firstElementChild - Web APIs
nge that shouldn't affect compatibility.
...second (2)</li> <li>third (3)</li> </ul> <script> var foo = document.getelementbyid('foo'); // yields: first (1) console.log(foo.firstelementchild.textcontent); </script> polyfill for ie8, ie9 and safari // overwrites native 'firstelementchild' prototype.
.../li> </ul> <script> var foo = document.getelementbyid('foo'); // yields: first (1) console.log(foo.firstelementchild.textcontent); </script> polyfill for ie8, ie9 and safari // overwrites native 'firstelementchild' prototype.
...And 2 more matches
ParentNode.lastElementChild - Web APIs
example <ul id="foo"> <li>first (1)</li> <li>second (2)</li> <li>third (3)</li> </ul> <script> const foo = document.getelementbyid('foo'); console.log(foo.lastelementchild.textcontent); // logs: third (3) </script> polyfill the code below adds support of lastelementchild() to document and documentfragment in internet explorer and safari.
... document.getelementbyid('foo'); console.log(foo.lastelementchild.textcontent); // logs: third (3) </script> polyfill the code below adds support of lastelementchild() to document and documentfragment in internet explorer and safari.
...'); console.log(foo.lastelementchild.textcontent); // logs: third (3) </script> polyfill the code below adds support of lastelementchild() to document and documentfragment in internet explorer and safari.
...And 2 more matches
PerformanceEventTiming - Web APIs
the performanceeventtiming interface of the event timing api provides timing information for the event types listed below.
...ation const inputduration = entry.duration; // input delay (before processing event) const inputdelay = entry.processingstart - entry.starttime; // synchronous event processing time (between start and end dispatch).
... sendtoanalytics(data) { const body = json.stringify(data); // use `navigator.sendbeacon()` if available, falling back to `fetch()`.
...And 2 more matches
PerformanceNavigationTiming - Web APIs
stroke-width="2px" /><text x="336" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">performancenavigationtiming</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface extends the following performanceentry properties for navigation performance entry types by qualifying and constraining them as follows: performanceentry.entrytype read only returns "navigation".
... document's address.
...ith a value of "0".
...And 2 more matches
PerformanceObserverEntryList - Web APIs
the performanceobserverentrylist interface is a list of peformance events that were explicitly observed via the observe() method.
...ance events that were explicitly observed via the observe() method.
...rentrylist.getentries() returns a list of explicitly observed performanceentry objects based on the given filter.
...And 2 more matches
Multi-touch interaction - Web APIs
at the cost of additional complexity in the multi-touch interaction handling.
...his event for later processing (this could be part of a // multi-touch interaction) and update the background color push_event(ev); if (logevents) log("pointerdown: name = " + ev.target.id, ev); update_background(ev); } pointer move the pointermove handler is called when the pointer moves.
...ove", ev); update_background(ev); ev.target.style.border = "dashed"; } pointer up the pointerup event is fired when a pointer is raised from the contact surface.
...And 2 more matches
Pinch zoom gestures - Web APIs
adding gestures to an application can significantly improve the user experience.
...w to detect the pinch/zoom gesture, which uses pointer events to detect whether the user moves two pointers closer or farther apart from each other.
...f; } } pointer up the pointerup event is fired when a pointer is raised from the contact surface.
...And 2 more matches
PublicKeyCredentialCreationOptions.excludeCredentials - Web APIs
options dictionary, is an array whose elements are descriptors for the public keys already existing for a given user.
...array whose elements are descriptors for the public keys already existing for a given user.
... the authenticator may be used over ble (bluetooth low energy) "internal": the authenticator is specifically bound to the client device (cannot be removed).
...And 2 more matches
PublicKeyCredentialCreationOptions.pubKeyCredParams - Web APIs
the pubkeycredparams property of the publickeycredentialcreationoptions dictionary is an array whose elements are objects describing the desired features of the credential to be created.
...eatures of the credential to be created.
...to be created.
...And 2 more matches
RTCIceCandidate.protocol - Web APIs
l rtcpeerconnection.addicecandidate().
... used.
...ecause of its better performance profile.
...And 2 more matches
RTCIceCandidate.relatedPort - Web APIs
example, which shows a bit of this.
...ibing an ice candidate discovered by the stun server: a=candidate:4234997325 1 udp 2043278322 192.168.0.56 6502 typ srflx raddr 192.168.2.77 rport 32768 generation 0 the remote port, relatedport, is the number immediately following the "rport" label on the a-line, or 32768.
...d by the stun server: a=candidate:4234997325 1 udp 2043278322 192.168.0.56 6502 typ srflx raddr 192.168.2.77 rport 32768 generation 0 the remote port, relatedport, is the number immediately following the "rport" label on the a-line, or 32768.
...And 2 more matches
RTCIceCandidateStats.deleted - Web APIs
tionary's deleted property indicates whether or not the candidate has been deleted or released.
...ation if this value is true.
...e in this example, setinterval() is used to set up a function that runs periodically to display the latest statistics for candidates.
...And 2 more matches
RTCPeerConnection.setRemoteDescription() - Web APIs
iguration take effect.
...urrent descriptions in webrtc connectivity for more details on this process.
...rtc connectivity for more details on this process.
...And 2 more matches
RTCSessionDescription() - Web APIs
nit dictionary, so you don't have to instantiate an rtcsessiondescription yourself.
...ssiondescription yourself.
...al an object providing the default values for the session description; the object conforms to the rtcsessiondescriptioninit dictionary.
...And 2 more matches
ReadableStream.ReadableStream() - Web APIs
thod are defined by the developer, and should aim to get access to the stream source, and do anything else required to set up the stream fuctionality.
...epeatedly when the stream's internal queue of chunks is not full, up until it reaches its high water mark.
...so defined by the developer, will be called if the app signals that the stream is to be cancelled (e.g.
...And 2 more matches
ReportingObserver() - Web APIs
report objects representing the reports collected in the observer's report queue.
...lected in the observer's report queue.
...most common way to retrieve the reports.
...And 2 more matches
SVGFECompositeElement - Web APIs
oke="#d4dde4" stroke-width="2px" /><text x="376" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfecompositeelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_fecomposite_operator_unknown 0 the type is not one of predefined types.
...las,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfecompositeelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_fecomposite_operator_unknown 0 the type is not one of predefined types.
...nchor="middle" alignment-baseline="middle">svgfecompositeelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_fecomposite_operator_unknown 0 the type is not one of predefined types.
...And 2 more matches
SVGSVGElement - Web APIs
given <svg> element.
...tedlength corresponding to the y attribute of the given <svg> element.
... svgsvgelement.width read only an svganimatedlength corresponding to the width attribute of the given <svg> element.
...And 2 more matches
SharedWorker() - Web APIs
of the script the worker will execute.
...ecute.
... scope of the worker, which is mainly useful for debugging purposes.
...And 2 more matches
Streams API concepts - Web APIs
er.
...d it is up to you to start, pause, or cancel access to the stream.
... streams and tcp/web sockets.
...And 2 more matches
Using Touch Events - Web APIs
urface and optionally move across the touch surface.
...ch point and canceling a touch event.
...ouse events from being sent, use the preventdefault() method in the touch event handlers.
...And 2 more matches
Touch events - Web APIs
rather than touchstart.
...ly, some frameworks have taken to refiring touch events as mouse events for this same purpose.
... events as mouse events for this same purpose.
...And 2 more matches
WebGL2RenderingContext.vertexAttribIPointer() - Web APIs
the webgl2renderingcontext.vertexattribipointer() method of the webgl 2 api specifies integer data formats and locations of vertex attributes in a vertex attributes array.
...ter() method of the webgl 2 api specifies integer data formats and locations of vertex attributes in a vertex attributes array.
...cifies integer data formats and locations of vertex attributes in a vertex attributes array.
...And 2 more matches
WebGLRenderingContext.getUniform() - Web APIs
the webglrenderingcontext.getuniform() method of the webgl api returns the value of a uniform variable at a given location.
...the webglrenderingcontext.getuniform() method of the webgl api returns the value of a uniform variable at a given location.
...t.getuniform() method of the webgl api returns the value of a uniform variable at a given location.
...And 2 more matches
Using textures in WebGL - Web APIs
internet // they might take a moment until they are ready.
...pdate the texture with the contents of the image.
...yte; const pixel = new uint8array([0, 0, 255, 255]); // opaque blue gl.teximage2d(gl.texture_2d, level, internalformat, width, height, border, srcformat, srctype, pixel); const image = new image(); image.onload = function() { gl.bindtexture(gl.texture_2d, texture); gl.teximage2d(gl.texture_2d, level, internalformat, srcformat, srctype, image); // webgl1 has different requirements for power of 2 images // vs non power of 2 images so check if the image is a // power of 2 in both dimensions.
...And 2 more matches
Window.captureEvents() - Web APIs
the window.captureevents() method registers the window to capture all events of the specified type.
... the window.captureevents() method registers the window to capture all events of the specified type.
... the window.captureevents() method registers the window to capture all events of the specified type.
...And 2 more matches
Worker() - Web APIs
Web › API › Worker › Worker
later accept data uris, that's not the case in all other browsers.
...ot the case in all other browsers.
...ipt the worker will execute.
...And 2 more matches
XRInputSourceEvent() - Web APIs
the xrinputsourceevent() constructor creates and returns a new xrinputsourceevent object describing an event (state change) which has occurred on a webxr user input device represented by an xrinputsource.
... the xrinputsourceevent() constructor creates and returns a new xrinputsourceevent object describing an event (state change) which has occurred on a webxr user input device represented by an xrinputsource.
...uctor creates and returns a new xrinputsourceevent object describing an event (state change) which has occurred on a webxr user input device represented by an xrinputsource.
...And 2 more matches
XSL Transformations in Mozilla FAQ - Web APIs
why isn't my stylesheet applied?
... why isn't my stylesheet applied?
... why isn't my stylesheet applied?
...And 2 more matches
ARIA: listbox role - Accessibility
onal): moves focus to first option.
...ove with focus.
...than five options.
...And 2 more matches
Web accessibility for seizures and physical reactions - Accessibility
that can induce seizures or other incapacitating physical reactions.
...ive seizures, according to cedars-sinai.
...the only thing that is really documented is flashing lights, which can trigger seizures in patients with photosensitive epilepsy.
...And 2 more matches
font-variation-settings - CSS: Cascading Style Sheets
the font-variation-settings css descriptor allows authors to specify low-level opentype or truetype font variations in the @font-face rule.
... the font-variation-settings css descriptor allows authors to specify low-level opentype or truetype font variations in the @font-face rule.
...riation-settings css descriptor allows authors to specify low-level opentype or truetype font variations in the @font-face rule.
...And 2 more matches
@font-feature-values - CSS: Cascading Style Sheets
the @font-feature-values css at-rule lets you use a common name in the font-variant-alternates property for features activated differently in opentype.
...k with the stylistic() functional notation of font-variant-alternates.
...allows only one value: ident1: 2 is valid, but ident2: 2 4 isn't.
...And 2 more matches
@import - CSS: Cascading Style Sheets
Web › CSS › @import
unicator/skin/).
...oes not support any these queries, it does not load the linked resource.
...media-dependent @import rules.
...And 2 more matches
aural - CSS: Cascading Style Sheets
Web › CSS › @media › aural
the aural css media type is used for devices that have speech output capabilities.
... the aural css media type is used for devices that have speech output capabilities.
... the aural css media type is used for devices that have speech output capabilities.
...And 2 more matches
pointer - CSS: Cascading Style Sheets
Web › CSS › @media › pointer
none the primary input mechanism does not include a pointing device.
... coarse the primary input mechanism includes a pointing device of limited accuracy.
...n accurate pointing device.
...And 2 more matches
Alternative style sheets - CSS: Cascading Style Sheets
e style.
... of version 48).
...tch styles.
...And 2 more matches
Coordinate systems - CSS: Cascading Style Sheets
his code will be called by the event handler for the various mouse events we watch.
...led by the event handler for the various mouse events we watch.
... for the various mouse events we watch.
...And 2 more matches
Using CSS gradients - CSS: Cascading Style Sheets
css gradients are represented by the <gradient> data type, a special type of <image> made of a progressive transition between two or more colors.
... css gradients are represented by the <gradient> data type, a special type of <image> made of a progressive transition between two or more colors.
...ause gradients are dynamically generated, they can negate the need for the raster image files that traditionally were used to achieve similar effects.
...And 2 more matches
Browser compatibility and Scroll Snap - CSS: Cascading Style Sheets
of the specification, with the properties that are detailed in scroll snap points, you should update your code to use the new specification.
...ith the properties that are detailed in scroll snap points, you should update your code to use the new specification.
...oints, you should update your code to use the new specification.
...And 2 more matches
<custom-ident> - CSS: Cascading Style Sheets
the <custom-ident> css data type denotes an arbitrary user-defined string used as an identifier.
...nor a hyphen (-) followed by a decimal digit or another hyphen.
... css values and units module level 4the definition of '<custom-ident>' in that specification.
...And 2 more matches
Adapting to the new two-value syntax of display - CSS: Cascading Style Sheets
— display: grid and display: flex.
...isplay: flex.
...r grid items and begin to respond to the other properties in the grid or flexbox specifications.
...And 2 more matches
<easing-function> - CSS: Cascading Style Sheets
the <easing-function> css data type denotes a mathematical function that describes how fast one-dimensional values change during animations.
...return.
...perties will restrict the output if it goes outside an allowable range.
...And 2 more matches
font-synthesis - CSS: Cascading Style Sheets
the font-synthesis css property controls which missing typefaces, bold or italic, may be synthesized by the browser.
...epository.
...amples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...And 2 more matches
font-weight - CSS: Cascading Style Sheets
older lighter 100 400 100 200 400 100 300 400 100 400 700 100 500 700 100 600 900 400 700 900 400 800 900 700 900 900 700 common weight name mapping the numerical values 100 to 900 roughly correspond to the following common weight names (see the opentype specification): value common weight name 100 thin (hairline) 200 extra light (ultra light) 300 light 400 normal (regular) 500 medium 600 semi bold (demi bold) 700 bold 800 extra bold (ultra bold) 900 black (heavy) 950 extra black (ultra black) variable fo...
...00 black (heavy) 950 extra black (ultra black) variable fonts most fonts have a particular weight which corresponds to one of the numbers in common weight name mapping.
...(heavy) 950 extra black (ultra black) variable fonts most fonts have a particular weight which corresponds to one of the numbers in common weight name mapping.
...And 2 more matches
<frequency> - CSS: Cascading Style Sheets
Web › CSS › frequency
the <frequency> css data type represents a frequency dimension, such as the pitch of a speaking voice.
... the <frequency> css data type represents a frequency dimension, such as the pitch of a speaking voice.
...ing a unit.
...And 2 more matches
Event reference
standard events these events are defined in official web specifications, and should be common across browsers.
...he content of a tab has become visible or has been hidden.
...ecific a new ussd message is received mscontentzoom microsoft specific msmanipulationstatechanged microsoft specific mspointerhover microsoft specific mozilla-specific events note: these events are never exposed to web content and can only be used in a xul chrome content context.
...And 2 more matches
Introduction to HTML5 - Developer guides
and work continues toward supporting more of its features.
...inues toward supporting more of its features.
...ion 1.8.1.
...And 2 more matches
The HTML autocomplete attribute - HTML: Hypertext Markup Language
the html autocomplete attribute is available on <input> elements that take a text or numeric value as input, <textarea> elements, <select> elements, and <form> elements.
...te: in most modern browsers, setting autocomplete to "off" will not prevent a password manager from asking the user if they would like to save username and password information, or from automatically filling in those values in a site's login form.
...yment method, such as an account number.
...And 2 more matches
disabled - HTML: Hypertext Markup Language
kbox, radio button, <option> and <optgroup>, as well as some form controls that are disabled via the disabled attribute set on the ancestor <fieldset> element.
...via the disabled attribute set on the ancestor <fieldset> element.
...<select> by adding the attribute to that element rather than it's descendants.
...And 2 more matches
<command>: The HTML Command element - HTML: Hypertext Markup Language
Web › HTML › Element › command
he use of an end tag is forbidden.
...s element includes the global attributes.
...nless the type attribute is checkbox or radio.
...And 2 more matches
<param>: The Object Parameter element - HTML: Hypertext Markup Language
Web › HTML › Element › param
present.
...rents an <object> before any flow content.
...ntent.
...And 2 more matches
HTML elements reference - HTML: Hypertext Markup Language
Web › HTML › Element
hrasing content, which does not inherently represent anything.
...tml supports the use of scripting languages, most prominently javascript.
...l <fieldset> element is used to group several controls as well as labels (<label>) within a web form.
...And 2 more matches
inputmode - HTML: Hypertext Markup Language
the inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents.
... the digits and decimal separator for the user's locale (typically .
...elephone keypad input, including the digits 0–9, the asterisk (*), and the pound (#) key.
...And 2 more matches
itemid - HTML: Hypertext Markup Language
the itemid global attribute provides microdata in the form of a unique, global identifier of an item.
... the itemid global attribute provides microdata in the form of a unique, global identifier of an item.
... attribute provides microdata in the form of a unique, global identifier of an item.
...And 2 more matches
Accept-Patch - HTTP
the accept-patch response http header advertises which media-type the server is able to understand.
... the accept-patch response http header advertises which media-type the server is able to understand.
... the accept-patch response http header advertises which media-type the server is able to understand.
...And 2 more matches
Content-Disposition - HTTP
be displayed inline in the browser, that is, as a web page or as part of a web page, or as an attachment, that is downloaded and saved locally.
...ined in the content-type header.
...;').
...And 2 more matches
Content-Encoding - HTTP
the content-encoding entity header is used to compress the media-type.
... the content-encoding entity header is used to compress the media-type.
... the content-encoding entity header is used to compress the media-type.
...And 2 more matches
Proxy-Authenticate - HTTP
the http proxy-authenticate response header defines the authentication method that should be used to gain access to a resource behind a proxy server.
...fines the authentication method that should be used to gain access to a resource behind a proxy server.
...should be used to gain access to a resource behind a proxy server.
...And 2 more matches
Proxy-Authorization - HTTP
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.
... 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.
... 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.
...And 2 more matches
WWW-Authenticate - HTTP
the http www-authenticate response header defines the authentication method that should be used to gain access to a resource.
... the http www-authenticate response header defines the authentication method that should be used to gain access to a resource.
... the http www-authenticate response header defines the authentication method that should be used to gain access to a resource.
...And 2 more matches
HTTP Messages - HTTP
Web › HTTP › Messages
http messages are how data is exchanged between a server and a client.
...ttp header: a case-insensitive string followed by a colon (':') and a value whose structure depends upon the header.
... its body.
...And 2 more matches
An overview of HTTP - HTTP
Web › HTTP › Overview
them impossible to read directly, but the principle remains the same.
...ad directly, but the principle remains the same.
... embedded into a binary structure, a frame, allowing optimizations like compression of headers and multiplexing.
...And 2 more matches
Iterators and generators - JavaScript
programming due to the need to explicitly maintain their internal state.
...ion is much easier to write and read.
..., end = 100, step = 1) { let iterationcount = 0; for (let i = start; i < end; i += step) { iterationcount++; yield i; } return iterationcount; } iterables an object is iterable if it defines its iteration behavior, such as what values are looped over in a for...of construct.
...And 2 more matches
Text formatting - JavaScript
« previousnext » this chapter introduces how to work with strings and text in javascript.
...ing \u.
...that it is possible to use unicode code points up to 0x10ffff.
...And 2 more matches
Public class fields - JavaScript
s are an experimental feature (stage 3) proposed at tc39, the javascript standards committee.
...aticfield) // expected output: "static field"​ fields without initializers are initialized to undefined.
...onst prefix = 'prefix' class classwithcomputedfieldname { [`${prefix}field`] = 'prefixed field' } const instance = new classwithcomputedfieldname() console.log(instance.prefixfield) // expected output: "prefixed field" when initializing fields this refers to the class instance under construction.
...And 2 more matches
Arrow function expressions - JavaScript
() => console.log(this.i, this), c: function() { console.log(this.i, this); } } obj.b(); // prints undefined, window {...} (or the global object) obj.c(); // prints 10, object {...} arrow functions do not have their own this.
...b', { get: () => { console.log(this.a, typeof this.a, this); // undefined 'undefined' window {...} (or the global object) return this.a + 10; // represents global object 'window', therefore 'this.a' returns 'undefined' } }); use of the new operator arrow functions cannot be used as constructors and will throw an error when used with new.
...of this.a, this); // undefined 'undefined' window {...} (or the global object) return this.a + 10; // represents global object 'window', therefore 'this.a' returns 'undefined' } }); use of the new operator arrow functions cannot be used as constructors and will throw an error when used with new.
...And 2 more matches
Function - JavaScript
tion) instead.
...l for some non-strict functions.
...[, argsarray]) calls a function and sets its this to the provided thisarg.
...And 2 more matches
Intl.DateTimeFormat - JavaScript
lone https://github.com/mdn/interactive-examples and send us a pull request.
...static methods intl.datetimeformat.supportedlocalesof() returns an array containing those of the provided locales that are supported without having to fall back to the runtime's default locale.
... the runtime's default locale.
...And 2 more matches
Intl.ListFormat() constructor - JavaScript
bcp 47 language tag, or an array of such strings.
...default, e.g., a, b, and c), or "disjunction" that stands for "or"-based lists (e.g., a, b, or c).
...s are: "long" (default, e.g., a, b, and c); "short" (e.g., a, b, c), or "narrow" (e.g., a b c).
...And 2 more matches
JSON.parse() - JavaScript
f a function, this prescribes how the value originally produced by parsing is transformed, before being returned.
... and an optional reviver function, and returns // a javascript value if the text is a valid json text.
...json text.
...And 2 more matches
Object.getOwnPropertyDescriptor() - JavaScript
the object.getownpropertydescriptor() method returns an object describing the configuration of a specific property on a given object (that is, one directly present on an object and not in the object's prototype chain).
...f the property whose description is to be retrieved.
...).
...And 2 more matches
handler.set() - JavaScript
rameters the following parameters are passed to the set() method.
...set.
... = "jen", and obj is not a proxy, and has no own property .name, but it has a proxy on its prototype chain.
...And 2 more matches
SharedArrayBuffer - JavaScript
hared memory.
...) { // post sharedarraybuffer } else { // do something else } see also planned changes to shared memory which is starting to roll out to browsers (firefox 79, for example.) always use the new operator to create a sharedarraybuffer sharedarraybuffer constructors are required to be constructed with a new operator.
...omething else } see also planned changes to shared memory which is starting to roll out to browsers (firefox 79, for example.) always use the new operator to create a sharedarraybuffer sharedarraybuffer constructors are required to be constructed with a new operator.
...And 2 more matches
String() constructor - JavaScript
the string constructor is used to create a new string object.
... the string constructor is used to create a new string object.
...ate a new string object.
...And 2 more matches
WebAssembly.Table() constructor - JavaScript
the webassembly.table() constructor creates a new table object of the given size and element type.
... the webassembly.table() constructor creates a new table object of the given size and element type.
...t can contain the following members: element a string representing the type of value to be stored in the table.
...And 2 more matches
WebAssembly.Table - JavaScript
epresenting a webassembly table, which stores function references.
...sembly code will be accessible and mutable from both javascript and webassembly.
... tables can currently only store function references, but this will likely be expanded in the future.
...And 2 more matches
WebAssembly.validate() - JavaScript
the webassembly.validate() function validates a given typed array of webassembly binary code, returning whether the bytes form a valid wasm module (true) or not (false).
... the webassembly.validate() function validates a given typed array of webassembly binary code, returning whether the bytes form a valid wasm module (true) or not (false).
...f webassembly binary code, returning whether the bytes form a valid wasm module (true) or not (false).
...And 2 more matches
globalThis - JavaScript
ng code.
...nt for more details.
...ross environments prior to globalthis, the only reliable cross-platform way to get the global object for an environment was function('return this')().
...And 2 more matches
Standard built-in objects - JavaScript
parsefloat() parseint() encodeuri() encodeuricomponent() decodeuri() decodeuricomponent() deprecated escape() unescape() fundamental objects these are the fundamental, basic objects upon which all other objects are based.
...t() decodeuri() decodeuricomponent() deprecated escape() unescape() fundamental objects these are the fundamental, basic objects upon which all other objects are based.
...recated escape() unescape() fundamental objects these are the fundamental, basic objects upon which all other objects are based.
...And 2 more matches
Lexical grammar - JavaScript
hell.
...xpression and so on.
... number syntax uses a leading zero followed by a lowercase or uppercase latin letter "x" (0x or 0x).
...And 2 more matches
Inequality (!=) - JavaScript
the inequality operator (!=) checks whether its two operands are not equal, returning a boolean result.
...y description the inequality operator checks whether its operands are not equal.
...not equal.
...And 2 more matches
let - JavaScript
console.log(this.y); // undefined emulating private members in dealing with constructors it is possible to use the let bindings to share one or more private members without using closures: var thing; { let privatescope = new weakmap(); let counter = 0; thing = function() { this.someproperty = 'foo'; privatescope.set(this, { hidden: ++counter, }); }; thing.prototype.showpublic = function() { return this.someproperty; }; thing.prototype.showprivate = function() { return privatescope.get(this).hidden; }; } console.log(typeof privatescope); // "undefined" var thing = new thing(); console.log(thing); // thing {someproperty: "foo"} thing.showpublic(); // "foo" thing.showprivate(); // 1 the same privacy pattern with closures over local variab...
...e not initialized until their definition is evaluated.
...results in a referenceerror.
...And 2 more matches
icons - Web app manifests
type array mandatory yes the icons member specifies an array of objects representing image files that can serve as application icons for different contexts.
...ns member specifies an array of objects representing image files that can serve as application icons for different contexts.
..., "sizes": "72x72 96x96 128x128 256x256" }, { "src": "icon/hd_hi.svg", "sizes": "72x72" } ] values image objects may contain the following values: member description sizes a string containing space-separated image dimensions.
...And 2 more matches
<ellipse> - SVG: Scalable Vector Graphics
Web › SVG › Element › ellipse
ble to specify the exact orientation of the ellipse (if, for example, you wanted to draw an ellipse tilted at a 45 degree angle), but it can be rotated by using the transform attribute.
...at a 45 degree angle), but it can be rotated by using the transform attribute.
...vg viewbox="0 0 200 100" xmlns="http://www.w3.org/2000/svg"> <ellipse cx="100" cy="50" rx="100" ry="50" /> </svg> attributes cx the x position of the ellipse.
...And 2 more matches
<feComponentTransfer> - SVG: Scalable Vector Graphics
<stop offset="0.2" stop-color="#ffff00"></stop> <stop offset="0.4" stop-color="#00ff00"></stop> <stop offset="0.6" stop-color="#00ffff"></stop> <stop offset="0.8" stop-color="#0000ff"></stop> <stop offset="1" stop-color="#800080"></stop> </lineargradient> <filter id="identity" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="identity"></fefuncr> <fefuncg type="identity"></fefuncg> <fefuncb type="identity"></fefuncb> <fefunca type="identity"></fefunca> </fecomponenttransfer> </filter> <filter id="table" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="table" tablevalues="0 0 1 1"></fefuncr> <fefuncg type="table" tablevalues="1 1 0...
...fefuncg type="identity"></fefuncg> <fefuncb type="identity"></fefuncb> <fefunca type="identity"></fefunca> </fecomponenttransfer> </filter> <filter id="table" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="table" tablevalues="0 0 1 1"></fefuncr> <fefuncg type="table" tablevalues="1 1 0 0"></fefuncg> <fefuncb type="table" tablevalues="0 1 1 0"></fefuncb> </fecomponenttransfer> </filter> <filter id="discrete" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="discrete" tablevalues="0 0 1 1"></fefuncr> <fefuncg type="discrete" tablevalues="1 1 0 0"></fefuncg> <fefuncb type="discrete" tablevalues="0 1 1 0"></fefuncb> </fecomponenttran...
..."100%" height="100%"> <fecomponenttransfer> <fefuncr type="discrete" tablevalues="0 0 1 1"></fefuncr> <fefuncg type="discrete" tablevalues="1 1 0 0"></fefuncg> <fefuncb type="discrete" tablevalues="0 1 1 0"></fefuncb> </fecomponenttransfer> </filter> <filter id="linear" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="linear" slope="0.5" intercept="0"></fefuncr> <fefuncg type="linear" slope="0.5" intercept="0.25"></fefuncg> <fefuncb type="linear" slope="0.5" intercept="0.5"></fefuncb> </fecomponenttransfer> </filter> <filter id="gamma" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="gamma" amplitude="4" exponent="7" offset="0"></fefuncr>...
...And 2 more matches
<line> - SVG: Scalable Vector Graphics
Web › SVG › Element › line
n svg basic shape used to create a line connecting two points.
...w.w3.org/2000/svg"> <line x1="0" y1="80" x2="100" y2="20" stroke="black" /> <!-- if you do not specify the stroke color the line will not be visible --> </svg> attributes x1 defines the x-axis coordinate of the line starting point.
...ll not be visible --> </svg> attributes x1 defines the x-axis coordinate of the line starting point.
...And 2 more matches
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
<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 unknown allow overflow: scroll; to show scroll bars on <svg> elements implementation status unknown basic data types and interfaces change notes dommatrix or dommatrixreadonly instead of svgmatrix implementation status unknown domrect or domrectreadonly instead of svgrect implementation status unknown dompoint or dompointreadonly instead of svgpoint implementation status unknown members of svgstylable and svglangspace available in svgelement impl...
... methods partially implemented (bug 1239100).
...implementation status unknown made <use> element shadow trees consistent with shadow dom spec implementation status unknown role mapping of <a> element depending on whether it is a valid link implementation status unknown aria state and property attributes animatable implementation status unknown styling change notes contentstyletype attribute removed implementation status unknown linkstyle on svgstyleelement implemented (bug 1239128 (firefox 46.0 / thunderbird 46.0 / seamonkey 2.43)) inner <svg>s and <foreignobjects>s not overflow: hidden; in ua style sheet implementation status unknown overflow: hidden; on <hatch> in ua style sheet implementation status unknown 0 0 as default ...
...And 2 more matches
Securing your site - Web security
useful information.
...putting the users at risk.
...n arise if you use an old or insecure algorithm for hashing (such as md5).
...And 2 more matches
XML introduction - XML: Extensible Markup Language
t.
...that you should know: entity character description &lt; < less than sign &gt; > greater than sign &amp; & ampersand &quot; " one double-quotation mark &apos; ' one apostrophe (or single-quotation mark) even though there are only 5 declared entities, more can be added using the document's document type definition.
... greater than sign &amp; & ampersand &quot; " one double-quotation mark &apos; ' one apostrophe (or single-quotation mark) even though there are only 5 declared entities, more can be added using the document's document type definition.
...And 2 more matches
<xsl:stylesheet> - XSLT: Extensible Stylesheet Language Transformations
es> elements within its scope.
...ult-validation defines the default value of the validation attribute of all relevant instructions appearing within its scope.
...whether type annotations are stripped from the element so the same results are produced whether the source documents have been validated against a schema or not.
...And 2 more matches
Index - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Index
1 xslt: extensible stylesheet language transformations landing, web, xslt extensible stylesheet language transformations (xslt) is an xml-based language used, in conjunction with specialized processing software, for the transformation of xml documents.
...rmations landing, web, xslt extensible stylesheet language transformations (xslt) is an xml-based language used, in conjunction with specialized processing software, for the transformation of xml documents.
...nguage used, in conjunction with specialized processing software, for the transformation of xml documents.
...And 2 more matches
Loading and running WebAssembly code - WebAssembly
to use webassembly in javascript, you first need to pull your module into memory before compilation/instantiation.
...ccess the elements of an exported table: var table = obj.instance.exports.table; console.log(table.get(0)()); }) note: for more information on how exporting from a webassembly module works, have a read of using the webassembly javascript api, and understanding webassembly text format.
...format.
...And 2 more matches
Compiling from Rust to WebAssembly - WebAssembly
kage in this tutorial, and so you need to have node.js and npm installed.
...et it?
...ode to webassembly to compile our code correctly, we first need to configure it with cargo.toml.
...And 2 more matches
Communicating With Other Scripts - Archive of obsolete content
"talk.js") }); the "talk.js" content script uses window.postmessage() to send the message to the page: // content-script (talk.js) window.postmessage("message from content script", "http://my-domain.org/"); the second argument may be '*' which will allow communication with any domain.
..." creates a page-mod that attaches "listen.js" to the web page: var data = require("sdk/self").data; var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "http://my-domain.org/talk.html", contentscriptfile: data.url("listen.js") }); the web page "talk.html" embeds a script that uses window.postmessage() to send the content script a message when the user clicks a button: <!doctype html> <html> <head></head> <body> <script> function sendmessage() { window.postmessage("message from page script", "http://my-domain.org/"); } </script> <button onclick="sendmessage()">send message</button> </body> </html> finally, the content script "listen.js" uses window.addeventlistener() to listen for messages from the page script: // listen.js window...
...e-mod"); var self = require("sdk/self"); var pageurl = self.data.url("page.html") var pagemod = mod.pagemod({ include: pageurl, contentscriptfile: self.data.url("content-script.js"), contentscriptwhen: "ready" }) tabs.open(pageurl); the target web page "page.html" includes a button and a page script: <html> <head> <meta charset="utf-8"> </head> <body> <input id="message" type="button" value="send a message"/> <script type="text/javascript" src="page-script.js"></script> </body> </html> the content script "content-script.js" adds an event listener to the button, that sends a custom event containing a message: var messenger = document.getelementbyid("message"); messenger.addeventlistener("click", sendcustomevent, false); function sendcustomevent() { var greet...
..."main.js" creates a page-mod to target the page we are interested in: var data = require("sdk/self").data; var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "http://my-domain.org/talk.html", contentscriptfile: data.url("listen.js") }); the web page "talk.html" creates and dispatches a custom dom event, using initcustomevent()'s detail parameter to supply the payload: <!doctype html> <html> <head></head> <body> <script> function sendmessage() { var event = document.createevent('customevent'); event.initcustomevent("addon-message", true, true, { hello: 'world' }); document.documentelement.dispatchevent(event); } </script> <button onclick="sendmessage()">send message</button> </body> </html> finally, the content scrip...
Examples and demos from articles - Archive of obsolete content
what follows is a brief list of examples and demos from our theoretical articles.
... what follows is a brief list of examples and demos from our theoretical articles.
... what follows is a brief list of examples and demos from our theoretical articles.
...s to nest all the informations needed by each animation to start, stop, etc.
Offering a context menu for form controls - Archive of obsolete content
this.
...="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script type="application/javascript" src="chrome://formcontrolcontextmenu/content/overlay.js"/> </overlay> change the right-click behavior the overlaid code is responsible for adjusting the behavior of right-clicking on form controls.
...n/javascript" src="chrome://formcontrolcontextmenu/content/overlay.js"/> </overlay> change the right-click behavior the overlaid code is responsible for adjusting the behavior of right-clicking on form controls.
...; components.utils.reporterror(settargetoriginal); nscontextmenu.prototype.settarget = function(anode, arangeparent, arangeoffset) { settargetoriginal.apply(this, arguments); if (this.istargetaformcontrol(anode)) this.shoulddisplay = true; }; }, false); this code, which is run when the window is opened up, works by replacing the settarget() routine for the prototype of nscontextmenu with one that forces the context menu to display if the target of the menu is a form control.
Appendix: What you should know about open-source software licenses - Archive of obsolete content
n-source software licenses draft this page is not complete.
...g used in warfare.
...lowing points whether you’re modifying existing source code or selecting a license for the first time.
...ying existing source code or selecting a license for the first time.
Setting Up a Development Environment - Archive of obsolete content
file in the bin directory is up to date, and nothing needs to be done.
...ay need to alter the profile location in your makefile.
...ould read the support article on profiles, at the mozilla support site.
...opic later on in this section.
The Box Model - Archive of obsolete content
« previousnext » in order to master xul, you'll need to have a fairly good understanding of its box model.
...lly used for displaying text: label and description.
... to be used in different situations.
...ainly for text in xul forms, such as the ones you see in the firefox options / preferences window.
Creating reusable content with CSS and XBL - Archive of obsolete content
ets content properties and methods event handlers because you avoid linking everything at the document level, you can make self-contained parts that are easy to maintain and reuse.
...s that are easy to maintain and reuse.
...on</h1> <div id="square">click me</div> </body> </html> make a new css file, style6.css.
...m here: <?xml version="1.0"?> <!doctype bindings> <bindings xmlns="http://www.mozilla.org/xbl" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:html="http://www.w3.org/1999/xhtml"> <binding id="square"> <resources> <stylesheet src="bind6.css"/> </resources> <content> <html:div anonid="square"/> <xul:button anonid="button" type="button"> <children/> </xul:button> </content> <implementation> <field name="square"><![cdata[ document.getanonymouselementbyattribute(this, "anonid", "square") ]]></field> <field name="button"><![cdata[ document.getanonymouselementbyattribute(this, "anonid", "button") ]]></field> <method name="dodemo"> <body><![cdata[ this.s...
XML data - Archive of obsolete content
al-purpose language for any kind of structured data.
... block displayed like html's div (for headings, paragraphs) inline displayed like html's span (for emphasis within text) add your own style rules that specify the font, spacing and other details in the same way as for html.
...he structure of the display—for example, xbl can add content, and javascript can modify the dom.
... xbl can add content, and javascript can modify the dom.
XUL user interfaces - Archive of obsolete content
de, and xbl bindings.
...d languages, xul uses css stylesheets.
...tion make a new xul document as a plain text file, doc7.xul.
... src="script7.js"/> <label class="head-1" value="xul demonstration"/> <vbox> <groupbox class="demo-group"> <caption label="day of week calculator"/> <grid> <columns> <column/> <column/> </columns> <rows> <row> <label class="text-prompt" value="date:" accesskey="d" control="date-text"/> <textbox id="date-text" type="timed" timeout="750" oncommand="refresh();"/> </row> <row> <label value="day:"/> <hbox id="day-box"> <label class="day" value="sunday" disabled="true"/> <label class="day" value="monday" disabled="true"/> <label class="day" value="tuesday" disabled="true"/> <label class="day" value="wednesday" disab...
Install.js - Archive of obsolete content
install.initinstall(dispname, regname, this.extversion); // find directory to install into var installpath; if (this.profileinstall) installpath = profiledir; else installpath = install.getfolder('chrome'); // add jar file install.addfile(null, 'chrome/' + jarname, installpath, null); // register chrome var jarpath = install.getfolder(installpath, jarname); var installtype = this.profileinstall ?
...th = profiledir; else installpath = install.getfolder('chrome'); // add jar file install.addfile(null, 'chrome/' + jarname, installpath, null); // register chrome var jarpath = install.getfolder(installpath, jarname); var installtype = this.profileinstall ?
...einstall ?
...ocale in this.extlocalenames) { var regpath = 'locale/' + this.extlocalenames[locale] + '/' + this.extshortname + '/'; install.registerchrome(install.locale | installtype, jarpath, regpath); } // register skins for (var skin in this.extskinnames) { var regpath = 'skin/' + this.extskinnames[skin] + '/' + this.extshortname + '/'; install.registerchrome(install.skin | installtype, jarpath, regpath); } // perform install var err = install.performinstall(); if (err == install.success || err == install.reboot_needed) { if (!this.silentinstall && this.extpostinstallmessage) { install.alert(this.extpostinstallmessage); } } else { this.handleerror(err); return; } }, parsearguments: function() { // can't use string handling in insta...
Bookmark Keywords - Archive of obsolete content
acking, and even word definitions can all be retrieved from user-customized bookmarks.
...to go to the cnn home page would be to type <tt>cnn</tt> into the address bar.
...s "insert user input here." it doesn't have to go at the end of the location field-- it can be anywhere inside the field.
...s properties.
Drag and Drop JavaScript Wrapper - Archive of obsolete content
number of properties, each set to a function which handles a particular aspect of drag and drop.
...akes no arguments.
...ample, a file may come in two flavors, the file itself and the text name of the file.
...perties, data which holds the data and flavour which holds the flavour of the data.
Code snippets - Archive of obsolete content
://services-sync/main.js"); components.utils.import("resource://services-sync/resource.js"); json.parse(new resource(weave.service.storageurl + collection).get()).length; dump the cleartext of each record in a collection to the console.
...ve.service.storageurl + collection).get()).length; dump the cleartext of each record in a collection to the console.
...l + collection, recordtype); coll.full = true; coll.recordhandler = function(item) { item.collection = collection; item.decrypt(); console.log(item.cleartext); }; coll.get(); print an individual record let collection = "history"; let id = "guid_goes_here"; components.utils.import("resource://services-sync/main.js"); components.utils.import("resource://services-sync/record.js"); let recordtype = weave.engines.get(collection)._recordobj; let coll = new collection(weave.service.storageurl + collection, recordtype); coll.full = true; coll.ids = [id]; coll.recordhandler = function(item) { item.collection = collection; item.decrypt(); console.log(item.cleartext); }; coll.get(); count types of bookmark records components.utils.import("resource://services-sync/main.js"); component...
...; coll.ids = [id]; coll.recordhandler = function(item) { item.collection = collection; item.decrypt(); console.log(item.cleartext); }; coll.get(); count types of bookmark records components.utils.import("resource://services-sync/main.js"); components.utils.import("resource://services-sync/record.js"); let deleted = 0; let items = {}; let collection = "bookmarks"; let recordtype = weave.engines.get(collection)._recordobj; let coll = new collection(weave.service.storageurl + collection, recordtype); coll.full = true; coll.limit = null; coll.recordhandler = function(item) { item.collection = collection; item.decrypt(); if (item.deleted) { deleted++; } else { items[item.type] = 1 + (items[item.type] || 0); } }; coll.get(); con...
Introducing the Audio API extension - Archive of obsolete content
metadata of the media element is available, it triggers a loadedmetadata event.
...r contains an array of audio samples.
...n mozwriteaudio().
...ple below: // write samples using a js array var samples = [0.242, 0.127, 0.0, -0.058, -0.242, ...]; var numbersampleswritten = audiooutput.mozwriteaudio(samples); // write samples using a typed array var samples = new float32array([0.242, 0.127, 0.0, -0.058, -0.242, ...]); var numbersampleswritten = audiooutput.mozwriteaudio(samples); in the following example, we create an audio pulse: <!doctype html> <html> <head> <title>generating audio in real time</title> <script type="text/javascript"> function playtone() { var output = new audio(); output.mozsetup(1, 44100); var samples = new float32array(22050); for (var i = 0; i < samples.length ; i++) { samples[i] = math.sin( i / 20 ); } output.mozwriteaudio(samples); }...
JavaScript crypto - Archive of obsolete content
lesmartcardevents to true.
...signed blob and any other necessary info to the ca/ra ca/ra verifies signature on signed blob ca/ra validates identity of user ca/ra sends wrapped encryption private key to kra kra sends escrow verification back to ca ca creates and signs certificates ca sends certificates back to the user (importusercertificates) typical use the ca's enrollment page could look something like this: <!doctype html> <h2>request a cert</h2> <form name="reqform" method="post" action="http://your.ra.site.org"> <p><input type=hidden name=cert_request value=""> <p>name: <input type=text name=name value=""> <p>password: <input type=password name="password" value=""> <p><input type=submit name="send" value="submit"> </form> <script> /* the following values could be filled in by the server cgi */ var authentic...
...put type=text name=name value=""> <p>password: <input type=password name="password" value=""> <p><input type=submit name="send" value="submit"> </form> <script> /* the following values could be filled in by the server cgi */ var authenticator = "server_magic"; var keytransportcert = null; var crmfobject = null; var form = document.forms[0]; function validate() { // generate keys for nsm.
...ue, form.password.value, authenticator, keytransportcert, "setcrmfrequest();", 1024, null, "rsa-dual-use"); } return false; } function setcrmfrequest() { form.cert_request.value = crmfobject.request; form.submit(); } form.onsubmit = validate; </script> on completion of the request, the ca may submit a page that looks something like this: <!doctype html> <h2>certificate request successful</h2> <p>hit 'load' to load your certificate</p> <form name="reqform"> <p><input type=submit name="load" value="submit"></p> </form> <script> /* the following values could be filled in by the server cgi */ var nickname= "mycertnickname"; var cert = "mkjflakdjfiwjflaksufklasf ..."; var forcebackup = false; function loadcertificate() { window.crypto.import...
SpiderMonkey coding conventions - Archive of obsolete content
y-private function names use a js_ prefix and mixed case, e.g.
..._searchscope.
...ate and static data use underscores, not intercaps (but library-private data do use a js_ prefix).
... a js_ prefix).
Table Layout Regression Tests - Archive of obsolete content
e trees are dumped to separate files in a baseline or verify directory for all url's in rtest.lst (see: nsregressiontester::dumpframemodel).
...data="0 1 0 0 0 0 0 0 0 0 0 0 " /> <visibility data="0 1 1.000000" /> <table data="0 0 4 -1 1 " /> <tableborder data="1 null null 0 2 " /> <content data="0 0 0 null " /> <quotes data="0 " /> <ui data="3 0 0 1 " /> <uireset data="7 0 4" /> <xul data="0 0 0 0 0 1 <svg data="0 1.000000 1.000000 0 1.000000" /> </stylecontext> the baseline log will look like: type manifest file: e:\moz_src\mozilla\obj-i586-pc-msvc\dist\bin\components\xpti.dat +++ javascript debugging hooks installed.
...ts\block\base\baseline\pre_html.rgd writing regression data to e:\moz_src\mozilla\layout\html\tests\block\base\baseline\pre1_html.rgd the second verify run creates first the frame dumps in the verify subdirectories (verify) and compares each frame dump with the corresponding reference frame dump.
...hecked in the code: please add your testcase for the bug to the regression tests.
Abc Assembler Tests - Archive of obsolete content
script that is used for the actionscript tests.
...lude the abcasm/abs_helper.as file which defines the following functions: start(summary:string):void - start a new test section described by summary end():void - test section finished compare_stricteq(name:string, expected:*, actual:*):void - compare the results of a testcase where name is the testcase name compare_typeerror(name:string, expected:*, actual:*):void - special function for comparing typeerrors (runtimeerrors) - will only compare the first 22 chars of expected and actual so that test can be run in release and releasedebugger configurations.
...ction .function_id(runtest) getlocal0 call 0 findproperty end callpropvoid end 0 returnvoid } function runtest() { // test null <= null == true findproperty compare_stricteq pushstring "null lessequals null" // testname pushtrue // expected pushnull pushnull lessequals // actual callpropvoid compare_stricteq 3 // use .try / .catch to catch typeerror // convert_o null .try { pushnull convert_o pop findproperty fail pushstring "convert_o null" pushstring "exception should have been thrown: typeerror: error #1009: cannot access a property or method of a null object reference." getlocal1 callpropvoid fail 3 jump finished_convert_o_null } .catch { ...
... convert_o pop findproperty fail pushstring "convert_o null" pushstring "exception should have been thrown: typeerror: error #1009: cannot access a property or method of a null object reference." getlocal1 callpropvoid fail 3 jump finished_convert_o_null } .catch { getlocal0 pushscope setlocal2 // save typeerror findproperty compare_typeerror pushstring "convert_o null" // test name pushstring "typeerror: error #1009" // expected getlocal2 // actual callpropvoid compare_typeerror 3 } finished_convert_o_null: } ...
Using Breakpoints in Venkman - Archive of obsolete content
other featues of the execution.
...article describes breakpoints in javascript and how to use venkman to set and examine breakpoints.
...types of breakpoints venkman has two types of breakpoints.
...oint script.
Example Sticky Notes - Archive of obsolete content
notes.html all parts are made and commented by vk [schools_ring@yahoo.com].
... notes.html all parts are made and commented by vk [schools_ring@yahoo.com].
... notes.html all parts are made and commented by vk [schools_ring@yahoo.com].
...actored, so event.target / event.relatedtarget always points to the bound element, even if it was originated to/from a child.
XML in Mozilla - Archive of obsolete content
s a relative path, and the xml declaration states that the document is not standalone (default), in which case mozilla will try to look for the entity under <bin>/res/dtd directory.
...ce gecko 1.9.1 this scheme is simply a wrapper for fixptr xpointer xpath1() scheme obsolete since gecko 1.9.1 internet-draft document.load(), document.async part of dom level 3 load & save module, a w3c working draft xhtml we have reasonable xhtml support, most things should work.
...orking draft xhtml we have reasonable xhtml support, most things should work.
... the entire document need not be xhtml.
Windows stub installer - Archive of obsolete content
s the windows stub installer code reside?
...xr.mozilla.org/seamonkey/sou...windows/setup/> how do we get setup to debug the windows stub installer?
...$inversion/i; other macro strings are grouped in this section.
...ith "version", the macro name will be the first string in the substitution statement on each line.
menuitem.name - Archive of obsolete content
« xul reference home name type: string name radio menuitems with the same name as put into a group.
... « xul reference home name type: string name radio menuitems with the same name as put into a group.
...reference home name type: string name radio menuitems with the same name as put into a group.
... a group.
Uploading and Downloading Files - Archive of obsolete content
updating this pages to use the supported api is very much welcome!
...s: file i/o, open and save dialogs, reading textual data, writing textual data, list of file-related error codes.
...t using the file type from within a form.
...rt(event.target.responsetext); }; req.send(formdata); } http put you can also upload a file using an http put operation.
OpenClose - Archive of obsolete content
g down the mouse button or by pressing the control key and clicking the mouse button.
...sing the menu key on the keyboard (the key on many keyboards next to control with a menu image) or by pressing shift+f10.
...ere outside the popup.
...ove.
currentIndex - Archive of obsolete content
« xul reference currentindex type: integer set to the row index of the tree caret in the tree.
...s indicated by the focus ring, but unfocused trees won't show a focus ring, naturally.
... unfocused trees won't show a focus ring, naturally.
...thods available via tree.view.selection.
Property - Archive of obsolete content
« xul reference accessible accessibletype accesskey align allnotifications allowevents alwaysopenpopup amindicator applocale autocheck autofill autofillaftermatch boxobject browsers builder builderview buttons canadvance cangoback cangoforward canrewind checked checkstate child children classname clickselectsall clientheight clientwidth collapsed color columns command commandmanager completedefaultindex container contentdocument contentprincipal contenttitle contentview contentvieweredit contentviewerfile contentwindow contextmenu control controller controllers crop current currentindex currentitem currentnotification currentpage currentpane currentset currenturi custom...
...trollers crop current currentindex currentitem currentnotification currentpage currentpane currentset currenturi customtoolbarcount database datasources date dateleadingzero datevalue decimalplaces decimalsymbol defaultbutton defaultvalue description dir disableautocomplete disableautocomplete disableautoselect disabled disablekeynavigation dlgtype docshell documentcharsetinfo editable editingcolumn editingrow editingsession editor editortype emptytext deprecated since gecko 2 enablecolumndrag eventnode firstordinalcolumn firstpermanentchild flex focused focuseditem forcecomplete group handlectrlpageupdown handlectrltab hasuservalue height hidden hideseconds highlightnonmatches homepage ...
...nly readonly ref resource resultspopup scrollboxobject scrollincrement scrollheight scrollwidth searchbutton 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 u...
...t.children dom:element.clientheight dom:element.clientleft dom:element.clienttop dom:element.clientwidth dom:element.clonenode dom:element.firstchild dom:element.firstelementchild dom:element.lastchild dom:element.lastelementchild dom:element.localname dom:element.namespaceuri dom:element.nextelementsibling dom:element.nextsibling dom:element.nodename dom:element.nodetype dom:element.nodevalue dom:element.ownerdocument dom:element.parentnode dom:element.prefix dom:element.previouselementsibling dom:element.previoussibling dom:element.scrollheight dom:element.scrollleft dom:element.scrolltop dom:element.scrollwidth dom:element.tagname dom:element.textcontent ...
Providing Command-Line Options - Archive of obsolete content
firefox.exe -viewapp url opens a chrome window for my application and passes it an nsiuri object.
...ple code, save the commandline.js file into the components directory and add the following lines to your chrome.manifest file: component {2991c315-b871-42cd-b33f-bfee4fcbf682} components/commandline.js contract @mozilla.org/commandlinehandler/general-startup;1?type=myapp {2991c315-b871-42cd-b33f-bfee4fcbf682} category command-line-handler m-myapp @mozilla.org/commandlinehandler/general-startup;1?type=myapp the javascript code const cc = components.classes; const ci = components.interfaces; components.utils.import("resource://gre/modules/xpcomutils.jsm"); components.utils.import("resource://gre/modules/services.jsm"); // changeme: to the chrome uri of your extension or application const chrome_uri = "chrome://myapp/content/"; /** * utility functions */ /** * opens a chrome window.
...ifying the uri of the window to open.
...enwindow(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/commandlinehandler/general-startup;1?type=myapp", _xpcom_categories: [{ category: "command-line-handler", // changeme: // category names are sorted alphabetically.
Building Trees - Archive of obsolete content
as a result, the builder only has a few pieces of information to keep track of.
...://www.xulplanet.com/rdf/myneighbourhood" flags="dont-build-content"> the dont-build-content flag causes no content to be built for the template.
...ent builder generates content in the template body and substitutes data from the datasource right away.
...ay be set to either “normal” for a normal progress meter or “undetermined” for an undetermined progress meter.
Multiple Rules - Archive of obsolete content
t match the conditions have content generated for them.
... are shown.
...or each one.
...a value comes before another alphabetically aftermatch if a value comes after another alphabetically startswithmatch if a value starts with a specific string endswithmatch if a value ends with a specific string containsmatch if a value contains a substringto highlight results that contain a search term here is an example using the 'contains' operator: <vbox datasources="people.xml" ref="*" querytype="xml"> <template> <query expr="person"> <assign var="?letters" expr="string-length(@name) - 1"/> </query> <rule> <where subject="?name" rel="contains" value=" "/> <action> <label uri="?" value="?name has two names for a total length of ?letters"/> </action> </rule> </template> </vbox> this example contains only one rule with a condition which c...
RDF Modifications - Archive of obsolete content
« previousnext » one of the most useful aspects of using templates with rdf datasources is that when the rdf datasource changes, for instance a new triple is added, or a triple is removed, the template updates accordingly, adding or removing result output as needed.
...e template as necessary based on the new or removed information.
...w or removed information.
...y photos with both a title and a description to be displayed.
Box Model Details - Archive of obsolete content
the box model to achieve complicated layouts, you will generally need to add nested boxes, specify minimum and maximum sizes on some elements, and make certain elements flexible.
...trols how the column of child elements are aligned horizontally.
...e buttons horizontally.
...each other by some space of no more than 30 pixels.
List Controls - Archive of obsolete content
« previousnext » xul has a number of types of elements for creating list boxes.
... « previousnext » xul has a number of types of elements for creating list boxes.
...cted, it appears as the choice in the menulist.
...e in the menulist.
Stacks and Decks - Archive of obsolete content
« previousnext » there may be need to display elements as a set of overlapping cards.
... there may be need to display elements as a set of overlapping cards.
...and tabbed panels.
..., many components can contain other elements.
XBL Inheritance - Archive of obsolete content
tent and behavior provided by the textbox binding.
...above is similar to how the url autocomplete feature works in mozilla.
...ks in mozilla.
...e autocomplete textbox adds extra event handling so that when a url is typed, a menu will pop up with possible completions.
Using the standard theme - Archive of obsolete content
espond to the standard theme (the theme currently chosen by the user in the theme selector), or even the default theme delivered with your the base application.
...r custom skin in the <tt>chrome.manifest</tt>.
... two approaches, although it makes your code more readable when sticking to only one way.
...kin/" type="text/css"?> <?xml-stylesheet href="chrome://myextension/skin/custom.css" type="text/css"?> <tt>@import</tt> chains first, import the global skin in your custom style sheet using the css <tt>@import</tt> rule: @import url("chrome://global/skin/"); you then have to associate your xul file with your custom style sheet only: <?xml-stylesheet href="chrome://myextension/skin/custom.css" type="text/css"?> applying different custom style sheets depending on the selected theme mozilla is able to automatically pick your custom style sheet depending on the theme currently chosen by the user.
XUL Questions and Answers - Archive of obsolete content
n the content in a new window using "window.open" and send titlebar=”no” as one of the flags in the 3rd argument.
...ersion="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="test-window" title="check list test" xmlns:html="http://www.w3.org/1999/xhtml" xmlns="http://www.mozilla.org/keymaster/gat...re.is.only.xul"> <listbox rows="4"> <listhead> <listheader label="multi-column"/> </listhead> <listcols> <listcol flex="1"/> </listcols> <listitem> <listcell type="checkbox" value="1" label="vghkvghk"/> </listitem> <listitem> <listcell type="checkbox" value="2" label="vghjkvk" checked="true"/> </listitem> <listitem> <listcell type="checkbox" value="3" label="hukfzgjcfj" disabled="true"/> </listitem> </listbox> <listbox rows="4"> <listhead> <listheader label="single-column"/> </listhead> <listitem type="checkbox" value="1...
...vghk"/> </listitem> <listitem> <listcell type="checkbox" value="2" label="vghjkvk" checked="true"/> </listitem> <listitem> <listcell type="checkbox" value="3" label="hukfzgjcfj" disabled="true"/> </listitem> </listbox> <listbox rows="4"> <listhead> <listheader label="single-column"/> </listhead> <listitem type="checkbox" value="1" label="vghkvghk"/> <listitem type="checkbox" value="2" label="vghjkvk" checked="true"/> <listitem type="checkbox" value="3" label="hukfzgjcfj" disabled="true"/> </listbox> </window> list box handlers can only check for listitems not listcells.
... are xul attributes integers?
Accessibility/XUL Accessibility Reference - Archive of obsolete content
this table is designed to show how to expose text properly for various xul element types.
...ontrol="butwrap2" value="<!--this-->" /> <label control="butwrap2" value="is" /> <label control="butwrap2" value="a" /> <label control="butwrap2" value="button" /> </button> <button image="images/img.xbm" tooltiptext="<!--button text-->"/> note that in the third example, only the first label is read browser jaws 7.10 issues to use a browser element with html, the type="content" attribute should be specified.
... jaws 7.10 issues to use a browser element with html, the type="content" attribute should be specified.
...s 7.10.
command - Archive of obsolete content
ng code will send a paste command (cmd_paste) to the currently focused element: // first include chrome://global/content/globaloverlay.js godocommand("cmd_paste"); example with two buttons <commandset><command id="cmd_openhelp" oncommand="alert('help');"/></commandset> <button label="help" command="cmd_openhelp"/> <button label="more help" command="cmd_openhelp"/> attributes disabled type: boolean indicates whether the element is disabled or not.
...wed only for form controls.
...ty which, except for menus and menuitems, is normally preferred to use of the attribute, as it may need to update additional state.
...ement.
commandset - Archive of obsolete content
occur.
...commandset> attributes commandupdater type: boolean if true, the commandset is used for updating commands.
...listed below, or you can use your own events.
...urs when the focused element changes.
dialogheader - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a heading row for a dialog box.
... crop, description, title examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <dialog id="donothing" title="dialog example" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <dialogheader title="my dialog" description="example dialog"/> <!-- other widgets --> </dialog> attributes crop type: one of the values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
...opped.
...imum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
listhead - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a header row of a listbox.
... « xul reference home [ examples | attributes | properties | methods | related ] a header row of a listbox.
... 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 accessibletype type: integer a value indicating the type of accessibility object for the element.
...bserves, 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.
listheader - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a header for a single column in a listbox.
...ader label="name"/> <listheader label="occupation"/> </listhead> <listitem> <listcell label="george"/> <listcell label="house painter"/> </listitem> <listitem> <listcell label="mary ellen"/> <listcell label="candle maker"/> </listitem> <listitem> <listcell label="roger"/> <listcell label="swashbuckler"/> </listitem> </listbox> attributes disabled type: boolean indicates whether the element is disabled or not.
...ed only for form controls.
... 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 accessibletype type: integer a value indicating the type of accessibility object for the element.
scrollbar - Archive of obsolete content
when a numeric value or percentage needs to be selected by the user.
...ll bar or by dragging the scroll bar thumb around.
...es curpos type: integer the current position of the scrollbar, which ranges from 0 to the value of the maxpos attribute.
...ue of the maxpos attribute.
tabpanels - Archive of obsolete content
g the second tab, the second panel will be displayed and so on.
... 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 accessible type: nsiaccessible returns the accessibility object for the element.
...sethrough, 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.
...perties accessible type: nsiaccessible returns the accessibility object for the element.
triple - Archive of obsolete content
an rdf description element.
...ould be predicates.
... rdf property.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
Windows and menus in XULRunner - Archive of obsolete content
for css and dtd, which i will discuss in a moment.
... will discuss in a moment.
...e window icons.
...nd toolbars most desktop applications are complex enough to require some sort of menu and/or toolbar to structure the application’s available commands.
2006-10-27 - Archive of obsolete content
o build firefox 2 source on a solaris 10 x86 machine but was not successful with the build.
...ng along with the error that he receives when he tries to build it.
... to build it.
...ry is installed or where to get the packages.
NPN_PostURL - Archive of obsolete content
get, uint32 len, const char *buf, npbool file); parameters the function has the following parameters: instance pointer to the current plug-in instance.
... similarly to npn_geturl, but in reverse.
... as the target parameter.
...for a file, and len to the length of the path string.
NPN_ReleaseVariantValue - Archive of obsolete content
alue() releases the value in the given variant.
...s the value in the given variant.
...ys be called on result variants and such in this api, i.e.
...n result variants and such in this api, i.e.
NPRegion - Archive of obsolete content
« gecko plugin api reference « browser side plug-in api summary represents a platform-defined region of a page.
... « gecko plugin api reference « browser side plug-in api summary represents a platform-defined region of a page.
... « gecko plugin api reference « browser side plug-in api summary represents a platform-defined region of a page.
...r side plug-in api summary represents a platform-defined region of a page.
NPSetWindowCallbackStruct - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary note: this structure is only used on unix platforms.
... « gecko plugin api reference « plug-in side plug-in api summary note: this structure is only used on unix platforms.
...e « plug-in side plug-in api summary note: this structure is only used on unix platforms.
...s are used to pass platform-specific information.
What is RSS - Archive of obsolete content
you want to.</description> <lastbuilddate>tue, 23 aug 2005 21:02:05 -0800</lastbuilddate> <link>http://katetv.example.com/</link> <item> <title>this is fun</title> <guid>http://katetv.example.com/show/4</guid> <pubdate>tue, 23 aug 2005 21:02:05 -0800</pubdate> <enclosure url="http://katetv.example.com/show/4" length="1911146" type="application/ogg"/> </item> <item> <title>watch this</title> <guid>http://katetv.example.com/show/3</guid> <pubdate>tue, 16 aug 2005 16:11:57 -0400</pubdate> <enclosure url="http://katetv.example.com/show/3" length="1387442" type="application/ogg"/> </item> <item> <title>it is me again</title> ...
...6:11:57 -0400</pubdate> <enclosure url="http://katetv.example.com/show/3" length="1387442" type="application/ogg"/> </item> <item> <title>it is me again</title> <guid>http://katetv.example.com/show/2</guid> <pubdate>tue, 9 aug 2005 13:12:12 -0400</pubdate> <enclosure url="http://katetv.example.com/show/2" length="1894877" type="video/mpeg"/> </item> <item> <title>hello</title> <guid>http://katetv.example.com/show/1</guid> <pubdate>tue, 2 aug 2005 18:22:14 -0400</pubdate> <enclosure url="http://katetv.example.com/show/1" length="17442215" type="application/ogg"/> </item> </channel> </rss> the observant reader may have noticed that the news web...
...item> <title>hello</title> <guid>http://katetv.example.com/show/1</guid> <pubdate>tue, 2 aug 2005 18:22:14 -0400</pubdate> <enclosure url="http://katetv.example.com/show/1" length="17442215" type="application/ogg"/> </item> </channel> </rss> the observant reader may have noticed that the news web site and blogger examples were the same type of rss.
...id> <pubdate>tue, 2 aug 2005 18:22:14 -0400</pubdate> <enclosure url="http://katetv.example.com/show/1" length="17442215" type="application/ogg"/> </item> </channel> </rss> the observant reader may have noticed that the news web site and blogger examples were the same type of rss.
Table Reflow Internals - Archive of obsolete content
ll processes its queue of reflow commands.
...g some or all of its children which reflows it children, etc.
...uncation (it can't fit in the space and can't split).
...nly used for fixed positioned frames kinds of reflows incremental reflow (continued) reflower not allowed to change available size of reflowee reflow commands get coalesced to streamline processing style change a target changed stylistic if there is a target, otherwise every frame may need to respond parent of target usually turns it into an incremental reflow with a style changed command type table frames nstableouter frame ↙ ↘ nstable frame nstablecaption frame ↙ ↘ ↓ nstablecol groupframe nstablerow groupframe nsblockframe ↓ ↓ nstablecol frame nstablerow frame ↓ nstablecell frame ↓ nsblock frame table reflow outer table reflows tabl...
-ms-scroll-snap-points-x - Archive of obsolete content
the -ms-scroll-snap-points-x css property is a microsoft extension that specifies where snap-points will be located along the x-axis.
...ctor.
...p-points-x property.
...xis.) .container { overflow-x: auto; overflow-y: hidden; -ms-scroll-snap-type: mandatory; -ms-scroll-snap-points-x: snapinterval(0%, 100%); width: 480px; height: 270px; } .imagecontainer { -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: none; -ms-scroll-limit-x-min: 100%; -ms-scroll-limit-x-max: 500%; -ms-scroll-snap-type: proximity; -ms-scroll-snap-points-x: snaplist(100%, 200%, 300%, 400%, 500%); -ms-overflow-style: none; width: 480px; height: 270px; overflow: auto; } specifications not part of any specification.
-ms-scroll-snap-points-y - Archive of obsolete content
the -ms-scroll-snap-points-y css property is a microsoft extension that specifies where snap-points will be located along the y-axis.
...ctor.
...p-points-y property.
...xis.) .container { overflow-x: auto; overflow-y: hidden; -ms-scroll-snap-type: mandatory; -ms-scroll-snap-points-y: snapinterval(0%, 100%); width: 480px; height: 270px; } .imagecontainer { -ms-scroll-chaining: chained; -ms-overflow-style: none; -ms-content-zooming: zoom; -ms-scroll-rails: none; -ms-scroll-limit-y-min: 100%; -ms-scroll-limit-y-max: 500%; -ms-scroll-snap-type: proximity; -ms-scroll-snap-points-y: snaplist(100%, 200%, 300%, 400%, 500%); -ms-overflow-style: none; width: 480px; height: 270px; overflow: auto; } specifications not part of any specification.
Accessing XML children - Archive of obsolete content
can also be used to replace particular child nodes var elem1 = <foo> <bar/> </foo>; var elem2 = <red> <blue/> </red>; elem1.bar = elem2; replaces the <bar/> element with all of the content in elem2, giving: <foo> <red> <blue/> </red> <foo> xml lists many times, however, a single element will have two or more children of the same type.
... </foo>; var elem2 = <red> <blue/> </red>; elem1.bar = elem2; replaces the <bar/> element with all of the content in elem2, giving: <foo> <red> <blue/> </red> <foo> xml lists many times, however, a single element will have two or more children of the same type.
... list = element.bar; list.length(); // returns 2 list[0]; // the first bar element list[1]; // the second bar element notice further that this list is "live" in the sense that changes made to the list are reflected back in the element that the list originally came from.
... list[1]; // the second bar element notice further that this list is "live" in the sense that changes made to the list are reflected back in the element that the list originally came from.
New in JavaScript 1.8.1 - Archive of obsolete content
the following is a changelog for javascript 1.8.1.
... the following is a changelog for javascript 1.8.1.
...he following is a changelog for javascript 1.8.1.
...or javascript 1.8.1.
JSObject - Archive of obsolete content
mary the public final class netscape.javascript.jsobject extends object.
...bject description javascript objects are wrapped in an instance of the class netscape.javascript.jsobject and passed to java.
...cript objects.
...gine unwraps it to its original javascript object type.
JavaObject - Archive of obsolete content
summary core object the type of a wrapped java object accessed from within javascript code.
... summary core object the type of a wrapped java object accessed from within javascript code.
...eters parameterlist an optional list of parameters, specified by the constructor of the java class.
...ava class that is created in or passed to javascript.
XForms Submit Element - Archive of obsolete content
t of an instance document being sent to a target destination, which could be local or remote (see the spec).
...its submission attibute.
...of this attribute gives a hint to the xforms processor as to which type of widget(s) to use to represent this control.
... the submit will be hidden.
XForms Trigger Element - Archive of obsolete content
introduction allows the user to initiate actions (see the spec).
...user to initiate actions (see the spec).
...module (see the spec).
...rigger will be hidden.
Building up a basic demo with Three.js - Game development
eed much.
...iew our handiwork — imagine a movie set without any cameras.
...object.
... shape definitions: var light = new three.pointlight(0xffffff); light.position.set(-10, 15, 50); scene.add(light); we define a white point of light, set its position a little away from the center of the scene, so it can light up some parts of the shapes, finally adding it to the scene.
Tiles and tilemaps overview - Game development
handle tilemaps into the same data structure or object.
... in pixels across / pixels down.
...rmance.
...ackground terrain.
Visual-js game engine - Game development
gine creator : nikola lukic 2017 2018 open source visual-js project parts : -2d part : this is javascript game engine (server part node.js / client part js) js framework with windows gui editor and game instance creator.
...h all your game object was created in editor style .
...ates/paths.js templetes are made from visual-js core also .
...ct .
CORS-safelisted request header - MDN Web Docs Glossary: Definitions of Web-related terms
a cors-safelisted request header is one of the following http headers: accept, accept-language, content-language, content-type.
...control-allow-headers header and also list the above headers there to circumvent the following additional restrictions: additional restrictions cors-safelisted headers must also fulfill the following requirements in order to be a cors-safelisted request header: for accept-language and content-language: can only have values consisting of 0-9, a-z, a-z, space or *,-.;=.
...al restrictions cors-safelisted headers must also fulfill the following requirements in order to be a cors-safelisted request header: for accept-language and content-language: can only have values consisting of 0-9, a-z, a-z, space or *,-.;=.
...isted headers must also fulfill the following requirements in order to be a cors-safelisted request header: for accept-language and content-language: can only have values consisting of 0-9, a-z, a-z, space or *,-.;=.
HTML: A good basis for accessibility - Learn web development
<a href="#" align="center">home</a> </td> <td width="200"> <a href="#" align="center">our team</a> </td> <td width="200"> <a href="#" align="center">projects</a> </td> <td width="200"> <a href="#" align="center">contact</a> </td> <td width="300"> <form width="300"> <input type="search" name="q" placeholder="search query" width="300"> </form> </td> <td width="100"> <button width="100">go!</button> </td> </tr> <!-- spacer row --> <tr id="spacer" height="10"> <td> </td> </tr> <!-- main content and aside row --> <tr id="main"> <td id="content" colspan="4" bgcolor="#ffff...
...veloper.mozilla.org">mozilla developer network</a>.</p> <h2>buttons</h2> <p> <button data-message="this is from the first button">click me!</button> <button data-message="this is from the second button">click me too!</button> <button data-message="this is from the third button">and me!</button> </p> <h2>form</h2> <form> <div> <label for="name">fill in your name:</label> <input type="text" id="name" name="name"> </div> <div> <label for="age">enter your age:</label> <input type="text" id="age" name="age"> </div> <div> <label for="mood">choose your mood:</label> <select id="mood" name="mood"> <option>happy</option> <option>sad</option> <option>angry</option> <option>worried</option> </select> </div> </form> this means usin...
...ck here</a>.</p> note: you can find a lot more about link implementation and best practices in our creating hyperlinks article.
...so useful for disabled users.
HTML: A good basis for accessibility - Learn web development
<a href="#" align="center">home</a> </td> <td width="200"> <a href="#" align="center">our team</a> </td> <td width="200"> <a href="#" align="center">projects</a> </td> <td width="200"> <a href="#" align="center">contact</a> </td> <td width="300"> <form width="300"> <input type="search" name="q" placeholder="search query" width="300"> </form> </td> <td width="100"> <button width="100">go!</button> </td> </tr> <!-- spacer row --> <tr id="spacer" height="10"> <td> </td> </tr> <!-- main content and aside row --> <tr id="main"> <td id="content" colspan="4" bgcolor="#ffff...
...veloper.mozilla.org">mozilla developer network</a>.</p> <h2>buttons</h2> <p> <button data-message="this is from the first button">click me!</button> <button data-message="this is from the second button">click me too!</button> <button data-message="this is from the third button">and me!</button> </p> <h2>form</h2> <form> <div> <label for="name">fill in your name:</label> <input type="text" id="name" name="name"> </div> <div> <label for="age">enter your age:</label> <input type="text" id="age" name="age"> </div> <div> <label for="mood">choose your mood:</label> <select id="mood" name="mood"> <option>happy</option> <option>sad</option> <option>angry</option> <option>worried</option> </select> </div> </form> this means usin...
...ck here</a>.</p> note: you can find a lot more about link implementation and best practices in our creating hyperlinks article.
...so useful for disabled users.
Cascade and inheritance - Learn web development
and therefore carry the same specificity, so the last one in the source order wins.
...ge only some of the properties and values.
...ity of 23 vs.
...ssional web developers sometimes find tricky.
Organizing your CSS - Learn web development
tions in your stylesheet it is a good idea to have all of the common styling first in the stylesheet.
... the block it is in.
... the styling or behavior.
...t in css, see the learn css layout section.
Flexbox - Learn web development
n this case, we are giving each <article> element the same value (a value of 1), which means they will all take up an equal amount of the spare space left after things like padding and margin have been set.
...ur proportion units available in total (since 1 + 1 + 2 = 4).
...st of all, we set the children of the <section> to be laid out as flexible boxes.
...ay: flex; flex-flow: column; } next, we select the first <div>.
Styling links - Learn web development
tarea> <h2>css input</h2> <textarea id="code" class="css-input" style="width: 90%;height: 10em;padding: 10px;border: 1px solid #0095dd;">a { } a:link { } a:visited { } a:focus { } a:hover { } a:active { }</textarea> <h2>output</h2> <div class="output" style="width: 90%;height: 10em;padding: 10px;border: 1px solid #0095dd;"></div> <div class="controls"> <input id="reset" type="button" value="reset" style="margin: 10px 10px 0 0;"> <input id="solution" type="button" value="show solution" style="margin: 10px 0 0 10px;"> </div> </div> var htmlinput = document.queryselector(".html-input"); var cssinput = document.queryselector(".css-input"); var reset = document.getelementbyid("reset"); var htmlcode = htmlinput.value; var csscode = cssinput.value; var output = docu...
...hover { background: orange; } a:active { background: red; color: white; } this gives us the following result: let's explain what's going on here, focusing on the most interesting parts: our second rule removes the default padding from the <ul> element, and sets its width to span 100% of the outer container (the <body>, in this case).
...rmation about this problem (and solutions) at fighting the space between inline block elements.
...efore moving on to it.
How do I use GitHub Pages? - Learn web development
typical website, e.g.
...y as a git repository.
...ur website in a directory called test-site on your desktop: cd desktop/test-site when the command line is pointing inside your website directory, type the following command, which tells the git tool to turn the directory into a git repository: git init an aside on command line interfaces the best way to upload your code to github is via the command line — this is a window where you type in commands to do things like create files and run programs, rather than clicking inside a user interface.
...es to github on the current page, you are interested in the section …or push an existing repository from the command line.
Example - Learn web development
this is the example code for the article your first html form.
... this is the example code for the article your first html form.
.../my-handling-form-page" method="post"> <div> <label for="name">name:</label> <input type="text" id="name" name="user_name"> </div> <div> <label for="mail">e-mail:</label> <input type="email" id="mail" name="user_email"> </div> <div> <label for="msg">message:</label> <textarea id="msg" name="user_message"></textarea> </div> <div class="button"> <button type="submit">send your message</button> </div> </form> css content form { /* just to center the form on the page */ margin: 0 auto; width: 400px; /* to see the limits of the form */ padding: 1em; border: 1px solid #ccc; border-radius: 1em; } div + div { margin-top: 1em; } label { /* to make sure that all label have the same size and are properly align */ display: inline-blo...
...width: 300px; -moz-box-sizing: border-box; box-sizing: border-box; /* to harmonize the look & feel of text field border */ border: 1px solid #999; } input:focus, textarea:focus { /* to give a little highligh on active elements */ border-color: #000; } textarea { /* to properly align multiline text field with their label */ vertical-align: top; /* to give enough room to type some text */ height: 5em; /* to allow users to resize any textarea vertically it works only on chrome, firefox and safari */ resize: vertical; } .button { /* to position the buttons to the same position of the text fields */ padding-left: 90px; /* same size as the label elements */ } button { /* this extra magin represent the same space as the space between the labels and...
Web forms — Working with user data - Learn web development
ng some very simple styling via css, and how data is sent to a server.
...to structure a web form with the basics out of the way, we now look in more detail at the elements used to provide structure and meaning to the different parts of a form.
...e basics out of the way, we now look in more detail at the elements used to provide structure and meaning to the different parts of a form.
...d meaning to the different parts of a form.
Document and website structure - Learn web development
and <div> elements.
...ode (you can also find the example in our github repository).
... pages of our website --> <header> <h1>header</h1> </header> <nav> <ul> <li><a href="#">home</a></li> <li><a href="#">our team</a></li> <li><a href="#">projects</a></li> <li><a href="#">contact</a></li> </ul> <!-- a search form is another commmon non-linear way to navigate through a website.
.../header> <nav> <ul> <li><a href="#">home</a></li> <li><a href="#">our team</a></li> <li><a href="#">projects</a></li> <li><a href="#">contact</a></li> </ul> <!-- a search form is another commmon non-linear way to navigate through a website.
Test your skills: Math - Learn web development
be 10.42.
...e live code below to recreate the finished example, following these steps: write a calculation that multiplies result and result2 together and assigns the result back to result.
...ing these steps: write a calculation that multiplies result and result2 together and assigns the result back to result.
...result and result2 together and assigns the result back to result.
What is JavaScript? - Learn web development
nt.queryselector('p'); para.addeventlistener('click', updatename); function updatename() { let name = prompt('enter a new name'); para.textcontent = 'player 1: ' + name; } here we are selecting a text paragraph (line 1), then attaching an event listener to it (line 3) so that when the paragraph is clicked, the updatename() code block (lines 5–8) is run.
..., the updatename() code block (lines 5–8) is run.
...ters actually use a technique called just-in-time compiling to improve performance; the javascript source code gets compiled into a faster, binary format while the script is being used, so that it can be run as quickly as possible.
... html and css, it is possible to write comments into your javascript code that will be ignored by the browser, and exist simply to provide instructions to your fellow developers on how the code works (and you, if you come back to your code after six months and can't remember what you did).
Introducing JavaScript objects - Learn web development
he features you've already dealt with are in fact objects.
...you've already dealt with are in fact objects.
...eory, then explores how javascript emulates object classes via constructor functions, and how to create object instances.
... object classes via constructor functions, and how to create object instances.
Web performance resources - Learn web development
absolute timing, but user perception.
...rel="stylesheet" href="/path/to/my.css"></noscript> the downside with this approach is the flash of unstyled text (fout.) the simplist way to address this is by inlining css that is required for any content that is rendered above the fold, or what you see in the browser viewport before scrolling.
...ype="text/css"> // insert your css here </style> javascript avoid javascript blocking by using the async or defer attributes, or link javascript assets after the page's dom elements.
...arkup to avoid http requests.
Introduction to the server side - Learn web development
pt).
...e is some overlap!
... to simply return data (json, xml, etc.) for rendering by appropriate client-side web frameworks (this reduces the processing burden on the server and the amount of data that needs to be sent).
...s include: facebook and twitter send emails and sms messages to notify you of new communications.
Website security - Learn web development
er from the site, the code is trusted and can do things like send the user's site authorization cookie to the attacker.
... injection sql injection vulnerabilities enable malicious users to execute arbitrary sql code on a database, allowing data to be accessed, modified, or deleted irrespective of the user's permissions.
...often take care of the character escaping for you.
...e result is that any user who clicks the submit button while they are logged in to the trading site will make the transaction.
Implementing feature detection - Learn web development
to ie8 or 9, although older versions of ie will have additional problems, such as not supporting document.queryselector, and having a messed up box model).
...element in memory using document.createelement() and then check if a method exists on it.
...ia("(max-width: 480px)").matches) { // run javascript in here.
...lly, add another <script> element at the bottom of the html body (just before the </body> tag), and put the following script inside the tags: if (modernizr.geolocation) { navigator.geolocation.getcurrentposition(function(position) { let latlng = new google.maps.latlng(position.coords.latitude,position.coords.longitude); let myoptions = { zoom: 8, center: latlng, maptypeid: google.maps.maptypeid.terrain, disabledefaultui: true } let map = new google.maps.map(document.getelementbyid("map_canvas"), myoptions); }); } else { const para = document.createelement('p'); para.textcontent = 'argh, no geolocation!'; document.body.appendchild(para); } try your example out!
Handling common JavaScript problems - Learn web development
ode editor has a jshint plugin available.
...it more setup and configuration than jshint, but it is more powerful too.
...ict mode at the top of your javascript code causes it to be parsed with a stricter set of rules, meaning that more warnings and errors will be thrown, and some things will be disallowed that would otherwise be acceptable.
... the wild because other people might find them useful too.
Embedding API for Accessibility
/ no browse with caret setboolpref("accessibility.browsewithcaret", usecaret); /* if this pref is set, the caret will be visible in the text of the browser, allowing the user to cursor around the html content as if in a read-only editor */ moz 0.9 special content notifications the w3c uaag specifies types of content that must be optional.
...as if in a read-only editor */ moz 0.9 special content notifications the w3c uaag specifies types of content that must be optional.
...ntention is for a user to be notified of its existence, and at some point they can choose to load the content.
..."you've got video" or even a simple beep.
Software accessibility: Where are we today?
followed by variants of microsoft windows.
...ond with small, bite sized pieces of information that are as short and to the point as possible.
...d or use a mouse.
...bilities, and the importance of their work cannot be diminished.
Add-ons
add-ons allow developers to extend and modify the functionality of firefox.
...ow developers to extend and modify the functionality of firefox.
...or users to discover them.
...ipate in our community of users and creators and find an audience for your add-on.
Creating a spell check dictionary add-on
f the install.rdf file.
...l.rdf file.
...u may need to choose another id, that follows the rules of em:id.
...f em:id.
Creating Sandboxed HTTP Connections
reate an nsiuri var uri = ioservice.newuri(myurlstring, null, null); // get a channel for that nsiuri gchannel = ioservice.newchannelfromuri(uri); // get an listener var listener = new streamlistener(callbackfunc); gchannel.notificationcallbacks = listener; gchannel.asyncopen(listener, null); function streamlistener(acallbackfunc) { this.mcallbackfunc = acallbackfunc; } streamlistener.prototype = { mdata: "", // nsistreamlistener onstartrequest: function (arequest, acontext) { this.mdata = ""; }, ondataavailable: function (arequest, acontext, astream, asourceoffset, alength) { var scriptableinputstream = components.classes["@mozilla.org/scriptableinputstream;1"] .createinstance(components.interfaces.nsiscriptableinputstream); scriptableinputstream.i...
...ointerface; } }; quick note: storing the channel in a global (especially in an extension) isn't a good idea, but was done to make the code easier to read.
...eaning that the string should look like this: foo=bar&baz=eek.
...tream method is called, passing in the nsiinputstream and the type (in this case, "application/x-www-form-urlencoded"): var uploadchannel = gchannel.queryinterface(components.interfaces.nsiuploadchannel); uploadchannel.setuploadstream(inputstream, "application/x-www-form-urlencoded", -1); due to a bug, calling setuploadstream will reset the nsihttpchannel to be a put request, so now the request type is set to post: // order important - setuploadstream resets to put httpchannel.requestmethod = "post"; ...
HTTP logging
nd easiest way to do http logging.
...g environment variables differs by operating system.
...86)\mozilla firefox\firefox.exe" (these instructions assume that you installed firefox to the default location, and that drive c: is your windows startup disk.
...e:5 -moz_log_file=%temp%\log.txt (these instructions assume that you installed firefox to the default location, and that drive c: is your windows startup disk.
mach
firefox from its c++ source code.
...ach build # let's pretend the mozconfig environment variable isn't set.
... why even bother with a competing build system in arch when octopi does what you want and even has a gui?
... move to a python-based build system but the transition period will be rather long.
Process scripts
.getservice(ci.nsiprocessscriptloader); ppmm.loadprocessscript("chrome://whatever/process-script.js", true); ppmm.addmessagelistener("hello", function(msg) { ...
...tloader); ppmm.loadprocessscript("chrome://whatever/process-script.js", true); ppmm.addmessagelistener("hello", function(msg) { ...
...a content process"); } else { dump("welcome to the process script in the main process"); } // message is sent using contentprocessmessagemanager sendasyncmessage("hello"); in this example, the dump() statement will run once in each content process as well as in the main process.
... manager, e.g.
mozbrowseropensearch
ard this feature is non-standard and is not on a standards track.
... may change in the future.
...h engine is found — i.e.
...nstance of <link rel="search" type="application/opensearchdescription+xml"> is encountered.
Chrome-only API reference
Mozilla › Gecko › Chrome › API
le in chrome code: see web apis for a list of these.
...er-like applications.
....
...meworkerif you're developing privileged code, and would like to create a worker that can use js-ctypes to perform calls to native code, you can do so by using chromeworker instead of the standard worker object.
HTML parser threading
managed as follows: attribute holders (nshtml5htmlattributes objects) are allocated using new by the tokenizer.
...rs (nshtml5htmlattributes objects) are allocated using new by the tokenizer.
...nd system identifiers are deleted by the tree op or by the portable parser core if they don't make it as far a tree op.
...orresponding normal main-thread dynamically-allocated atom has to be obtained for the same string and used instead of the nshtml5atom.
AddonUpdateChecker
/gre/modules/addonupdatechecker.jsm"); method overview updateinfo getcompatibilityupdate(in updateinfo updates[], in string version, in boolean ignorecompatibility, in string appversion, in string platformversion) updateinfo getnewestcompatibleupdate(in updateinfo updates[], in string appversion, in string platformversion) void checkforupdates(in string id, in string type, in string updatekey, string url, in updatechecklistener listener) constants constant description error_timeout the update check timed out.
...ibleupdate( in updateinfo updates[], in string appversion, in string platformversion ) parameters updates an array of update objects appversion the version of the application or null to use the current version platformversion the version of the platform or null to use the current version checkforupdates() starts an update check.
...ppversion the version of the application or null to use the current version platformversion the version of the platform or null to use the current version checkforupdates() starts an update check.
... the version of the application or null to use the current version platformversion the version of the platform or null to use the current version checkforupdates() starts an update check.
Deferred
esolve(); else deferred.reject(); }); return deferred.promise; would be return new promise(function(resolve, reject) { dosomething(function cb(good) { if (good) resolve(); else reject(); }); }); method overview void resolve([optional] avalue); void reject([optional] areason); properties attribute type description promise read only promise a newly created promise, initially in the pending state.
...ndling.
...te: this argument should not be a promise.
...ards and forwards compatible helper this deferred function can be used for backwards and forwards compatibility, due to a change that took place in firefox 30.
Sqlite.jsm
se that is resolved with a boolean indicating whether the table exists.
...be an array of objects describing individual errors.
... database transaction.
...transaction.
XPCOMUtils.jsm
fine the nsgetfactory() or nsgetmodule() entry point.
... pseudocode this section provides some pseudocode that demonstrates how to put together a javascript class based on the steps listed above.
...egetter(aobject, aname, acontract, ainterfacename); function generatensgetfactory(componentsarray); function generateci(classinfo); function generateqi(interfaces); void importrelative(that, path, scope); generator itersimpleenumerator(enumerator, interface); generator iterstringenumerator(enumerator); attributes attribute type description categorymanager nsicategorymanager returns a reference to nsicategorymanager.
...i( interfaces ); parameters interfaces an array of interfaces implemented by the component.
Extras
</mrow> </math> </p> css content math.cue *[title] { color: blue; } mixing with other markups html content <math display="block"> <mrow> <mi>a</mi> <mo>=</mo> <mo>[</mo> <mtable> <mtr> <mtd><mn>1</mn></mtd> <mtd> <mtext> <img width="16" height="16" src="https://udn.realityripple.com/samples/3f/9341cbddc0.png" alt="mozilla-16" /> </mtext> </mtd> </mtr> <mtr> <mtd> <mtext><input value="type" size="4"/></mtext> </mtd> <mtd><mn>4</mn></mtd> </mtr> </mtable> <mo>]</mo> </mrow> </math> <math display="block"> <msqrt> <mpadded width="30px" height="15px" depth="15px" voffset="-15px"> <mtext> <svg width="30px" height="30px"> <defs> <radialgradient id="radgrad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" style="stop-color:r...
...%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" style="stop-color:rgb(255,255,255); stop-opacity:1;"/> <stop offset="100%" style="stop-color:rgb(255,0,0); stop-opacity:.8;"/> </radialgradient> </defs> <g transform="translate(15,15)"> <g> <animatetransform attributename="transform" attributetype="xml" type="rotate" from="360" to="0" dur="15s" repeatcount="indefinite"/> <g transform="translate(-15, -15)"> <path fill="url(#radgrad1)" d="m 15 0 l 20 10 l 30 15 l 20 20 l 15 30 l 10 20 l 0 15 l 10 10"/> </g> </g> </g> </svg> </mtext> </mpadded> </msqrt> <mo>=</mo> <msubsup> <mo>∫</...
...nt id="grad3" cx="50%" cy="50%" r="50%" fx="50%" fy="50%"> <stop offset="0%" style="stop-color:rgb(0,255,255);stop-opacity:1"/> <stop offset="100%" style="stop-color:rgb(255,255,255);stop-opacity:.8"/> </radialgradient> </defs> <rect width="300" height="250" fill="url(#grad1)"/> <g transform="translate(150,125)"> <g> <animatetransform attributename="transform" attributetype="xml" type="rotate" from="0" to="360" dur="6s" repeatcount="indefinite"/> <g transform="translate(-50,-35)"> <rect width="100" height="70" fill="url(#grad2)"/> <switch> <foreignobject width="100" height="70" requiredextensions="http://www.w3.org/1998/math/mathml"> <math display="block"> <mrow> <mo>(</mo> <mtable> <mtr> <mtd><mi>cos</mi><mi>θ<...
...mi>θ</mi></mtd> </mtr> </mtable> <mo>)</mo> </mrow> </math> </foreignobject> <text>rotation matrix</text> </switch> </g></g></g> <g> <animatemotion path="m 32,69 c 64,121 100,27 152,42 203,56 239,257 275,161 295,109 144,221 88,214 -2,202 11,35 32,69 z" begin="0s" dur="20s" repeatcount="indefinite"/> <animatetransform attributename="transform" attributetype="xml" type="scale" values="1;2;.5;1" keytimes="0;.25;.75;1" dur="20s" repeatcount="indefinite"/> <circle fill="url(#grad3)" r="30"/> <g transform="translate(-30,-30)"> <switch> <foreignobject width="60" height="60" requiredextensions="http://www.w3.org/1998/math/mathml"> <math display="block"> <mrow> <munderover> <mo>∑</mo> <mrow> <mi>n</mi> <mo>=</mo> <mn>0</mn> </mrow>...
Fonts for Mozilla 2.0's MathML engine
e of mathml fonts.
...rectory (which may need to be created) on unix/linux systems.
...nix/linux systems.
...s add-on ; the xpi is just a zip archive that you can fetch and extract for example with the following command: wget https://addons.mozilla.org/firefox/downloads/latest/367848/addon-367848-latest.xpi -o mathml-fonts.zip; \ unzip mathml-fonts.zip -d mathml-fonts then copy the mathml-fonts/resource/ directory somewhere on your web site and ensure that the woff files are served with the correct mime type.
Mozilla Style System Documentation
table formatting objects.
...ast(const nsstyledisplay*, sc->getstyledata(estylestruct_display)); there is also a (non-virtual) method on nsiframe to get the style data from a frame's style context (saving the refcounting needed to get the style context): const nsstyledisplay *display; frame->getstyledata(estylestruct_display, (const nsstylestruct*&)display); however, there are similar typesafe global function templates that (should) compile to the same thing but use the type of the template parameter to pass the correct nsstylestructid parameter.
... [a: null] ,------' / \ `------.
... | [span: e] the reason the rule tree shares style data naturally is that most style rules specify properties in very few structs.
Profiling with the Firefox Profiler
ime of that particular frame and not the total of all called instances of that function.
...storage access on permission settings before launching it.
...es after capturing and viewing a profile you will see "share..." and "save as file..." buttons in the top-right of the window.
...is way, the layer tree for a composite can be seen by clicking on a composite in the "frames" section of cleopatra (you may need to a sub-range of samples to make individual composites large enough to be clicked).
TraceMalloc
ates allocation counts and ignores free calls.
...imes, and a human-readable listing of the current heap, including stack traces for every allocation, will be written to pathname.
... 253 25070 842 91548 589 66478 3.67 nshtmldocument.mreferrer 177 21550 691 85460 514 63910 3.53 nshtmlvalue 139 7846 1215 68734 1076 60888 3.36 htmlcontentsink 6 4816 12 57782 6 52966 2.92 uncategorized.pl, which lists all the void* allocations (the ones that couldn't be categorized by type), sorted by size.
...leaks.
Interval Timing
nspr defines a platform-dependent type, printervaltime, for timing intervals of fewer than approximately 6 hours.
... nspr defines a platform-dependent type, printervaltime, for timing intervals of fewer than approximately 6 hours.
... nspr defines a platform-dependent type, printervaltime, for timing intervals of fewer than approximately 6 hours.
...ime, for timing intervals of fewer than approximately 6 hours.
PRBool
boolean value.
... boolean value.
... boolean value.
... boolean value.
PRIntn
this type is one of the most appropriate for automatic variables.
... this type is one of the most appropriate for automatic variables.
... this type is one of the most appropriate for automatic variables.
... this type is one of the most appropriate for automatic variables.
PRSize
a type for representing the size of an object (not the size of a pointer).
... a type for representing the size of an object (not the size of a pointer).
... a type for representing the size of an object (not the size of a pointer).
... a type for representing the size of an object (not the size of a pointer).
PRSocketOptionData
type for structure used with pr_getsocketoption and pr_setsocketoption to specify options for file descriptors that represent sockets.
... type for structure used with pr_getsocketoption and pr_setsocketoption to specify options for file descriptors that represent sockets.
...rbool mcast_loopback; prbool no_delay; prsize max_segment; prsize recv_buffer_size; prsize send_buffer_size; prlinger linger; prmcastrequest add_member; prmcastrequest drop_member; prnetaddr mcast_if; } value; } prsocketoptiondata; fields the structure has the following fields: ip_ttl ip time-to-live.
...ment size.
PRUintn
this (unsigned) type is one of the most appropriate for automatic variables.
... this (unsigned) type is one of the most appropriate for automatic variables.
... this (unsigned) type is one of the most appropriate for automatic variables.
... this (unsigned) type is one of the most appropriate for automatic variables.
PR_CreateThread
creates a new thread.
... creates a new thread.
... creates a new thread.
...eatethread has the following parameters: type specifies that the thread is either a user thread (pr_user_thread) or a system thread (pr_system_thread).
PR_GetSpecialFD
gets the file descriptor that represents the standard input, output, or error stream.
... gets the file descriptor that represents the standard input, output, or error stream.
...r: id a pointer to an enumerator of type prspecialfd, indicating the type of i/o stream desired: pr_standardinput, pr_standardoutput, or pr_standarderror.
...ype prspecialfd, indicating the type of i/o stream desired: pr_standardinput, pr_standardoutput, or pr_standarderror.
Threads
nspr provides an execution environment that promotes the use of lightweight threads.
...ity that is scheduled independently from other threads in the same process.
...rovides definitive proof that the target thread has terminated and has finished with both the resources to which the thread has access and the resources of the thread itself.
...thread has terminated and has finished with both the resources to which the thread has access and the resources of the thread itself.
Function_Name
one-line description of what the function does (more than just what it returns).
... one-line description of what the function does (more than just what it returns).
... one-line description of what the function does (more than just what it returns).
... one-line description of what the function does (more than just what it returns).
Cryptography functions
the public functions listed here perform cryptographic operations based on the pkcs #11 interface.
...slotfromprivatekey mxr 3.2 and later pk11_getslotid mxr 3.2 and later pk11_getslotinfo mxr 3.4 and later pk11_getslotname mxr 3.2 and later pk11_getslotseries mxr 3.2 and later pk11_getsymkeynickname mxr 3.4 and later pk11_getsymkeytype mxr 3.9 and later pk11_getsymkeyuserdata mxr 3.11 and later pk11_gettokeninfo mxr 3.2 and later pk11_gettokenname mxr 3.2 and later pk11_getwindow mxr 3.2 and later pk11_getwrapkey mxr 3.2 and later pk11_hashbuf mxr 3.2...
...mxr 3.4 and later pk11_listpublickeysinslot mxr 3.4 and later pk11_loadprivkey mxr 3.4 and later pk11_logoutall mxr 3.4 and later pk11_makekeapubkey mxr 3.2 and later pk11_mappbemechanismtocryptomechanism mxr 3.2 and later pk11_mapsignkeytype mxr 3.11 and later pk11_mechanismtoalgtag mxr 3.4 and later pk11_mergetokens mxr 3.12 and later pk11_movesymkey mxr 3.9 and later pk11_needlogin mxr 3.2 and later pk11_needuserinit mxr 3.2 and later pk11_paramfromiv mxr ...
... seckey_destroyprivatekey mxr 3.2 and later seckey_ecparamstobasepointorderlen mxr 3.12 and later seckey_ecparamstokeysize mxr 3.12 and later seckey_destroypublickeylist mxr 3.4 and later seckey_destroysubjectpublickeyinfo mxr 3.2 and later seckey_getpublickeytype mxr 3.3 and later seckey_publickeystrengthinbits mxr 3.8 and later seckey_signaturelen mxr 3.11.2 and later ...
NSS 3.15.1 release notes
.
..., tls_dhe_rsa_with_aes_128_cbc_sha256, tls_rsa_with_aes_128_cbc_sha256, tls_rsa_with_null_sha256 - new tls 1.2 only hmac-sha256 cipher suites.
...s_rsa_with_null_sha256 - new tls 1.2 only hmac-sha256 cipher suites.
..._null_sha256 - new tls 1.2 only hmac-sha256 cipher suites.
NSS 3.43 release notes
e hg tag is nss_3_43_rtm.
..._3_43_rtm.
... 3.43 requires nspr 4.21 or newer.
...quires nspr 4.21 or newer.
NSS Developer Tutorial
d to size_t.
...riables can be declared, at the point they are first used.
...a c++ language features guide, and the chromium c++ usage guide, list c++ features that are known to be widely available and compatible.
...tions cannot be removed.
nss tech note4
item *ext_critical = &(*extensions)->critical; secitem *ext_value = &(*extensions)->value; /* id attribute of the extension */ secoiddata *oiddata = secoid_findoid(ext_oid); if (oiddata == null) { /* oid not found */ /* secitem ext_oid has type (secitemtype), data (unsigned char *) and len (unsigned int) fields - the application interprets these */ .......
... if (ext_critical->len > 0) { if (ext_critical->data[0]) /* the extension is critical */ else /* the extension is not critical */ } /* value attribute of the extension */ /* secitem ext_value has type (secitemtype), data (unsigned char *) and len (unsigned int) fields - the application interprets these */ secoidtag oidtag = secoid_findoidtag(ext_oid); switch (oidtag) { case a_tag_that_app_recognizes: .....
... ......
...e ) }, { sec_asn1_octet_string, offsetof( mycertextdata, id ) }, { sec_asn1_integer, offsetof(mycertextdata, maxusers ) }, { 0 } }; /* oid for my cert extension - replace 0xff with appropriate values*/ static const unsigned char myoid[] = { 0xff, 0xff, 0xff, 0xff, ....
NSS cryptographic module
this chapter describes the data types and functions that one can use to perform cryptographic operations with the nss cryptographic module.
...andard pkcs #11 v2.20 as its api with some extensions.
...turns pointers to the functions that implement the default mode of operation.
...mplement the default mode of operation.
NSS environment variables
note: nss environment variables are subject to be changed and/or removed from nss.
...e pseudo random number generator.
...alg boolean (any non-empty value to enable) enables the use of md2 and md4 inside signatures.
...iffers to decrypt tls connections.
NSS_3.12.3_release_notes.html
previous behavior through the use of environment variables.
...andom integer bug 347037: make shlibsign depend on the softoken only bug 371522: auto-update of crls stops after first update bug 380784: pk11mode in non fips mode failed.
...date the coreconf/xxx.mk files for windows bug 478563: add _msc_ver (the cl version) to coreconf.
...24: nss build fails on windows since 20090213.1 nightly build.
Proxies in Necko
proxies are implemented transparently to necko users.
...roxy or not the basic interfaces for proxies are: nsiproxyinfo, nsiprotocolproxyservice, and nsiproxiedprotocolhandler nsiproxyinfo is a simple helper which stores information about the type of the proxy, its host and its port.
... no proxy should be used, null is also returned.
...s, and can transport any other tcp- or udp-based protocol.
Rebranding SpiderMonkey (1.8.5)
ing commands at the terminal: cd js/src autoconf-2.13 for the remainder of this document wherever you see the text $brand you will substitute that text with the name of your brand.
...ed options.
...any of the previous steps where it is called for, you must delete this build directory and restart this process from the beginning.
...g careful attention to the commands you issue to your command shell.
SpiderMonkey Build Documentation
note: if you are on mac and getting an error similar to "checking whether the c compiler (gcc-4.2 ) works...
...ing an error similar to "checking whether the c compiler (gcc-4.2 ) works...
... configure: error: installation or configuration problem: c compiler cannot create executables." you can try configuring like so: cc=clang cxx=clang++ ../configure it is also possible that baldrdash may fail to compile with /usr/local/cellar/llvm/7.0.1/lib/clang/7.0.1/include/inttypes.h:30:15: fatal error: 'inttypes.h' file not found /usr/local/cellar/llvm/7.0.1/lib/clang/7.0.1/include/inttypes.h:30:15: fatal error: 'inttypes.h' file not found, err: true this is because, starting from mohave, headers are no longer installed in /usr/include.
...re.in --enable-debug --disable-optimize # use "mozmake" on windows make you can also build debug builds of spidermonkey with the js_gc_zeal option, which adds a new built-in function to spidermonkey that lets you configure zealous garbage collection.
Invariants
have it cleared.
...ent-hopping, jsautoentercompartment, and the internal api, js::autocompartment, both make sure the invariant is maintained.
...dcontextpointer(ownercx) before dereferencing it.
...e the shape of the global object on trace.
JS::BooleanValue
this article covers features introduced in spidermonkey 24 convert a c boolean of type bool to a js::value.
... this article covers features introduced in spidermonkey 24 convert a c boolean of type bool to a js::value.
... this article covers features introduced in spidermonkey 24 convert a c boolean of type bool to a js::value.
... this article covers features introduced in spidermonkey 24 convert a c boolean of type bool to a js::value.
JS::DoubleValue
this article covers features introduced in spidermonkey 24 convert a c floating-point number of type double to a js::value.
... this article covers features introduced in spidermonkey 24 convert a c floating-point number of type double to a js::value.
... this article covers features introduced in spidermonkey 24 convert a c floating-point number of type double to a js::value.
... this article covers features introduced in spidermonkey 24 convert a c floating-point number of type double to a js::value.
JS::Float32Value
this article covers features introduced in spidermonkey 24 convert a c floating-point number of type float to a js::value.
... this article covers features introduced in spidermonkey 24 convert a c floating-point number of type float to a js::value.
... this article covers features introduced in spidermonkey 24 convert a c floating-point number of type float to a js::value.
... this article covers features introduced in spidermonkey 24 convert a c floating-point number of type float to a js::value.
JS::Int32Value
this article covers features introduced in spidermonkey 24 convert a c signed 32-bit integer of type int32_t to a js::value.
... this article covers features introduced in spidermonkey 24 convert a c signed 32-bit integer of type int32_t to a js::value.
... this article covers features introduced in spidermonkey 24 convert a c signed 32-bit integer of type int32_t to a js::value.
... this article covers features introduced in spidermonkey 24 convert a c signed 32-bit integer of type int32_t to a js::value.
JSConstDoubleSpec
this article covers features introduced in spidermonkey 17 describes a double and integer value and assigns it a name.
... this article covers features introduced in spidermonkey 17 describes a double and integer value and assigns it a name.
... this article covers features introduced in spidermonkey 17 describes a double and integer value and assigns it a name.
...teger value and assigns it a name.
JSDeletePropertyOp
this article covers features introduced in spidermonkey 24 the type of the jsclass.delproperty.
... this article covers features introduced in spidermonkey 24 the type of the jsclass.delproperty.
... this article covers features introduced in spidermonkey 24 the type of the jsclass.delproperty.
...ed during most property deletions, even when obj has no property named id.
JSErrorReport
describes the format of a js error that is used either by the internal error reporting mechanism or by a user-defined error-reporting mechanism.
...d do the right checks itself instead of using this flag.
...d of using this flag.
...problem within the offending line.
JSFastNative
obsolete since javascript 1.8.5this feature is obsolete.
... is obsolete.
...ed in spidermonkey 1.8 jsfastnative is the type of fast native functions in the jsapi.
...uch as js_initclass and js_definefunctions can create custom methods that are implemented as c/c++ functions of this type, instead of jsnative.
JSObjectOps.lookupProperty
of the api may change from one release to the next.
... api documentation.
...the name or index of the property to look up.
...pp jsproperty ** out parameter.
JSSecurityCallbacks.contentSecurityPolicyAllows
the jssecuritycallbacks.contentsecuritypolicyallows callback is called when a script attempts to access an object property.
... the jssecuritycallbacks.contentsecuritypolicyallows callback is called when a script attempts to access an object property.
... the jssecuritycallbacks.contentsecuritypolicyallows callback is called when a script attempts to access an object property.
... the jssecuritycallbacks.contentsecuritypolicyallows callback is called when a script attempts to access an object property.
JSTraceOp
jstraceop is the type of the jsclass.trace.
... jstraceop is the type of the jsclass.trace.
... jstraceop is the type of the jsclass.trace.
... jstraceop is the type of the jsclass.trace.
JS_AddFinalizeCallback
add/remove callback function for finalization.
...d js_setfinalizecallback(jsruntime *rt, jsfinalizecallback cb); // obsolete since jsapi 32 name type description rt jsruntime * the jsruntime for which to set the finalization callback.
... rt jsruntime * the jsruntime for which to set the finalization callback.
... the new callback function to use.
JS_ConvertArgumentsVA
obsolete since jsapi 38this feature is obsolete.
...y time.
...ed in spidermonkey 31 argc unsigned the number of arguments to convert.
... of arguments to convert.
JS_DoubleToInt32
obsolete since jsapi 38this feature is obsolete.
... be removed at any time.
... int32_t js_doubletoint32(double d); uint32_t js_doubletouint32(double d); name type description d double the numeric value to convert.
... name type description d double the numeric value to convert.
JS_GetClassObject
get the builtin class constructor.
... get the builtin class constructor.
... cx jscontext * a context.
...jsobject*&gt; out parameter.
JS_HasInstance
jsapi method equivalent to the instanceof operator in javascript.
... syntax bool js_hasinstance(jscontext *cx, js::handle<jsobject*> obj, js::handle<js::value> v, bool *bp); name type description cx jscontext * pointer to a js context from which to derive runtime information.
...ives the result of the test.
... test.
JS_LookupProperty
l js_lookuppropertywithflags(jscontext *cx, js::handleobject obj, const char *name, unsigned flags, js::mutablehandlevalue vp); bool js_lookuppropertywithflagsbyid(jscontext *cx, js::handleobject obj, js::handleid id, unsigned flags, js::mutablehandleobject objp, js::mutablehandlevalue vp); // added in spidermonkey 1.8.1 name type description cx jscontext * pointer to a js context from which to derive runtime information.
...ngth of name in characters; or -1 to indicate that name is null-terminated.
...meter.
...ags, and js_lookuppropertywithflagsbyid search a specified object, obj, for a property with the given name.
JS_NewGlobalObject
this article covers features introduced in spidermonkey 17 create a new javascript object for use as a global object.
... hookoption js::onnewglobalhookoption see debugger api hook added in spidermonkey 31 options const js::compartmentoptions &amp; the option for new compartment (passed to jscompartment constructor).
...; the option for new compartment (passed to jscompartment constructor).
...ssed to jscompartment constructor).
JS_NewNumberValue
use js_numbervalue instead convert a c floating-point number of type jsdouble to a jsval.
... use js_numbervalue instead convert a c floating-point number of type jsdouble to a jsval.
... jscontext * the context in which to create the new number.
...t in which to create the new number.
JS_NumberValue
this article covers features introduced in spidermonkey 17 convert a c floating-point number of type double to a js::value.
... this article covers features introduced in spidermonkey 17 convert a c floating-point number of type double to a js::value.
...double to a js::value.
...acement to js_newnumbervalue, js_newdoublevalue, js_newdouble.
JS_SetContextCallback
specifies a callback function that is automatically called whenever a jscontext is created or destroyed.
...js_setcontextcallback(jsruntime *rt, jscontextcallback cxcallback, void *data); name type description rt jsruntime * pointer to a js runtime.
...e description rt jsruntime * pointer to a js runtime.
... be destroyed.
JS_SetGCCallback
specify a new callback function for the garbage collector.
...runtime *rt, jsgccallback cb); // obsolete since jsapi 13 name type description cx jscontext * (for the old js_setgccallback) any jscontext.
...t.
...ime for which to set the gc callback.
JS_ValueToECMAInt32
obsolete since jsapi 28this feature is obsolete.
...sers, its use is discouraged since it could be removed at any time.
...version.
...ified in ecma 262-3 9.5.
JS_ValueToFunction
convert a js::value to a jsfunction.
... represents only the compiled code and not the environment of the function.
...ed to any global or enclosing scope, and therefore must not be treated like a real function.
...ct, this returns the associated jsfunction.
JS_ValueToId
convert a js::value to type jsid.
...s, js::mutablehandleid idp); // added in spidermonkey 38 bool js_indextoid(jscontext *cx, uint32_t index, js::mutablehandleid idp); // added in spidermonkey 17 bool js_charstoid(jscontext* cx, js::twobytechars chars, js::mutablehandleid idp); // added in spidermonkey 24 void js::protokeytoid(jscontext *cx, jsprotokey key, js::mutablehandleid idp); // added in spidermonkey 38 name type description cx jscontext * a context.
... context.
...enabled and v is an object, *idp receives an object jsid.
JS_ValueToObject
converts any javascript value to an object.
...ion js_valuetoobject converts a specified javascript value, v, to an object.
...number, or a string, the result is a new wrapper object of type boolean, number, or string.
...th hint=jstype_object.) the resulting object is subject to garbage collection unless the variable *objp is protected by a local root scope, an object property, or the js_addroot function.
Redis Tips
this document is a collection of some examples and tips for using redis, the open-source data structure server.
... but that are also very unlike ice cream -- it just gives the whaling industry a way to lump together people who don't use their products.
... key while we were processing it and thus * the execution of the multi command was not performed.
... creating keys: keys are like urls and should read like nice urls keys are like urls with paths separated by a colon, ':' (this is convention only) use a common prefix for all keys in your app (like a domain) be careful about possible name collisions key names should make it obvious what the values are for redis data structures are like program variables; how would you structure your data types in your program?
The Places database
e design).
...hy is defined via the parent column, which points to the moz_bookmarks record which is the parent.
...m annotations.
...enced by the expired visits and not referenced by any non-expired visit or bookmark.
Frecency algorithm
frecency is a score given to each unique uri in places, encompassing bookmarks, history and tags.
...this value can show up in autocomplete results.
...ete results.
..." queries, and unvisited livemark feed entries.
Retrieving part of the bookmarks tree
tself, slowing down the whole browser.
...down the whole browser.
... var rootnode = result.root; rootnode.containeropen = true; // iterate over the immediate children of this folder and dump to console for (var i = 0; i < rootnode.childcount; i ++) { var node = rootnode.getchild(i); dump("child: " + node.title + "\n"); } // close a container after using it!
...node = rootnode.getchild(i); dump("child: " + node.title + "\n"); } // close a container after using it!
Aggregating the In-Memory Datasource
nscomptr<nsirdfdatasource>, you'll just want an nscomptr<nsisupports>: class myclass : public nsimyinterface { ...
...outer" (which is "us").
...y of queryinterface().
...o the delegate3: ns_imethodimp myclass::queryinterface(refnsiid aiid, void** aresult) { ns_precondition(aresult != nsnull, "null ptr"); if (!
Using XPCOM Utilities to Make Things Easier
« previousnext » this chapter goes back over the code you've already created in the first part of the tutorial (see weblock1.cpp in the previous chapter) and uses xpcom tools that make coding a lot easier and more efficient.
...eir iids.
...ake changes to your idl file, since the c++ header file will then automatically include the updated list of methods to be supported.
...e call to url.get() is owned by the url string object.
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.
... « 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.
...xpcom function; these are typically error or status codes.
...yped enums (that is, compilers that don't support this feature of c++11), it falls back to being an unsigned 32-bit integer, as in past versions of gecko.
Append
« xpcom api reference summary the append family of functions appends a value to the end of a string's internal buffer.
... « xpcom api reference summary the append family of functions appends a value to the end of a string's internal buffer.
... « xpcom api reference summary the append family of functions appends a value to the end of a string's internal buffer.
...cstring to append to this string.
Assign
« xpcom api reference summary the assign family of functions sets the value of a string's internal buffer.
... « xpcom api reference summary the assign family of functions sets the value of a string's internal buffer.
... « xpcom api reference summary the assign family of functions sets the value of a string's internal buffer.
...cstring to copy into this string.
Append
« xpcom api reference summary the append family of functions appends a value to the end of a string's internal buffer.
... « xpcom api reference summary the append family of functions appends a value to the end of a string's internal buffer.
... « xpcom api reference summary the append family of functions appends a value to the end of a string's internal buffer.
...astring to append to this string.
Assign
« xpcom api reference summary the assign family of functions sets the value of a string's internal buffer.
... « xpcom api reference summary the assign family of functions sets the value of a string's internal buffer.
... « xpcom api reference summary the assign family of functions sets the value of a string's internal buffer.
...astring to copy into this string.
mozIThirdPartyUtil
annel is an nsihttpchannel and has the 'forceallowthirdpartycookie' property set, then: if auri is null, return false.
... uri of "http://mozilla.com", the result will be true.
...ssing description return value true if afirsturi is third party with respect to aseconduri.
...lla.com", the result will be true.
nsIAccessibleImage
accessible/public/nsiaccessibleimage.idlscriptable this interface allows in-process accessibility clients to retrieve information about an image.
...changed in gecko 1.9 (firefox 3) method overview void getimageposition(in unsigned long coordtype, out long x, out long y); void getimagesize(out long width, out long height); methods getimageposition() returns the coordinates of the image accessible.
...oid getimageposition(in unsigned long coordtype, out long x, out long y); void getimagesize(out long width, out long height); methods getimageposition() returns the coordinates of the image accessible.
...ze(out long width, out long height); methods getimageposition() returns the coordinates of the image accessible.
nsIChannelPolicy
inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) this interface exists to allow the content policy mechanism to function properly during channel redirects.
...he content policy mechanism to function properly during channel redirects.
...ction properly during channel redirects.
...d with this interface placed in the property bag and upon redirect, the interface can be transferred from the old channel to the new channel.
nsIComponentManager
getservice, this returns a new instance each time it is called.
...stancebycontractid() creates an instance of the class specified by contractid.
...xceptions thrown ns_error_factory_not_registered indicates that the specified class is not registered.
...ot_registered indicates that the specified class is not registered.
nsIComponentRegistrar
eenumerator enumeratecontractids(); boolean iscidregistered(in nscidref aclass); boolean iscontractidregistered(in string acontractid); void registerfactory(in nscidref aclass, in string aclassname, in string acontractid, in nsifactory afactory); void registerfactorylocation(in nscidref aclass, in string aclassname, in string acontractid, in nsifile afile, in string aloaderstr, in string atype); void unregisterfactory(in nscidref aclass, in nsifactory afactory); void unregisterfactorylocation(in nscidref aclass, in nsifile afile); methods autoregister() register a component (.manifest) file or all component files in a directory.
...entified by classid, and creates an association of class name and contractid with the class.
...need not be globally unique.
...bally unique.
nsICryptoHMAC
the returned value is a base-64 encoded string.
... if init() has not been called.
...ct.
... akeyobject object holding a key.
nsIDOMHTMLAudioElement
channels the audio stream should use.
... to the audio stream.
...dio( in jsval data ); parameters data the samples to write into the audio stream, specified either as a javascript array or as a numeric typed array.
...ta ); parameters data the samples to write into the audio stream, specified either as a javascript array or as a numeric typed array.
nsIDOMMouseScrollEvent
e this interface represents a mouse scroll wheel event.
...ean canbubblearg, in boolean cancelablearg, in nsidomabstractview viewarg, in long detailarg, in long screenxarg, in long screenyarg, in long clientxarg, in long clientyarg, in boolean ctrlkeyarg, in boolean altkeyarg, in boolean shiftkeyarg, in boolean metakeyarg, in unsigned short buttonarg, in nsidomeventtarget relatedtargetarg, in long axis); attributes attribute type description axis long indicates which mouse wheel axis changed; this will be either horizontal_axis or vertical_axis.
...d; this will be either horizontal_axis or vertical_axis.
...olean canbubblearg, in boolean cancelablearg, in nsidomabstractview viewarg, in long detailarg, in long screenxarg, in long screenyarg, in long clientxarg, in long clientyarg, in boolean ctrlkeyarg, in boolean altkeyarg, in boolean shiftkeyarg, in boolean metakeyarg, in unsigned short buttonarg, in nsidomeventtarget relatedtargetarg, in long axis ); parameters typearg the type of event.
nsIDOMNode
dom/interfaces/core/nsidomnode.idlscriptable this interface is the primary datatype for the entire document object model.
...omnode clonenode(in boolean deep); boolean hasattributes(); boolean haschildnodes(); nsidomnode insertbefore(in nsidomnode newchild, in nsidomnode refchild) boolean issupported(in domstring feature, in domstring version); void normalize(); nsidomnode removechild(in nsidomnode oldchild) nsidomnode replacechild(in nsidomnode newchild, in nsidomnode oldchild) attributes attribute type description attributes nsidomnamednodemap read only.
... replacechild(in nsidomnode newchild, in nsidomnode oldchild) attributes attribute type description attributes nsidomnamednodemap read only.
...tring ownerdocument nsidomdocument read only.
nsIDOMXPathEvaluator
.createinstance(components.interfaces.nsidomxpathevaluator); method overview nsidomxpathexpression createexpression(in domstring expression, in nsidomxpathnsresolver resolver) nsidomxpathnsresolver creatensresolver(in nsidomnode noderesolver); nsisupports evaluate(in domstring expression, in nsidomnode contextnode, in nsidomxpathnsresolver resolver, in unsigned short type, in nsisupports result) methods createexpression() creates an nsidomxpathexpression which can then be used for (repeated) evaluations.
...are used.
... representing the xpath to be evaluated.
...extnode a dom node to evaluate the xpath expression against.
nsIDOMXPathExpression
dom/interfaces/xpath/nsidomxpathexpression.idlscriptable represents a compiled xpath query returned from nsidomxpathevaluator.createexpression or document.createexpression inherits from: nsisupports last changed in gecko 1.7 method overview nsisupports evaluate(in nsidomnode contextnode, in unsigned short type, in nsisupports result) methods evaluate() evaluate the xpath expression.
...d xpath query returned from nsidomxpathevaluator.createexpression or document.createexpression inherits from: nsisupports last changed in gecko 1.7 method overview nsisupports evaluate(in nsidomnode contextnode, in unsigned short type, in nsisupports result) methods evaluate() evaluate the xpath expression.
...short type, in nsisupports result) methods evaluate() evaluate the xpath expression.
...evaluate() evaluate the xpath expression.
nsIEditor
ection(in boolean should); inline spellchecking methods nsiinlinespellchecker getinlinespellchecker(in boolean autocreate); void syncrealtimespell(); void setspellcheckuseroverride(in boolean enable); clipboard methods void cut(); boolean cancut(); void copy(); boolean cancopy(); void paste(in long aselectiontype); boolean canpaste(in long aselectiontype); selection methods void selectall(); void beginningofdocument(); void endofdocument(); drag/drop methods boolean candrag(in nsidomevent aevent); void dodrag(in nsidomevent aevent); void insertfromdrop(in nsidomevent aevent); node manipulation methods void s...
...xistingrightnode, in long offset, out nsidomnode newleftnode); void joinnodes(in nsidomnode leftnode, in nsidomnode rightnode, in nsidomnode parent); void deletenode(in nsidomnode child); void marknodedirty(in nsidomnode node); direction controller void switchtextdirection(); output methods astring outputtostring(in astring formattype, in unsigned long flags); example: // flags are declared in base/public/nsidocumentencoder.idl // outputselectiononly = 1, outputformatted = 2, // outputraw = 4, outputbodyonly = 8, // outputpreformatted = 16, outputwrap = 32, // outputformatflowed = 64, outputabsolutelinks = 258, // outputencodew3centities = 256, outputcrlinebreak = 512, // outpu...
...end tag (</html>).
... [notxpcom] boolean ismodifiablenode(in nsidomnode anode); constants load flags constant value description enone 0 enext 1 eprevious 2 enextword 3 epreviousword 4 etobeginningofline 5 etoendofline 6 attributes attribute type description contentsmimetype string the mime type of the document.
nsIModule
inherits from: nsisupports last changed in gecko 0.9.9 method overview boolean canunload(in nsicomponentmanager acompmgr); void getclassobject(in nsicomponentmanager acompmgr, in nscidref aclass, in nsiidref aiid, [retval, iid_is(aiid)] out nsqiresult aresult); void registerself(in nsicomponentmanager acompmgr, in nsifile alocation, in string aloaderstr, in string atype); void unregisterself(in nsicomponentmanager acompmgr, in nsifile alocation, in string aloaderstr); methods canunload() this method may be queried to determine whether or not the component module can be unloaded by xpcom.
...not_registered indicates that the requested class is not available.
...the nsimodule is discovered, this method will be called so that any setup registration can be preformed.
... discovered, this method will be called so that any setup registration can be preformed.
nsIMsgFolder
n nsmsgkey msgkey, out pruint32 offset, out pruint32 size); void downloadmessagesforoffline(in nsisupportsarray messages, in nsimsgwindow window); nsimsgfolder getchildwithuri(in acstring uri, in boolean deep, in boolean caseinsensitive); void downloadallforoffline(in nsiurllistener listener, in nsimsgwindow window); void enablenotifications(in long notificationtype, in boolean enable, in boolean dbbatching); boolean iscommandenabled(in acstring command); boolean matchorchangefilterdestination(in nsimsgfolder folder,in boolean caseinsensitive); boolean confirmfolderdeletionforfilter(in nsimsgwindow msgwindow); void alertfilterchanged(in nsimsgwindow msgwindow); void throwalertmsg(in string msgname, in nsimsgwindow...
...er); void addkeywordstomessages(in nsisupportsarray amessages, in acstring akeywords); void removekeywordsfrommessages(in nsisupportsarray amessages, in acstring akeywords); autf8string getmsgtextfromstream(in nsimsgdbhdr amsghdr, in nsiinputstream astream, in long abytestoread, in long amaxoutputlen, in boolean acompressquotes); attributes attribute type description supportsoffline boolean readonly offlinestoreoutputstream nsioutputstream readonly offlinestoreinputstream nsiinputstream readonly retentionsettings nsimsgretentionsettings downloadsettings nsimsgdownloadsettings sortorder long used for order in the folder pane, folder pickers, etc.
...s new mail waiting.
...msgwindow window); getchildwithuri() nsimsgfolder getchildwithuri(in acstring uri, in boolean deep, in boolean caseinsensitive); downloadallforoffline() void downloadallforoffline(in nsiurllistener listener, in nsimsgwindow window); enablenotifications() void enablenotifications(in long notificationtype, in boolean enable, in boolean dbbatching); iscommandenabled() boolean iscommandenabled(in acstring command); matchorchangefilterdestination() boolean matchorchangefilterdestination(in nsimsgfolder folder, in boolean caseinsensitive); confirmfolderdeletionforfilter() boolean confirmfolderdeleti...
nsIMsgMessageService
simsgfolder srcfolder, in nsistreamlistener acopylistener, in boolean amovemessage, in nsiurllistener aurllistener, in nsimsgwindow amsgwindow, out nsiuri aurl); void displaymessage(in string amessageuri, in nsisupports adisplayconsumer, in nsimsgwindow amsgwindow, in nsiurllistener aurllistener, in string acharsetoverride, out nsiuri aurl); void openattachment(in string acontenttype, in string afilename, in string aurl, in string amessageuri, in nsisupports adisplayconsumer, in nsimsgwindow amsgwindow, in nsiurllistener aurllistener); void savemessagetodisk(in string amessageuri, in nsifilespec afile, in boolean ageneratedummyenvelope, in nsiurllistener aurllistener, out nsiuri aurl, in boolean canonicallineending, in nsimsgwindow amsgwindow); void geturlfo...
...ayconsumer is (for now) an nsidocshell which the message is loaded into.
...nattachment() downloads and opens an attachment.
...nloads and opens an attachment.
nsIPropertyBag
xpcom/ds/nsipropertybag.idlscriptable this interface is used to store a set of properties.
...t.
...les get user agent information (operating system specifics.
...ull mozkeyboard:xpcwrappednative_nohelper mozpay:null mozpermissionsettings:null mozphonenumberservice:phonenumberservice mozpower:mozpowermanager moztcpsocket:null online:true oscpu:"windows nt 5.1" platform:"win32" plugins:pluginarray product:"gecko" productsub:"20100101" useragent:"mozilla/5.0 (windows nt 5.1; rv:30.0) gecko/20100101 firefox/30.0" vendor:"" vendorsub:"" __proto__:navigatorprototype from here we can easily see the operating system version.
nsIServiceManager
eturns a reference to a particular xpcom service given the classid of the service.
...that the specified class is not registered.
...xceptions thrown ns_error_factory_not_registered indicates that the specified class is not registered.
...ated.
nsIUpdate
t the front end and other application services can use to learn more about what is going on.
...no error.
...e selected patch: "downloading" the update is being downloaded.
... "downloading" the update is being downloaded.
nsIWebBrowserChrome
dding/browser/webbrowser/nsiwebbrowserchrome.idlscriptable corresponds to the top-level, outermost window containing an embedded gecko web browser.
... 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.
...tmodaleventloop( in nsresult astatus ); parameters astatus the result code to return from showasmodal().
...s astatus the result code to return from showasmodal().
XPCOM category image-sniffing-services
in versions of firefox prior to firefox 3, extensions could add decoders for new image types.
... in versions of firefox prior to firefox 3, extensions could add decoders for new image types.
... in versions of firefox prior to firefox 3, extensions could add decoders for new image types.
...ot be correctly displayed.
XUL Overlays
Mozilla › Tech › XUL › Overlays
file is loaded.
...he base file.
...e, if only the last menuitem above had been in an overlay and the other items were defined in the base file, the overlayed menuitem would still appear at the top of the parent menu.
...s the overlay at the top: <?xul-overlay href="chrome://global/content/dialogoverlay.xul"?> and includes an empty box with an id of okcancelbuttons in the ui.
Thunderbird Configuration Files
n mac os x, and on linux do edit > preferences on, select the advanced options panel, click on the general tab, and click on config editor.
...in your profile folder.
...the config editor, which is the recommended method.
...the file type extensions in windows.
Using the Multiple Accounts API
e any of the relevant objects because the account manager needs to keep track of all of these objects as they are created.
...k but it is not supported.
... the incoming server associated with this account.
...with this account.
Working with windows in chrome code
w.openwindow(null, "chrome://myextension/content/about.xul", "aboutmyextension", "chrome,centerscreen", null); window object note the win variable in the above section, which is assigned the return value of window.open.
...s turned on (which is the default in firefox 1.5+), your extension can safely access the dom of the content document, but not the content javascript.
...ess trivial .
... var watcher = components.classes["@mozilla.org/embedcomp/window-watcher;1"] .getservice(components.interfaces.nsiwindowwatcher); return watcher.openwindow(parentwindow, url, windowname, features, array); } the function almost works the same as window.opendialog but accepts an optional parent window as first parameter.
Zombie compartments
nts.
....e.
...apes │ │ │ │ │ ├──1.47 mb (00.29%) ++ gc-heap │ │ │ │ │ └──0.96 mb (00.19%) ++ malloc-heap │ │ │ │ ├──1.03 mb (00.21%) -- scripts │ │ │ │ │ ├──0.72 mb (00.14%) ── gc-heap [2] │ │ │ │ │ └──0.31 mb (00.06%) ── malloc-heap/data [2] │ │ │ │ ├──0.80 mb (00.16%) -- type-inference │ │ │ │ │ ├──0.66 mb (00.13%) ── type-scripts [2] │ │ │ │ │ ├──0.13 mb (00.03%) ── allocation-site-tables [2] │ │ │ │ │ └──0.02 mb (00.00%) ── object-type-tables [2] │ │ │ │ └──0.01 mb (00.00%) -- sundries │ │ │ │ ├──0.01 mb (00.00%) ── malloc-heap [2] │ │...
...0.00 mb (00.00%) ── property-tables │ │ └───5.93 mb (01.19%) -- js-zone(0x13ffa0000) │ │ ├──1.92 mb (00.39%) ── unused-gc-things │ │ ├──1.28 mb (00.26%) -- lazy-scripts │ │ │ ├──1.03 mb (00.21%) ── gc-heap │ │ │ └──0.25 mb (00.05%) ── malloc-heap │ │ ├──1.24 mb (00.25%) ── type-pool │ │ ├──1.07 mb (00.21%) -- type-objects │ │ │ ├──1.04 mb (00.21%) ── gc-heap │ │ │ └──0.03 mb (00.01%) ── malloc-heap │ │ ├──0.23 mb (00.05%) ++ strings │ │ └──0.18 mb (00.04%) ── gc-heap-arena-admin the first line says that the window from www.google.de is taking up 28.45 mb and futher b...
Memory Management
valid as long as the js object stays alive.
...nter/handle to allocated memory, the js code must make sure to free that memory with the correct allocator.
....
...xpose a freeing function from the binary.
Set event listener breakpoints - Firefox Developer Tools
ired somewhere inside jquery.
...e useful if we showed where in our own app code is calling the jquery that fired the event.
...s in the sources panel, and choosing the ignore source option from its context menu.
... source option from its context menu.
Edit fonts - Firefox Developer Tools
y clicking on the input field at the top of the section and entering a new value.
... will be set to the same custom value.
...ox 63 features support for editing the properties of variable fonts in the font editor.
...e identified using lower-case tags, whereas custom axes should be given upper-case tags.
Examine and edit HTML - Firefox Developer Tools
for the branch containing the selected element: hovering over a breadcrumb highlights that element in the page.
...arches that are performed automatically depending on what you enter, a full text search, a css selector search, and an xpath search.
...de in just one line of text.
...con at the top of the markup view: click this icon to insert an empty <div> into the document as the last child of the currently selected element.
Rich output - Firefox Developer Tools
when the web console prints objects, it includes a richer set of information than just the object's name.
... when the web console prints objects, it includes a richer set of information than just the object's name.
...e web console prints objects, it includes a richer set of information than just the object's name.
...bject { 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 [] debugger eval code:1:9 undefined highlighting and inspecting dom nodes if you hover the mouse over any dom element in the console output, it's highlighted on the page: in the screenshot above you'll also see a blue "target" icon next to the node in the console output: click it to switch to the inspector with that node selected.
AudioProcessingEvent - Web APIs
the web audio api audioprocessingevent represents events that occur when a scriptprocessornode input buffer is ready to be processed.
...sed.
...4 web audio api spec publication, this feature has been marked as deprecated, and is soon to be replaced by audioworklet.
...e = audioctx.createbuffersource(); // create a scriptprocessornode with a buffersize of 4096 and a single input and output channel var scriptnode = audioctx.createscriptprocessor(4096, 1, 1); console.log(scriptnode.buffersize); // load in an audio track via xhr and decodeaudiodata function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // give the node a function to process audio events scriptnode.onaudioprocess = function(audioprocessingev...
BaseAudioContext - Web APIs
or 3d spatialization.
...t.close).
...createdynamicscompressor() creates a dynamicscompressornode, which can be used to apply acoustic compression to an audio signal.
...an be used to apply stereo panning to an audio source.
BiquadFilterNode - Web APIs
rithm measured in hertz (hz).
...de.q read only is an a-rate audioparam, a double representing a q factor, or quality factor.
... biquadfilternode.gain read only is an a-rate audioparam, a double representing the gain used in the current filtering algorithm.
... = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(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.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
blob object.
...ues given in the parameter array.
...r array.
...xt.
Blob.slice() - Web APIs
Web › API › Blob › slice
the blob interface's slice() method creates and returns a new blob object which contains data from a subset of the blob on which it's called.
...has size 0 and contains no data.
...data.
...st byte that will *not* be included in the new blob (i.e.
CSSNumericValue - Web APIs
the cssnumericvalue interface of the css typed object model api represents operations that all numeric values can perform.
...ssnumericvalue.sub subtracts a supplied number from the cssnumericvalue.
...des the cssnumericvalue by the supplied value.
...the values are the exact same type and value, in the same order.
CSSPrimitiveValue.setFloatValue() - Web APIs
the setfloatvalue() method of the cssprimitivevalue interface is used to set a float value.
... the setfloatvalue() method of the cssprimitivevalue interface is used to set a float value.
... the setfloatvalue() method of the cssprimitivevalue interface is used to set a float value.
... css_percentage the value is a <percentage>.
CSSPrimitiveValue.setStringValue() - Web APIs
the setstringvalue() method of the cssprimitivevalue interface is used to set a string value.
... the setstringvalue() method of the cssprimitivevalue interface is used to set a string value.
... the setstringvalue() method of the cssprimitivevalue interface is used to set a string value.
... of the value.
Cache - Web APIs
Web › API › Cache
esolves to true if a matching cache entry is found and deleted.
...r on.
..." the request, so we need to make a copy.
..., 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.
CanvasRenderingContext2D.globalCompositeOperation - Web APIs
the canvasrenderingcontext2d.globalcompositeoperation property of the canvas 2d api sets the type of compositing operation to apply when drawing new shapes.
... the canvasrenderingcontext2d.globalcompositeoperation property of the canvas 2d api sets the type of compositing operation to apply when drawing new shapes.
... the canvasrenderingcontext2d.globalcompositeoperation property of the canvas 2d api sets the type of compositing operation to apply when drawing new shapes.
... the canvasrenderingcontext2d.globalcompositeoperation property of the canvas 2d api sets the type of compositing operation to apply when drawing new shapes.
CloseEvent.initCloseEvent() - Web APIs
ethod.
... using eventtarget.dispatchevent().
...once dispatched, it doesn't do anything anymore.
...t doesn't do anything anymore.
CustomEvent() - Web APIs
the customevent() constructor creates a new customevent.
... the customevent() constructor creates a new customevent.
... the customevent() constructor creates a new customevent.
...mstring representing the name of the event.
DOMImplementation - Web APIs
mimplementation interface represents an object providing methods which are not dependent on any particular document.
...n object providing methods which are not dependent on any particular document.
...for compatibility purpose alone: except for svg-related queries, it always returns true.
...cument.
DataTransfer.mozSetDataAt() - Web APIs
s modified, or equal to mozitemcount in which case a new item is added, and the mozitemcount is incremented by one.
...der of preference, with the most specific format added first and the least specific format added last.
...cific format added first and the least specific format added last.
... least specific format added last.
DataTransferItem.getAsFile() - Web APIs
value file if the drag data item is a file, a file object is returned; otherwise null is returned.
...); ev.preventdefault(); var data = event.datatransfer.items; for (var i = 0; i < data.length; i += 1) { if ((data[i].kind == 'string') && (data[i].type.match('^text/plain'))) { // this item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html console.log("...
...e.match('^text/plain'))) { // this item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html console.log("...
... }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html console.log("...
DataTransferItem.getAsString() - Web APIs
tring the drag data item's string data.
...op"); ev.preventdefault(); var data = ev.datatransfer.items; for (var i = 0; i < data.length; i += 1) { if ((data[i].kind == 'string') && (data[i].type.match('^text/plain'))) { // this item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html console.log("...
...e.match('^text/plain'))) { // this item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html console.log("...
... }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html console.log("...
DragEvent() - Web APIs
this constructor is used to create a synthetic dragevent object.
...e a synthetic dragevent object.
...t is not possible to create a useful datatransfer object from script, since datatransfer objects have a processing and security model that is coordinated by the browser during drag-and-drops.
... by the browser during drag-and-drops.
Element: compositionend event - Web APIs
stem such as an input method editor completes or cancels the current composition session.
...s interface compositionevent event handler property none examples const inputelement = document.queryselector('input[type="text"]'); inputelement.addeventlistener('compositionend', (event) => { console.log(`generated characters were: ${event.data}`); }); live example html <div class="control"> <label for="name">on macos, click in the textbox below,<br> then type <kbd>option</kbd> + <kbd>`</kbd>, then <kbd>a</kbd>:</label> <input type="text" id="example" name="example"> </div> <div class="event-log"> <label>event log:</label> <textarea readonly class="event-log-contents" rows="8" cols="25"></textarea> <button class="clear-log">clear</button> </div> css body { padding: .2rem; display: grid; grid-template-areas: "control log"; } .control...
...<label>event log:</label> <textarea readonly class="event-log-contents" rows="8" cols="25"></textarea> <button class="clear-log">clear</button> </div> css body { padding: .2rem; display: grid; grid-template-areas: "control log"; } .control { grid-area: control; } .event-log { grid-area: log; } .event-log-contents { resize: none; } label, button { display: block; } input[type="text"] { margin: .5rem 0; } kbd { border-radius: 3px; padding: 1px 2px 0; border: 1px solid black; } js const inputelement = document.queryselector('input[type="text"]'); const log = document.queryselector('.event-log-contents'); const clearlog = document.queryselector('.clear-log'); clearlog.addeventlistener('click', () => { log.textcontent = ''; }); function handleevent(even...
...: 3px; padding: 1px 2px 0; border: 1px solid black; } js const inputelement = document.queryselector('input[type="text"]'); const log = document.queryselector('.event-log-contents'); const clearlog = document.queryselector('.clear-log'); clearlog.addeventlistener('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
a text composition system such as an input method editor starts a new composition session.
... interface compositionevent event handler property none examples const inputelement = document.queryselector('input[type="text"]'); inputelement.addeventlistener('compositionstart', (event) => { console.log(`generated characters were: ${event.data}`); }); live example html <div class="control"> <label for="name">on macos, click in the textbox below,<br> then type <kbd>option</kbd> + <kbd>`</kbd>, then <kbd>a</kbd>:</label> <input type="text" id="example" name="example"> </div> <div class="event-log"> <label>event log:</label> <textarea readonly class="event-log-contents" rows="8" cols="25"></textarea> <button class="clear-log">clear</button> </div> css body { padding: .2rem; display: grid; grid-template-areas: "control log"; } .control...
...<label>event log:</label> <textarea readonly class="event-log-contents" rows="8" cols="25"></textarea> <button class="clear-log">clear</button> </div> css body { padding: .2rem; display: grid; grid-template-areas: "control log"; } .control { grid-area: control; } .event-log { grid-area: log; } .event-log-contents { resize: none; } label, button { display: block; } input[type="text"] { margin: .5rem 0; } kbd { border-radius: 3px; padding: 1px 2px 0; border: 1px solid black; } js const inputelement = document.queryselector('input[type="text"]'); const log = document.queryselector('.event-log-contents'); const clearlog = document.queryselector('.clear-log'); clearlog.addeventlistener('click', () => { log.textcontent = ''; }); function handleevent(even...
...: 3px; padding: 1px 2px 0; border: 1px solid black; } js const inputelement = document.queryselector('input[type="text"]'); const log = document.queryselector('.event-log-contents'); const clearlog = document.queryselector('.clear-log'); clearlog.addeventlistener('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
f a text composition session controlled by a text composition system such as an input method editor.
... interface compositionevent event handler property none examples const inputelement = document.queryselector('input[type="text"]'); inputelement.addeventlistener('compositionupdate', (event) => { console.log(`generated characters were: ${event.data}`); }); live example html <div class="control"> <label for="name">on macos, click in the textbox below,<br> then type <kbd>option</kbd> + <kbd>`</kbd>, then <kbd>a</kbd>:</label> <input type="text" id="example" name="example"> </div> <div class="event-log"> <label>event log:</label> <textarea readonly class="event-log-contents" rows="8" cols="25"></textarea> <button class="clear-log">clear</button> </div> css body { padding: .2rem; display: grid; grid-template-areas: "control log"; } .control...
...<label>event log:</label> <textarea readonly class="event-log-contents" rows="8" cols="25"></textarea> <button class="clear-log">clear</button> </div> css body { padding: .2rem; display: grid; grid-template-areas: "control log"; } .control { grid-area: control; } .event-log { grid-area: log; } .event-log-contents { resize: none; } label, button { display: block; } input[type="text"] { margin: .5rem 0; } kbd { border-radius: 3px; padding: 1px 2px 0; border: 1px solid black; } js const inputelement = document.queryselector('input[type="text"]'); const log = document.queryselector('.event-log-contents'); const clearlog = document.queryselector('.clear-log'); clearlog.addeventlistener('click', () => { log.textcontent = ''; }); function handleevent(even...
...: 3px; padding: 1px 2px 0; border: 1px solid black; } js const inputelement = document.queryselector('input[type="text"]'); const log = document.queryselector('.event-log-contents'); const clearlog = document.queryselector('.clear-log'); clearlog.addeventlistener('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.hasAttribute() - Web APIs
ethod returns a boolean value indicating whether the specified element has the specified attribute or not.
...oolean value indicating whether the specified element has the specified attribute or not.
...hether the specified element has the specified attribute or not.
...or false.
Element.hasAttributes() - Web APIs
the hasattributes() method of the element interface returns a boolean indicating whether the current element has any attributes or not.
...butes() method of the element interface returns a boolean indicating whether the current element has any attributes or not.
...ent interface returns a boolean indicating whether the current element has any attributes or not.
....
Element.insertAdjacentText() - Web APIs
s the insert before and insert after buttons to insert it before or after the existing paragraph text using insertadjacenttext().
...tons to insert it before or after the existing paragraph text using insertadjacenttext().
...he existing paragraph text using insertadjacenttext().
...text().
Element.querySelector() - Web APIs
ts of baseelement.
...ement.
... matches are found, the returned value is null.
...ned value is null.
ExtendableMessageEvent() - Web APIs
the extendablemessageevent() constructor creates a new extendablemessageevent object instance.
... the extendablemessageevent() constructor creates a new extendablemessageevent object instance.
... the extendablemessageevent() constructor creates a new extendablemessageevent object instance.
...xtendablemessageevent() constructor creates a new extendablemessageevent object instance.
FileError - Web APIs
Web › API › FileError
atest specification.
...f the powerful storage apis (such as file system, blobbuilder, and filereader) throw errors if you run the app locally from file://.
... give more space to the database.
...ge.
FileSystemDirectoryEntry.getDirectory() - Web APIs
enting the directory in question.
...e create option was not specified (or was specified as false), and the directory doesn't exist.
... it to be created newly at call time.
... result create exclusive false n/a[1] path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
FileSystemDirectoryEntry.getFile() - Web APIs
e file in question.
...or.not_found_err the create option was not specified (or was specified as false), and the file doesn't exist.
... it to be created newly at call time.
... result create exclusive false n/a[1] path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
FileSystemEntry.toURL() - Web APIs
the filesystementry interface's method tourl() creates and returns a string containing a url which can be used to identify the file system entry.
... the filesystementry interface's method tourl() creates and returns a string containing a url which can be used to identify the file system entry.
... the filesystementry interface's method tourl() creates and returns a string containing a url which can be used to identify the file system entry.
... a string containing a url which can be used to identify the file system entry.
HTMLAreaElement - Web APIs
htmlareaelement.shape is a domstring that reflects the shape html attribute, indicating the shape of the hot-spot, limited to known values.
... that reflects the shape html attribute, indicating the shape of the hot-spot, limited to known values.
...indicating the shape of the hot-spot, limited to known values.
...een moving to the htmlhyperlinkelementutils mixin, and htmlareaelement implements this mixin.
HTMLCanvasElement.mozGetAsFile() - Web APIs
the non-standard, firefox-specific the htmlcanvaselement method mozgetasfile() returns a memory-based file object representing the image contained in the canvas.
... the non-standard, firefox-specific the htmlcanvaselement method mozgetasfile() returns a memory-based file object representing the image contained in the canvas.
... htmlcanvaselement method mozgetasfile() returns a memory-based file object representing the image contained in the canvas.
...-based file object representing the image contained in the canvas.
HTMLInputElement: search event - Web APIs
the search event is fired when a search is initiated usinng an <input> element of type="search".
... event event handler property onsearch there are several ways a search can be initiated, such as by pressing enter while the <input> is focused, or, if the incremental attribute is present, after a ua-defined timeout elapses since the most recent keystroke (with new keystrokes resetting the timeout so the firing of the event is debounced).
...t keystroke (with new keystrokes resetting the timeout so the firing of the event is debounced).
...the field.
HTMLKeygenElement - Web APIs
hat reflects the autofocus html attribute, indicating that the form control should have input focus when the page loads.
... indicating that the form control should have input focus when the page loads.
...ould have input focus when the page loads.
...ribute if it is defined.
HTMLElement.focus() - Web APIs
ocument to bring the newly-focused element into view.
...alse for preventscroll (the default) means that the browser will scroll the element into view after focusing it.
...nction getfocus() { document.getelementbyid("mytextfield").focus(); } html <input type="text" id="mytextfield" value="text field."> <p></p> <button type="button" onclick="focusmethod()">click me to focus on the text field!</button> result focus on a button javascript focusmethod = function getfocus() { document.getelementbyid("mybutton").focus(); } html <button type="button" id="mybutton">click me!</button> <p></p> <button type="button" onclick="focusmethod()">click me to focus on the button!</button> result focus with focusoption javascript focusscrollmethod = function getfocus() { document.getelementbyid("mybutton").focus({preventscroll:false}); } focusnoscrollmethod = function getfocuswithoutscrolling() { document.getelement...
...button" onclick="focusmethod()">click me to focus on the button!</button> result focus with focusoption javascript focusscrollmethod = function getfocus() { document.getelementbyid("mybutton").focus({preventscroll:false}); } focusnoscrollmethod = function getfocuswithoutscrolling() { document.getelementbyid("mybutton").focus({preventscroll:true}); } html <button type="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 ...
HTMLSourceElement - Web APIs
nt-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlsourceelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...s load method should be called when done, since <source> elements are not re-scanned automatically.
...done, since <source> elements are not re-scanned automatically.
...t re-scanned automatically.
In depth: Microtasks and the JavaScript runtime environment - Web APIs
g code.
...e body, it handles receiving and dispatching user and other events, rendering and painting web content, and so forth.
... further limits to this as described elsewhere in this article xxxx ????).
... workers, and service workers.
Headers() - Web APIs
Web › API › Headers › Headers
te your headers object with.
...mple object literal with bytestring values; or an existing headers object.
...mpty you could add a header to this using headers.append: myheaders.append('content-type', 'image/jpeg'); myheaders.get('content-type'); // returns 'image/jpeg' or you can add the headers you want as the headers object is created.
...by passing the constructor an init object as an argument: var httpheaders = { 'content-type' : 'image/jpeg', 'accept-charset' : '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.
IDBKeyRange.includes() - Web APIs
the includes() method of the idbkeyrange interface returns a boolean indicating whether a specified key is inside the key range.
...s() method of the idbkeyrange interface returns a boolean indicating whether a specified key is inside the key range.
...id key.
...ngevalue = idbkeyrange.bound('a', 'k', false, false); var myresult = keyrangevalue.includes('f'); // returns true var myresult = keyrangevalue.includes('w'); // returns false polyfill the includes() method was added in the second edition of the indexed db specification.
Browser storage limits and eviction criteria - Web APIs
still stored, but they are ephemeral — the data is deleted when you close the last private browsing window.
... all these quota clients.
...tent storage is used, the user is given a ui popup to alert them that this data will persist, and asks if they are happy with that.
... storages maintained by the quota manager (see below) <profile>/storage/permanent — persistent data storage repository <profile>/storage/temporary — temporary data storage repository <profile>/storage/default — default data storage repository note: after introducing storage api, the "permanent" folder can be considered obsolete; the "permanent" folder only stores indexeddb persistent-type databases.
InputEvent() - Web APIs
the inputevent() constructor creates a new inputevent.
... the inputevent() constructor creates a new inputevent.
... the inputevent() constructor creates a new inputevent.
... the inputevent() constructor creates a new inputevent.
KeyboardEvent - Web APIs
keyboardevent objects describe a user interaction with the keyboard; each event describes a single interaction between the user and a key (or combination of a key with modifier keys) on the keyboard.
...ld version of dom level 3 events.
...event links to the documentation for the document handler for the event, which applies generally to all of the recipients.
...e native event model does.
MediaKeyMessageEvent() - Web APIs
the mediakeymessageevent constructor creates a new mediakeymessageevent object which creates a new instance of mediakeymessageevent.
... the mediakeymessageevent constructor creates a new mediakeymessageevent object which creates a new instance of mediakeymessageevent.
...iakeymessageevent constructor creates a new mediakeymessageevent object which creates a new instance of mediakeymessageevent.
...tes a new mediakeymessageevent object which creates a new instance of mediakeymessageevent.
MediaSessionActionDetails.action - Web APIs
the action property is the only required property mediasessionactiondetails dictionary, specifying the type of media session action which the action handler callback is being executed for.
... the action property is the only required property mediasessionactiondetails dictionary, specifying the type of media session action which the action handler callback is being executed for.
... the action property is the only required property mediasessionactiondetails dictionary, specifying the type of media session action which the action handler callback is being executed for.
... the action property is the only required property mediasessionactiondetails dictionary, specifying the type of media session action which the action handler callback is being executed for.
MediaTrackConstraints.displaySurface - Web APIs
the mediatrackconstraints dictionary's displaysurface property is a constraindomstring describing the requested or mandatory constraints placed upon the value of the displaysurface constrainable property.
... the mediatrackconstraints dictionary's displaysurface property is a constraindomstring describing the requested or mandatory constraints placed upon the value of the displaysurface constrainable property.
...he value of mediatracksupportedconstraints.displaysurface as returned by a call to mediadevices.getsupportedconstraints().
... there's possibly a non-content backdrop—it can use code similar to this: let mayhavebackdropflag = false; let displaysurface = displaystream.getvideotracks()[0].getsettings().displaysurface; if (displaysurface === "monitor" || displaysurface ==="application") { mayhavebackdropflag = true; } following this code, mayhavebackdrop is true if the display surface contained in the stream is of type monitor or application; either of these may have non-content backdrop areas.
MediaTrackSettings.displaySurface - Web APIs
the mediatracksettings dictionary's displaysurface property indicates the type of display surface being captured.
... the mediatracksettings dictionary's displaysurface property indicates the type of display surface being captured.
... the mediatracksettings dictionary's displaysurface property indicates the type of display surface being captured.
...e contents of one or more of the user's screens.
MerchantValidationEvent() - Web APIs
the merchantvalidationevent() constructor creates a new merchantvalidationevent object.
... the merchantvalidationevent() constructor creates a new merchantvalidationevent object.
... the merchantvalidationevent() constructor creates a new merchantvalidationevent object.
...y string by default.
MessageEvent.MessageEvent() - Web APIs
the messageevent() constructor creates a new messageevent object instance.
... the messageevent() constructor creates a new messageevent object instance.
... the messageevent() constructor creates a new messageevent object instance.
... the messageevent() constructor creates a new messageevent object instance.
MutationRecord - Web APIs
a mutationrecord represents an individual dom mutation.
... a mutationrecord represents an individual dom mutation.
...operties property type description mutationrecord.type string returns "attributes" if the mutation was an attribute mutation, "characterdata" if it was a mutation to a characterdata node, and "childlist" if it was a mutation to the tree of nodes.
...ling node return the next sibling of the added or removed nodes, or null.
NDEFReader.scan() - Web APIs
Web › API › NDEFReader › scan
the scan() method of ndefreader interface reads ndef records from compatible nfc devices, e.g., ndef nfc tags.
... the scan() method of ndefreader interface reads ndef records from compatible nfc devices, e.g., ndef nfc tags.
... the scan() method of ndefreader interface reads ndef records from compatible nfc devices, e.g., ndef nfc tags.
...scan() method of ndefreader interface reads ndef records from compatible nfc devices, e.g., ndef nfc tags.
NDEFRecord - Web APIs
the ndefrecord interface of the web nfc api is an abstract interface that represents data that can be read from or written to compatible nfc devices, e.g.
...rd interface of the web nfc api is an abstract interface that represents data that can be read from or written to compatible nfc devices, e.g.
... nfc api is an abstract interface that represents data that can be read from or written to compatible nfc devices, e.g.
...represents data that can be read from or written to compatible nfc devices, e.g.
Navigation Timing API - Web APIs
n, such as the amount of time needed to unload the previous page, how long domain lookups take, the total time spent executing the window's load handler, and so forth.
...high resolution time api, the navigation timing api adds two properties: timing and navigation, of the types below.
...g api adds two properties: timing and navigation, of the types below.
...s and properties to store and retrieve metrics regarding the browser's document navigation events.
Navigator - Web APIs
Web › API › Navigator
ect and querying for an existing lock object navigator.mediacapabilities read only returns a mediacapabilities object that can expose information about the decoding and encoding capabilities for a given format and output capabilities.
...ock object navigator.mediacapabilities read only returns a mediacapabilities object that can expose information about the decoding and encoding capabilities for a given format and output capabilities.
...capabilities read only returns a mediacapabilities object that can expose information about the decoding and encoding capabilities for a given format and output capabilities.
...ard navigator.canshare() returns true if a call to navigator.share() would succeed.
NetworkInformation.onchange - Web APIs
the networkinformation.onchange event handler contains the code that is fired when connection information changes, and the change is received by the networkinformation object.
... the networkinformation.onchange event handler contains the code that is fired when connection information changes, and the change is received by the networkinformation object.
... the networkinformation.onchange event handler contains the code that is fired when connection information changes, and the change is received by the networkinformation object.
... the networkinformation.onchange event handler contains the code that is fired when connection information changes, and the change is received by the networkinformation object.
Node.hasChildNodes() - Web APIs
() method returns a boolean value indicating whether the given node has child nodes or not.
...ns a boolean value indicating whether the given node has child nodes or not.
...ing whether the given node has child nodes or not.
...des(); return value a boolean that is true if the node has child nodes, and false otherwise.
Node.localName - Web APIs
Web › API › Node › localName
the node.localname read-only property returns the local part of the qualified name of this node.
... name of this node.
... <textarea id="text" rows="4" cols="55"/> </body> </html> notes the local name of a node is that part of the node's qualified name that comes after the colon.
...n of the local name for html elements in html doms (as opposed to xhtml elements in xml doms).
Node.nodeName - Web APIs
Web › API › Node › nodeName
the nodename read-only property returns the name of the current node as a string.
...turns the name of the current node as a string.
... node as a string.
...e the value of documenttype.name element the value of element.tagname entity the entity name entityreference the name of entity reference notation the notation name processinginstruction the value of processinginstruction.target text "#text" example given the following markup: <div id="d1">hello world</div> <input type="text" id="t"> and the following script: var div1 = document.getelementbyid("d1"); var text_field = document.getelementbyid("t"); text_field.value = div1.nodename; in xhtml (or any other xml format), text_field's value would read "div".
NodeIterator.whatToShow - Web APIs
the nodeiterator.whattoshow read-only property represents an unsigned integer representing a bitmask signifying what types of nodes should be returned by the nodeiterator.
... the nodeiterator.whattoshow read-only property represents an unsigned integer representing a bitmask signifying what types of nodes should be returned by the nodeiterator.
...n of other nodes, they do not appear when traversing over the document tree.
... appear when traversing over the document tree.
ParentNode.append() - Web APIs
Web › API › ParentNode › append
llowing code: // source: https://github.com/jserz/js_piece/blob/master/dom/parentnode/append()/append().md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('append')) { return; } object.defineproperty(item, 'append', { configurable: true, enumerable: true, writable: true, value: function append() { var argarr = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
...n append() { var argarr = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
... var argarr = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
...e.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
ParentNode.prepend() - Web APIs
ailable: // source: https://github.com/jserz/js_piece/blob/master/dom/parentnode/prepend()/prepend().md (function (arr) { arr.foreach(function (item) { if (item.hasownproperty('prepend')) { return; } object.defineproperty(item, 'prepend', { configurable: true, enumerable: true, writable: true, value: function prepend() { var argarr = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
... var argarr = array.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
...y.prototype.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
...ents), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
PaymentMethodChangeEvent - Web APIs
the paymentmethodchangeevent() constructor creates a new paymentmethodchangeevent object providing details about a paymentmethodchange event.
... the paymentmethodchangeevent() constructor creates a new paymentmethodchangeevent object providing details about a paymentmethodchange event.
... the paymentmethodchangeevent() constructor creates a new paymentmethodchangeevent object providing details about a paymentmethodchange event.
...lt.
PaymentRequest.PaymentRequest() - Web APIs
this parameter is more generic than credit cards, it is a single domstring, and the meaning of the data parameter changes with the supportedmethods.
...dress and submit it with the payment request.
...lt is false.
...oolean indicating whether the user agent should collect the payer's phone number and submit it with the payment request.
PerformanceEntry.duration - Web APIs
the duration property returns a timestamp that is the duration of the performance entry.
... difference between the resource's responseend timestamp and its starttime timestamp.
...create some performance entries via the mark() method performance.mark("begin"); do_work(50000); performance.mark("end"); // use getentries() to iterate through the each entry var p = performance.getentries(); for (var i=0; i < p.length; i++) { log("entry[" + i + "]"); check_performanceentry(p[i]); } } function check_performanceentry(obj) { var properties = ["name", "entrytype", "starttime", "duration"]; var methods = ["tojson"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in obj; if (supported) log("..." + properties[i] + " = " + obj[properties[i]]); else log("..." + properties[i] + " = not supported"); } for (var i=0; i < methods.length; i++) { // check each method var s...
...me", "duration"]; var methods = ["tojson"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in obj; if (supported) log("..." + properties[i] + " = " + obj[properties[i]]); else log("..." + properties[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.startTime - Web APIs
the starttime property returns the first recorded timestamp of the performance entry.
...a call to performance.measure().
...create some performance entries via the mark() method performance.mark("begin"); do_work(50000); performance.mark("end"); // use getentries() to iterate through the each entry var p = performance.getentries(); for (var i=0; i < p.length; i++) { log("entry[" + i + "]"); check_performanceentry(p[i]); } } function check_performanceentry(obj) { var properties = ["name", "entrytype", "starttime", "duration"]; var methods = ["tojson"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in obj; if (supported) log("..." + properties[i] + " = " + obj[properties[i]]); else log("..." + properties[i] + " = not supported"); } for (var i=0; i < methods.length; i++) { // check each method var s...
...me", "duration"]; var methods = ["tojson"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in obj; if (supported) log("..." + properties[i] + " = " + obj[properties[i]]); else log("..." + properties[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.
Plugin - Web APIs
Web › API › Plugin
own properties of plugin objects are no longer enumerable in the latest browser versions.
...jects are no longer enumerable in the latest browser versions.
...ersions.
... read only a human readable description of the plugin.
PromiseRejectionEvent() - Web APIs
the promiserejectionevent() constructor returns a newly created promiserejectionevent, which represents events fired when a javascript promise is rejected.
...noticed.
...ent: unhandledrejection is sent by the javascript runtime when a promise is rejected but the rejection goes unhandled.
...cript runtime when a promise is rejected but the rejection goes unhandled.
PublicKeyCredential - Web APIs
ic key pair instead of a password.
...rl encoding of publickeycredential.rawid.
...ally unique identifier for this publickeycredential.
...ystem.
PublicKeyCredentialRequestOptions.allowCredentials - Web APIs
ns.excludecredentials may be used during the creation of the credentials in order to avoid creating new credentials for an existing user with existing public key credential.
...be used during the creation of the credentials in order to avoid creating new credentials for an existing user with existing public key credential.
...cation) "ble": the authenticator may be used over ble (bluetooth low energy) "internal": the authenticator is specifically bound to the client device (cannot be removed).
... the client device (cannot be removed).
PublicKeyCredentialRequestOptions.extensions - Web APIs
tensions value an object with various keys and values.
...dentify the current relying party.
...usvstring which is the text as it was displayed (line breaks may have been added).
...he text as it was displayed (line breaks may have been added).
RTCDataChannel: error event - Web APIs
le for details.
... "invalid mandatory parameter", "unrecognized parameters", "no user data (sctp data chunk has no data)", "cookie received while shutting down", "restart of an association with new addresses", "user-initiated abort", "protocol violation" ]; dc.addeventlistener("error", ev => { 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) { conso...
...s rtcerror and the message is an error string specified by the webrtc layer.
... name, line number, and column number at which the error occurred.
RTCDataChannelEvent() - Web APIs
the rtcdatachannelevent() constructor creates a new rtcdatachannelevent.
... the rtcdatachannelevent() constructor creates a new rtcdatachannelevent.
... the rtcdatachannelevent() constructor creates a new rtcdatachannelevent.
... normally created and sent by the webrtc layer itself.
RTCIceCandidate.relatedAddress - Web APIs
the related address and port are set to the mapped address selected by the turn server.
...ine (a-line) describing an ice candidate discovered by the stun server: a=candidate:4234997325 1 udp 2043278322 192.168.0.56 6502 typ srflx raddr 192.168.2.77 rport 32768 generation 0 the remote address, relatedaddress, is the dotted quad (for ipv4) or colon-delineated 64-bit address (for ipv6) immediately following the text "raddr", or "192.168.2.77".
...date:4234997325 1 udp 2043278322 192.168.0.56 6502 typ srflx raddr 192.168.2.77 rport 32768 generation 0 the remote address, relatedaddress, is the dotted quad (for ipv4) or colon-delineated 64-bit address (for ipv6) immediately following the text "raddr", or "192.168.2.77".
...8.2.77 rport 32768 generation 0 the remote address, relatedaddress, is the dotted quad (for ipv4) or colon-delineated 64-bit address (for ipv6) immediately following the text "raddr", or "192.168.2.77".
RTCIceCandidatePairStats - Web APIs
the webrtc rtcicecandidatepairstats dictionary reports statistics which provide insight into the quality and performance of an rtcpeerconnection while connected and configured as described by the specified pair of ice candidates.
...ble optional a boolean value indicating whether or not data can be received on the connection described by the candidate pair.
...if the rtcicetransport performs an ice restart, at which point the state of the ice transport returns to new and negotiation starts once again.
...ectivity checks if the rtcstats object rtcstats is an rtcicecandidatepairstats object.
RTCIceTransport - Web APIs
he data is being sent and received.
...rent, eventtarget.
...is one of the strings from the rtcicetransport enumerated type: "rtp" or "rtsp".
...pair to use or not.
RTCPeerConnection.iceGatheringState - Web APIs
the read-only property rtcpeerconnection.icegatheringstate returns an enum of type rtcicegatheringstate that describes connection's ice gathering state.
... the read-only property rtcpeerconnection.icegatheringstate returns an enum of type rtcicegatheringstate that describes connection's ice gathering state.
...turns an enum of type rtcicegatheringstate that describes connection's ice gathering state.
... var state = rtcpeerconnection.icegatheringstate; value the possible values are those of an enum of type rtcicegatheringstate.
RTCRtpCodecCapability - Web APIs
channels optional an unsigned integer value indicating the maximum number of channels supported by the codec; for example, a codec that supports only mono sound would have a value of 1; stereo codecs would have a 2, etc.
...ing the maximum number of channels supported by the codec; for example, a codec that supports only mono sound would have a value of 1; stereo codecs would have a 2, etc.
...mum number of channels supported by the codec; for example, a codec that supports only mono sound would have a value of 1; stereo codecs would have a 2, etc.
...ight be referenced here.
RTCRtpStreamStats - Web APIs
was called rtcrtpstreamstats until a specification update in the spring of 2017.
...lowing properties are available.
...ng which uniquely identifies the object which was inspected to produce the rtccodecstats object associated with this rtp stream.
...d per the rfc 3550 specification.
RenderingContext - Web APIs
renderingcontext is a webidl typedef which can refer to any one of the interfaces that represent a graphics rendering context within a <canvas> element: canvasrenderingcontext2d, webglrenderingcontext, or webgl2renderingcontext.
...cified and written more easily; since <canvas> supports several rendering systems, it's helpful from a specification and browser implementation perspective to have a shorthand that means "one of these interfaces." as such, renderingcontext is an implementation detail, and isn't something web developers directly use.
...upports several rendering systems, it's helpful from a specification and browser implementation perspective to have a shorthand that means "one of these interfaces." as such, renderingcontext is an implementation detail, and isn't something web developers directly use.
..., renderingcontext is an implementation detail, and isn't something web developers directly use.
Report - Web APIs
Web › API › Report
n passed into the reportingobserver() constructor upon creation of a new observer instance.
...ortingobserver() constructor upon creation of a new observer instance.
...ort generated, e.g.
...ch takes the observer callback's reports parameter as its parameter: function displayreports(reports) { const outputelem = document.queryselector('.output'); const list = document.createelement('ul'); outputelem.appendchild(list); for(let i = 0; i < reports.length; i++) { let listitem = document.createelement('li'); let textnode = document.createtextnode('report ' + (i + 1) + ', type: ' + reports[i].type); listitem.appendchild(textnode); let innerlist = document.createelement('ul'); listitem.appendchild(innerlist); list.appendchild(listitem); for (let key in reports[i].body) { let innerlistitem = document.createelement('li'); let keyvalue = reports[i].body[key]; innerlistitem.textcontent = key + ': ' + keyvalue; innerlist.appendchi...
ReportingObserverOptions - Web APIs
the reportingobserveroptions dictionary of the reporting api allows options to be set in the constructor when creating a reportingobserver.
... the reportingobserveroptions dictionary of the reporting api allows options to be set in the constructor when creating a reportingobserver.
... the reportingobserveroptions dictionary of the reporting api allows options to be set in the constructor when creating a reportingobserver.
...or when creating a reportingobserver.
Reporting API - Web APIs
d using the reportingobserver() constructor, which is passed two parameters: a callback function that has available as parameters the reports available in the observer's report queue, and a copy of the same reportingobserver object, so observation can be controlled directly from inside the callback.
...(reportingobserver.disconnect()).
...api interfaces reportingobserver create reportingobserver instances using its constructor, which can then be used to collect and access reports.
...ndicated by a report.body property with a interventionreportbody return value.
SVGRenderingIntent - Web APIs
font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgrenderingintent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} warning: this interface was removed in the svg 2 specification.
..."consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgrenderingintent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} warning: this interface was removed in the svg 2 specification.
...chor="middle" alignment-baseline="middle">svgrenderingintent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} warning: this interface was removed in the svg 2 specification.
...ntent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} warning: this interface was removed in the svg 2 specification.
SVGTransformList - Web APIs
m removeitem(in unsigned long index) svgtransform appenditem(in svgtransform newitem) svgtransform createsvgtransformfrommatrix(in svgmatrix) svgtransform consolidate() properties readonly unsigned long numberofitems readonly unsigned long length normative document svg 1.1 (2nd edition) properties name type description numberofitems unsigned long the number of items in the list.
... into this list.
...vg_transform_matrix and whose values are the given matrix.
...nsform object for each transformation -- such as translate, rotate, and scale.
ServiceWorkerMessageEvent.ServiceWorkerMessageEvent() - Web APIs
important: in modern browsers, this property has been deprecated.
... important: in modern browsers, this property has been deprecated.
...important: in modern browsers, this property has been deprecated.
...res.
SourceBuffer - Web APIs
nt data from an arraybuffer or arraybufferview object to the sourcebuffer.
...er or arraybufferview object to the sourcebuffer.
...as written by nick desaulniers and can be viewed live here (you can also download the source for further investigation.) var video = document.queryselector('video'); var asseturl = 'frag_bunny.mp4'; // need to be specific for blink regarding codecs // ./mp4info frag_bunny.mp4 | grep codec var mimecodec = 'video/mp4; codecs="avc1.42e01e, mp4a.40.2"'; if ('mediasource' in window && mediasource.istypesupported(mimecodec)) { var mediasource = new mediasource(); //console.log(mediasource.readystate); // closed video.src = url.createobjecturl(mediasource); mediasource.addeventlistener('sourceopen', sourceopen); } else { console.error('unsupported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sour...
...rcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { 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 'sourcebuffer' in that specification.
Using readable streams - Web APIs
then(url => console.log(image.src = url)) .catch(err => console.error(err)); let’s look in detail at how read() is used.
...u as in the case of fetch, but sometimes you need to create a custom stream and populate it with your own chunks.
... that, when included, is called repeatedly until the stream’s internal queue is full.
...ce, meaning you can attach a reader to it.
SubtleCrypto.importKey() - Web APIs
details.
...parameters format is a string describing the data format of the key to import.
...key may be used in deriving bits.
...ng bits.
TextEncoder() - Web APIs
the textencoder() constructor returns a newly created utf-8 textencoder object.
... the textencoder() constructor returns a newly created utf-8 textencoder object.
...tor returns a newly created utf-8 textencoder object.
...t, since then both browers have removed support for any encoder type other than utf-8, to match the spec.
TrackEvent() - Web APIs
the trackevent() constructor creates and returns a new trackevent object describing an event which occurred on a list of tracks (audiotracklist, videotracklist, or texttracklist).
... the trackevent() constructor creates and returns a new trackevent object describing an event which occurred on a list of tracks (audiotracklist, videotracklist, or texttracklist).
... the trackevent() constructor creates and returns a new trackevent object describing an event which occurred on a list of tracks (audiotracklist, videotracklist, or texttracklist).
...ck event which is described by the object: "addtrack" or "removetrack".
TrackEvent - Web APIs
hich is part of the html dom specification, is used for events which represent changes to a set of available tracks on an html media element; these events are addtrack and removetrack.
...tracks are always sent to the videotracklist found in htmlmediaelement.videotracks events involving audio tracks are always sent to the audiotracklist specified in htmlmediaelement.audiotracks events affecting text tracks are sent to the texttracklist object indicated by htmlmediaelement.texttracks.
... constructor trackevent() creates and initializes a new trackevent object with the event type specified, as well as optional additional properties.
...ventlistener("removetrack", handletrackevent, false); function handletrackevent(event) { var trackkind; if (event.target instanceof(videotracklist)) { trackkind = "video"; } else if (event.target instanceof(audiotracklist)) { trackkind = "audio"; } else if (event.target instanceof(texttracklist)) { trackkind = "text"; } else { trackkind = "unknown"; } switch(event.type) { case "addtrack": console.log("added a " + trackkind + " track"); break; case "removetrack": console.log("removed a " + trackkind + " track"); break; } } the event handler uses the javascript instanceof operator to determine which type of track the event occurred on, then outputs to console a message indicating what kind of track it is and whether it's being ...
TreeWalker.whatToShow - Web APIs
the treewalker.whattoshow read-only property returns an unsigned long being a bitmask made of constants describing the types of node that must to be presented.
...n of other nodes, they do not appear when traversing over the document tree.
... appear when traversing over the document tree.
...otation node as its root; in this case, it means that the notation node will appear in the first position of the traversal.
UIEvent() - Web APIs
Web › API › UIEvent › UIEvent
the uievent() constructor creates a new uievent.
... the uievent() constructor creates a new uievent.
... the uievent() constructor creates a new uievent.
...vent(typearg [, uieventinit]) values typearg is a domstring representing the name of the event.
UIEvent.initUIEvent() - Web APIs
nt() method.
...fore it is dispatched, using eventtarget.dispatchevent().
...target.dispatchevent().
...ble up through the event chain or not.
USBEndpoint - Web APIs
to 15 extracted from the bendpointaddress field of the endpoint descriptor defining this endpoint.
...rom the bendpointaddress field of the endpoint descriptor defining this endpoint.
...ts there are cases where this must be discovered at runtime.
...ation.interfaces) { // only support devices with out multiple alternate interfaces.
WebGLRenderingContext.bufferData() - Web APIs
form feedback operations.
...k operations.
...var buffer = gl.createbuffer(); gl.bindbuffer(gl.array_buffer, buffer); gl.bufferdata(gl.array_buffer, 1024, gl.static_draw); getting buffer information to check the current buffer usage and buffer size, use the webglrenderingcontext.getbufferparameter() method.
...l.array_buffer, buffer); gl.bufferdata(gl.array_buffer, 1024, gl.static_draw); getting buffer information to check the current buffer usage and buffer size, use the webglrenderingcontext.getbufferparameter() method.
WebGLRenderingContext.getParameter() - Web APIs
r() method of the webgl api returns a value for the passed parameter name.
...r null null corresponds to a binding to the default framebuffer.
..._conversion_webgl glenum gl.unpack_flip_y_webgl glboolean gl.unpack_premultiply_alpha_webgl glboolean gl.vendor domstring gl.version domstring gl.viewport int32array (with 4 elements) webgl 2 you can query the following pname parameters when using a webgl2renderingcontext.
... gl.unpack_skip_images glint see pixelstorei.
WebGLRenderingContext.getVertexAttrib() - Web APIs
enabled: returns a glboolean that is true if the vertex attribute is enabled at this index.
...he vertex attribute is enabled at this index.
...turns a glint indicating the number of bytes between successive elements in the array.
... types are normalized for the vertex attribute array at the given index.
WebGLShader - Web APIs
the webglshader is part of the webgl api and can either be a vertex or a fragment shader.
...aders.
...der use webglrenderingcontext.createshader, then hook up the glsl source code using webglrenderingcontext.shadersource(), and finally invoke webglrenderingcontext.compileshader() to finish and compile the shader.
...e using webglrenderingcontext.shadersource(), and finally invoke webglrenderingcontext.compileshader() to finish and compile the shader.
Simple color animation - Web APIs
ion </button> body { text-align : center; } canvas { display : block; width : 280px; height : 210px; margin : auto; padding : 0; border : none; background-color : black; } button { display : inline-block; font-size : inherit; margin : auto; padding : 0.6em; } window.addeventlistener("load", function setupanimation (evt) { "use strict" window.removeeventlistener(evt.type, setupanimation, false); // a variable to hold a timer that drives the animation.
...stener("load", function setupanimation (evt) { "use strict" window.removeeventlistener(evt.type, setupanimation, false); // a variable to hold a timer that drives the animation.
..., startanimation, false); button.addeventlistener("click", stopanimation, false); verb.innerhtml="stop"; // setup animation loop by redrawing every second.
...e.
WebSocket.send() - Web APIs
Web › API › WebSocket › send
itted to the server over the websocket connection, increasing the value of bufferedamount by the number of bytes needed to contain the data.
...matically.
...d the underlying binary data used by a typed array object; its binary data contents are queued in the buffer, increasing the value of bufferedamount by the requisite number of bytes.
... that has unpaired surrogates.
Writing WebSocket client applications - Web APIs
s should use the url scheme wss://, although some software may allow you to use the insecure ws:// for local connections.
...dy thing you can do is use json to send reasonably complex data to the server.
...t.
... might receive, such as: login handshake message text user list updates the code that interprets these incoming messages might look like this: examplesocket.onmessage = function(event) { var f = document.getelementbyid("chatbox").contentdocument; var text = ""; var msg = json.parse(event.data); var time = new date(msg.date); var timestr = time.tolocaletimestring(); switch(msg.type) { case "id": clientid = msg.id; setusername(); break; case "username": text = "<b>user <em>" + msg.name + "</em> signed in at " + timestr + "</b><br>"; break; case "message": text = "(" + timestr + ") <b>" + msg.name + "</b>: " + msg.text + "<br>"; break; case "rejectusername": text = "<b>your username has been set to <em>" + msg.na...
Web Audio API - Web APIs
to audio, create audio visualizations, apply spatial effects (such as panning) and much more.
...'t use baseaudiocontext directly — you'd use its features via one of these two inheriting interfaces.
...ode the mediastreamaudiosourcenode interface represents an audio source consisting of a mediastream (such as a webcam, microphone, or a stream being sent from a remote computer).
...ace represents a non-linear distorter.
Using the Web Speech API - Web APIs
') + ' ;' the grammar format used is jspeech grammar format (jsgf) — you can find a lot more about it at the previous link to its spec.
...ss the html and css are again pretty trivial, simply containing a title, some instructions for use, and a form with some simple controls.
...some instructions for use, and a form with some simple controls.
...</h1> <p>enter some text in the input below and press return to hear it.
Web Workers API - Web APIs
age event's data property).
...ions, the browser, and the network (when available).
...tive offline experiences, intercept network requests and take appropriate action based on whether the network is available, and update assets residing on the server.
... to the running worker code.
Window: pageshow event - Web APIs
he page using the browser's forward or back buttons during the initial page load, the pageshow event fires after the load event.
...property onpageshow examples this example sets up event handlers for events listed in the array events.
...of event that occurred to the console, and includes the value of the persisted flag on pageshow and pagehide events.
...n pageshow and pagehide events.
Window - Web APIs
Web › API › Window
ge() constructor which creates a staticrange object.
...indow.setresizable() toggles a user's ability to resize a window.
...ecute every time a given number of milliseconds elapses.
...w.forward() moves the window one document forward in the history.
WindowOrWorkerGlobalScope.fetch() - Web APIs
fetch with the keepalive flag is a replacement for the navigator.sendbeacon() api.
....
... 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(); myheaders.append('content-type', 'image/jpeg'); const myinit = { method: 'get', headers: myheaders, mode: 'cors', cache: 'default' }; let myrequest = new request('flowers.jpg'); fetch(myrequest, myinit).then(function(response) { // ...
...rs', cache: 'default' }; let myrequest = new request('flowers.jpg'); fetch(myrequest, myinit).then(function(response) { // ...
XMLHttpRequest: abort event - Web APIs
the abort event is fired when a request has been aborted, for example because the program called xmlhttprequest.abort().
...uest has been aborted, for example because the program called xmlhttprequest.abort().
... bubbles no cancelable no interface progressevent event handler property onabort examples live example html <div class="controls"> <input class="xhr success" type="button" name="xhr" value="click to start xhr (success)" /> <input class="xhr error" type="button" name="xhr" value="click to start xhr (error)" /> <input class="xhr abort" type="button" name="xhr" value="click to start xhr (abort)" /> </div> <textarea readonly class="event-log"></textarea> css .event-log { width: 25rem; height: 4rem; border: 1px solid black; margin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document.queryselector('.xhr.success'); const xhrbuttonerror = document.querys...
...argin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document.queryselector('.xhr.success'); const xhrbuttonerror = document.queryselector('.xhr.error'); const xhrbuttonabort = document.queryselector('.xhr.abort'); const log = document.queryselector('.event-log'); function handleevent(e) { log.textcontent = log.textcontent + `${e.type}: ${e.loaded} bytes transferred\n`; } function addlisteners(xhr) { xhr.addeventlistener('loadstart', handleevent); xhr.addeventlistener('load', handleevent); xhr.addeventlistener('loadend', handleevent); xhr.addeventlistener('progress', handleevent); xhr.addeventlistener('error', handleevent); xhr.addeventlistener('abort', handleevent); } function runxhr(url) { log.t...
XMLHttpRequest: error event - Web APIs
the error event is fired when the request encountered an error.
... the error event is fired when the request encountered an error.
... bubbles no cancelable no interface progressevent event handler property onerror examples live example html <div class="controls"> <input class="xhr success" type="button" name="xhr" value="click to start xhr (success)" /> <input class="xhr error" type="button" name="xhr" value="click to start xhr (error)" /> <input class="xhr abort" type="button" name="xhr" value="click to start xhr (abort)" /> </div> <textarea readonly class="event-log"></textarea> css .event-log { width: 25rem; height: 4rem; border: 1px solid black; margin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document.queryselector('.xhr.success'); const xhrbuttonerror = document.querys...
...argin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document.queryselector('.xhr.success'); const xhrbuttonerror = document.queryselector('.xhr.error'); const xhrbuttonabort = document.queryselector('.xhr.abort'); const log = document.queryselector('.event-log'); function handleevent(e) { log.textcontent = log.textcontent + `${e.type}: ${e.loaded} bytes transferred\n`; } function addlisteners(xhr) { xhr.addeventlistener('loadstart', handleevent); xhr.addeventlistener('load', handleevent); xhr.addeventlistener('loadend', handleevent); xhr.addeventlistener('progress', handleevent); xhr.addeventlistener('error', handleevent); xhr.addeventlistener('abort', handleevent); } function runxhr(url) { log.t...
XMLHttpRequest: load event - Web APIs
the load event is fired when an xmlhttprequest transaction completes successfully.
... the load event is fired when an xmlhttprequest transaction completes successfully.
... bubbles no cancelable no interface progressevent event handler property onload examples live example html <div class="controls"> <input class="xhr success" type="button" name="xhr" value="click to start xhr (success)" /> <input class="xhr error" type="button" name="xhr" value="click to start xhr (error)" /> <input class="xhr abort" type="button" name="xhr" value="click to start xhr (abort)" /> </div> <textarea readonly class="event-log"></textarea> css .event-log { width: 25rem; height: 4rem; border: 1px solid black; margin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document.queryselector('.xhr.success'); const xhrbuttonerror = document.querys...
...argin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document.queryselector('.xhr.success'); const xhrbuttonerror = document.queryselector('.xhr.error'); const xhrbuttonabort = document.queryselector('.xhr.abort'); const log = document.queryselector('.event-log'); function handleevent(e) { log.textcontent = log.textcontent + `${e.type}: ${e.loaded} bytes transferred\n`; } function addlisteners(xhr) { xhr.addeventlistener('loadstart', handleevent); xhr.addeventlistener('load', handleevent); xhr.addeventlistener('loadend', handleevent); xhr.addeventlistener('progress', handleevent); xhr.addeventlistener('error', handleevent); xhr.addeventlistener('abort', handleevent); } function runxhr(url) { log.t...
XMLHttpRequest: loadend event - Web APIs
the loadend event is fired when a request has completed, whether successfully (after load) or unsuccessfully (after abort or error).
...pleted, whether successfully (after load) or unsuccessfully (after abort or error).
... bubbles no cancelable no interface progressevent event handler property onloadend examples live example html <div class="controls"> <input class="xhr success" type="button" name="xhr" value="click to start xhr (success)" /> <input class="xhr error" type="button" name="xhr" value="click to start xhr (error)" /> <input class="xhr abort" type="button" name="xhr" value="click to start xhr (abort)" /> </div> <textarea readonly class="event-log"></textarea> css .event-log { width: 25rem; height: 4rem; border: 1px solid black; margin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document.queryselector('.xhr.success'); const xhrbuttonerror = document.querys...
...argin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document.queryselector('.xhr.success'); const xhrbuttonerror = document.queryselector('.xhr.error'); const xhrbuttonabort = document.queryselector('.xhr.abort'); const log = document.queryselector('.event-log'); function handleevent(e) { log.textcontent = log.textcontent + `${e.type}: ${e.loaded} bytes transferred\n`; } function addlisteners(xhr) { xhr.addeventlistener('loadstart', handleevent); xhr.addeventlistener('load', handleevent); xhr.addeventlistener('loadend', handleevent); xhr.addeventlistener('progress', handleevent); xhr.addeventlistener('error', handleevent); xhr.addeventlistener('abort', handleevent); } function runxhr(url) { log.t...
XMLHttpRequest: loadstart event - Web APIs
the loadstart event is fired when a request has started to load data.
... the loadstart event is fired when a request has started to load data.
...bubbles no cancelable no interface progressevent event handler property onloadstart examples live example html <div class="controls"> <input class="xhr success" type="button" name="xhr" value="click to start xhr (success)" /> <input class="xhr error" type="button" name="xhr" value="click to start xhr (error)" /> <input class="xhr abort" type="button" name="xhr" value="click to start xhr (abort)" /> </div> <textarea readonly class="event-log"></textarea> css .event-log { width: 25rem; height: 4rem; border: 1px solid black; margin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document.queryselector('.xhr.success'); const xhrbuttonerror = document.querys...
...argin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document.queryselector('.xhr.success'); const xhrbuttonerror = document.queryselector('.xhr.error'); const xhrbuttonabort = document.queryselector('.xhr.abort'); const log = document.queryselector('.event-log'); function handleevent(e) { log.textcontent = log.textcontent + `${e.type}: ${e.loaded} bytes transferred\n`; } function addlisteners(xhr) { xhr.addeventlistener('loadstart', handleevent); xhr.addeventlistener('load', handleevent); xhr.addeventlistener('loadend', handleevent); xhr.addeventlistener('progress', handleevent); xhr.addeventlistener('error', handleevent); xhr.addeventlistener('abort', handleevent); } function runxhr(url) { log.t...
XMLHttpRequest: progress event - Web APIs
the progress event is fired periodically when a request receives more data.
... the progress event is fired periodically when a request receives more data.
... bubbles no cancelable no interface progressevent event handler property onprogress examples live example html <div class="controls"> <input class="xhr success" type="button" name="xhr" value="click to start xhr (success)" /> <input class="xhr error" type="button" name="xhr" value="click to start xhr (error)" /> <input class="xhr abort" type="button" name="xhr" value="click to start xhr (abort)" /> </div> <textarea readonly class="event-log"></textarea> css .event-log { width: 25rem; height: 4rem; border: 1px solid black; margin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document.queryselector('.xhr.success'); const xhrbuttonerror = document.querys...
...argin: .5rem; padding: .2rem; } input { width: 11rem; margin: .5rem; } js const xhrbuttonsuccess = document.queryselector('.xhr.success'); const xhrbuttonerror = document.queryselector('.xhr.error'); const xhrbuttonabort = document.queryselector('.xhr.abort'); const log = document.queryselector('.event-log'); function handleevent(e) { log.textcontent = log.textcontent + `${e.type}: ${e.loaded} bytes transferred\n`; } function addlisteners(xhr) { xhr.addeventlistener('loadstart', handleevent); xhr.addeventlistener('load', handleevent); xhr.addeventlistener('loadend', handleevent); xhr.addeventlistener('progress', handleevent); xhr.addeventlistener('error', handleevent); xhr.addeventlistener('abort', handleevent); } function runxhr(url) { log.t...
XMLHttpRequest.send() - Web APIs
is synchronous, this method doesn't return until the response has arrived.
...this method doesn't return until the response has arrived.
..., a default value of null is used.
...hr.open('get', '/server', true); xhr.onload = function () { // request finished.
XPathResult.invalidIteratorState - Web APIs
the read-only invaliditeratorstate property of the xpathresult interface signifies that the iterator has become invalid.
... the read-only invaliditeratorstate property of the xpathresult interface signifies that the iterator has become invalid.
... the read-only invaliditeratorstate property of the xpathresult interface signifies that the iterator has become invalid.
...tax var iteratorstate = result.invaliditeratorstate; return value a boolean value indicating whether the iterator has become invalid.
XRInputSourcesChangeEvent() - Web APIs
the xrinputsourceschangeevent() constructor creates and returns a new xrinputsourceschangeevent object, representing an update to the list of available webxr input devices.
... the xrinputsourceschangeevent() constructor creates and returns a new xrinputsourceschangeevent object, representing an update to the list of available webxr input devices.
...t() constructor creates and returns a new xrinputsourceschangeevent object, representing an update to the list of available webxr input devices.
...entinitdict); parameters type a domstring indicating the type of event which has occurred.
XRReferenceSpaceEvent() - Web APIs
the xrreferencespaceevent() constructor is used to create a new xrreferencespaceevent object, which represents an event regarding the state of a webxr reference space object, xrreferencespace.
... the xrreferencespaceevent() constructor is used to create a new xrreferencespaceevent object, which represents an event regarding the state of a webxr reference space object, xrreferencespace.
... the xrreferencespaceevent() constructor is used to create a new xrreferencespaceevent object, which represents an event regarding the state of a webxr reference space object, xrreferencespace.
... the xrreferencespaceevent() constructor is used to create a new xrreferencespaceevent object, which represents an event regarding the state of a webxr reference space object, xrreferencespace.
msCapsLockWarningOff - Web APIs
it will not work for every user.
...operty turns automatic caps lock warning on or off for validated password input fields.
...the caps lock is on.
... if (document.mscapslockwarningoff == false) { document.mscapslockwarningoff = true; document.getelementbyid("caps").innerhtml = "warning off"; } else { document.mscapslockwarningoff = false; document.getelementbyid("caps").innerhtml = "warning on"; } } </script> </head> <body> <label>type a password: <input type="password" /></label><br /> <button id="caps" onclick="capsoff();">warning off</button> </body> </html> ...
ARIA Test Cases - Accessibility
documenting and filing bugs review the information on how to file a bug on an aria implementation.
... n/a - fail window-eyes - - - - nvda - n/a - - zoom (leopard) pass n/a pass pass zoom (leopard) pass n/a pass pass zoomtext fail- announced as 'alert' pass - - orca - - - - button basic button button with description dojo nightly build -- lots of other types of buttons there as well.
... - - orca - - - - checkbox simple checkbox testcases: set aria-checked="false" for unchecked both remove or set attribute for unchecked case -- also includes an invalid and required checkbox hierarchical (newly added test not in test results yet) dojo nightly build expected at behavior: screen reader should speak the accessible name followed by both the type being checkbox and the state (checked, unchecked).
...pected at behavior: screen reader should announce the fact that this is a control supporting autocomplete.
ARIA: form role - Accessibility
n the form is submitted.
...chanism, for example with xmlhttprequest.
...username">username</label> <input id="username" name="username" autocomplete="nickname" autocorrect="off" type="text"> <label for="email">email</label> <input id="email" name="email" autocomplete="email" autocapitalize="off" autocorrect="off" spellcheck="false" type="text"> <label for="comment">comment</label> <textarea id="comment" name="comment"></textarea> <input value="comment" type="submit"> </div> it is recommended to use <form> instead.
...assitive technology user to be able to quickly understand the purpose of the form landmark.
ARIA: search role - Accessibility
technology to quickly identify and navigate to large sections of the document.
..., as a whole, combine to create search functionality.
...the search role instead of form.
...xample of this would be repeating the sitewide search at the top and bottom of the page.
::-moz-color-swatch - CSS: Cascading Style Sheets
the ::-moz-color-swatch css pseudo-element is a mozilla extension that represents the color selected in an <input> of type="color".
... the ::-moz-color-swatch css pseudo-element is a mozilla extension that represents the color selected in an <input> of type="color".
... the ::-moz-color-swatch css pseudo-element is a mozilla extension that represents the color selected in an <input> of type="color".
... the ::-moz-color-swatch css pseudo-element is a mozilla extension that represents the color selected in an <input> of type="color".
::-moz-range-progress - CSS: Cascading Style Sheets
the ::-moz-range-progress css pseudo-element is a mozilla extension that represents the lower portion of the track (i.e., groove) in which the indicator slides in an <input> of type="range".
... the ::-moz-range-progress css pseudo-element is a mozilla extension that represents the lower portion of the track (i.e., groove) in which the indicator slides in an <input> of type="range".
...esents the lower portion of the track (i.e., groove) in which the indicator slides in an <input> of type="range".
...indicator slides in an <input> of type="range".
::-moz-range-thumb - CSS: Cascading Style Sheets
the ::-moz-range-thumb css pseudo-element is a mozilla extension that represents the thumb (i.e., virtual knob) of an <input> of type="range".
... the ::-moz-range-thumb css pseudo-element is a mozilla extension that represents the thumb (i.e., virtual knob) of an <input> of type="range".
... the ::-moz-range-thumb css pseudo-element is a mozilla extension that represents the thumb (i.e., virtual knob) of an <input> of type="range".
...ion that represents the thumb (i.e., virtual knob) of an <input> of type="range".
::-moz-range-track - CSS: Cascading Style Sheets
the ::-moz-range-track css pseudo-element is a mozilla extension that represents the track (i.e., groove) in which the indicator slides in an <input> of type="range".
... the ::-moz-range-track css pseudo-element is a mozilla extension that represents the track (i.e., groove) in which the indicator slides in an <input> of type="range".
... the ::-moz-range-track css pseudo-element is a mozilla extension that represents the track (i.e., groove) in which the indicator slides in an <input> of type="range".
... ::-moz-range-track css pseudo-element is a mozilla extension that represents the track (i.e., groove) in which the indicator slides in an <input> of type="range".
:enabled - CSS: Cascading Style Sheets
Web › CSS › :enabled
the :enabled css pseudo-class represents any enabled element.
...ated or accept focus.
... the following example makes the color of text and button <input>s green when enabled, and gray when disabled.
... enabled, and gray when disabled.
:indeterminate - CSS: Cascading Style Sheets
any form element whose state is indeterminate, such as checkboxes which have their html indeterminate attribute set to true, radio buttons which are members of a group in which all radio buttons are unchecked, and indeterminate <progress> elements.
...terminate attribute set to true, radio buttons which are members of a group in which all radio buttons are unchecked, and indeterminate <progress> elements.
...x"> elements whose indeterminate property is set to true by javascript <input type="radio"> elements, when all radio buttons with the same name value in the form are unchecked <progress> elements in an indeterminate state syntax :indeterminate examples checkbox & radio button this example applies special styles to the labels associated with indeterminate form fields.
...adio buttons with the same name value in the form are unchecked <progress> elements in an indeterminate state syntax :indeterminate examples checkbox & radio button this example applies special styles to the labels associated with indeterminate form fields.
:is() (:matches(), :any()) - CSS: Cascading Style Sheets
Web › CSS › :is
er { color: red; cursor: pointer; } :-moz-any(header, main, footer) p:hover { color: red; cursor: pointer; } :matches(header, main, footer) p:hover { color: red; cursor: pointer; } syntax :is( <complex-selector-list> )where <complex-selector-list> = <complex-selector>#where <complex-selector> = <compound-selector> [ <combinator>?
...oter) p:hover { color: red; cursor: pointer; } syntax :is( <complex-selector-list> )where <complex-selector-list> = <complex-selector>#where <complex-selector> = <compound-selector> [ <combinator>?
...l ul dir, ul menu dir, ul dir dir, menu ol ul, menu ul ul, menu menu ul, menu dir ul, menu ol menu, menu ul menu, menu menu menu, menu dir menu, menu ol dir, menu ul dir, menu menu dir, menu dir dir, dir ol ul, dir ul ul, dir menu ul, dir dir ul, dir ol menu, dir ul menu, dir menu menu, dir dir menu, dir ol dir, dir ul dir, dir menu dir, dir dir dir { list-style-type: square; } ...
...ir ul, dir ol menu, dir ul menu, dir menu menu, dir dir menu, dir ol dir, dir ul dir, dir menu dir, dir dir dir { list-style-type: square; } ...
:nth-child() - CSS: Cascading Style Sheets
r step size, b is an integer offset, n is all positive integers, starting from 0.
...syntax :nth-child( <nth> [ of <complex-selector-list> ]?
...3> <p>children 1, 5, and 7 are selected.<br> 3 is used in the counting because it is a child, but it isn't selected because it isn't a <code>&lt;span&gt;</code>.</p> <div class="second"> <span>span!</span> <span>span</span> <em>this is an `em`.</em> <span>span</span> <span>span!</span> <span>span</span> <span>span!</span> <span>span</span> </div> <br> <h3><code>span:nth-of-type(2n+1)</code>, with an <code>&lt;em&gt;</code> among the child elements.</h3> <p>children 1, 4, 6, and 8 are selected.<br> 3 isn't used in the counting or selected because it is an <code>&lt;em&gt;</code>, not a <code>&lt;span&gt;</code>, and <code>nth-of-type</code> only selects children of that type.
...pan!</span> <span>span</span> <em>this is an `em`.</em> <span>span!</span> <span>span</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.
font-stretch - CSS: Cascading Style Sheets
rcentage> a <percentage> value between 50% and 200% (inclusive).
... <percentage> value between 50% and 200% (inclusive).
...nded 150% ultra-expanded 200% variable fonts most fonts have a particular width which corresponds to one of the keyterm values.
... ultra-expanded 200% variable fonts most fonts have a particular width which corresponds to one of the keyterm values.
any-pointer - CSS: Cascading Style Sheets
e value can match if the available devices have different characteristics, although none only matches when none of them are pointing devices.
...tics, although none only matches when none of them are pointing devices.
...is example creates a small checkbox for users with at least one fine pointer and a large checkbox for users with at least one coarse pointer.
...e small one.
border-image-slice - CSS: Cascading Style Sheets
ed to match the top and left image regions, respectively.
...d left image regions, respectively.
... border-width: changes the width of the border.
...somewhat pixellated (unless of course you use an svg image).
<color> - CSS: Cascading Style Sheets
the <color> css data type represents a color in the srgb color space.
... color should composite with its background.
...ue or transparent) using the rgb cubic-coordinate system (via the #-hexadecimal or the rgb() and rgba() functional notations) using the hsl cylindrical-coordinate system (via the hsl() and hsla() functional notations) note: this article describes the <color> data type in detail.
...e only means of conveying a specific message, action, or result.
content - CSS: Cascading Style Sheets
Web › CSS › content
he pseudo-element is not generated.
...success criterion 1.3.1 | w3c understanding wcag 2.0 formal definition initial valuenormalapplies to::before and ::after pseudo-elementsinheritednocomputed valueon elements, always computes to normal.
...ring> ]?where <content-replacement> = <image><content-list> = [ <string> | contents | <image> | <quote> | <target> | <leader()> ]+where <image> = <url> | <image()> | <image-set()> | <element()> | <paint()> | <cross-fade()> | <gradient><quote> = open-quote | close-quote | no-open-quote | no-close-quote<target> = <target-counter()> | <target-counters()> | <target-text()><leader()> = leader( <leader-type> )where <image()> = image( <image-tags>?
...ar-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()><target-counter()> = target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>?
cursor - CSS: Cascading Style Sheets
Web › CSS › cursor
the cursor css property sets the type of mouse cursor, if any, to show when the mouse pointer is over an element.
...cifies two images using <url> values, providing <x><y> coordinates for the second one, and falling back to the progress keyword value if neither image can be loaded: cursor: url(one.svg), url(two.svg) 5 5, progress; values <url> a url(…) or a comma separated list url(…), url(…), …, pointing to an image file.
...tions for cursor, individual user agents may choose to do so.
...lt | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | 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.
<filter-function> - CSS: Cascading Style Sheets
the <filter-function> css data type represents a graphical effect that can change the appearance of an input image.
... the <filter-function> css data type represents a graphical effect that can change the appearance of an input image.
......
... <select id="filter-select"> <option selected>blur</option> <option>brightness</option> <option>contrast</option> <option>drop-shadow</option> <option>grayscale</option> <option>hue-rotate</option> <option>invert</option> <option>opacity</option> <option>saturate</option> <option>sepia</option> </select> </li> <li> <input type="range"><output></output> </li> <li> <p>current value: <code></code></p> </li> </ul> css div { width: 300px; height: 300px; background: url(https://media.prod.mdn.mozit.cloud/attachments/2020/07/29/17350/3b4892b7e820122ac6dd7678891d4507/firefox.png) no-repeat center; } li { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } input { wi...
font-family - CSS: Cascading Style Sheets
et author's intent when none of the specified fonts are available.
...", "lucida sans", "lucida sans unicode", "trebuchet ms", "liberation sans", "nimbus sans l", sans-serif.
... handwriting", "apple chancery", cursive.
...-serif; font-family: red/black, sans-serif; font-family: "lucida" grande, sans-serif; font-family: ahem!, sans-serif; font-family: test@foo, sans-serif; font-family: #pound, sans-serif; font-family: hawaii 5-0, sans-serif; formal definition initial valuedepends on user agentapplies toall elements.
ime-mode - CSS: Cascading Style Sheets
Web › CSS › ime-mode
ed through it unless the user specifically dismisses it.
...activated by the user.
...following css into their user stylesheet: input[type=password] { ime-mode: auto !important; } the mac version of gecko 1.9 (firefox 3) can't recover the previous state of the ime when a field for which it is disabled loses focus, so mac users may get grumpy when you use the disabled value.
...on initial valueautoapplies totext fieldsinheritednocomputed valueas specifiedanimation typediscrete formal syntax auto | normal | active | inactive | disabled examples disabling input method support this example disables input method support for a form field.
<length> - CSS: Cascading Style Sheets
Web › CSS › length
the <length> css data type represents a distance value.
...data type represents a distance value.
...54cm = 96px.
...nit comparison the following demo provides you with an input field in which you can enter a <length> value (e.g.
scroll-margin-inline-end - CSS: Cascading Style Sheets
tax /* <length> values */ scroll-margin-inline-end: 10px; scroll-margin-inline-end: 1em; /* global values */ scroll-margin-inline-end: inherit; scroll-margin-inline-end: initial; scroll-margin-inline-end: unset; values <length> an outset from the inline end edge of the scroll container.
...s */ scroll-margin-inline-end: 10px; scroll-margin-inline-end: 1em; /* global values */ scroll-margin-inline-end: inherit; scroll-margin-inline-end: initial; scroll-margin-inline-end: unset; values <length> an outset from the inline end edge of the scroll container.
...ck.
... through the css.
scroll-margin-inline-start - CSS: Cascading Style Sheets
gth> values */ scroll-margin-inline-start: 10px; scroll-margin-inline-start: 1em; /* global values */ scroll-margin-inline-start: inherit; scroll-margin-inline-start: initial; scroll-margin-inline-start: unset; values <length> an outset from the inline start edge of the scroll container.
...margin-inline-start: 10px; scroll-margin-inline-start: 1em; /* global values */ scroll-margin-inline-start: inherit; scroll-margin-inline-start: initial; scroll-margin-inline-start: unset; values <length> an outset from the inline start edge of the scroll container.
...ck.
... through the css.
scroll-margin-inline - CSS: Cascading Style Sheets
outsets defining the scroll snap area that is used for snapping this box to the snapport.
...scroll snap area that is used for snapping this box to the snapport.
...ck.
... through the css.
scroll-margin - CSS: Cascading Style Sheets
outsets defining the scroll snap area that is used for snapping this box to the snapport.
...scroll snap area that is used for snapping this box to the snapport.
...ck.
... through the css.
<shape> - CSS: Cascading Style Sheets
Web › CSS › shape
the <shape> css data type defines the specific form (shape) of a region.
... the <shape> css data type defines the specific form (shape) of a region.
... the <shape> css data type defines the specific form (shape) of a region.
... for the right of the rectangle relative to the left border of the element's box.
<url> - CSS: Cascading Style Sheets
Web › CSS › url
the <url> css data type denotes a pointer to a resource, such as an image or a font.
... the <url> css data type denotes a pointer to a resource, such as an image or a font.
...simply identifies a resource.
...) was extended to describe any uri, whether a url or a urn.
DOM onevent handlers - Developer guides
on-interactive (such as the base <body> element).
...on.
...specification.
...etecting the presence of event handler properties you can detect the presence of an event handler property with the javascript in operator.
Event developer guide - Developer guides
Web › Guide › Events
events refers both to a design pattern used for the asynchronous handling of various incidents which occur in the lifetime of a web page and to the naming, characterization, and use of a large number of incidents of different types.
... events refers both to a design pattern used for the asynchronous handling of various incidents which occur in the lifetime of a web page and to the naming, characterization, and use of a large number of incidents of different types.
...he lifetime of a web page and to the naming, characterization, and use of a large number of incidents of different types.
...in the downloading, parsing, and rendering of the web page for display to the user.
Making content editable - Developer guides
the preferences shown below using about:config: user_pref("capability.policy.policynames", "allowclipboard"); user_pref("capability.policy.allowclipboard.sites", "https://www.mozilla.org"); user_pref("capability.policy.allowclipboard.clipboard.cutcopy", "allaccess"); user_pref("capability.policy.allowclipboard.clipboard.paste", "allaccess"); example: a simple but complete rich text editor <!doctype html> <html> <head> <title>rich text editor</title> <script type="text/javascript"> var odoc, sdeftxt; function initdoc() { odoc = document.getelementbyid("textbox"); sdeftxt = odoc.innerhtml; if (document.compform.switchmode.checked) { setdocmode(true); } } function formatdoc(scmd, svalue) { if (validatemode()) { document.execcommand(scmd, false, svalue); odoc.focus(); } } function va...
...ontent.selectnodecontents(odoc.firstchild); odoc.innerhtml = ocontent.tostring(); } odoc.contenteditable = true; } odoc.focus(); } function printdoc() { if (!validatemode()) { return; } var oprntwin = window.open("","_blank","width=450,height=470,left=400,top=100,menubar=yes,toolbar=no,location=no,scrollbars=yes"); oprntwin.document.open(); oprntwin.document.write("<!doctype html><html><head><title>print<\/title><\/head><body onload=\"print();\">" + odoc.innerhtml + "<\/body><\/html>"); oprntwin.document.close(); } </script> <style type="text/css"> .intlink { cursor: pointer; } img.intlink { border: 0; } #toolbar1 select { font-size:10px; } #textbox { width: 540px; height: 200px; border: 1px #000000 solid; padding: 12px; overflow: scroll; } #textbox #sour...
...0px; border: 1px #000000 solid; padding: 12px; overflow: scroll; } #textbox #sourcetext { padding: 0; margin: 0; min-width: 498px; min-height: 200px; } #editmode label { cursor: pointer; } </style> </head> <body onload="initdoc();"> <form name="compform" method="post" action="sample.php" onsubmit="if(validatemode()){this.mydoc.value=odoc.innerhtml;return true;}return false;"> <input type="hidden" name="mydoc"> <div id="toolbar1"> <select onchange="formatdoc('formatblock',this[this.selectedindex].value);this.selectedindex=0;"> <option selected>- formatting -</option> <option value="h1">title 1 &lt;h1&gt;</option> <option value="h2">title 2 &lt;h2&gt;</option> <option value="h3">title 3 &lt;h3&gt;</option> <option value="h4">title 4 &lt;h4&gt;</option> <option value="h5">title 5 &l...
.../i1+3yitha7prkiphvbups+/fvrvv8/f///////////////////////////////////////////////yh5baeaab8alaaaaaawabyaaawn4ceozgmeakqubgsuspvbsyfjjvds6njlb0khr4akbcmfscgbqaocwjf5gwquvyksfbwze+awibv0ghfog2ewidchjwriqo9e2fx4xd5r+b0ddaenbxbhbhn2dgwdaqfjjyvhcqyrfgoidgiqjawtcqmriwwmfgicnvcaaamoak+blaortluyt7i5uiuhads=" /> </div> <div id="textbox" contenteditable="true"><p>lorem ipsum</p></div> <p id="editmode"><input type="checkbox" name="switchmode" id="switchbox" onchange="setdocmode(this.checked);" /> <label for="switchbox">show html</label></p> <p><input type="submit" value="send" /></p> </form> </body> </html> note: if you want to see how to standardize the creation and the insertion of your editor in your page, please see our more complete rich-text editor example.
HTML attribute: size - HTML: Hypertext Markup Language
Web › HTML › Attributes › size
the size attribute defines the width of the <input> and the height of the <select> element.
...acters.
...ser agent.
...dence.
<fieldset>: The Field Set element - HTML: Hypertext Markup Language
Web › HTML › Element › fieldset
l be a flex formatting context.
..." id="radio"> <label for="radio">spirit of radio</label> </fieldset> </form> disabled fieldset this example shows a disabled <fieldset> with two controls inside it.
...disabled fieldset this example shows a disabled <fieldset> with two controls inside it.
...ple shows a disabled <fieldset> with two controls inside it.
<img>: The Image Embed element - HTML: Hypertext Markup Language
Web › HTML › Element › img
oesn't list what image formats to support, so each user agent supports different formats.
...tes.
... an inline formatting context with vertical-align: baseline, the bottom of the image will be placed on the text baseline.
...m of the image will be placed on the text baseline.
<meta>: The Document-level Metadata element - HTML: Hypertext Markup Language
Web › HTML › Element › meta
the end tag must not be present.
... http-equiv defines a pragma directive.
... content-security-policy allows page authors to define a content policy for the current page.
...o define a content policy for the current page.
HTML: Hypertext Markup Language
Web › HTML
ust still permit these attributes, even though those elements make the document html5-noncompliant.
...utes, even though those elements make the document html5-noncompliant.
...el elements html elements are usually "inline" or "block-level" elements.
...ments.
Choosing between www and non-www URLs - HTTP
directs in this case, you need to configure the server receiving the http requests (which is most likely the same for www and non-www urls) to respond with an adequate http 301 response to any request to the non-canonical domain.
... <link href="http://example.org/whaddup" rel="canonical"> unlike the previous case, browser history will consider non-www and www urls as independent entries.
...the previous case, browser history will consider non-www and www urls as independent entries.
...ependent entries.
Browser detection using the user agent - HTTP
dware (32 or 64 bits, or intel/ppc for mac).
... the future, one should use them only in conjunction with the detection of already released browsers.
...ready released browsers.
... determine which type of device the browser runs on.
Content negotiation - HTTP
ent makes the choice, the server choice is always somewhat arbitrary.
...t is quite verbose (http/2 header compression mitigates this problem) and a privacy risk (http fingerprinting) as several representations of a given resource are sent, shared caches are less efficient and server implementations are more complex.
...sentations of a given resource are sent, shared caches are less efficient and server implementations are more complex.
... the headers must be done on every request.
Accept-Charset - HTTP
the accept-charset request http header advertises which character encodings the client understands.
...d allow fingerprinting.
...iso-8859-1.
...upported and the overwhelmingly preferred character encoding.
Accept-Language - HTTP
ternet cafe in a different country); the user may also want to visit a page in another language than the locale of their user interface.
... user experience, this is rarely done and more common way is to ignore the accept-language header in this case.
...accept-language: fr-ch, fr;q=0.9, en;q=0.8, de;q=0.7, *;q=0.5 directives <language> a language tag (which is sometimes referred to as a "locale identifier").
...ectives <language> a language tag (which is sometimes referred to as a "locale identifier").
Clear-Site-Data - HTTP
the clear-site-data header clears browsing data (cookies, storage, cache) associated with the requesting website.
... the clear-site-data header clears browsing data (cookies, storage, cache) associated with the requesting website.
...strations (for each service worker registration, execute serviceworkerregistration.unregister), appcache, websql databases, filesystem api data, plugin data (flash via npp_clearsitedata).
...rviceworkerregistration.unregister), appcache, websql databases, filesystem api data, plugin data (flash via npp_clearsitedata).
CSP: form-action - HTTP
t-security-policy (csp) form-action directive restricts the urls which can be used as the target of a form submissions from a given context.
...ws blob: uris to be used as a content source.
...et content-security-policy "form-action 'none'; </ifmodule> nginx configuration add_header content-security-policy "form-action 'none';" violation case using a <form> element with an action set to inline javascript will result in a csp violation.
...> nginx configuration add_header content-security-policy "form-action 'none';" violation case using a <form> element with an action set to inline javascript will result in a csp violation.
CSP: navigate-to - HTTP
any means including <form> (if form-action is not specified), <a>, window.location, window.open, etc.
...ws blob: uris to be used as a content source.
...ed in the violation report.
...ation <meta http-equiv="content-security-policy" content="navigate-to 'none'"> violation case using a <form> element with an action set to inline javascript will result in a csp violation.
CSP: object-src - HTTP
the http content-security-policy object-src directive specifies valid sources for the <object>, <embed>, and <applet> elements.
... the http content-security-policy object-src directive specifies valid sources for the <object>, <embed>, and <applet> elements.
..., use the plugin-types directive.
...ws blob: uris to be used as a content source.
CSP: style-src - HTTP
the http content-security-policy (csp) style-src directive specifies valid sources for stylesheets.
...ws blob: uris to be used as a content source.
...tespace.
...ttribute directly, or by setting csstext: document.queryselector('div').setattribute('style', 'display:none;'); document.queryselector('div').style.csstext = 'display:none;'; however, styles properties that are set directly on the element's style property will not be blocked, allowing users to safely manipulate styles via javascript: document.queryselector('div').style.display = 'none'; these types of manipulations can be prevented by disallowing javascript via the script-src csp directive.
OPTIONS - HTTP
Web › HTTP › Methods › OPTIONS
ceptable to send the request.
...st is sent, it will have the x-pingother and content-type headers.
...foo.example origin is permitted to request the bar.example/resources/post-here/ url via the following: access-control-allow-methods post, get, and options are permitted methods for the url.
...mitted to read the values of the x-pingother and content-type headers.
Functions - JavaScript
program, if it is declared at the top level).
...e complex than the code above.
...e general strategy for setting defaults was to test parameter values in the body of the function and assign a value if they are undefined.
....
Assertions - JavaScript
assertions include boundaries, which indicate the beginnings and endings of lines and words, and other patterns indicating in some way that a match is possible (including look-ahead, look-behind, and conditional expressions).
... assertions include boundaries, which indicate the beginnings and endings of lines and words, and other patterns indicating in some way that a match is possible (including look-ahead, look-behind, and conditional expressions).
...e "oon" is the end of the string, thus not followed by a word character.
...nor "tom" is part of the match results.
JavaScript technologies overview - JavaScript
ecma tc39 committee as a language named ecmascript.
...39 committee as a language named ecmascript.
...rds, control flow, object literal initialization, ...) error handling mechanisms (throw, try...catch, ability to create user-defined error types) types (boolean, number, string, function, object, ...) the global object.
... try...catch, ability to create user-defined error types) types (boolean, number, string, function, object, ...) the global object.
RangeError: radix must be an integer - JavaScript
the javascript exception "radix must be an integer at least 2 and no greater than 36" occurs when the optional radix parameter of the number.prototype.tostring() or the bigint.prototype.tostring() method was specified and is not between 2 and 36.
...least 2 and no greater than 36" occurs when the optional radix parameter of the number.prototype.tostring() or the bigint.prototype.tostring() method was specified and is not between 2 and 36.
...er.prototype.tostring() or the bigint.prototype.tostring() method was specified and is not between 2 and 36.
...nt.prototype.tostring() method was specified and is not between 2 and 36.
Array.isArray() - JavaScript
// false array.isarray(undefined); // false syntax array.isarray(value) parameters value the value to be checked.
...therwise, false is.
...not natively available.
...rray.isarray = function(arg) { return object.prototype.tostring.call(arg) === '[object array]'; }; } examples using array.isarray // all following calls return true array.isarray([]); array.isarray([1]); array.isarray(new array()); array.isarray(new array('a', 'b', 'c', 'd')); array.isarray(new array(3)); // little known fact: array.prototype itself is an array: array.isarray(array.prototype); // all following calls return false array.isarray(); array.isarray({}); array.isarray(null); array.isarray(undefined); array.isarray(17); array.isarray('array'); array.isarray(true); array.isarray(false); array.isarray(new uint8array(32)); array.isarray({ __proto__: array.prototype }); instanceof vs isarray when checking for array instance, array.isarray is preferred over instanceof because...
ArrayBuffer - JavaScript
the arraybuffer object is used to represent a generic, fixed-length raw binary data buffer.
...tes.
...ocal file.
...ved objects.
Boolean - JavaScript
// initial value of true do not use a boolean object in place of a boolean primitive.
...operty document.all is used as an argument for this constructor, the result is a boolean object with the value false.
...ment for this constructor, the result is a boolean object with the value false.
... is legacy and non-standard and should not be used.
Intl.Collator - JavaScript
amples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...creates a new collator object.
... 'a')); // → a positive value console.log(new intl.collator().compare('a', 'a')); // → 0 note that the results shown in the code above can vary between browsers and browser versions.
...our application, make sure to specify that language (and possibly some fallback languages) using the locales argument: // in german, ä sorts with a console.log(new intl.collator('de').compare('ä', 'z')); // → a negative value // in swedish, ä sorts after z console.log(new intl.collator('sv').compare('ä', 'z')); // → a positive value using options the results provided by collator.prototype.compare() can be customized using the options argument: // in german, ä has a as the base letter console.log(new intl.collator('de', { sensitivity: 'base' }).compare('ä', 'a')); // → 0 // in swedish, ä and a are separate base letters console.log(new intl.collator('sv', { sensitivity: 'base' }).compare('ä', 'a')); // → a positive value specifications specification ec...
Intl.PluralRules() constructor - JavaScript
cp 47 language tag, or an array of such strings.
...age tag, or an array of such strings.
...is returned.
...ocale pr.select(1); // → 'one' if in us english locale pr.select(2); // → 'other' if in us english locale using options the results can be customized using the options argument, which has one property called type which you can set to ordinal.
Number.isNaN() - JavaScript
the number.isnan() method determines whether the passed value is nan and its type is number.
...n of the original, global isnan().
...has become necessary.
...parameter to a number.
Object.keys() - JavaScript
the properties is the same as that given by looping over the properties of the object manually.
...s/web/javascript/reference/global_objects/object/keys if (!object.keys) { object.keys = (function() { 'use strict'; var hasownproperty = object.prototype.hasownproperty, hasdontenumbug = !({ tostring: null }).propertyisenumerable('tostring'), dontenums = [ 'tostring', 'tolocalestring', 'valueof', 'hasownproperty', 'isprototypeof', 'propertyisenumerable', 'constructor' ], dontenumslength = dontenums.length; return function(obj) { if (typeof obj !== 'function' && (typeof obj !== 'object' || obj === null)) { throw new typeerror('object.keys called on non-object'); } var result = [], prop, i; for (prop in obj) { if (hasownproperty.call(obj, ...
...rty which isn't enumerable const myobj = object.create({}, { getfoo: { value: function () { return this.foo; } } }); myobj.foo = 1; console.log(object.keys(myobj)); // console: ['foo'] if you want all properties—including non-enumerables—see object.getownpropertynames().
... }); myobj.foo = 1; console.log(object.keys(myobj)); // console: ['foo'] if you want all properties—including non-enumerables—see object.getownpropertynames().
Proxy() constructor - JavaScript
the underlying target object.
...ndler.apply() a trap for a function call.
...scriptor.
... a trap for object.getprototypeof.
Reflect.apply() - JavaScript
syntax reflect.apply(target, thisargument, argumentslist) parameters target the target function to call.
...on to call.
...with which target should be called.
...ue and arguments provided as an array (or an array-like object).
Symbol.matchAll - JavaScript
the symbol.matchall well-known symbol returns an iterator, that yields matches of the regular expression against a string.
...ds matches of the regular expression against a string.
...tring.
... enumerable no configurable no examples using symbol.matchall let re = /[0-9]+/g; let str = '2016-01-02|2019-03-07'; const numbers = { *[symbol.matchall] (str) { for (const n of str.matchall(/[0-9]+/g)) yield n[0]; } }; console.log(array.from(str.matchall(numbers))); // array ["2016", "01", "02", "2019", "03", "07"] see string.prototype.matchall() and regexp.prototype[@@matchall]() for more examples.
Symbol.unscopables - JavaScript
lse will make it scopable and thus it will appear in lexical scope variables.
...e no examples scoping in with statements the following code works fine in es5 and below.
... later, the array.prototype.keys() method was introduced.
...at means that inside with environment "keys" would now be the method and not the variable.
null - JavaScript
global object, like undefined can be.
...evant.
...es not exist.
...oo; //referenceerror: foo is not defined // foo is known to exist now but it has no type or value: var foo = null; foo; //null examples difference between null and undefined when checking for null or undefined, beware of the differences between equality (==) and identity (===) operators, as the former performs type-conversion.
Strict inequality (!==) - JavaScript
the strict inequality operator (!==) checks whether its two operands are not equal, returning a boolean result.
...rict inequality operator checks whether its operands are not equal.
...n of the strict equality operator so the following two lines will always give the same result: x !== y !(x === y) for details of the comparison algorithm, see the page for the strict equality operator.
...rue examples comparing operands of the same type console.log("hello" !== "hello"); // false console.log("hello" !== "hola"); // true console.log(3 !== 3); // false console.log(3 !== 4); // true console.log(true !== true); // false console.log(true !== false); // true console.log(null !== null); // false comparing operands of different types console.log("3" !== 3); // true console.log(true !== 1); // true console.log(null !== undefined); // true comparing objects const object1 = { name: "hello" } const object2 = { name: "hello" } console.log(object1 !== object2); // true console.log(object1 !== object1); // false specifications specification ecmascript (ecma-262)the definition...
class expression - JavaScript
the class expression is one way to define a class in ecmascript 2015.
...ss expressions and class statements, however: class expressions may omit the class name ("binding identifier"), which is not possible with class statements.
...s.
...e-declare) classes without throwing a syntaxerror.
in operator - JavaScript
the in operator returns true if the specified property is in the specified object or its prototype chain.
...nteractive example is stored in a github repository.
...t directly returns undefined.
...ined 2 in empties // returns false to avoid this, make sure a new array is always filled with non-empty values or not write to indexes past the end of array.
super - JavaScript
e properties with e.g.
...super.prop = 2; // cannot overwrite the value.
... } } var y = new y(); y.foo(); // typeerror: "prop" is read-only console.log(y.prop); // 1 using super.prop in object literals super can also be used in the object initializer / literal notation.
...n this example, two objects define a method.
export - JavaScript
ed by other programs with the import statement.
...ating modules export * from …; // does not set the default export export * as name1 from …; // draft ecmascript® 2o21 export { name1, name2, …, namen } from …; export { import1 as name1, import2 as name2, …, namen } from …; export { default } from …; namen identifier to be exported (so that it can be imported via import in another script).
... 2o21 export { name1, name2, …, namen } from …; export { import1 as name1, import2 as name2, …, namen } from …; export { default } from …; namen identifier to be exported (so that it can be imported via import in another script).
...foo, graph }; then in the top-level module included in your html page, we could have: import { cube, foo, graph } from './my-module.js'; graph.options = { color:'blue', thickness:'3px' }; graph.draw(); console.log(cube(3)); // 27 console.log(foo); // 4.555806215962888 it is important to note the following: you need to include this script in your html with a <script> element of type="module", so that it gets recognised as a module and dealt with appropriately.
Web app manifests
_related_applicationsrelated_applicationsscopescreenshotsserviceworkershort_nameshortcutsstart_urltheme_color example manifest { "name": "hackerweb", "short_name": "hackerweb", "start_url": ".", "display": "standalone", "background_color": "#fff", "description": "a simply readable hacker news app.", "icons": [{ "src": "images/touch/homescreen48.png", "sizes": "48x48", "type": "image/png" }, { "src": "images/touch/homescreen72.png", "sizes": "72x72", "type": "image/png" }, { "src": "images/touch/homescreen96.png", "sizes": "96x96", "type": "image/png" }, { "src": "images/touch/homescreen144.png", "sizes": "144x144", "type": "image/png" }, { "src": "images/touch/homescreen168.png", "sizes": "168x168", "type": "im...
... "type": "image/png" }, { "src": "images/touch/homescreen96.png", "sizes": "96x96", "type": "image/png" }, { "src": "images/touch/homescreen144.png", "sizes": "144x144", "type": "image/png" }, { "src": "images/touch/homescreen168.png", "sizes": "168x168", "type": "image/png" }, { "src": "images/touch/homescreen192.png", "sizes": "192x192", "type": "image/png" }], "related_applications": [{ "platform": "play", "url": "https://play.google.com/store/apps/details?id=cheeaun.hackerweb" }] } deploying a manifest web app manifests are deployed in your html pages using a <link> element in the <head> of a document: <link rel="manifest" href="/manifest.webmanifest"> note: the .webmanifest extension is specified in the media type...
...oogle.com/store/apps/details?id=cheeaun.hackerweb" }] } deploying a manifest web app manifests are deployed in your html pages using a <link> element in the <head> of a document: <link rel="manifest" href="/manifest.webmanifest"> note: the .webmanifest extension is specified in the media type registration section of the specification (the response of the manifest file should return content-type: application/manifest+json).
...pages using a <link> element in the <head> of a document: <link rel="manifest" href="/manifest.webmanifest"> note: the .webmanifest extension is specified in the media type registration section of the specification (the response of the manifest file should return content-type: application/manifest+json).
Digital audio concepts - Web media technologies
decompressing audio is performed by encoding and decoding it using an audio codec (coder/decoder).
...ng the waveform to make it easier to compress, or by removing components of the sound that aren't really heard, the waveform becomes simpler, resulting in data which has more consistency and is therefore easier to compress.
...sily achieved with minimum impact to quality, the bit rate may be very low, while in areas where compression is more complex, the bit rate will be higher.
...ple stereo.
Handling media support issues in web content - Web media technologies
grees of popularity and with a variety of capabilities.
...ver: because there are so many to choose from, with so many different kinds of licenses and design principles involved, each web browser developer is left to its own devices when deciding which media file types and codecs to support.
...le, then update the image as it loads—or after it's finished loading—to present it in full quality.
...ge as it loads—or after it's finished loading—to present it in full quality.
Using images in HTML - Web media technologies
Web › Media › images
on css property specifies the alignment of content in a selected replaced element within the element's box.
...fies the alignment of content in a selected replaced element within the element's box.
...ent within the element's box.
...ound images for an element.
Web Performance
ding in the longer tail parts of the experience.
....
...oping with cors the performance timeline the performance timeline standard defines extensions to the performance interface to support client-side latency measurements within applications.
... this section provides information on how to use and understand the performance features in your developer tools, including waterfall, call tree, and flame charts.
How to make PWAs installable - Progressive web apps (PWAs)
oned in the w3c manifest specification, so that's what we'll use here.
...s: { "name": "js13kgames progressive web app", "short_name": "js13kpwa", "description": "progressive web app that lists games submitted to the a-frame category in the js13kgames 2017 competition.", "icons": [ { "src": "icons/icon-32.png", "sizes": "32x32", "type": "image/png" }, // ...
...", "display": "fullscreen", "theme_color": "#b12a34", "background_color": "#b12a34" } most of the fields are self-explanatory, but to be certain we're on the same page: name: the full name of your web app.
... is displayed; can be fullscreen, standalone, minimal-ui, or browser.
class - SVG: Scalable Vector Graphics
Web › SVG › Attribute › class
or, for when an author assigns style information to a set of elements.
...space-separated.
... of the following consecutive characters: "space" (u+0020), "tab" (u+0009), "line feed" (u+000a), "carriage return" (u+000d), and "form-feed" (u+000c).
... of a <list-of-ts> type are represented by an interface specific for the particular type t.
end - SVG: Scalable Vector Graphics
Web › SVG › Attribute › end
x is based upon the syntax defined in iso 8601.
...0" height="120" viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" version="1.1"> <!-- animated rectangles --> <rect x="10" y="35" height="15" width="0"> <animate attributetype="xml" attributename="width" to="100" begin="0s" end="8s" fill="freeze" /> </rect> <rect x="10" y="60" height="15" width="0"> <animate attributetype="xml" attributename="width" to="75" begin="0s" end="6s" fill="freeze" /> </rect> <rect x="10" y="85" height="15" width="0"> <animate attributetype="xml" attributename="width" to="50" begin="0s" end="4s" fill="freeze" /> </rect> <!-- grid --> <text x="10" y="20" text-anchor="middle">0s</text> <lin...
...oke="grey" stroke-width=".5" /> <line x1="10" y1="105" x2="110" y2="105" stroke="grey" stroke-width=".5" /> </svg> event example <svg width="120" height="120" viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- animated rectangle --> <rect x="10" y="35" height="15" width="0"> <animate attributetype="xml" attributename="width" from="0" to="100" begin="0s" end="endbutton.click" dur="8s" repeatcount="indefinite" fill="freeze" /> </rect> <!-- trigger --> <rect id="endbutton" style="cursor:pointer;" x="19.5" y="62.5" rx="5" height="25" width="80" fill="#efefef" stroke="black" stroke-width="1" /> <text x="60" y="80" text-anch...
...="grey" stroke-width=".5" /> <line x1="10" y1="55" x2="110" y2="55" stroke="grey" stroke-width=".5" /> </svg> accesskey example <svg width="120" height="120" viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- animated rectangles --> <rect x="10" y="35" height="15" width="0"> <animate attributetype="xml" attributename="width" from="0" to="100" begin="0s" end="accesskey(e)" dur="8s" repeatcount="indefinite" fill="freeze" /> </rect> <!-- trigger --> <text x="60" y="80" text-anchor="middle" style="pointer-events:none;">hit the "s" key</text> <!-- grid --> <text x="10" y="20" text-anchor="middle">0s</text> <line x1="10" y1="2...
string - SVG: Scalable Vector Graphics
Web › SVG › Attribute › string
rmats that the font referenced by the parent <font-face-uri> element supports.
... the parent <font-face-uri> element supports.
...<font-face-uri> element supports.
...nt supports.
<circle> - SVG: Scalable Vector Graphics
Web › SVG › Element › circle
the <circle> svg element is an svg basic shape, used to draw circles based on a center point and a radius.
...o draw circles based on a center point and a radius.
...0" cy="50" r="50"/> </svg> attributes cx the x-axis coordinate of the center of the circle.
...; default value: 0; animatable: yes cy the y-axis coordinate of the center of the circle.
<feColorMatrix> - SVG: Scalable Vector Graphics
exactly 1 times its old value, with nothing else added.
... <circle cx="30" cy="30" r="20" fill="blue" fill-opacity="0.5" /> <circle cx="20" cy="50" r="20" fill="green" fill-opacity="0.5" /> <circle cx="40" cy="50" r="20" fill="red" fill-opacity="0.5" /> </g> </defs> <use href="#circles" /> <text x="70" y="50">reference</text> <!-- identity matrix --> <filter id="colormethesame"> <fecolormatrix in="sourcegraphic" type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /> </filter> <use href="#circles" transform="translate(0 70)" filter="url(#colormethesame)" /> <text x="70" y="120">identity matrix</text> <!-- combine rgb into green matrix --> <filter id="colormegreen"> <fecolormatrix in="sourcegraphic" type="matrix" ...
... <fecolormatrix in="sourcegraphic" type="matrix" values="0 0 0 0 0 1 1 1 1 0 0 0 0 0 0 0 0 0 1 0" /> </filter> <use href="#circles" transform="translate(0 140)" filter="url(#colormegreen)" /> <text x="70" y="190">rgbtogreen</text> <!-- saturate --> <filter id="colormesaturate"> <fecolormatrix in="sourcegraphic" type="saturate" values="0.2" /> </filter> <use href="#circles" transform="translate(0 210)" filter="url(#colormesaturate)" /> <text x="70" y="260">saturate</text> <!-- huerotate --> <filter id="colormehuerotate"> <fecolormatrix in="sourcegraphic" type="huerotate" values="180" /> </filter> <use href="#circles" transform="translate(0 280)" filter="url(#colormeh...
...>saturate</text> <!-- huerotate --> <filter id="colormehuerotate"> <fecolormatrix in="sourcegraphic" type="huerotate" values="180" /> </filter> <use href="#circles" transform="translate(0 280)" filter="url(#colormehuerotate)" /> <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.
<foreignObject> - SVG: Scalable Vector Graphics
e context of an svg document --> <div xmlns="http://www.w3.org/1999/xhtml"> lorem ipsum dolor sit amet, consectetur adipiscing elit.
...sit amet, consectetur adipiscing elit.
...ui convallis, rutrum imperdiet eros.
...tes height the height of the foreignobject.
Fills and Strokes - SVG: Scalable Vector Graphics
« previousnext » there are several ways to color shapes (including specifying attributes on the object) using inline css, an embedded css section, or an external css file.
...nts.
...shoving such a section into a <head> section like you do in html, though, it's included in an area called <defs>.
... moving styles to an area like this can make it easier to adjust properties on large groups of elements.
Paths - SVG: Scalable Vector Graphics
Web › SVG › Tutorial › Paths
m the current position to a new position.
...rol point.
... q command would have produced with the same parameters.
... drawn.
Using custom elements - Web Components
he class, which run at specific points in the element's lifecycle.
... defines a class called popupinfo, which extends the generic htmlelement class.
...in here // self.addeventlistener(...) // return the right context return self; } } if you don't need to perform any operation in the constructor, you can simply omit it so that its native behavior (see following) will be preserved.
...he constructor, you can simply omit it so that its native behavior (see following) will be preserved.
Common XSLT Errors - XSLT: Extensible Stylesheet Language Transformations
mime types your server needs to send both the source and the stylesheet with a xml mime type, text/xml or application/xml.
... mime types your server needs to send both the source and the stylesheet with a xml mime type, text/xml or application/xml.
... mime types your server needs to send both the source and the stylesheet with a xml mime type, text/xml or application/xml.
... mime types your server needs to send both the source and the stylesheet with a xml mime type, text/xml or application/xml.
An Overview - XSLT: Extensible Stylesheet Language Transformations
tion engine, called the processor, does not work directly on documents.
...l model which can be implemented in various ways depending on the parser and the processor.
... nodes.
...t via a processing instruction.
system - Archive of obsolete content
stem = require("sdk/system"); if ('path' in system.env) { console.log("path is set"); } you can set a variable by setting the property: var system = require("sdk/system"); system.env.foo = "bar"; console.log(system.env.foo); you can unset a variable by deleting the property: var system = require("sdk/system"); delete system.env.foo; you can't enumerate environment variables.
...foo); you can unset a variable by deleting the property: var system = require("sdk/system"); delete system.env.foo; you can't enumerate environment variables.
...ou're running on.
/loader - Archive of obsolete content
create commonjs module loaders.
...sandbox() function is a utility function for creating js sandboxes.
... nsiprincipal for the sandbox.
frame/utils - Archive of obsolete content
quire('sdk/frame/utils'); let window = open('data:text/html,top'); let frame = create(window.document, { uri: 'data:text/html,<script>console.log("running");</script>', allowjavascript: true }); } globals functions create(document, options) creates a xul browser element in a privileged document.
...); let window = open('data:text/html,top'); let frame = create(window.document, { uri: 'data:text/html,<script>console.log("running");</script>', allowjavascript: true }); } globals functions create(document, options) creates a xul browser element in a privileged document.
...ame = create(window.document, { uri: 'data:text/html,<script>console.log("running");</script>', allowjavascript: true }); } globals functions create(document, options) creates a xul browser element in a privileged document.
tabs/utils - Archive of obsolete content
wnerwindow(tab) get the browser window that owns the specified tab.
...y of windows.
...ntentwindow(window) get the tab element that hosts the specified content window.
Developing for Firefox Mobile - Archive of obsolete content
t version of the android sdk for your device using the android sdk, install the android platform tools next, attach the device to the development machine via usb.
...he lines relevant to you.
...core/heritage supported core/namespace supported core/promise supported event/core supported event/target supported frame/hidden-frame supported frame/utils supported io/byte-streams supported io/file supported io/text-streams supported lang/functional supported lang/type supported loader/cuddlefish supported loader/sandbox supported net/url supported net/xhr supported places/bookmarks not supported places/favicon not supported places/history not supported platform/xpcom supported preferences/service supported stylesheet/style supported ...
Bootstrapped extensions - Archive of obsolete content
addon_downgrade 8 the add-on is being downgraded.
...ent locale by going to about:config and changing preference of general.useragent.locale to en-us and then to en-gb and disabling then re-enabling the add-on.
...ent.locale to en-us and then to en-gb and disabling then re-enabling the add-on.
Embedding SVG - Archive of obsolete content
svg is an xml based makeup language and can be embedded into other markup languages, like xhtml and xul.
...version="1.0" encoding="utf-8"?> <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <body> <!-- html and svg go here --> </body> </html> example: <?xml version="1.0" encoding="utf-8"?> <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <body> <p>hello</p> <svg:svg version="1.1" baseprofile="full" width="150" height="150"> <svg:rect x="10" y="10" width="100" height="100" fill="re...
...>hello</p> <svg:svg version="1.1" baseprofile="full" width="150" height="150"> <svg:rect x="10" y="10" width="100" height="100" fill="red"/> <svg:circle cx="50" cy="50" r="30" fill="blue"/> </svg:svg> <p>world</p> </body> </html> embedding into xul make sure you use the right namespace when embedding <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- xul and svg go here --> </window> example: <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.
Miscellaneous - Archive of obsolete content
ht: 6em; width: 10em;"> this is the scrolling area.
...rl")) another similar alternative (using both getstringfromname and formatstringfromname), is: var fcbundle = components.classes["@mozilla.org/intl/stringbundle;1"] .getservice(components.interfaces.nsistringbundleservice) .createbundle("chrome://myext/locale/myext.properties"); function getstr(msg, args){ //get localised message if (args){ args = array.prototype.slice.call(arguments, 1); return fcbundle.formatstringfromname(msg,args,args.length); } else { return fcbundle.getstringfromname(msg); } } /* usage */ alert(getstr("invalid.url", "http://bad/url/", "3")); //for message with parameters alert(getstr("invalid.url")); //for message without parameters getting postdata of a webpage first, you need to get the browser you want, and its hi...
...in the components/certsservice.js file: const cc = components.classes; const ci = components.interfaces; components.utils.import("resource://gre/modules/xpcomutils.jsm"); const gobserver = cc['@mozilla.org/observer-service;1'].getservice(ci.nsiobserverservice); const gioservice = cc["@mozilla.org/network/io-service;1"].getservice(ci.nsiioservice); function certsservice() {} certsservice.prototype = { observe: function(asubject, atopic, adata) { switch(atopic) { case "app-startup": gobserver.addobserver(this,"xpcom-shutdown",false); gobserver.addobserver(this,"final-ui-startup",false); break; case "xpcom-shutdown": gobserver.removeobserver(this,"final-ui-startup"); gobserver.
Code snippets - Archive of obsolete content
as-related code signing a xpi how to sign an xpi with pki delayed execution performing background operations.
... an xpi with pki delayed execution performing background operations.
...ays.
Extension Packaging - Archive of obsolete content
an extension xpi an xpi (xpinstall) file is simply a zip file, containing the extension files, with the install.rdf file at the root of the zip.
...t of the zip.
...s compressed using the deflate algorithm.
Extension Etiquette - Archive of obsolete content
ferent themes.
...cons unique icons are usually worth their download weight.
...neral, care must be taken whenever defining a name anywhere that other code might do likewise.
MozAudioAvailable - Archive of obsolete content
the mozaudioavailable event is fired when the audio buffer is full and the corresponding raw samples are available.
...ioavailable event is fired when the audio buffer is full and the corresponding raw samples are available.
...audio buffer is full and the corresponding raw samples are available.
MozBeforeResize - Archive of obsolete content
the mozbeforeresize event is executed before a browser window is resized.
... the mozbeforeresize event is executed before a browser window is resized.
...eresize event is executed before a browser window is resized.
cached - Archive of obsolete content
the cached event is fired when the resources listed in the application cache manifest have been downloaded, and the application is now cached.
...he application cache manifest have been downloaded, and the application is now cached.
...anifest have been downloaded, and the application is now cached.
checking - Archive of obsolete content
the checking event is fired when the user agent is checking for an update, or attempting to download the cache manifest for the first time.
...ecking for an update, or attempting to download the cache manifest for the first time.
...or attempting to download the cache manifest for the first time.
downloading - Archive of obsolete content
the downloading event is fired after checking for an application cache update, if the user agent has found an update and is fetching it, or is downloading the resources listed by the cache manifest for the first time.
...g it, or is downloading the resources listed by the cache manifest for the first time.
...g the resources listed by the cache manifest for the first time.
error - Archive of obsolete content
the error event is fired when an error occurred while downloading the cache manifest or updating the content of the application.
...urred while downloading the cache manifest or updating the content of the application.
...g the cache manifest or updating the content of the application.
noupdate - Archive of obsolete content
the noupdate event is fired after checking for an application cache update, if the manifest hasn't changed.
... fired after checking for an application cache update, if the manifest hasn't changed.
...for an application cache update, if the manifest hasn't changed.
obsolete - Archive of obsolete content
the obsolete event is fired when the manifest was found to have become a 404 or 410 page, so the application cache is being deleted.
...was found to have become a 404 or 410 page, so the application cache is being deleted.
...me a 404 or 410 page, so the application cache is being deleted.
progress - Archive of obsolete content
the progress event is fired when the user agent is downloading resources listed by the manifest.
... is fired when the user agent is downloading resources listed by the manifest.
...r agent is downloading resources listed by the manifest.
updateready - Archive of obsolete content
the updateready event is fired when the resources listed in the application cache manifest have been newly redownloaded, and the script can use swapcache() to switch to the new cache.
...een newly redownloaded, and the script can use swapcache() to switch to the new cache.
..., and the script can use swapcache() to switch to the new cache.
Inner-browsing extending the browser navigation paradigm - Archive of obsolete content
e such as the web page or the web application to control the navigation system.
...; for(i=0;i<articles.length;i++) { // acquiring the data from the dom...
...decoration:none;} .tab:hover { background-color:#ddeeff; } </style> </head> <body > <h2>latest headlines - inner-browsing example </h2> <p>click the tabbed menu to dynamically load the headlines into this web page.</p> <br /> <!-- ***** this code dynamically creates the tabbed menu if the browser has support to xmlhttprequest, since the mechanism used here is xmlhttprequest ***** --> <script type="text/javascript" language="javascript"> //// /// object detection // var xcomp=null; var testxmlhttprequest=false; try { xcomp = new xmlhttprequest(); if(xcomp) testxmlhttprequest=true; } catch (e) { try { xcomp = new activexobject("microsoft.xmlhttp"); if(xcomp) testxmlhttprequest=true; } catch (e) { } } if(testxmlhttprequest&&document.getelementsbyta...
MMgc - Archive of obsolete content
analogs for malloc and free.
... showing the different classes of object in memory, along with object counts, byte counts, and percentage of total memory.
...r for items over 2k when you want to allocate something we figure out what size class it's in and then ask that allocator for the memory.
Creating a Web based tone generator - Archive of obsolete content
is function is called at a certain interval through the setinterval() function.
...) is called to write those samples produced in the audio stream.
...et() is used to know the position of the samples being played so that we can fill a 500 ms buffer of audio samples.
Source code directories overview - Archive of obsolete content
(e.g.
...iewer for the content contained at a certain url.
...ions contains code for making certain extensions work.
Creating a Microsummary - Archive of obsolete content
rosummaries/0.1" name="firefox download count"> <template> <transform xmlns="http://www.w3.org/1999/xsl/transform" version="1.0"> </transform> </template> </generator> note that while microsummary generators can include arbitrary xslt, including xslt that produces rich text output, firefox currently only displays the text version of the xslt output.
...maries, however, so to improve the experience for those users, we should check to see if the user is using a microsummaries-enabled browser and display an explanatory message if not.
... for those users, we should check to see if the user is using a microsummaries-enabled browser and display an explanatory message if not.
Creating a Help Content Pack - Archive of obsolete content
m, only the table of contents data source will be displayed.
...e, the following code uses a datasource outside the content pack you have created to include the article in a table of contents: <rdf:li> <rdf:description nc:panelid="toc" nc:datasources="chrome://help/locale/help-toc.rdf chrome://foo/locale/help/glossary.rdf"/> </rdf:li> each of the different data source types (toc, index, glossary, and search) may be used multiple times (and in the case of platform-specific information, must be used multiple times).
...ing a table of contents file (and therefore exactly like creating an index file), so follow the instructions there to create additional data sources as you need them.
Helper Apps (and a bit of Save As) - Archive of obsolete content
warning: the content of this article may be out of date.
...perappservice looks up the nsimimeinfo for the load and creates an nsihelperapplauncher to manage the load.
...(which implements nsihelperapplauncher) uses the nsimimeinfo and an nsihelperapplauncherdialog to decide what to do with the data.
JavaScript OS.Shared - Archive of obsolete content
module os.shared contains tools to interact with the operating system (and, more generally, in c) in javascript.
... module os.shared contains tools to interact with the operating system (and, more generally, in c) in javascript.
...int64_t uint64_t long bool off_t size_t ssize_t fd (unix only) negativeone_or_fd (unix only) negativeone_or_nothing (unix only) string (unix only) null_or_string (unix only) handle (windows only) maybe_handle (windows only) dword (windows only) negative_or_dword (windows only) zero_or_dword (windows only) zero_or_nothing (windows only) declareffi() intn_t() uintn_t()instances of os.shared.type convert_from_c() releasewith() attributes global object os.shared.hollowstructure in_ptr out_ptr inout_ptr ...
Java in Firefox Extensions - Archive of obsolete content
yobj.mymethod(arg1, arg2); // pass whatever arguments you need (they'll be auto-converted to java form, taking into account the liveconnect conversion rules) for more complex cases, in which you need to call a specific constructor with arguments, you will need reflection.
... for more complex cases, in which you need to call a specific constructor with arguments, you will need reflection.
... is a somewhat simplified snippet from xquseme: var reflect = java.lang.reflect; // build an array of the class types which are expected by our constructor (in this case, java.io.file and a class from another jar we loaded, com.sleepycat.db.environmentconfig) var paramtypes = reflect.array.newinstance(java.lang.class, 2); // 2nd argument should indicate the number of items in following array paramtypes[0] = java.io.file; var envconfigclass = loader.loadclass('com.sleepycat.db.environmentconfig'); paramtypes[1] = envconfigclass; // get the constructor var constructor = envclass.getconstructor(paramtypes); // now that we have the constructor with the right parameter types, we can build the specific arguments we wish to pass to it var arglist = reflect.array.newinstance(java.lang.object, 2); // 2...
Clipboard - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
... note: this page documents the jetpack prototype, which is no longer under active development.
...he api lives in the future and must be imported for use.
Clipboard Test - Archive of obsolete content
param>.name:after{content: " as "; font-weight: normal; } .method>.params{display: block; color:#555;} .method>.params>.param{display: block; margin-bottom:5px;} .method>.params>.param>.name{font-weight:bold; margin-right:.5em; min-width:80px; display:inline-block;} .method>.params>.param>.description{display:inline-block; width:300px; vertical-align:top;margin-right:30px} .method>.params>.param>.type{display:inline-block; width:100px; vertical-align:top;font-weight:bold;} .method>.params>.param>.type:before{content: "type "; color: #888; font-weight:normal;} .method>.params>.param>.default{display:inline-block; width:100px; vertical-align:top;font-weight:bold;} .method>.params>.param>.default:before{content: "default "; color: #888;font-weight:normal;} ]]></style> clipboard jetpack's clipboar...
...weight:normal;} .method>.params>.param>.default{display:inline-block; width:100px; vertical-align:top;font-weight:bold;} .method>.params>.param>.default:before{content: "default "; color: #888;font-weight:normal;} ]]></style> clipboard jetpack's clipboard support api provides a standardized way for features to access the clipboard.
...rently lives in the future and must be imported for use.
Nanojit - Archive of obsolete content
xit *exit = (sideexit *)(guard + 1); guard->exit = exit; guard->exit->target = f; f->lastins = out.insguard(lir_loop, out.insimm(1), rec_ins); // compile the fragment.
... a function, which takes an integer input, and adds it to two, and outputs the result.
...fn)(int32_t); addtwofn fn = reinterpret_cast<addtwofn>(f->code()); printf("2 + 5 = %d\n", fn(5)); return 0;</addtwofn> this upper half of this snippet includes code where the raw lir is first converted into machine code.(where compile(fragmento->assm(), f); is called basically).
File object - Archive of obsolete content
name of the file.
...ectory true if the file is a directory.
...(including file.intput) do not support random access.
The Download Manager schema - Archive of obsolete content
the table is kept in a database file named "downloads.sqlite", in a table called "moz_downloads".
...ity id from the nsiresumablechannel used to implement the download channel.
...blechannel used to implement the download channel.
The life of an HTML HTTP request - Archive of obsolete content
art of the url, http: in this case) and locates the correct nsiprotocolhandler (in this case nshttphandler) and asks it for a nsichannel (nshttpchannel).
...ks it for a nsichannel (nshttpchannel).
...it also gets notified of changes in the document/content tree.
URIs and URLs - Archive of obsolete content
warning: the content of this article may be out of date.
...rt of necko.
...e identifier" (taken from rfc 2396): uniform uniformity provides several benefits: it allows different types of resource identifiers to be used in the same context, even when the mechanisms used to access those resources may differ; it allows uniform semantic interpretation of common syntactic conventions across different types of resource identifiers; it allows introduction of new types of resource identifiers without interfering with the way that existing identifiers are used; and, it allows the identifiers to be reused in many different contexts, thus permitting new applications or protocols to leverage a pre-existing, large, and widely-used set of resource identifiers.
Binding Implementations - Archive of obsolete content
implementation of the method is contained inside a body element.
...s contained inside a body element.
... the method body.
Unix stub installer - Archive of obsolete content
nstaller-bin binary with the appropriate flags.
...version$ which is replaced at packages time with the browser version.
... $spacerequired$ which is replaced at package time with the amount of space in kb required for the package when it is fully extracted.
onchange - Archive of obsolete content
« xul reference home overview an onchange attribute is an event listener to the object for the event change.
...ox when the state is changed select list when the selected item is changed what is accessible the script context at this point can only access the following things: global values/functions i.e.
...gs: global values/functions i.e.
spellcheck - Archive of obsolete content
« xul reference home spellcheck type: boolean if true, spell checking is enabled by default for the text box; if false, spell checking is disabled by default.
... « xul reference home spellcheck type: boolean if true, spell checking is enabled by default for the text box; if false, spell checking is disabled by default.
...not specified, this defaults to false the html the spellcheck attribute uses values of true or false (you cannot simply add the spellcheck attribute to a given element): <!-- spellcheck everything!
timeout - Archive of obsolete content
« xul reference home timeout type: integer for autocomplete textboxes, the number of milliseconds before the textbox starts searching for completions.
... autocomplete textboxes, the number of milliseconds before the textbox starts searching for completions.
...mber of milliseconds before the textbox starts searching for completions.
Attribute (XUL) - Archive of obsolete content
mandupdater completedefaultindex container containment contentcontextmenu contenttooltip context contextmenu control crop curpos current currentset customindex customizable cycler datasources decimalplaces default defaultbutton defaultset description dir disableautocomplete disableautoselect disableclose disabled disablehistory disablekeynavigation disablesecurity dlgtype dragging editable editortype element empty emptytext deprecated since gecko 2 enablecolumndrag enablehistory equalsize eventnode events expr firstdayofweek firstpage first-tab fixed flags flex focused forcecomplete grippyhidden grippytooltiptext group handlectrltab height helpuri hidden hidechrome hidecolumnpicker hideheader hideseconds hidespinbuttons highlightn...
...1 onextra2 oninput onload onnewtab onpageadvanced onpagehide onpagerewound onpageshow onpaneload onpopuphidden onpopuphiding onpopupshowing onpopupshown onsearchcomplete onselect ontextcommand ontextentered ontextrevert ontextreverted onunload onwizardback onwizardcancel onwizardfinish onwizardnext open ordinal orient pack pageid pageincrement pagestep parent parsetype persist persistence phase pickertooltiptext placeholder popup position predicate preference preference-editable primary priority properties querytype readonly ref rel removeelement resizeafter resizebefore rows screenx screeny searchbutton searchsessions searchlabel selected selectedindex seltype setfocus showcaret showcommentcolumn showpopup size sizemode siz...
...ectedindex 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 ...
CheckboxStateChange - Archive of obsolete content
the checkboxstatechange event is executed when the state of a <checkbox> element has changed.
...hen the state of a <checkbox> element has changed.
...t has changed.
DOMMenuItemActive - Archive of obsolete content
the dommenuitemactive event is executed when a <menu> or a <menuitem> has been hovered or highlighted.
... the dommenuitemactive event is executed when a <menu> or a <menuitem> has been hovered or highlighted.
...executed when a <menu> or a <menuitem> has been hovered or highlighted.
DOMMenuItemInactive - Archive of obsolete content
the dommenuiteminactive event is executed when a <menu> or a <menuitem> in no longer hovered or highlighted.
...he dommenuiteminactive event is executed when a <menu> or a <menuitem> in no longer hovered or highlighted.
...uted when a <menu> or a <menuitem> in no longer hovered or highlighted.
RadioStateChange - Archive of obsolete content
the radiostatechange event is executed when the state of a <radio> element has changed.
...d when the state of a <radio> element has changed.
...t has changed.
ValueChange - Archive of obsolete content
the valuechange event is executed when the value of an element, <progress> for example, has changed.
...f an element, <progress> for example, has changed.
..., has changed.
broadcast - Archive of obsolete content
the broadcast event is executed when the attributes of the element (such as a broadcaster) being listened to are changed.
...ent (such as a broadcaster) being listened to are changed.
...stened to are changed.
close - Archive of obsolete content
close (see example below).
... file -> quit).
...uld be used to capture all attempts to unload the window.
command - Archive of obsolete content
Archive › Mozilla › XUL › Events › command
ressing a shortcut key.
...d always be used instead of the click event because it will be called in all of the needed cases.
...k event because it will be called in all of the needed cases.
commandupdate - Archive of obsolete content
the commandupdate event is executed when a command update occurs on a <commandset>.
...and update occurs on a <commandset>.
... this event would be used to update the disabled status of its commands.
popuphidden - Archive of obsolete content
the popuphidden event is executed when a <menupopup>, <panel> or <tooltip> has become hidden.
... the popuphidden event is executed when a <menupopup>, <panel> or <tooltip> has become hidden.
...ecuted when a <menupopup>, <panel> or <tooltip> has become hidden.
popuphiding - Archive of obsolete content
the popuphiding event is executed when a <menupopup>, <panel> or <tooltip> is about to be hidden.
... the popuphiding event is executed when a <menupopup>, <panel> or <tooltip> is about to be hidden.
...ed when a <menupopup>, <panel> or <tooltip> is about to be hidden.
popupshowing - Archive of obsolete content
the popupshowing event is executed when a <menupopup>, <panel> or <tooltip> is about to become visible.
...ible.
...t can be prevented to prevent the popup to appear.
popupshown - Archive of obsolete content
the popupshown event is executed when a <menupopup>, <panel> or <tooltip> has become visible.
... the popupshown event is executed when a <menupopup>, <panel> or <tooltip> has become visible.
...cuted when a <menupopup>, <panel> or <tooltip> has become visible.
Working With Directories - Archive of obsolete content
fails if the file or directory does not exist, so you should check first using nsifile.exists().
... var dir = io.getfile("desktop", "myfiles"); dir.append("pictures"); if (dir.exists() && dir.isdirectory()) alert("this is a directory"); creating directories you can create a new directory by using nsifile.create().
...irectory"); creating directories you can create a new directory by using nsifile.create().
List of commands - Archive of obsolete content
the following lists commands which might be usable by <command> or command dispatchers/controllers.
... cmd_scrollright cmd_selectcharprevious cmd_selectcharnext cmd_wordprevious cmd_wordnext cmd_selectwordprevious cmd_selectwordnext cmd_beginline cmd_endline cmd_selectbeginline cmd_selectendline cmd_selectlineprevious cmd_selectlinenext cmd_selectpageprevious cmd_selectpagenext cmd_selectmovetop cmd_selectmovebottom editor commands (legal when the focus is anywhere where you can type text): cmd_paste - paste a selection from the clipboard cmd_pastequote cmd_delete cmd_deletecharbackward cmd_deletecharforward cmd_deletewordbackward cmd_deletewordforward cmd_deletetobeginningofline cmd_deletetoendofline cmd_scrolltop cmd_scrollbottom cmd_movetop cmd_movebottom cmd_selecttop cmd_selectbottom cmd_linenext cmd_lineprevious cmd_selectlinenext cmd_selectlineprev...
...ewseparator cmd_bm_open cmd_bm_openinnewtab cmd_bm_openinnewwindow cmd_bm_paste cmd_bm_properties cmd_bm_rename cmd_bm_selectall cmd_bm_setnewbookmarkfolder cmd_bm_setnewsearchfolder cmd_bm_setpersonaltoolbarfolder cmd_bm_sortfolder cmd_bm_sortfolderbyname cmd_close cmd_closeothertabs cmd_closewindow cmd_copy cmd_copyimage cmd_copylink cmd_cut cmd_delete cmd_editpage cmd_findtypelinks cmd_findtypetext cmd_gotoline cmd_handlebackspace cmd_handleshiftbackspace cmd_minimizewindow cmd_neweditor cmd_neweditordraft cmd_neweditortemplate cmd_newnavigator cmd_newnavigatortab cmd_newtabwithtarget cmd_openhelp cmd_paste - paste a selection from the clipboard cmd_printsetup cmd_quit cmd_redo cmd_savepage cmd_scrollpagedown cmd_scrollpageup cmd_selectall cmd_swit...
showPopup - Archive of obsolete content
« xul reference home showpopup( element, x, y, popuptype, anchor, align ) deprecated since gecko 1.9 return type: no return value deprecated in favor of openpopup and openpopupatscreen opens a popup element.
...te on the element.
...ther x or y are not -1.
findMode - Archive of obsolete content
« xul reference findmode type: integer read only.
... « xul reference findmode type: integer read only.
... « xul reference findmode type: integer read only.
Additional Navigation - Archive of obsolete content
s used so far have all had variables in both the subject and object.
...wever, a string value may be used instead.
... (?start = http://www.xulplanet.com/rdf/myphotos, ?photo = http://www.xulplanet.com/ndeakin/images/t/canal.jpg) here is the example.
Static Content - Archive of obsolete content
ate.
... it makes it easy to combine static results and template generated results into one list.
...ist of countries.
Adding HTML Elements - Archive of obsolete content
"http://www.w3.org/1999/xhtml" this is a declaration of html much like the one we used to declare xul.
...st be entered in lowercase.
...is (the description element, for example).
Adding Methods to XBL-defined Elements - Archive of obsolete content
syntax of methods is as follows: <implementation> <method name="method-name"> <parameter name="parameter-name1"/> <parameter name="parameter-name2"/> .
...n also use a cdata section to escape the entire block of code.
... block of code.
Adding more elements - Archive of obsolete content
« previousnext » we will conclude the discussion of boxes by adding some boxes to the find files dialog.
...lso notice that the label was removed.
...der property or we could use the groupbox element.
Creating a Wizard - Archive of obsolete content
« previousnext » many applications use wizards to help the user through complex tasks.
...cular os.
...ld use for regular windows.
Introduction to XBL - Archive of obsolete content
with the id 'binding1' in the file 'chrome://findfile/content/findfile.xml'.
...t has.
...ate custom widgets (although you can use any element, even one you make up yourself).
More Event Handlers - Archive of obsolete content
been called in the box's listener, so the button's listener never gets called.
... happen depends on the event and the type of element.
... depends on the event and the type of element.
More Wizards - Archive of obsolete content
call this method in the onpageadvanced or onwizardnext handlers.
...e change, will fire the events again, so you'll have to make sure you handle that case.
...er must enter a secret code into a textbox on the first page of the wizard.
The Chrome URL - Archive of obsolete content
« previousnext » the following section will describe how to refer to xul documents and other chrome files.
...rl) just like html files.
...at window appear like a web page might do and for the most part will function as if it was a separate window.
Trees - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Trees
idual columns.
...allows more flexibility when using trees.
...ntent that will appear in the first column, the second treecell determines the content that will appear in the second column, and so on.
Using multiple DTDs - Archive of obsolete content
normally you have a single dtd (document type definition) to localize a specific xul file.
...y you have a single dtd (document type definition) to localize a specific xul file.
...ocale/mainwindow.dtd"> where "window" is the local name of the document (root) element.
XUL accessibility guidelines - Archive of obsolete content
introduction welcome to the xul accessibility guidelines.
...tering a form field.
...ld be alerted to the problem and allowed to fix the error.
assign - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] for xml templates, specifies an additional variable to assign a value to.
...properties | methods | related ] for xml templates, specifies an additional variable to assign a value to.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
binding - Archive of obsolete content
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 object type: string the object of the element.
..., 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.
... removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties object type: string the object of the element.
bindings - Archive of obsolete content
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 object type: string the object of the element.
...ethrough, 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.
..., ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width object type: string the object of the element.
deck - Archive of obsolete content
Archive › Mozilla › XUL › deck
ion is available in the xul tutorial.
... 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 selectedindex type: integer returns the index of the currently selected item.
...ursor, width properties selectedindex type: integer returns the index of the currently selected item.
dropmarker - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a dropmarker is a button with an arrow which will reveal more details when pressed.
...mples | attributes | properties | methods | related ] a dropmarker is a button with an arrow which will reveal more details when pressed.
... 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 accessibletype type: integer a value indicating the type of accessibility object for the element.
observes - Archive of obsolete content
utes from it.
...n the xul tutorial.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
preferences - Archive of obsolete content
es | properties | methods | related ] overview <preferences> is a container for <preference> elements.
...ainer for <preference> elements.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
query - Archive of obsolete content
Archive › Mozilla › XUL › query
« xul reference home [ examples | attributes | properties | methods | related ] used to specify the query for a template.
... on the type of datasource being used.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
separator - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] creates a small separating gap between elements.
...all separating gap between elements.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
template - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] used to declare a template for rule-based construction of elements.
...n see the rule element.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
treecols - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a group of treecol elements.
... « xul reference home [ examples | attributes | properties | methods | related ] a group of treecol elements.
... 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 accessibletype type: integer a value indicating the type of accessibility object for the element.
Getting started with XULRunner - Archive of obsolete content
ct", true); pref("nglayout.debug.disable_xul_cache", true); pref("nglayout.debug.disable_xul_fastload", true); xulrunner specific preferences include: toolkit.defaultchromeuri specifies the default window to open when the application is launched.
...unner:specifying startup chrome window.
...ed to create a simple xul window, which is described in the file main.xul.
MacFAQ - Archive of obsolete content
ould copy or symlink the dist/xul.framework directory to /library/frameworks.
...s to your new "hiddenwindow" as such: "chrome://myxul/content/hiddenwindow.xul" next take the code below and drop it in, to create the hiddenwindow.xul (note: the debug function and nsicommandline try/catch can be removed, all you need is the window.arguments[0]) <?xml version="1.0"?> <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" id="myxul_hidden" windowtype="myxul:hiddenwindow" title="" width="0" height="0" persist="screenx screeny width height sizemode" > <!-- load the mozilla helpers --> <script type="application/javascript" src="chrome://global/content/nsusersettings.js" /> <script><![cdata[ function debug(alogstring) { var mconsoleservice = components.classes["@mozilla.org/consoleservice;1"] ...
...rome://global/content/nsusersettings.js" /> <script><![cdata[ function debug(alogstring) { var mconsoleservice = components.classes["@mozilla.org/consoleservice;1"] .getservice(components.interfaces.nsiconsoleservice) mconsoleservice.logstringmessage("myxul: " + alogstring + "\n"); } function checkotherwindows() { var singletonwindowtype = nspreferences.copyunicharpref("toolkit.singletonwindowtype"); var windowmediator = components.classes["@mozilla.org/appshell/window-mediator;1"] .getservice(components.interfaces.nsiwindowmediator); var win = windowmediator.getmostrecentwindow(singletonwindowtype); if (win) { window.close(); win.focus(); } } if (win...
xbDesignMode.js - Archive of obsolete content
e initial developer.
...esignmode a javascript wrapper for browsers that support designmode */ function xbdesignmode(aiframe){ this.meditordocument = null; this.miframeelement = null; // argument is a string, therefore an id if ( (typeof(aiframe) == "string") && (document.getelementbyid(aiframe).tagname.tolowercase()=="iframe") ){ this.miframeelement = document.getelementbyid(aiframe); } else if( (typeof(aiframe)=="object") && (aiframe.tagname.tolowercase() == "iframe") ){ this.miframeelement = aiframe; } else { throw "argument isn't an id of an iframe or an iframe reference"; } if (this.miframeelement.contentdocument){ // gecko this.meditordocument = this.miframeelement.contentdocument; this.meditordocument.designmode = "on"; } else { // ie this.meditordocu...
...itordocument = this.miframeelement.contentdocument; this.meditordocument.designmode = "on"; } else { // ie this.meditordocument = this.miframeelement.contentwindow.document; this.meditordocument.designmode = "on"; // ie needs to reget the document element after designmode was set this.meditordocument = this.miframeelement.contentwindow.document; } } xbdesignmode.prototype.execcommand = function (acommandname, aparam){ if (this.meditordocument) this.meditordocument.execcommand(acommandname, false, aparam); else throw "no meditordocument found"; } xbdesignmode.prototype.setcsscreation = function (ausecss){ if (this.meditordocument) this.meditordocument.execcommand("usecss", false, ausecss); else throw "no meditordocument found"; } ...
Archived Mozilla and build documentation - Archive of obsolete content
nymous xul nodes.
... calicalendarviewcontroller a calicalendarviewcontroller provides a way for a calicalendarview to create, modify, and delete items.
...alicalendarviewcontroller provides a way for a calicalendarview to create, modify, and delete items.
Mozilla release FAQ - Archive of obsolete content
me, but this will depend quite a bit on your system.
...ur system.
...eel is a poor use of volunteers.
NPAnyCallbackStruct - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary note: this structure is only used on unix platforms.
... « gecko plugin api reference « plug-in side plug-in api summary note: this structure is only used on unix platforms.
... « gecko plugin api reference « plug-in side plug-in api summary note: this structure is only used on unix platforms.
NPN_SetValueForURL - Archive of obsolete content
« gecko plugin api reference « browser side plug-in api summary allows a plugin to change the stored information associated with a url, in particular its cookies.
...ie = 501, npnurlvproxy } npnurlvariable; nperror npn_setvalueforurl(npp instance, npnurlvariable variable, const char *url, const char *value, uint32_t len); parameters this function has the following parameters: instance pointer to the current plug-in instance.
...n_setvalueforurl(npp instance, npnurlvariable variable, const char *url, const char *value, uint32_t len); parameters this function has the following parameters: instance pointer to the current plug-in instance.
NPPrintCallbackStruct - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary contains information required by the platformprint field of the npembedprint structure during embedded mode printing on unix systems.
... « gecko plugin api reference « plug-in side plug-in api summary contains information required by the platformprint field of the npembedprint structure during embedded mode printing on unix systems.
... « gecko plugin api reference « plug-in side plug-in api summary contains information required by the platformprint field of the npembedprint structure during embedded mode printing on unix systems.
Syndicating content with RSS - Archive of obsolete content
dding a special <a> element to html page(s).
...xml" href="http://example.com/feed" /> adding the <a> while use of the html <link> element is powerful, it is mostly hidden.
... feed icons.
TCP/IP Security - Archive of obsolete content
s.
...better suited to providing protection than network layer controls.
...security protocols protect both http and non-http application communications, including client/server applications and other network traffic.
Using the W3C DOM - Archive of obsolete content
be read or set.
...ode with the assigned text.
...n element that already exists in the html file.
-ms-accelerator - Archive of obsolete content
the -ms-accelerator css property is a microsoft extension that sets or retrieves a string indicating whether the object represents a keyboard shortcut.
...ute in a <u> element to specify that the "n" in the <label> element is a keyboard shortcut.
... in the user's display properties, the "n" is not underlined until the user presses the alt key.
::-ms-check - Archive of obsolete content
the ::-ms-check css pseudo-element is a microsoft extension that represents checkboxes and radio button groups created by <input type="checkbox"> and <input type="radio">.
...ay (values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-check example html <form> <label for="redbutton">red</label> <input type="radio" id="redbutton"><br> <label for="greencheckbox">green</label> <input type="checkbox" id="greencheckbox"> </form> css input, label { display: inline; } input[type=radio]::-ms-check { border-color: red; /* this will make the border red when the button is checked.
...on">red</label> <input type="radio" id="redbutton"><br> <label for="greencheckbox">green</label> <input type="checkbox" id="greencheckbox"> </form> css input, label { display: inline; } input[type=radio]::-ms-check { border-color: red; /* this will make the border red when the button is checked.
E4X - Archive of obsolete content
Archive › Web › E4X
cma international in ecma-357 standard (currently in its second edition, december 2005).
...ition, december 2005).
...ngine) and in rhino (javascript engine written in java).
Iterator - Archive of obsolete content
nd will be removed at some point.
...e.next returns property_name only.
... object.
Debug.msUpdateAsyncCallbackRelation - Archive of obsolete content
the debug.msupdateasynccallbackrelation function updates the relationship status between a synchronous work item and the associated asynchronous operation.
... the debug.msupdateasynccallbackrelation function updates the relationship status between a synchronous work item and the associated asynchronous operation.
...operationid the id associated with the asynchronous operation.
VBArray.dimensions - Archive of obsolete content
sts of three parts.
...nto the <head> section of an html page.
... next next createvbarray = a end function --> </script> <script type="text/javascript"> <!-- function vbarraytest(vba) { var i; var a = new vbarray(vba); var s = ""; for (i = 1; i <= a.dimensions(); i++) { s += "the upper bound of dimension "; s += i + " is "; s += a.ubound(i); s += ".<br />"; } return(s); } --> </script> </head> <body> <script type="text/javascript"> document.write(vbarraytest(createvbarray())); </script> </body> requirements supported in the following document modes: quirks, internet explorer 6 standards, internet explorer 7 standards, internet explorer 8 standards, internet explorer 9 standards, and internet explorer 10 standards.
VBArray.getItem - Archive of obsolete content
ample consists of three parts.
...he javascript code that goes in the <body> section to run the other two parts.
... k = k + 1 next document.writeln("<br>") next createvbarray = a end function --> </script> <script type="text/javascript"> <!-- function getitemtest(vbarray) { var i, j; var a = new vbarray(vbarray); for (i = 0; i <= 2; i++) { for (j =0; j <= 2; j++) { document.writeln(a.getitem(i, j)); } } } --> </script> </head> <body> <script type="text/javascript"> <!-- getitemtest(createvbarray()); --> </script> </body> requirements supported in the following document modes: quirks, internet explorer 6 standards, internet explorer 7 standards, internet explorer 8 standards, internet explorer 9 standards, and internet explorer 10 standards.
VBArray.lbound - Archive of obsolete content
javascript code that determines the number of dimensions in the safe array and the lower bound of each dimension.
...nto the <head> section of an html page.
... next next createvbarray = a end function --> </script> <script type="text/javascript"> <!-- function vbarraytest(vba){ var i; var a = new vbarray(vba); var s = ""; for (i = 1; i <= a.dimensions(); i++) { s += "the lower bound of dimension "; s += i + " is "; s += a.lbound(i); s += ".<br />"; } return (s); } --> </script> </head> <body> <script type="text/javascript"> document.write(vbarraytest(createvbarray())); </script> </body> requirements supported in the following document modes: quirks, internet explorer 6 standards, internet explorer 7 standards, internet explorer 8 standards, internet explorer 9 standards, and internet explorer 10 standards.
VBArray.toArray - Archive of obsolete content
mple the following example consists of three parts.
...e javascript code that goes in the <body> section to run the other two parts.
...j, i) = k document.writeln(k) k = k + 1 next document.writeln("<br>") next createvbarray = a end function --> </script> <script type="text/javascript"> <!-- function vbarraytest(vbarray) { var a = new vbarray(vbarray); var b = a.toarray(); var i; for (i = 0; i < 9; i++) { document.writeln(b[i]); } } --> </script> </head> <body> <script type="text/javascript"> <!-- vbarraytest(createvbarray()); --> </script> </body> requirements supported in the following document modes: quirks, internet explorer 6 standards, internet explorer 7 standards, internet explorer 8 standards, internet explorer 9 standards, and internet explorer 10 standards.
VBArray.ubound - Archive of obsolete content
sts of three parts.
...nto the <head> section of an html page.
...next next createvbarray = a end function --> </script> <script type="text/javascript"> <!-- function vbarraytest(vba) { var i; var a = new vbarray(vba); var s = ""; for (i = 1; i <= a.dimensions(); i++) { s += "the upper bound of dimension "; s += i + " is "; s += a.ubound(i); s += ".<br />"; } return (s); } --> </script> </head> <body> <script type="text/javascript"> document.write(vbarraytest(createvbarray())); </script> </body> requirements supported in the following document modes: quirks, internet explorer 6 standards, internet explorer 7 standards, internet explorer 8 standards, internet explorer 9 standards, and internet explorer 10 standards.
VBArray - Archive of obsolete content
mple the following example consists of three parts.
...javascript code that goes in the <body> section to run the other two parts.
..., i) = k document.writeln(k) k = k + 1 next document.writeln("<br />") next createvbarray = a end function --> </script> <script type="text/javascript"> <!-- function vbarraytest(vbarray){ var a = new vbarray(vbarray); var b = a.toarray(); var i; for (i = 0; i < 9; i++) { document.writeln(b[i]); } } --> </script> </head> <body> <script type="text/javascript"> <!-- vbarraytest(createvbarray()); --> </script> </body> properties the vbarray object has no properties.
New in JavaScript 1.5 - Archive of obsolete content
.
...scape navigator 6.0 was released on november 14, 2000 and was also used in later versions of netscape navigator and firefox 1.0.
...ased on november 14, 2000 and was also used in later versions of netscape navigator and firefox 1.0.
New in JavaScript 1.8.5 - Archive of obsolete content
the following is a changelog for javascript 1.8.5.
... object.freeze() freezes an object: other code can't delete or change any properties.
...perties.
New in JavaScript 1.8 - Archive of obsolete content
the following is a changelog for javascript 1.8.
...ng the javascript version.
... new features in javascript 1.8 expression closures.
XForms Range Element - Archive of obsolete content
of possible values, i.e.
...e of this attribute.
... this determines how much the value of the range will be changed upon user interaction.
XForms Select Element - Archive of obsolete content
fined items can be specified by either item (see the spec) or itemset (see the spec) elements.
... shortcut for focusing this control.
...entations the xforms select element can be represented by the following widgets for the specified appearance attribute values: list - default representation (xhtml/xul) check group- used when appearance = 'full' (xhtml/xul) list displaying a listbox is the default representation (xhtml/xul).
XForms Textarea Element - Archive of obsolete content
introduction serves to show/change multiline text (see the spec).
... introduction serves to show/change multiline text (see the spec).
...on serves to show/change multiline text (see the spec).
Fixing Table Inheritance in Quirks Mode - Archive of obsolete content
lating the behavior in some cases.
...xt inside table cells should also be 11 pixels in size.
...e rule in quirk.css and thus allow the author to have reliable inheritance of font styles into tables when in "quirks" mode.
RDF in Mozilla FAQ - Archive of obsolete content
s".
... <rule> <query>...</query> <binding>...</binding> <action> <text value="?some-variable" /> </action> </rule> </template> the above template will create a content model that runs a series of text nodes together.
...recommended) or text/rdf (bogus).
bootstrap.js - Extensions
he extension is shut down.
... /// reason types: /// app_startup /// addon_enable /// addon_install /// addon_upgrade /// addon_downgrade } function shutdown(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// nsiuri resourceuri /// /// reason types: /// app_shutdown /// addon_disable /// addon_uninstall /// addon_upgrade /// addon_downgrade } function install(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// nsiuri resourceuri /// /// reason types: /// ...
...llpath /// nsiuri resourceuri /// /// reason types: /// addon_install /// addon_upgrade /// addon_downgrade } function uninstall(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// nsiuri resourceuri /// /// reason types: /// addon_uninstall /// addon_upgrade /// addon_downgrade } ...
Game distribution - Game development
ttract.
...game (or other money making options) it may also provide monetization.
...e published as free games on android, with monetization coming from in-app purchases (iaps) or ads.
2D collision detection - Game development
algorithms to detect collision in 2d games depend on the type of shapes that can collide (e.g.
... rect1.x + rect1.width > rect2.x && rect1.y < rect2.y + rect2.height && rect1.y + rect1.height > rect2.y) { // collision detected!
...raries.
BigInt - MDN Web Docs Glossary: Definitions of Web-related terms
in javascript, bigint is a numeric data type that can represent integers in the arbitrary precision format.
... in javascript, bigint is a numeric data type that can represent integers in the arbitrary precision format.
... in javascript, bigint is a numeric data type that can represent integers in the arbitrary precision format.
Dynamic typing - MDN Web Docs Glossary: Definitions of Web-related terms
dynamically-typed languages are those (like javascript) where the interpreter assigns variables a type at runtime based on the variable's value at the time.
... dynamically-typed languages are those (like javascript) where the interpreter assigns variables a type at runtime based on the variable's value at the time.
... dynamically-typed languages are those (like javascript) where the interpreter assigns variables a type at runtime based on the variable's value at the time.
Number - MDN Web Docs Glossary: Definitions of Web-related terms
in javascript, number is a numeric data type in the double-precision 64-bit floating point format (ieee 754).
... in javascript, number is a numeric data type in the double-precision 64-bit floating point format (ieee 754).
... in javascript, number is a numeric data type in the double-precision 64-bit floating point format (ieee 754).
Backgrounds and borders - Learn web development
and move the star around inside the box.
...ackground-position-x and background-position-y, which allow you to set the different axis position values individually.
...the features we have discussed.
Styling tables - Learn web development
make a local copy of the sample markup, download both images (noise and leopardskin), and put the three resulting files in a working directory somewhere on your local computer.
...e for a table about punk bands.
...ething else to occupy our time.
CSS building blocks - Learn web development
this module carries on where css first steps left off — now you've gained familiarity with the language and its syntax, and got some basic experience with using it, its time to dive a bit deeper.
... your understanding of some of the most fundamental concepts of css — the cascade, specificity, and inheritance — which control how css is applied to html and how conflicts are resolved.
...e, specificity, and inheritance — which control how css is applied to html and how conflicts are resolved.
What is the difference between webpage, website, web server, and search engine? - Learn web development
tive learning there is no active learning available yet.
...lling a page's look-and-feel scripts — which add interactivity to the page media — images, sounds, and videos.
...cess a page, just type its address in your browser address bar: web site a website is a collection of linked web pages (plus their associated resources) that share a unique domain name.
What are hyperlinks? - Learn web development
iginal purpose was to provide an easy way to reach, read, and navigate through text documents.
...er can instantly reach the target document by activating the link.
... and hit enter or spacebar.
What is a Domain Name? - Learn web development
registrar which is in charge of keeping track.
...ormation for some time before it is automatically invalidated and then refreshed (the dns server queries an authoritative server and fetches the updated information from it).
...shed (the dns server queries an authoritative server and fetches the updated information from it).
Dealing with files - Learn web development
, inside your test-site folder.
... when clicked).
... of html into our index.html file, and make it display the image you chose in the article "what will your website look like?" copy the image you chose earlier into your images folder.
Adding vector graphics to the Web - Learn web development
u how to include one in your webpage.
... <rect width="100%" height="100%" fill="red" /> <circle cx="100%" cy="100%" r="150" fill="blue" stroke="black" /> <polygon points="120,0 240,225 0,225" fill="green"/> <text x="50" y="100" font-family="verdana" font-size="55" fill="white" stroke="black" stroke-width="2"> hello!
... <circle cx="100%" cy="100%" r="150" fill="blue" stroke="black" /> <polygon points="120,0 240,225 0,225" fill="green"/> <text x="50" y="100" font-family="verdana" font-size="55" fill="white" stroke="black" stroke-width="2"> hello!
Making asynchronous programming easier with async and await - Learn web development
se.all() call to get all the results returned into a variable in a way that looks like simple synchronous code.
...vious article.
...trast with the new version shown below.
Choosing the right approach - Learn web development
or flexible.
... repeating operation multiple sequential operations multiple simultaneous operations no yes (recursive callbacks) yes (nested callbacks) no code example an example that loads a resource via the xmlhttprequest api (run it live, and see the source): function loadasset(url, type, callback) { let xhr = new xmlhttprequest(); xhr.open('get', url); xhr.responsetype = type; xhr.onload = function() { callback(xhr.response); }; xhr.send(); } function displayimage(blob) { let objecturl = url.createobjecturl(blob); let image = document.createelement('img'); image.src = objecturl; document.body.appendchild(image); } loadasset('coffee.jpg', 'blob', displayimage); pitfalls nested callbacks can be cumbersome and hard to read (i.e.
...e delayed operation repeating operation multiple sequential operations multiple simultaneous operations no no no yes code example the following example fetches several resources from the server, and uses promise.all() to wait for all of them to be available before then displaying all of them — see it live, and see the source code: function fetchanddecode(url, type) { // returning the top level promise, so the result of the entire chain is returned out of the function return fetch(url).then(response => { // depending on what type of file is being fetched, use the relevant function to decode its contents if(type === 'blob') { return response.blob(); } else if(type === 'text') { return response.text(); } }) .catch(e => { ...
JavaScript object basics - Learn web development
ey are inside objects.) let's work through an example to understand what they look like.
...e completely new members.
...riables and functions that have the same names.
Aprender y obtener ayuda - Learn web development
d wanders, you suddenly make a connection between tool a and tool b, and realize that you can use them together to fix problem c!
... course, for example.
...solution like this: a nav menu is usually created from a list of links, something like: <ul> <li>first menu item</li> <li>second menu item</li> <li>third menu item</li> <li>etc.</li> </ul> to make all the items sit horizontally on a line, the easiest modern way is to use flexbox: ul { display: flex; } to remove unneeded spacing and bullet points, we can do this: ul { list-style-type: none; padding: 0; } etc.
Accessibility in React - Learn web development
editbuttonref = useref(null); these refs have a default value of null because they will not have value until we attach them to their respective elements.
...to do that, we'll add an attribute of ref to each element, and set their values to the appropriately named ref objects.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Working with Svelte stores - Learn web development
s.
...o implement our own store from scratch, and also how to extend svelte's writable store to persist data to web storage.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Focus management with Vue refs - Learn web development
ref in a component, you add a ref attribute to the element that you want to access, with a string identifier for the value of the attribute.
... nice diagram for visualizing when these hooks happen.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Introduction to automated testing - Learn web development
est to make this directory an npm project, you just need to go inside your test directory and initialize it, with the following: cd node-test npm init this second command will ask you many questions to find out the information required to set up the project; you can just select the defaults for now.
...src/*.html', ['html']); gulp.watch('src/*.css', ['css']); gulp.watch('src/*.js', ['js']); }); now try entering the gulp watch command into your terminal.
...bs getting started with sauce labs let's get started with a sauce labs trial.
Introducing a complete toolchain - Learn web development
ree stages of tools as we talked about in chapter 1, the toolchain will be structured into the following phases: safety net: making the software development experience stable and more efficient.
...in older browsers).
...h the current configuration, so we'll need to add a little more configuration to the eslint settings to get it to accept jsx features.
Tools and testing - Learn web development
keep cross-browser support in the forefront of our minds, and make sure that our code follows best practices that allow our projects to work across different browsers and devices that our users are using to browse the web, and be usable by people with disabilities.
...ks, or writing tests and running them against your code using test runners.
...ng with them.
Mozilla accessibility architecture
traversal method → nsaccessibletreewalker method which traverses dom & anonymous content → nsiaccessibilityservice::getaccessible() with the content node → nsdocaccessible::getcachedaccessnode() and returns if successful, or → nsiaccessibleprovider::getaccessible() (if xul) or → nsiframe::getaccessible() (if html), which either return nothing or → nsiaccessibilityservice::create[inserttypenamehere]accessible() → operator new, which finally constructs the object.
......
...s what accessible node the event occured on.
CSUN Firefox Materials
keyboard support in the industry via gok, the gnome onscreen keyboard.
...http://www.cantoraccess.com) firefox includes keyboard access to all of its amazing features: find as you type allows for quick navigation to links and text searching without opening a separate dialog -- this allows more convenient use by screen magnification users because there is a single point of regard for the search.
...s keyboard users by putting all of the browsed documents in one firefox application window rather than cluttering the alt+tab order which makes keyboard navigation within the entire windows os much simpler.
Continuous Integration
when you push a commit to mozilla-central or a related repository, it initiates a large chain of builds and tests across multiple types of infrastructure.
... empowered to take one of several actions, including backing out a patch which caused the problem and closing the tree (i.e., preventing any additional commits).
...ral actions, including backing out a patch which caused the problem and closing the tree (i.e., preventing any additional commits).
Debugging on Mac OS X
the source files under the project directory rather than link to them (still the case in xcode 10?) which breaks debugging and the possibility to modify-rebuild-relaunch from inside xcode.
...mended to create a separate profile to debug with, whatever your task, so that you don't lose precious data like bookmarks, saved passwords, etc.
... them.
How Mozilla's build system works
ology of the build system and how to do common tasks such as compiling components and creating jar files.
... examples standard makefile header installing headers using exports compiling interfaces using xpidlsrcs installing a javascript component building a component dll building a static library building a dynamic library makefiles - best practices and suggestions makefile - targets makefile - variables, values makefile - *.mk files & user config building libraries there are three main types of libraries that are built in mozilla: components are shared libraries (except in static builds), which are installed to dist/bin/components.
...ries that are built in mozilla: components are shared libraries (except in static builds), which are installed to dist/bin/components.
Creating Custom Events That Can Pass Data
la/content/events/src/nseventdispatcher.cpp note: in the mozilla 1.8.x branch this code is actually in mozilla/content/events/src/nseventlistenermanager.cpp this is quite an important file since this holds the createevent method which acts as a factory method dom events.
...om events.
...ager::createevent() like this: if (aeventtype.lowercaseequalsliteral("nsmyevent")){ //note: the lowercase is important!
HTMLIFrameElement.getScreenshot()
will be cropped if necessary but will not be distorted vertically or horizontally.
...g the screenshot request.
...st.
mozbrowseractivitydone
alue or returnvalue is false, no mozbrowseractivitydone event will be generated as of the landing of bug 1194525 in firefox os 2.5.
... of bug 1194525 in firefox os 2.5.
...ostresult and posterror calls made on such an activity will be ignored and have no effect.
mozbrowserasyncscroll
or every user.
... may change in the future.
...he mozbrowserasyncscroll event is fired when the content of a browser <iframe> is scrolled.
mozbrowseraudioplaybackchange
re may also be large incompatibilities between implementations and the behavior may change in the future.
... future.
...playbackchange event is fired when audio starts or stops playing within a browser <iframe>.
mozbrowsercaretstatechanged
ay change in the future.
...ects content in a page loaded in a browser <iframe>.
...rowser <iframe>.
mozbrowserclose
there may also be large incompatibilities between implementations and the behavior may change in the future.
...lose event is fired when the content of a browser <iframe> calls the window.close() method.
... of a browser <iframe> calls the window.close() method.
mozbrowserdocumentfirstpaint
may also be large incompatibilities between implementations and the behavior may change in the future.
...tfirstpaint event is fired when a new paint occurs on any document in the browser <iframe>.
...w paint occurs on any document in the browser <iframe>.
mozbrowserfindchange
.
...<iframe> content.
...liframeelement.findall(), htmliframeelement.findnext(), and htmliframeelement.clearmatch().
mozbrowserfirstpaint
etween implementations and the behavior may change in the future.
...aints content for the first time (this doesn't include the initial paint from about:blank).
...is doesn't include the initial paint from about:blank).
mozbrowsericonchange
future.
... <link rel="apple-touch-icon">) is available in the browser <iframe>'s content.
...vailable in the browser <iframe>'s content.
mozbrowserloadend
browser <iframe> has finished loading all its assets, or has failed to load.
...en the embedder wants to stop spinning a loading indicator, or update the ui in some other way to indicate loading is complete.
...ng a loading indicator, or update the ui in some other way to indicate loading is complete.
mozbrowserloadstart
adstart event is fired when the browser <iframe> starts to load a new page.
...ng a loading indicator, or update the ui in some other way to indicate loading has started.
...e ui in some other way to indicate loading has started.
mozbrowserlocationchange
ncompatibilities between implementations and the behavior may change in the future.
...ozbrowserlocationchange event is fired when a browser <iframe>'s location changes — it is fired every time navigation occurs.
...ed when a browser <iframe>'s location changes — it is fired every time navigation occurs.
mozbrowsermanifestchange
mozbrowsermanifestchange event is fired when the manifest location of the app loaded in the browser <iframe> changes.
...ser <iframe> changes.
...re referring to the href of the manifest, as defined in <link rel="manifest" href=" … ">.
mozbrowseropenwindow
wser <iframe> successfully calls the window.open() method, or the user clicks on a link with an unknown target.
...nknown target.
...e the <iframe> passed in the event.details.frameelement property as the new window content.
mozbrowserresize
or every user.
... may change in the future.
...he mozbrowserresize event is fired when a browser <iframe> viewport is resized in some way.
mozbrowserscroll
ill not work for every user.
...d the behavior may change in the future.
...ure.
mozbrowserscrollareachanged
ge in the future.
...ling area in the browser <iframe> changes.
...anges.
mozbrowserscrollviewchange
ser.
...e in the future.
...serscrollviewchange event is fired when asynchronous scrolling (i.e.
mozbrowsersecuritychange
bilities between implementations and the behavior may change in the future.
...rsecuritychange event is fired when the browser <iframe> has connected to the server, and when the mixed content state changes.
...the browser <iframe> has connected to the server, and when the mixed content state changes.
mozbrowserselectionstatechanged
the mozbrowserselectionstatechanged event is fired when the text selected inside the browser <iframe> content changes.
...ame> content changes.
... is deprecated, and current implementations should use mozbrowsercaretstatechanged instead.
mozbrowsertitlechange
incompatibilities between implementations and the behavior may change in the future.
... mozbrowsertitlechange event is fired when the title of a browser <iframe> (i.e.
...d when the title of a browser <iframe> (i.e.
mozbrowserusernameandpasswordrequired
iframe> requires an http authentification.
...edentials, usually using a dialog or a database of username/passwords, and then call authenticate() or cancel() as appropriate.
... a database of username/passwords, and then call authenticate() or cancel() as appropriate.
mozbrowservisibilitychange
mentations and the behavior may change in the future.
...t is fired when the visibility state of the current browser iframe <iframe> changes, for example due to a call to setvisible().
... of the current browser iframe <iframe> changes, for example due to a call to setvisible().
HTMLIFrameElement.sendMouseEvent()
ack.
...atibilities between implementations and the behavior may change in the future.
...d the behavior may change in the future.
HTMLIFrameElement.sendTouchEvent()
warning: removed in firefox 65.
...the htmliframeelement allows you to fake a touch event and send it to the browser <iframe>'s content.
...ke a touch event and send it to the browser <iframe>'s content.
MozScrolledAreaChanged
document reflow, which can make them computationally expensive.
...both of these values change.
... specification mozilla specific interface uievent bubbles yes cancelable yes target defaultview, document default action none properties property type description targetread only eventtarget the event target (the topmost target in the dom tree).
smartcard-insert
the smartcard-insert event is fired when the insertion of a smart card has been detected specification mozilla specific interface event bubbles no cancelable no target document default action none properties property type description targetread only eventtarget the event target (the topmost target in the dom tree).
...he insertion of a smart card has been detected specification mozilla specific interface event bubbles no cancelable no target document default action none properties property type description targetread only eventtarget the event target (the topmost target in the dom tree).
...en detected specification mozilla specific interface event bubbles no cancelable no target document default action none properties property type description targetread only eventtarget the event target (the topmost target in the dom tree).
smartcard-remove
the smartcard-remove event is fired when the removal of a smart card has been detected.
...the removal of a smart card has been detected.
...n detected.
Getting Started with Chat
rc.mozilla.org and port 6697 or 6667 for your server settings) #qa a channel for qa discussion #developers a channel for mozilla development discussion #sumo a channel for support with firefox for more information about the mozilla irc network and more channels, go here.
...e of the user who wants your attention) /query nickname opens a private chat with the specified user /quit message disconnects you from the current server displaying the message in all connected channels prior to quitting /reload styles some irc clients, colloquy on mac in particular, stop displaying your messages in the channel window.
...u to register your nickname which prevents other users from using it.
PBackground
, such as apis that need to manipulate files or device settings (e.g.
...les or device settings (e.g.
... (e.g.
AddonInstall
on the addonmanager.
...elistener(in installlistener listener) properties attribute type description name string the name of the add-on being installed.
...stener listener) properties attribute type description name string the name of the add-on being installed.
Bootstrapping a new locale
the next step is to download a copy of the source code to your local system, using mercurial.
....9.x/toolkit/locales/ ab-cd/toolkit getting started change your directory to the new working directory so you are in the ~/[your working directory]/[ab-cd]/ path and can start localizing.
...browser/ ab-cd/dom/ ab-cd/netwerk/ ab-cd/other-licenses/branding/firefox/ ab-cd/security/manager/ ab-cd/toolkit/ translating to start editing, you will need a text editing application.
Localizing with Mercurial
as been updated correctly." alternatively, you can edit the %path% variable manually.
...ath% variable manually.
...osx is super easy.
MathML Torture Test
addeventlistener("change", updatemathfont, false) } window.addeventlistener("load", load, false); the following test contains sample tex formulas from knuth's tex book and equivalent mathml representations.
... formulas from knuth's tex book and equivalent mathml representations.
... font against the mathml rendering by your browser using the default math font, or an alternative opentype math fonts.
Mozilla Development Strategies
r code before checking in.
... something massive, start a branch if you are working on something big, and you want to be able to check in incrementally without getting reviews, create a branch.
...to be able to check in incrementally without getting reviews, create a branch.
Mozilla Quirks Mode Behavior
97361).
...' size info does not take precedence over heading tags' size (bug 77352).
...box-sizing:border-box for most input types and textarea.
Investigating leaks using DMD heap scan mode
_sandbox=t moz_cc_log_directory=$logdir moz_cc_log_process=content moz_cc_log_thread=main moz_dmd_shutdown_log=$logdir moz_dmd_log_process=tab ./mach run --dmd --mode=scan breaking this down: xpcom_mem_bloat_log=1: this reports a list of the counts of every object created and destroyed and tracked by the xpcom leak tracking system.
...dmd log to be taken very late in xpcom shutdown, and the location for that log to be saved.
... this may take a few seconds.
JS::PerfMeasurement
3322) and osx (bug 583323) as well, and we welcome patches for other operating systems.
...tions of the profiled thread from one cpu core to another these events map directly to "generic events" in the linux 2.6.31+ <linux/perf_event.h> interface, and so unfortunately are a little vague in their specification; for instance, we can't tell you exactly which level of cache you get misses for if you measure cache_misses.
...ut make the results available to javascript, you can declare a bare jsval argument in your .idl file and have javascript pass a perfmeasurement object that it created in that argument slot.
Optimizing Applications For NSPR
is presented in the macro <tt>pr_callback</tt>.
...r any function made available to any shared library (most likely passed in as a function pointer), that function must have the <tt>pr_callback</tt> qualifier.
...ll be left with an invalid pointer to the child.
Linked Lists
this chapter describes the nspr api for managing linked lists.
... this chapter describes the nspr api for managing linked lists.
...ribes the nspr api for managing linked lists.
Logging
you can select events to be logged by module or level.
... the debugging aids in your application, compile using the nspr debug build headers and runtime.
...ur application, compile using the nspr debug build headers and runtime.
Network Addresses
this chapter describes the nspr types and functions used to manipulate network addresses.
... this chapter describes the nspr types and functions used to manipulate network addresses.
...lients treat all structures containing network addresses as transparent objects and use the functions documented here to manipulate the information.
PLHashComparator
syntax #include <plhash.h> typedef printn (pr_callback *plhashcomparator)( const void *v1, const void *v2); description plhashcomparator is a function type that compares two values of an unspecified type.
... syntax #include <plhash.h> typedef printn (pr_callback *plhashcomparator)( const void *v1, const void *v2); description plhashcomparator is a function type that compares two values of an unspecified type.
...wo values are equal, and 0 if the two values are not equal.
PLHashNumber
syntax #include <plhash.h> typedef pruint32 plhashnumber; #define pl_hash_bits 32 description plhashnumber is an unsigned 32-bit integer.
... syntax #include <plhash.h> typedef pruint32 plhashnumber; #define pl_hash_bits 32 description plhashnumber is an unsigned 32-bit integer.
... syntax #include <plhash.h> typedef pruint32 plhashnumber; #define pl_hash_bits 32 description plhashnumber is an unsigned 32-bit integer.
PRFloat64
the nspr floating-point type is always 64 bits.
... the nspr floating-point type is always 64 bits.
... the nspr floating-point type is always 64 bits.
PRInt32
guaranteed to be a signed 32-bit integer on all platforms.
... guaranteed to be a signed 32-bit integer on all platforms.
... guaranteed to be a signed 32-bit integer on all platforms.
PRInt64
guaranteed to be a signed 64-bit integer on all platforms.
... guaranteed to be a signed 64-bit integer on all platforms.
... guaranteed to be a signed 64-bit integer on all platforms.
PRPtrdiff
signed pointer difference type.
... signed pointer difference type.
... signed pointer difference type.
PRStatus
type for status code returned by some functions.
... type for status code returned by some functions.
... type for status code returned by some functions.
PRTimeParamFn
this type defines a callback function to calculate and return the time parameter offsets from a calendar time object in gmt.
... this type defines a callback function to calculate and return the time parameter offsets from a calendar time object in gmt.
... this type defines a callback function to calculate and return the time parameter offsets from a calendar time object in gmt.
PRUint32
guaranteed to be an unsigned 32-bit integer on all platforms.
... guaranteed to be an unsigned 32-bit integer on all platforms.
... guaranteed to be an unsigned 32-bit integer on all platforms.
PRUint64
guaranteed to be an unsigned 64-bit integer on all platforms.
... guaranteed to be an unsigned 64-bit integer on all platforms.
... guaranteed to be an unsigned 64-bit integer on all platforms.
PRUint8
guaranteed to be an unsigned 8-bit integer on all platforms.
... guaranteed to be an unsigned 8-bit integer on all platforms.
... guaranteed to be an unsigned 8-bit integer on all platforms.
PRUnichar
an unsigned 16-bit type, like char in java or the "characters" of a javascript string defined in /mozilla/xpcom/base/nscore.h.
... an unsigned 16-bit type, like char in java or the "characters" of a javascript string defined in /mozilla/xpcom/base/nscore.h.
... an unsigned 16-bit type, like char in java or the "characters" of a javascript string defined in /mozilla/xpcom/base/nscore.h.
PRUptrdiff
unsigned pointer difference type.
... unsigned pointer difference type.
... unsigned pointer difference type.
PR_AttachThread
associates a prthread object with an existing native thread.
... associates a prthread object with an existing native thread.
... associates a prthread object with an existing native thread.
PR_CALLBACK
used to define pointers to functions that will be implemented by the client but called from a (different) shared library.
... used to define pointers to functions that will be implemented by the client but called from a (different) shared library.
...allbackimplementation description functions that are implemented in an application (or shared library) that are intended to be called from another shared library (such as nspr) must be declared with the pr_callback attribute.
PR_CallOnce
ensures that subsystem initialization occurs only once.
... ensures that subsystem initialization occurs only once.
... ensures that subsystem initialization occurs only once.
PR_FindSymbol
pr_findsymbol() will return an untyped reference to a symbol in a particular library given the identity of the library and a textual representation of the symbol in question.
...ibrary given the identity of the library and a textual representation of the symbol in question.
...ion of the symbol in question.
PR_IMPLEMENT
used to define implementations of symbols that are to be exported from a shared library.
... used to define implementations of symbols that are to be exported from a shared library.
... used to define implementations of symbols that are to be exported from a shared library.
PR_Init
initializes the runtime.
... initializes the runtime.
... initializes the runtime.
PR_NEW
allocates memory of a specified size from the heap.
... allocates memory of a specified size from the heap.
... allocates memory of a specified size from the heap.
PR_ReadDir
den" attribute set.
... if the end of the directory is reached or an error occurs, null.
...e directory is reached or an error occurs, null.
PR_Writev
has the following parameters: fd a pointer to a prfiledesc object for a socket.
...ore, the return value is equal to either the sum of all the buffer lengths (on success) or -1 (on failure).
... to either the sum of all the buffer lengths (on success) or -1 (on failure).
NSS 3.15.5 release notes
pub/mozilla.org/security/nss/releases/nss_3_15_5_rtm/src/ new in nss 3.15.5 new functionality added support for the tls application layer protocol negotiation (alpn) extension.
... nss 3.15.5 new functionality added support for the tls application layer protocol negotiation (alpn) extension.
... getting the tail of a certcertlist.
NSS 3.16.3 release notes
s 3.16.3 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_16_3_rtm/src/ new in nss 3.16.3 this release consists primarily of ca certificate changes as listed below, and fixes an issue with a recently added utility function.
...a.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_16_3_rtm/src/ new in nss 3.16.3 this release consists primarily of ca certificate changes as listed below, and fixes an issue with a recently added utility function.
...ps download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_16_3_rtm/src/ new in nss 3.16.3 this release consists primarily of ca certificate changes as listed below, and fixes an issue with a recently added utility function.
NSS Sample Code sample2
can be in the clear).
...ry, it *may not* return the optimal slot for the operation.
..._encrypt, &keyitem, null); if (symkey == null) { fprintf(stderr, "failure to import key into nss (err %d)\n", pr_geterror()); goto out; } /* set up the pkcs11 encryption paramters.
nss tech note8
sid (or sslsessionid struct) contains all the info needed to restart the ssl session at a later time on another socket.
...r sslsessionid struct) contains all the info needed to restart the ssl session at a later time on another socket.
...rt the ssl session at a later time on another socket.
PKCS11 Implement
ns over unsecured networks such as the internet.
...apkey.
....
FC_GetMechanismInfo
name fc_getmechanisminfo - get information on a particular mechanism.
... name fc_getmechanisminfo - get information on a particular mechanism.
... name fc_getmechanisminfo - get information on a particular mechanism.
FC_GetMechanismList
name fc_getmechanismlist - get a list of mechanism types supported by a token.
... name fc_getmechanismlist - get a list of mechanism types supported by a token.
...hanism types supported by a token.
NSS reference
e categories of functions in nss public functions.
...ss public functions.
...certnow cert_verifycert cert_verifycertname cert_checkcertvalidtimes nss_cmpcertchainwcanames manipulating certificates cert_dupcertificate cert_destroycertificate sec_deletepermcertificate __cert_closepermcertdb getting certificate information cert_findcertbyname cert_getcertnicknames cert_freenicknames cert_getdefaultcertdb nss_findcertkeatype comparing secitem objects secitem_compareitem key functions key functions seckey_getdefaultkeydb seckey_destroyprivatekey digital signatures this api consists of the routines used to perform signature generation and the routines used to perform signature verification.
TLS Cipher Suite Discovery
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.
...o structure for that cipher suite.
...lared in "sslt.h": typedef struct sslciphersuiteinfostr { pruint16 length; pruint16 ciphersuite; /* cipher suite name */ const char * ciphersuitename; /* server authentication info */ const char * authalgorithmname; sslauthtype authalgorithm; /* key exchange algorithm info */ const char * keatypename; sslkeatype keatype; /* symmetric encryption info */ const char * symciphername; sslcipheralgorithm symcipher; pruint16 symkeybits; pruint16 symkeyspace; pruint16 effectivekeybits; /* mac info */ const char * macalgorithmname; sslmacalgorithm macalgorithm; pruint16 ...
Rhino FAQ
frequently asked questions about rhino how do i create a java array from javascript?
... i create a java array from javascript?
...garray = java.lang.reflect.array.newinstance(java.lang.string, 5); then if you wish to assign the string "hi" to the first element, simply execute stringarray[0] = "hi".
Creating JavaScript jstest reftests
n by the jstest harness in the shell and the reftest harness in the browser.
...tories.
...ic features, like gc(), either: make the test silently pass if those features aren't present; or make it a jit-test (so that it never runs in the browser); or at the top of the test, add the comment // skip-if(!xulruntime.shell), so that it only runs in the shell.
Introduction to the JavaScript shell
see javascript shells.
...unction, the line number of the line of code containing that offset is returned.
...ning that offset is returned.
DOUBLE_TO_JSVAL
obsolete since jsapi 42this feature is obsolete.
... obsolete since jsapi 42this feature is obsolete.
... any time.
INT_FITS_IN_JSVAL
obsolete since javascript 1.8.5this feature is obsolete.
... i jsint the c integer value to check.
...f a specified c integer value, i, lies within the range allowed for integer jsvals.
JS::AutoVectorRooter
this article covers features introduced in spidermonkey 17 base class that roots an internal variable-size array of type t.
...pointer to the first element.
...end() const returns a pointer to the element next to the last element.
JS::ProtoKeyToId
this article covers features introduced in spidermonkey 38 convert a jsprotokey to js id.
...nkey 38 convert a jsprotokey to js id.
... cx jscontext * pointer to a js context from which to derive runtime information.
JS::SetLargeAllocationFailureCallback
this article covers features introduced in spidermonkey 31 specify a new callback function for large memory allocation failure.
... void *data); name type description rt jsruntime * the jsruntime for which to set the gc callback.
... jsruntime * the jsruntime for which to set the gc callback.
JS::SetOutOfMemoryCallback
this article covers features introduced in spidermonkey 31 specify a new callback function for out of memory error.
...jsruntime *rt, js::outofmemorycallback cb, void *data); name type description rt jsruntime * the jsruntime for which to set the gc callback.
...escription rt jsruntime * the jsruntime for which to set the gc callback.
JSClass
all; jshasinstanceop hasinstance; jsnative construct; jsxdrobjectop xdrobject; /* obsolete since spidermonkey 13 */ jstraceop trace; /* added in spidermonkey 17 */ jsclassinternal reserved1; /* obsolete since spidermonkey 13 */ void *reserved[n]; /* sizeof 'reserved' depends on version */ }; name type description name const char * class name flags uint32_t class flags.
...propertystub, js_propertystub, js_enumeratestub, js_resolvestub, js_convertstub, null, jsclass_no_optional_members }; to expose this class to scripts, and to attach methods and properties to it, use js_initclass.
..._set_rval(cx, vp, object_to_jsval(obj)); */ return true; } { js_initclass(cx, global, js::null(), &printer_class, printer_construct, 1, null, null, null, null); } see also mxr id search for jsclass jsclass.flags js_getclass js_initclass js_newobject js_newobjectforconstructor js_instanceof bug 638291 - added trace bug 702507 - removed jsclass_construct_prototype bug 726944 - removed xdrobject, reserved0 and reserved1 bug 886829 - made finalize optional bug 957688 - removed checkaccess bug 1103368 - made most of members optional bug 1097267 - removed jsclass_new_enumerate bug 1054756 - removed convert bug 1261723 - class ops are moved to a sub-structure jsclassops ...
JSEnumerateOp
jsenumerateop is the type of the jsclass.enumerate callback.
... jsenumerateop is the type of the jsclass.enumerate callback.
... jsenumerateop is the type of the jsclass.enumerate callback.
JSFinalizeOp
jsfinalizeop is the type of jsclass.finalize.
... jsfinalizeop is the type of jsclass.finalize.
... jsfinalizeop is the type of jsclass.finalize.
JSGetObjectOps
obsolete since jsapi 17this feature is obsolete.
... obsolete since jsapi 17this feature is obsolete.
... obsolete since jsapi 17this feature is obsolete.
JSMarkOp
obsolete since jsapi 29this feature is obsolete.
....
...emoved at any time.
JSObjectOp
obsolete since javascript 1.8.5this feature is obsolete.
... obsolete since javascript 1.8.5this feature is obsolete.
...e since javascript 1.8.5this feature is obsolete.
JSObjectOps.getRequiredSlot
void using it.
...ange from one release to the next.
...ot api documentation.
JSObjectPrincipalsFinder
obsolete since jsapi 17this feature is obsolete.
...bsolete since jsapi 17this feature is obsolete.
...s discouraged since it could be removed at any time.
JSPrincipalsTranscoder
jsprincipalstranscoder is the type of a security callback that can be configured using js_setprincipalstranscoderjsapi 1.8 and earlier or js_setruntimesecuritycallbacksadded in spidermonkey 1.8.1.
... jsprincipalstranscoder is the type of a security callback that can be configured using js_setprincipalstranscoderjsapi 1.8 and earlier or js_setruntimesecuritycallbacksadded in spidermonkey 1.8.1.
... jsprincipalstranscoder is the type of a security callback that can be configured using js_setprincipalstranscoderjsapi 1.8 and earlier or js_setruntimesecuritycallbacksadded in spidermonkey 1.8.1.
JSPropertySpec
union { jsnativewrapper native; selfhostedwrapper selfhosted; } getter; union { jsnativewrapper native; selfhostedwrapper selfhosted; } setter; /* obsolete since jsapi 29 */ /* added in jsapi 28 */ const char *selfhostedgetter; const char *selfhostedsetter; }; name type description name const char * name to assign the property.
...o js_defineproperties or js_initclass to create the properties and assign them to an object.
...propertyspec, use js_psg, js_psgs, js_self_hosted_get, js_self_hosted_getset, and js_ps_end see also mxr id search for jspropertyspec jsfunctionspec jsnativewrapper js_defineproperties js_psg js_psgs js_self_hosted_get js_self_hosted_getset js_ps_end bug 766448 - changed type of getter and setter to wrapper bug 938728 - added selfhostedgetter and selfhostedsetter bug 958262 - changed type of getter and setter to union, and removed selfhostedgetter and selfhostedsetter.
JSReserveSlotsOp
obsolete since javascript 1.8.5this feature is obsolete.
... obsolete since javascript 1.8.5this feature is obsolete.
... obsolete since javascript 1.8.5this feature is obsolete.
JSVAL_TO_BOOLEAN
obsolete since jsapi 32this feature is obsolete.
...ger, either 0 or 1, without any type checking or error handling.
...ype checking or error handling.
JSVAL_TO_DOUBLE
obsolete since jsapi 32this feature is obsolete.
... obsolete since jsapi 32this feature is obsolete.
...e browsers, its use is discouraged since it could be removed at any time.
JSVAL_TO_INT
obsolete since jsapi 32this feature is obsolete.
...ce jsapi 32this feature is obsolete.
... its use is discouraged since it could be removed at any time.
JSVAL_TO_OBJECT
obsolete since jsapi 32this feature is obsolete.
... obsolete since jsapi 32this feature is obsolete.
...wsers, its use is discouraged since it could be removed at any time.
JSXDRObjectOp
obsolete since jsapi 13this feature is obsolete.
... obsolete since jsapi 13this feature is obsolete.
... obsolete since jsapi 13this feature is obsolete.
JS_CheckAccess
obsolete since jsapi 29this feature is obsolete.
... name type description cx jscontext * the context in which to perform the access check.
... success, *attrsp receives the property attributes.
JS_DeleteElement
removes a specified element or numeric property from an object.
... js::handleobject object from which to delete an element.
... index uint32_t index number of the element to delete.
JS_DeleteElement2
eature is obsolete.
... index uint32_t index number of the element to delete.
... succeeded bool * out parameter.
JS_DumpNamedRoots
obsolete since jsapi 19this feature is obsolete.
...ven runtime rt.
...tion provided by the application.
JS_EnumerateDiagnosticMemoryRegions
this article covers features introduced in spidermonkey 17 enumerate memory regions that contain diagnostic information..
... this article covers features introduced in spidermonkey 17 enumerate memory regions that contain diagnostic information..
...t contain diagnostic information..
JS_GetConstructor
retrieves the constructor for an object.
...e caller must be in a request on this jscontext.
... request on this jscontext.
JS_GetNaNValue
get the not-a-number (nan) floating-point number as a value of type js::value.
... get the not-a-number (nan) floating-point number as a value of type js::value.
... get the not-a-number (nan) floating-point number as a value of type js::value.
JS_GetPrivate
access the private data field of an object.
...a function object, as reported by js_objectisfunction, the private data is a pointer to a jsfunction.
...ion, the private data is a pointer to a jsfunction.
JS_GetPropertyDescriptor
ption of that property.
...roperty to look up.
... success, if no property is found, desc->obj is set to null.
JS_HasProperty
sproperty(jscontext *cx, js::handleobject obj, const char *name, bool *foundp); bool js_hasucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, bool *vp); bool js_haspropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, bool *foundp); // added in spidermonkey 1.8.1 name type description cx jscontext * a context.
...n this jscontext.
... namelen size_t (only in js_hasucproperty) the length of name in characters, or -1 to indicate that name is null-terminated.
JS_IsConstructing_PossiblyWithGivenThisObject
uraged since it could be removed at any time.
...his); name type description cx jscontext * the context.
...thgiventhisobject(cx, vp, &maybethis)) { // native called as a constructor if (maybethis) // native called as a constructor with maybethis as 'this' } else { // native called as function, maybethis is still uninitialized } } note: a spidermonkey embedding does not need to use this query unless the embedding uses js_constructobject(), js_initclass() and jsclass_construct_prototype as described above.
JS_IterateCompartments
this article covers features introduced in spidermonkey 17 iterate over compartments and call the specified callback function on every compartment.
... jsiteratecompartmentcallback compartmentcallback); name type description cx jsruntime * the runtime of the compartments to iterate over.
... the runtime of the compartments to iterate over.
JS_NewPlainObject
this article covers features introduced in spidermonkey 38 creates a new plain javascript object.
... a new plain javascript object.
...vascript object.
JS_NewScriptObject
is feature is obsolete.
...ct.
...cript object is reachable, the jsscript and its components are protected from garbage collection; when the script object is collected, the jsscript and its contents are freed.
JS_PreventExtensions
attempts to forbid the addition of any new properties to an object.
...nvenient to prohibit new properties.
...method.
JS_RemoveExternalStringFinalizer
obsolete since jsapi 13this feature is obsolete.
...use is discouraged since it could be removed at any time.
...zer from the global gc finalizers table, returning its type code if found, -1 if not found.
JS_ResolveStandardClass
resolve a standard class in an object.
... an id of a standard class name, which must contain either a string or an int.
...lvestandardclass resolves id, which must contain either a string or an int, to a standard class name in obj if possible, defining the class's constructor and/or prototype and storing true in *resolved.
JS_SET_TRACING_DETAILS
this article covers features introduced in spidermonkey 1.8 set debugging information about the next thing to be traced by a jstracer.
...rmonkey 1.8 set debugging information about the next thing to be traced by a jstracer.
... syntax js_set_tracing_details(trc, printer, arg, index) name type description trc jstracer * the tracer whose debugging hooks are to be set.
JS_SetCompartmentNameCallback
this article covers features introduced in spidermonkey 17 set callback function to name each compartment.
...ack function to name each compartment.
...description cx jsruntime * the runtime to set the callback function.
JS_SetDestroyCompartmentCallback
this article covers features introduced in spidermonkey 17 set the callback function for each compartment being destroyed.
... being destroyed.
... callback); name type description cx jsruntime * the runtime to set the callback function.
JS_SetErrorReporter
olete since jsapi 52this feature is obsolete.
... js_geterrorreporter(jsruntime *rt); jserrorreporter js_seterrorreporter(jsruntime *rt, jserrorreporter er); name type description cx jsruntime * pointer to a js runtime whose errors should be reported via your function.
... name type description cx jsruntime * pointer to a js runtime whose errors should be reported via your function.
JS_SetFunctionCallback
nd profilers since it works across all run modes (interpreter, method jit, trace jit).
...time a javascript function is invoked or exits.
...rence to this function, because it is invoked when the javascript stack is guaranteed to be in a consistent state (and therefore it is valid to inspect and modify local variables, generate stack traces, and set breakpoints.) callback syntax typedef void (* jsfunctioncallback)(const jsfunction *fun,const jsscript *scr, const jscontext *cx, int entering); name type description fun const jsfunction * the javascript function being invoked or exited.
JS_SetOperationCallback
obsolete since jsapi 30this feature is obsolete.
...while javascript code runs.
...ncallback(jscontext *cx); void js_triggeroperationcallback(jsruntime *rt); name type description cx jscontext * a context.
JS_TracerInit
s, its use is discouraged since it could be removed at any time.
...*trc, jsruntime *rt, jstracecallback callback); name type description trc jstracer * the tracer to be initialized.
... trc jstracer * the tracer to be initialized.
jschar
obsolete since jsapi 35this feature is obsolete.
... obsolete since jsapi 35this feature is obsolete.
... obsolete since jsapi 35this feature is obsolete.
jsdouble
since firefox/gecko 13 jsdouble has been removed, and instead it is possible to use the default c/c++ type double.
... since firefox/gecko 13 jsdouble has been removed, and instead it is possible to use the default c/c++ type double.
... since firefox/gecko 13 jsdouble has been removed, and instead it is possible to use the default c/c++ type double.
SpiderMonkey 1.8
he number 7 in x.
...ignature jsfastnative instead of jsnative.
...tly faster, but applications that use spidermonkey's fine-grained security features should heed the warning in its api documentation.
SavedFrame
nt has (a -> c), or it can view all stack frames, including the frames from chrome compartments (a -> b -> c).
...dframe.prototype object source the source url for this stack frame, as a string.
...here the promise was created.
TPS Tests
strict json will fail.
...t be declared here, or it will not be run by the python test runner.
...the phase function with the name of the phase and a list of actions to perform: phase('phase1', [ [bookmarks.add, bookmarks_initial], [passwords.add, passwords_initial], [history.add, history_initial], [sync, sync_wipe_server], ]); each action is an array, the first member of which is a function reference to call, the other members of which are parameters to pass to the function.
A Web PKI x509 certificate primer
is used to constrain the purpose for the key in the certificate.
...using the certificate manager.
...e algorithm re-sign the certificate using a modern algorithm sec_error_expired_certificate a certificate is too old to be used re-generate the certificate sec_error_extension_value_invalid a certificate has an extension with an empty value re-generate the certificate without the extension, or re-generate it with a non-empty value sec_error_inadequate_cert_type a certificate has an extended key usage extension that does not assert a required usage, or an end-entity certificate asserts the id-kp-ocspsigning usage when it shouldn't re-generate the certificate with the appropriate extended key usage values sec_error_inadequate_key_usage a certificate has a key usage extension that does not assert a required usage re-generate the certif...
extIPreferenceBranch
: see the instructions on the fuel (firefox), steel (thunderbird) and smile (seamonkey) pages.
...alue of a preference.
...rn value means that to javascript code the value will appear as a value of the same type as is used in the preferences file and no coercion will occur.
Generic factory
rface that can be reused anytime a simple implementation of nsifactory is needed.
...shes the generic factory's constructor function, which will be called * by createinstance.
...face, addref, release implementations) if we just use the following class for all of the simple factories: // idea: why not create a generic factory facility so we can avoid // duplication of so much nsifactory code?
Packaging WebLock
« previousnext » in this final part of the tutorial, we'll put all of the pieces of the web locking component - the library itself, the type library, the header file, and the user interface resources - into a package that can be installed on other systems.
...des such essential methods[essential-methods] as initinstall, registerchrome, addfile, and others.
...ancelinstall(err); the weblock trigger script the trigger script is the script placed on a web page that actually initiates an xpinstall installation and calls the installation script that appears in the xpi.
Creating XPCOM components
at uses xpidl but you should use webidl instead.
...stead.
... who should read this book 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 compo...
How to build a binary XPCOM component using Visual Studio
lue_s.lib create an xpcom component a full tutorial of xpcom is beyond the scope of this posting.
... module, also in c++.
...wn guid.
nsACString_internal
class declaration nstsubstring is the most abstract class in the string hierarchy.
... appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar data members no public members.
...data(const char**) const - source get a const pointer to the string's internal buffer.
nsAString_internal
class declaration nstsubstring is the most abstract class in the string hierarchy.
...d appendascii appendliteral(const char appendliteral(char operator+= insert cut setcapacity setlength truncate getdata getmutabledata setisvoid stripchar data members no public members.
...ichar**) const - source get a const pointer to the string's internal buffer.
RefPtr
refptr (formerly known as nsrefptr, see bug 1207245) is a general class to implement reference counting pointers for objects.
...formerly known as nsrefptr, see bug 1207245) is a general class to implement reference counting pointers for objects.
...ay nsfoo implements nsifoo and nsibar xpcom interfaces: refptr<nsfoo> foo = new nsfoo(); nscomptr<nsibar> bar(do_queryobject(foo)); moz_assert(bar, "yikes someone changed the base classes of nsfoo"); can i queryinterface an nscomptr back to a refptr?
amIInstallTrigger
lltrigger.idlscriptable called when an install completes or fails.
... url for the add-on's url iconurl for an icon for the add-on hash for a hash of the add-on.
... hash for a hash of the add-on.
imgICache
nsiproperties findentryproperties(in nsiuri uri); void removeentry(in nsiuri uri); methods clearcache() evict images from the cache.
...ryproperties(in nsiuri uri); void removeentry(in nsiuri uri); methods clearcache() evict images from the cache.
...ntry(in nsiuri uri); methods clearcache() evict images from the cache.
imgIRequest
ed 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.
...s attribute type description corsmode long the cors mode that this image was loaded with.
...ode_complete 0x20 the whole image has been decoded.
mozIVisitInfo
toolkit/components/places/moziasynchistory.idlscriptable this interface provides additional info for a visit.
...or a visit.
...duced gecko 2.0 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) attributes attribute type description referreruri nsiuri read only: the referring uri of this visit.
nsIAccessibleRelation
1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) note: be carefull, do not change constants until atk has a structure to map gecko constants into atk constants.
... inherits from: nsisupports last changed in gecko 1.9 (firefox 3) note: be carefull, do not change constants until atk has a structure to map gecko constants into atk constants.
...n gecko 1.9 (firefox 3) note: be carefull, do not change constants until atk has a structure to map gecko constants into atk constants.
nsIContentFrameMessageManager
or details on these messaging apis see the documentation for the nsicontentframemessagemanager's parent classes nsisyncmessagesender and nsimessagesender.
...thods void dump(in domstring astr); domstring atob(in domstring aasciistring); domstring btoa(in domstring abase64data); dump() prints the specified string to standard output.
...arameters name type description astr string the message to log.
nsICookieService
cookiestringfromhttp(in nsiuri auri, in nsiuri afirsturi, in nsichannel achannel); void setcookiestring(in nsiuri auri, in nsiprompt aprompt, in string acookie, in nsichannel achannel); void setcookiestringfromhttp(in nsiuri auri, in nsiuri afirsturi, in nsiprompt aprompt, in string acookie, in string aservertime, in nsichannel achannel); attributes attribute type description cookieiconisvisible boolean this attribute really doesn't belong on this interface.
...terface.
...ring() could also query the date header from the channel if achannel supports nsihttpchannel.
nsIDOMFontFace
s last changed in gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4) this object describes a single font.
...omfontgroup boolean indicates whether or not the font was located in a font group.
... could be used in css font-family (not necessarily the actual name that was used, due to aliases, generics, localized names, and so on).
nsIDOMMozNetworkStats
faces/nsidomnetworkstats.idlscriptable interface of the network stats object.
... interface of the network stats object.
... object.
nsIDOMMozTouchEvent
events can be generated independently for each finger touching the screen.
...n long clientyarg, in boolean ctrlkeyarg, in boolean altkeyarg, in boolean shiftkeyarg, in boolean metakeyarg, in unsigned short buttonarg, in nsidomeventtarget relatedtargetarg, in unsigned long streamidarg); attributes attribute type description streamid unsigned long a unique identifier for each finger, so that each finger's movement can be tracked separately.
...ion streamid unsigned long a unique identifier for each finger, so that each finger's movement can be tracked separately.
nsIDOMWindow
tcomputedstyle(in nsidomelement elt, [optional] in domstring pseudoelt); nsiselection getselection(); void scrollby(in long xscrolldif, in long yscrolldif); void scrollbylines(in long numlines); void scrollbypages(in long numpages); void scrollto(in long xscroll, in long yscroll); void sizetocontent(); attributes attribute type description applicationcache nsidomofflineresourcelist get the application cache object for this window.
...m the same origin that inserted the data into storage in the first place.
...d error may be returned by implementations not supporting zoom.
nsIDOMXPathException
dom/interfaces/xpath/nsidomxpathexception.idlscriptable describes an exception resulting from xpath operations.
.../interfaces/xpath/nsidomxpathexception.idlscriptable describes an exception resulting from xpath operations.
...ibes an exception resulting from xpath operations.
nsIDroppedLinkItem
dom/base/nsidroppedlinkhandler.idlscriptable please add a summary to this article.
...nsidroppedlinkhandler.idlscriptable please add a summary to this article.
...criptable please add a summary to this article.
nsIEventListenerInfo
returned by nsieventlistenerservice.getlistenerinfofor, which provides a list of all the listeners to a given event target.
... attribute type description allowsuntrusted boolean indicates whether or not the event listener allows untrusted events.
... description allowsuntrusted boolean indicates whether or not the event listener allows untrusted events.
ExtensionManager (Toolkit)
the extensionmanager follows the nsiextensionmanager api.
... the extensionmanager follows the nsiextensionmanager api.
...iextensionmanager api.
nsIHttpChannel
indicates no referrer will be sent referrer_policy_origin only send the origin of the referring uri referrer_policy_origin_when_xorigin same as the default; only send the origin of the referring uri for cross-origin requests referrer_policy_unsafe_url always send the referrer, even when downgrading from https to http attributes attribute type description allowpipelining boolean this attribute is a hint to the channel to indicate whether or not the underlying http transaction should be allowed to be pipelined with other transactions.
...avalue, in boolean amerge ); parameters aheader the case-insensitive name of the request header to query (for example "cookie").
..., in boolean merge ); parameters header the case-insensitive name of the response header to set(for example "cache-cookie").
nsIMarkupDocumentViewer
docshell/base/nsimarkupdocumentviewer.idlscriptable describes the properties of a content viewer for an html or xml markup document.
...) bidicharacterset octet whether to force the user's character set 1 - use the document character set 2 - use the character set chosen by the user.
...use platform bidi support or mozilla's bidi support 1 - use mozilla's bidi support 2 - use the platform bidi support 3 - disable bidi support.
nsIMsgCompFields
« xpcom api reference summary the nsimsgcompfields interface provides properties for an composition of an outgoing message.
... when 'send anyway' is selected by a user.
...ents, in prbool emailaddressonly ); void convertbodytoplaintext ( ); attachment handling methods void addattachment ( in nsimsgattachment attachment ); void removeattachment ( in nsimsgattachment attachment ); void removeattachments ( ); header methods void setheader(char* name, char* value); references this interface is the type of the following properties: nsimsgcompose.compfields, nsimsgcomposeparams.composefields this interface is passed as an argument to the following methods: nsimsgcomposesecure.begincryptoencapsulation, nsimsgcomposesecure.requirescryptoencapsulation, nsimsgsend.createandsendmessage, nsimsgsend.sendmessagefile, nsismimejshelper.getnocertaddresses, nsismimejshelper.getrecipientcertsinfo ...
nsIMsgRuleAction
defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilter.idl [scriptable, uuid(190a2a18-d245-473a-a402-9f0814598c7f)] interface nsimsgruleaction : nsisupports { attribute nsmsgruleactiontype type; // target priority..
...actiontype type; // target priority..
...smsgpriorityvalue priority; // target folder..
nsINavHistoryQuery
_is(count)] out long long folders); void gettransitions([optional] out unsigned long count, [retval,array,size_is(count)] out unsigned long transitions); void setfolders([const,array, size_is(foldercount)] in long long folders, in unsigned long foldercount); void settransitions([const,array, size_is(count)] in unsigned long transitions, in unsigned long count); attributes attribute type description absolutebegintime prtime read only: retrieves the begin time value that the currently loaded reference points + offset resolve to.
...ions() get the transitions set for this query.
...ansitions( out unsigned long count, optional [retval,array,size_is(count)] out unsigned long transitions ); parameters count optional the number of transitions transitions missing description settransitions() when the set of transitions is nonempty, results are limited to pages which have at least one visit for each of the transition types.
nsINavHistoryQueryResultNode
ecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) note: if you request that places not be expanded in the options that generated the node, the node will report that it has no children and will never try to populate itself.
...nt, [retval,array,size_is(querycount)] out nsinavhistoryquery queries); attributes attribute type description folderitemid long long for both simple folder nodes and simple-folder-query nodes, this is set to the concrete itemid of the folder.
...mid long long for both simple folder nodes and simple-folder-query nodes, this is set to the concrete itemid of the folder.
nsIRadioInterfaceLayer
allback(in nsiriltelephonycallback callback); void registerdatacallcallback(in nsirildatacallback callback); void rejectcall(in unsigned long callindex); void sendsms(in domstring number, in domstring message, in long requestid, in unsigned long long processid); void setupdatacall(in long radiotech, in domstring apn, in domstring user, in domstring passwd, in long chappap, in domstring pdptype); void starttone(in domstring dtmfchar); void stoptone(); void unregistercallback(in nsiriltelephonycallback callback); void unregisterdatacallcallback(in nsirildatacallback callback); attributes attribute type description currentstate jsval read only.
...ge, in long requestid, in unsigned long long processid ); parameters number a domstring with a telephone number to send to.
...a domstring.
nsIScriptableIO
invalid_arg auri was null.
...eam() retrieves a stream to which data can be written.
...e for this parameter.
nsISelection2
esultcount)] out nsidomrange results); void getrangesforintervalcomarray(in nsidomnode beginnode, in print32 beginoffset, in nsidomnode endnode, in print32 endoffset, in prbool allowadjacent, in rangearray results); native code only!
...results); void getrangesforintervalcomarray(in nsidomnode beginnode, in print32 beginoffset, in nsidomnode endnode, in print32 endoffset, in prbool allowadjacent, in rangearray results); native code only!
...ngesforintervalcomarray(in nsidomnode beginnode, in print32 beginoffset, in nsidomnode endnode, in print32 endoffset, in prbool allowadjacent, in rangearray results); native code only!
nsISocketProvider
netwerk/socket/nsisocketprovider.idlscriptable this interface represents a socket provider.
... netwerk/socket/nsisocketprovider.idlscriptable this interface represents a socket provider.
... this interface represents a socket provider.
nsITextInputProcessor
ing, just do this: tip.commitcomposition(); when you commit composition with specific string, specify commit string with its argument: tip.commitcompositionwith("foo-bar-buzz"); when you cancel composition, just do this: tip.cancelcomposition(); when you dispatch keydown event (and one or more keypress events), just do this: var keyevent = new keyboardevent("", // type attribute value should be empty.
...ptional] in unsigned long akeyflags); void setcaretinpendingcomposition(in unsigned long aoffset); void setpendingcompositionstring(in domstring astring); void sharemodifierstateof(in nsitextinputprocessor aother); boolean startcomposition([optional] in nsidomkeyevent adomkeyevent, [optional] in unsigned long akeyflags); attributes attribute type description hascomposition boolean whether the instance has composition or not.
...some methods of nsitextinputprocessor.
nsIUpdatePatch
that describes an object representing a patch file that can be downloaded and applied to a version of this application so that it can be updated.
...le.
...string the value of the hash function named in hashfunction that should be computed if the file is not corrupt.
nsIWindowWatcher
umerator getwindowenumerator(); nsidomwindow openwindow(in nsidomwindow aparent, in string aurl, in string aname, in string afeatures, in nsisupports aarguments); void registernotification(in nsiobserver aobserver); void setwindowcreator(in nsiwindowcreator creator); void unregisternotification(in nsiobserver aobserver); attributes attribute type description activewindow nsidomwindow the watcher serves as a global storage facility for the current active (front most non-floating-palette-type) window, storing and returning it on demand.
...dow named aname.
... try to set the default charset for the new window to the default charset of aparent.
nsIXULTemplateResult
lar variable may be retrieved using the getbindingfor() and getbindingobjectfor() methods.
...ted as children of the output generated for this result.
... generated for this result.
wrappedJSObject
ample component to see how the wrappedjsobject property works, we need an example xpcom component implemented in js.
...is; } }; xpconnect wrapping now let's get a reference to our component.
...r interface our component supports.
Using JS in Mozilla code
js language features that are implemented in the mozilla js engine are ordinarily safe to use in mozilla code.
... js language features that are implemented in the mozilla js engine are ordinarily safe to use in mozilla code.
... library features feature standard can be used in code new proxy(target, handler) es2015 yes, but getprototypeof and setprototypeof handlers are not yet implemented.
Debugger-API - Firefox Developer Tools
state as a javascript value—not just actual javascript values like objects and primitives, but also stack frames, environments, scripts, and compilation units, which are not normally accessible as objects in their own right.
...n units.
...stem, whether via a call to eval, a <script> element, or otherwise.
Dominators view - Firefox Developer Tools
size is in the nodes that it dominates.
...ect, and so on.
...race the same path there.
Tree map view - Firefox Developer Tools
jects are using the most memory.
... this includes internal spidermonkey objects.
...an quickly get an idea of roughly what sorts of things allocated by your site are using the most memory.
Performance Analysis - Firefox Developer Tools
.) the network monitor then loads the site twice: once with an empty browser cache, and once with a primed browser cache.
...ser visits your site, and subsequent visits.
...e, and show the total size of each resource and the total time it took to load them.
Network monitor toolbar - Firefox Developer Tools
he main network monitor window.
...dow.
... set of tool icons: pause (or resume) recording network log search the log request blocking an array of buttons to filter the network request list by type: by the content type of the response xhr requests websocket upgrades and messages (labeled ws) other requests a checkbox that allows you to disable caching.
Taking screenshots - Firefox Developer Tools
he box in settings labeled "screenshot to clipboard": now, whenever you take a screenshot, the screenshot is also copied to the clipboard.
...nsole if you need to specify a different device-pixel-ratio, set a delay before taking the screenshot, or specify your own file name, starting in firefox 62 you can use the :screenshot helper function in the web console.
... name, starting in firefox 62 you can use the :screenshot helper function in the web console.
Web Console UI Tour - Firefox Developer Tools
into three horizontal sections, detailed in the sections below.
... 71, you can click the gear icon to access the new settings menu, where you can toggle the following features on and off: persist logs: when enabled, the console doesn't clear on page reload, or new page load.
...reload, or new page load.
AbstractRange - Web APIs
the abstractrange abstract interface is the base class upon which all dom range types are defined.
... the abstractrange abstract interface is the base class upon which all dom range types are defined.
...ified by the startoffset property, is located.
AnimationEvent() - Web APIs
the animationevent() constructor returns a newly created animationevent, representing an event in relation with an animation.
... newly created animationevent, representing an event in relation with an animation.
...event in relation with an animation.
AnimationEvent.initAnimationEvent() - Web APIs
ethod.
...n process, this method was removed from the specification.
...ecification.
AudioContext() - Web APIs
graph, built from audio modules linked together, each represented by an audionode.
...inimum number of audio contexts that must be able to be open at the same time, so this is left up to the browser implementations to decide.
...ft up to the browser implementations to decide.
AudioContext.createMediaStreamDestination() - Web APIs
set up to record information from the mediastreamdestinationnode.
...and mediarecorder both stop.
... } else { mediarecorder.stop(); osc.stop(0); e.target.disabled = true; } }); mediarecorder.ondataavailable = function(evt) { // push each chunk (blobs) in an array chunks.push(evt.data); }; mediarecorder.onstop = function(evt) { // make blob out of our blobs, and open it.
BasicCardRequest - Web APIs
nal array of domstrings representing the card networks that the retailer supports (e.g.
...entifiers for a complete list.
...ies these properties have been removed from the payment method: basic card specification and should no longer be used.
BatteryManager - Web APIs
ted batterymanager.ondischargingtimechange a handler for the dischargingtimechange event; this event is sent when the battery discharging time is updated.
...e on the eventtarget.
...vent listener from the eventtarget.
BiquadFilterNode() - Web APIs
he web audio api creates a new biquadfilternode object, which represents a simple low-order filter, and is created using the audiocontext.createbiquadfilter() method.
... frequency: 350 gain: 0 lowpass: (default) allows frequencies below a cutoff frequency to pass through, and attenuates frequencies above the cutoff.
...hpass filter is the opposite of a lowpass filter.
Body - Web APIs
Web › API › Body
the body mixin of the fetch api represents the body of the response/request, allowing you to declare what its content type is and how it should be handled.
... the body mixin of the fetch api represents the body of the response/request, allowing you to declare what its content type is and how it should be handled.
... a response stream and reads it to completion.
CSS.registerProperty() - Web APIs
the css.registerproperty() method registers custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
... the css.registerproperty() method registers custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
...ether the defined property should be inherited (true), or not (false).
CSS - Web APIs
Web › API › CSS
the css interface holds useful css-related methods.
...hods and is therefore a utilitarian interface.
....
CSSMathSum - Web APIs
the cssmathsum interface of the css typed object model api represents the result obtained by calling add(), sub(), or tosum() on cssnumericvalue.
... the cssmathsum interface of the css typed object model api represents the result obtained by calling add(), sub(), or tosum() on cssnumericvalue.
...re 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
the cssmathvalue.operator read-only property of the cssmathvalue interface indicates the operator that the current subtype represents.
... the cssmathvalue.operator read-only property of the cssmathvalue interface indicates the operator that the current subtype represents.
...lues ); // cssnumericarray {0: cssunitvalue, 1: cssmathnegate, length: 2} console.log( stylemap.get('width').operator ); // 'sum' console.log( stylemap.get('width').values[1].operator ) // 'negate' the cssmathvalue.operator returns sum for the equation and negate for the operator on the second value.
CSSMathValue - Web APIs
the cssmathvalue interface of the css typed object model api a base class for classes representing complex numeric values.
... the cssmathvalue interface of the css typed object model api a base class for classes representing complex numeric values.
... // cssmathsum {values: cssnumericarray, operator: "sum"} console.log( stylemap.get('width').operator ); // 'sum' console.log( stylemap.get('width').values[1].value ); // -20 the cssmathvalue.operator returns 'sum' because stylemap.get('width').values[1].value ); is -20: adding a negative number.
CSSNumericValue.add() - Web APIs
the add() method of the cssnumericvalue interface adds a supplied number to the cssnumericvalue.
... the add() method of the cssnumericvalue interface adds a supplied number to the cssnumericvalue.
...umber either a number or a cssnumericvalue.
CSSNumericValue.div() - Web APIs
the div() method of the cssnumericvalue interface divides the cssnumericvalue by the supplied value.
... the div() method of the cssnumericvalue interface divides the cssnumericvalue by the supplied value.
... cssnumericvalue.div(number); parameters number either a number or a cssnumericvalue.
CSSNumericValue.equals() - Web APIs
the equals() method of the cssnumericvalue interface returns a boolean indicating whether the passed value are strictly equal.
...ual.
...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.mul() - Web APIs
the mul() method of the cssnumericvalue interface multiplies the cssnumericvalue by the supplied value.
... the mul() method of the cssnumericvalue interface multiplies the cssnumericvalue by the supplied value.
...r either a number or a cssnumericvalue.
CSSNumericValue.sub() - Web APIs
the sub() method of the cssnumericvalue interface subtracts a supplied number from the cssnumericvalue.
... the sub() method of the cssnumericvalue interface subtracts a supplied number from the cssnumericvalue.
...xceptions typeerror indicates that an invalid type was passed to the method.
CSSNumericValue.sum() - Web APIs
the sub() method of the cssnumericvalue interface subtracts a supplied number from the cssnumericvalue.
... the sub() method of the cssnumericvalue interface subtracts a supplied number from the cssnumericvalue.
...xceptions typeerror indicates that an invalid type was passed to the method.
CSSNumericValue.to() - Web APIs
the to() method of the cssnumericvalue interface converts a numberic value from one unit to another.
... the to() method of the cssnumericvalue interface converts a numberic value from one unit to another.
...it); parameters unit the unit to which you want to convert.
CSSNumericValue.toSum() - Web APIs
the tosum() method of the cssnumericvalue interface converts the object's value to a cssmathsum object to values of the specified unit.
... the tosum() method of the cssnumericvalue interface converts the object's value to a cssmathsum object to values of the specified unit.
...snumericvalue.
CSSPrimitiveValue.getFloatValue() - Web APIs
the getfloatvalue() method of the cssprimitivevalue interface is used to get a float value in a specified unit.
... the getfloatvalue() method of the cssprimitivevalue interface is used to get a float value in a specified unit.
... a <length> in picas.
CSSPseudoElement - Web APIs
the csspseudoelement interface represents a pseudo-element that may be the target of an event or animated using the web animations api.
...lling element.pseudo().
... (a style rule may be needed to add quotation marks in older browsers.) the example below demonstrates the basic properties of the csspseudoelement object representing the opening quotation mark.
CSSUnitValue.CSSUnitValue() - Web APIs
the cssunitvalue() constructor creates a new cssunitvalue object which returns a new cssunitvalue object which represents values that contain a single unit type.
... the cssunitvalue() constructor creates a new cssunitvalue object which returns a new cssunitvalue object which represents values that contain a single unit type.
... value returns a double indicating the number of units.
CSSUnitValue - Web APIs
the cssunitvalue interface of the css typed object model api represents values that contain a single unit type.
... the cssunitvalue interface of the css typed object model api represents values that contain a single unit type.
...nits.
CSSUnparsedValue - Web APIs
the cssunparsedvalue interface of the css typed object model api represents property values that reference custom properties.
...dvalue() creates a new cssunparsedvalue object.
...on once for each element of the cssunparsedvalue object.
Using the CSS properties and values API - Web APIs
the css properties and values api — part of the css houdini umbrella of apis — allows the registration of css custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
... the css properties and values api — part of the css houdini umbrella of apis — allows the registration of css custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
...ing to animate height.
Compositing and clipping - Web APIs
behaviour by setting the globalcompositeoperation property.
... the globalcompositeoperation property.
... allows us to hide unwanted parts of shapes.
Drawing shapes with canvas - Web APIs
circle var endangle = math.pi + (math.pi * j) / 2; // end point on circle var anticlockwise = i % 2 !== 0; // clockwise or anticlockwise ctx.arc(x, y, radius, startangle, endangle, anticlockwise); if (i > 1) { ctx.fill(); } else { ctx.stroke(); } } } } } screenshotlive sample bezier and quadratic curves the next type of paths available are bézier curves, available in both cubic and quadratic varieties.
... rect(x, y, width, height) draws a rectangle whose top-left corner is specified by (x, y) with the specified width and height.
... by (x, y) with the specified width and height.
ChildNode - Web APIs
Web › API › ChildNode
the childnode mixin contains methods and properties that are common to all types of node objects that can have a parent.
... the childnode mixin contains methods and properties that are common to all types of node objects that can have a parent.
...mstring objects.
CompositionEvent.initCompositionEvent() - Web APIs
the initcompositionevent() method of the compositionevent interface initializes the attributes of a compositionevent object instance.
... the initcompositionevent() method of the compositionevent interface initializes the attributes of a compositionevent object instance.
... the initcompositionevent() method of the compositionevent interface initializes the attributes of a compositionevent object instance.
ConstrainDouble - Web APIs
the constraindouble type is used to specify a constraint for a property whose value is a double-precision floating-point number.
... a match.
...f 'constraindouble' in that specification.
ConstrainULong - Web APIs
the constrainulong type is used to specify a constraint for a property whose value is an integral number.
... find a match.
...tion of 'constrainulong' in that specification.
ContentIndexEvent() - Web APIs
the contentindexevent() constructor creates a new contentindexevent object whose type and other options are configured as specified.
... the contentindexevent() constructor creates a new contentindexevent object whose type and other options are configured as specified.
... the contentindexevent() constructor creates a new contentindexevent object whose type and other options are configured as specified.
DataTransfer.getData() - Web APIs
the datatransfer.getdata() method retrieves drag data (as a domstring) for the specified type.
... the datatransfer.getdata() method retrieves drag data (as a domstring) for the specified type.
... the datatransfer.getdata() method retrieves drag data (as a domstring) for the specified type.
DataTransfer.mozClearDataAt() - Web APIs
rmats is removed.
...t is not found, then this method has no effect.
... has no effect.
DataTransferItem.kind - Web APIs
e following values: 'file' if the drag data item is a file.
...); ev.preventdefault(); var data = event.datatransfer.items; for (var i = 0; i < data.length; i += 1) { if ((data[i].kind == 'string') && (data[i].type.match('^text/plain'))) { // this item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html console.log("...
...ype.match('^text/plain'))) { // this item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html console.log("...
DataTransferItem - Web APIs
the datatransferitem object represents one drag data item.
...atransferitem object represents one drag data item.
...presents one drag data item.
DataTransferItemList.DataTransferItem() - Web APIs
r items to the drag payload datalist.add("<p>...
...= ev.datatransfer.items; // loop through the dropped items and log their data for (var i = 0; i < data.length; i++) { if ((data[i].kind == 'string') && (data[i].type.match('^text/plain'))) { // this item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html data[i].getasstring(function (s){ console.log("...
...s item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html data[i].getasstring(function (s){ console.log("...
DataTransferItemList.clear() - Web APIs
tems to the drag payload datalist.add("<p>...
...vent.datatransfer.items; // loop through the dropped items and log their data for (var i = 0; i < data.length; i++) { if ((data[i].kind == 'string') && (data[i].type.match('^text/plain'))) { // this item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html data[i].getasstring(function (s){ console.log("...
...s item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html data[i].getasstring(function (s){ console.log("...
DataTransferItemList.length - Web APIs
r items to the drag payload datalist.add("<p>...
...= ev.datatransfer.items; // loop through the dropped items and log their data for (var i = 0; i < data.length; i++) { if ((data[i].kind == 'string') && (data[i].type.match('^text/plain'))) { // this item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html data[i].getasstring(function (s){ console.log("...
...s item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html data[i].getasstring(function (s){ console.log("...
DataTransferItemList.remove() - Web APIs
tems to the drag payload datalist.add("<p>...
...vent.datatransfer.items; // loop through the dropped items and log their data for (var i = 0; i < data.length; i++) { if ((data[i].kind == 'string') && (data[i].type.match('^text/plain'))) { // this item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html data[i].getasstring(function (s){ console.log("...
...s item is the target node data[i].getasstring(function (s){ ev.target.appendchild(document.getelementbyid(s)); }); } else if ((data[i].kind == 'string') && (data[i].type.match('^text/html'))) { // drag data item is html data[i].getasstring(function (s){ console.log("...
DisplayMediaStreamConstraints.video - Web APIs
ary's video property is used to configure the video track in the stream returned by getdisplaymedia().
...onstraints; displaymediastreamconstraints = { video: allowvideoflag | mediatrackconstraints; } value the value may be either a boolean or a mediatrackconstraints object.
...always the mouse is always visible in the video content of the {domxref("mediastream"), unless the mouse has moved outside the area of the content.
Document.createNodeIterator() - Web APIs
returns a new nodeiterator object.
...t appear when traversing over the document tree.
...he document tree.
Document.createTreeWalker() - Web APIs
eewalker object.
...do not appear when traversing over the document tree.
...ver the document tree.
Document.getElementsByName() - Web APIs
name() method of the document object returns a nodelist collection of elements with a given name in the document.
...ame in the document.
...r elements = document.getelementsbyname(name); elements is a live nodelist collection, meaning it automatically updates as new elements with the same name are added to/removed from the document.
Document.open() - Web APIs
Web › API › Document › open
e-used three-argument version of document.open() , which is an alias of window.open() (see its page for full details).
...version of document.open() , which is an alias of window.open() (see its page for full details).
...() , which is an alias of window.open() (see its page for full details).
Element.attributes - Web APIs
sic examples // get the first <p> element in the document var para = document.getelementsbytagname("p")[0]; var atts = para.attributes; enumerating elements attributes numerical indexing is useful for going through all of an element's attributes.
...ment.getelementsbytagname("p")[0]; var atts = para.attributes; enumerating elements attributes numerical indexing is useful for going through all of an element's attributes.
...trs = paragraph.attributes; var output = ""; for(var i = attrs.length - 1; i >= 0; i--) { output += attrs[i].name + "->" + attrs[i].value; } result.value = output; } else { result.value = "no attributes to show"; } } </script> </head> <body> <p id="paragraph" style="color: green;">sample paragraph</p> <form action=""> <p> <input type="button" value="show first attribute name and value" onclick="listattributes();"> <input id="result" type="text" value=""> </p> </form> </body> </html> specifications specification status comment domthe definition of 'element.attributes' in that specification.
Element.closest() - Web APIs
Web › API › Element › closest
"); // returns the closest ancestor which is a div and has a parent article, here it is the div-01 var r4 = el.closest(":not(div)"); // returns the closest ancestor which is not a div, here it is the outmost article polyfill for browsers that do not support element.closest(), but carry support for element.matches() (or a prefixed equivalent, meaning ie9+), a polyfill exists: if (!element.prototype.matches) { element.prototype.matches = element.prototype.msmatchesselector || element.prototype.webkitmatchesselector; } if (!element.prototype.closest) { element.prototype.closest = function(s) { var el = this; do { if (element.prototype.matches.call(el, s)) return el; el = el.parentelement || el.parentnode; } while (el !== null && el.nodetype === 1); re...
...rn el; el = el.parentelement || el.parentnode; } while (el !== null && el.nodetype === 1); return null; }; } however, if you really do require ie 8 support, then the following polyfill will do the job very slowly, but eventually.
...ent || el.parentnode; } while (el !== null && el.nodetype === 1); return null; }; } however, if you really do require ie 8 support, then the following polyfill will do the job very slowly, but eventually.
Element.getAttributeNS() - Web APIs
eturn null for non-existent attributes.
..." test:foo="hello namespaced attribute!"/> <script type="text/javascript"> var ns = 'http://www.example.com/2014/test'; var circle = document.getelementbyid( 'target' ); console.log( 'attribute test:foo: "' + circle.getattributens( ns, 'foo' ) + '"' ); </script> </svg> in an html5 document the attribute has to be accessed with test:foo since namespaces are not supported.
...script> </svg> in an html5 document the attribute has to be accessed with test:foo since namespaces are not supported.
Element.getBoundingClientRect() - Web APIs
ing rectangle which is independent from the current scrolling position.
...use window.pagexoffset and window.pageyoffset instead of window.scrollx and window.scrolly.
...lltop examples this simple example retrieves the domrect object representing the bounding client rect of a simple <div> element, and prints out its properties below it.
Element.localName - Web APIs
Web › API › Element › localName
the element.localname read-only property returns the local part of the qualified name of an element.
...previous dom specifications this api was defined within the node interface.
... <textarea id="text" rows="4" cols="55"/> </body> </html> notes the local name of a node is that part of the node's qualified name that comes after the colon.
Event.initEvent() - Web APIs
Web › API › Event › initEvent
eevent() method.
...st be called to set the event before it is dispatched, using eventtarget.dispatchevent().
...re it is dispatched, using eventtarget.dispatchevent().
EventTarget.dispatchEvent() - Web APIs
(event) parameter event is the event object to be dispatched.
...vent is the event object to be dispatched.
...ermine which event listeners to invoke.
ExtendableEvent() - Web APIs
the extendableevent() constructor creates a new extendableevent object.
... the extendableevent() constructor creates a new extendableevent object.
... the extendableevent() constructor creates a new extendableevent object.
File.File() - Web APIs
Web › API › File › File
[, options]); parameters bits an array of arraybuffer, arraybufferview, blob, usvstring objects, or a mix of any of such objects, that will be put inside the file.
...ray of arraybuffer, arraybufferview, blob, usvstring objects, or a mix of any of such objects, that will be put inside the file.
...utes for the file.
File.getAsBinary() - Web APIs
Web › API › File › getAsBinary
since it could be removed at any time.
...reader method readasbinarystring() or readasarraybuffer() instead.
...t" multiple> var fileinput = document.getelementbyid("myfileinput"); // files is a filelist object (similar to nodelist) var files = fileinput.files; // object for allowed media types var accept = { binary : ["image/png", "image/jpeg"], text : ["text/plain", "text/css", "application/xml", "text/html"] }; var file; for (var i = 0; i < files.length; i++) { file = files[i]; // if file type could be detected if (file !== null) { if (accept.binary.indexof(file.type) > -1) { // file is a binary, which we accept var data = file.getasbinary(); } else if (accept.text.indexof(file.type) > -1) { // file is of type text, which we accept var data = file.getastext(); // modify data with string methods } } } specification not part of any specific...
File.getAsDataURL() - Web APIs
Web › API › File › getAsDataURL
summary the getasdataurl provides a data: url that encodes the entire contents of the referenced file.
... filereader method readasdataurl() instead.
...a htmlinputelement: <input type="file" id="myfileinput" multiple> var fileinput = document.getelementbyid("myfileinput"); // files is a filelist object (similar to nodelist) var files = fileinput.files; // array with acceptable file types var accept = ["image/png"]; // img is a htmlimgelement: <img id="myimg"> var img = document.getelementbyid("myimg"); // if we accept the first selected file type if (accept.indexof(files[0].mediatype) > -1) { // display the image // same as <img src="data:image/png,<imagedata>"> img.src = files[0].getasdataurl(); } specification not part of any specification.
File.getAsText() - Web APIs
Web › API › File › getAsText
olete; you should use the filereader method readastext() instead.
...ta.
...t" multiple> var fileinput = document.getelementbyid("myfileinput"); // files is a filelist object (similar to nodelist) var files = fileinput.files; // object for allowed media types var accept = { binary : ["image/png", "image/jpeg"], text : ["text/plain", "text/css", "application/xml", "text/html"] }; var file; for (var i = 0; i < files.length; i++) { file = files[i]; // if file type could be detected if (file !== null) { if (accept.text.indexof(file.mediatype) > -1) { // file is of type text, which we accept // make sure it's encoded as utf-8 var data = file.getastext("utf-8"); // modify data with string methods } else if (accept.binary.indexof(file.mediatype) > -1) { // binary } } } specification not part of any specification...
FileException - Web APIs
.
...or the storage quota was reached and the user declined to give more space to the database.
... 2 access to the files were denied for one of the following reasons: the files might be unsafe for access within a web application.
FileReader.readAsDataURL() - Web APIs
as a base64 encoded string.
...t remove data:*/*;base64, from the result.
...= document.queryselector('img'); const file = document.queryselector('input[type=file]').files[0]; const reader = new filereader(); reader.addeventlistener("load", function () { // convert image file to base64 string preview.src = reader.result; }, false); if (file) { reader.readasdataurl(file); } } live result example reading multiple files html <input id="browse" type="file" onchange="previewfiles()" multiple> <div id="preview"></div> javascript function previewfiles() { var preview = document.queryselector('#preview'); var files = document.queryselector('input[type=file]').files; function readandpreview(file) { // make sure `file.name` matches our extensions criteria if ( /\.(jpe?g|png|gif)$/i.test(file.name) ) { var reader = new fi...
FileSystemEntrySync - Web APIs
ion); filesystementrysync moveto (in directoryentrysync parent, optional domstring newname) raises (fileexception); filesystementrysync copyto(in directoryentrysync parent, optional domstring newname) raises (fileexception); domstring tourl(); void remove() raises (fileexception); directoryentrysync getparent(); attributes attribute type description filesystem readonly filesystemsync the file system where the entry resides.
...play an image and have its fileentry, calling tourl() gives you the image file's file system url.
...y, calling tourl() gives you the image file's file system url.
FileSystemFlags - Web APIs
the filesystemflags dictionary defines a set of values which are used when specifying option flags when calling certain methods in the file and directory entries api.
... it to be created newly at call time.
... result create exclusive false n/a[1] path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
FontFaceSet - Web APIs
api manages the loading of font-faces and querying of their download status.
...ace's loading status.
...ions have completed.
FontFaceSetLoadEvent.FontFaceSetLoadEvent() - Web APIs
the fontfacesetloadevent constructor creates a new fontfaceloadevent object which is fired whenever a fontfaceset loads.
... the fontfacesetloadevent constructor creates a new fontfaceloadevent object which is fired whenever a fontfaceset loads.
... the fontfacesetloadevent constructor creates a new fontfaceloadevent object which is fired whenever a fontfaceset loads.
Using the Gamepad API - Web APIs
data for that gamepad (e.g.
...e effect of moving the ball around the screen.
... (!haveevents) { scangamepads(); } var i = 0; var j; for (j in controllers) { var controller = controllers[j]; var d = document.getelementbyid("controller" + j); var buttons = d.getelementsbyclassname("button"); for (i = 0; i < controller.buttons.length; i++) { var b = buttons[i]; var val = controller.buttons[i]; var pressed = val == 1.0; if (typeof(val) == "object") { pressed = val.pressed; val = val.value; } var pct = math.round(val * 100) + "%"; b.style.backgroundsize = pct + " " + pct; if (pressed) { b.classname = "button pressed"; } else { b.classname = "button"; } } var axes = d.getelementsbyclassname("axis"); for (i = 0; i < controller.axes.length; i+...
GlobalEventHandlers.onerror - Web APIs
t is invoked.
...rl of the script where the error was raised (string) lineno: line number where error was raised (number) colno: column number for the line where the error occurred (number) error: error object (object) when the function returns true, this prevents the firing of the default event handler.
...bject) when the function returns true, this prevents the firing of the default event handler.
GlobalEventHandlers.onpointerdown - Web APIs
example this example demonstrates how to watch for and act upon pointerdown events using onpointerdown.
...e "touch": action = "touching"; break; default: action = "interacting with"; break; } targetbox.innerhtml = "<strong>thanks for " + action + " me!</strong>"; evt.preventdefault(); } this simply uses onpointerdown to establish the function handledown() as the event handler for pointer down events.
... 16px "open sans", "helvetica", sans-serif; color: white; background-color: blue; border: 2px solid darkblue; cursor: pointer; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } result the resulting output is shown below.
GlobalEventHandlers.onreset - Web APIs
the onreset property of the globaleventhandlers mixin is an eventhandler that processes reset events.
...nts.
...clicks a reset button in a form (<input type="reset">).
GlobalEventHandlers - Web APIs
the globaleventhandlers mixin describes the event handlers common to several interfaces like htmlelement, document, or window.
...globaleventhandlers.onended is an eventhandler representing the code to be called when the ended event is raised.
...hen the loadend event is raised (when progress has stopped on the loading of a resource.) globaleventhandlers.onloadstart is an eventhandler representing the code to be called when the loadstart event is raised (when progress has begun on the loading of a resource.) globaleventhandlers.onlostpointercapture is an eventhandler representing the code to be called when the lostpointercapture event type is raised.
HTMLAnchorElement - Web APIs
any, of the referenced url.
...t.tabindex is a long containing the position of the element in the tabbing navigation order for the current document.
...tion of the element in the tabbing navigation order for the current document.
HTMLCanvasElement.mozFetchAsStream() - Web APIs
the htmlcanvaselement.mozfetchasstream() internal method used to create a new input stream that, when ready, would provide the contents of the canvas as image data.
... the htmlcanvaselement.mozfetchasstream() internal method used to create a new input stream that, when ready, would provide the contents of the canvas as image data.
...lcanvaselement.mozfetchasstream() internal method used to create a new input stream that, when ready, would provide the contents of the canvas as image data.
HTMLCanvasElement - Web APIs
wing context lets you draw on the canvas.
... the disk or stored in memory at the discretion of the user agent.
...the discretion of the user agent.
HTMLElement: input event - Web APIs
property globaleventhandlers.oninput the event also applies to elements with contenteditable enabled, and to any element when designmode is turned on.
...aleventhandlers.oninput the event also applies to elements with contenteditable enabled, and to any element when designmode is turned on.
... properties apply to multiple elements, the editing host is the nearest ancestor element whose parent isn't editable.
HTMLElement - Web APIs
s, in-page text searches ("find in page"), and text selection.
... comment css object model (cssom) view modulethe definition of 'htmlelement' in that specification.
...owing method: forcespellcheck().
HTMLEmbedElement - Web APIs
lues are "left", "right", "center", and "justify".
... "justify".
... is a domstring reflecting the height html attribute, containing the displayed height of the resource.
HTMLFieldSetElement - Web APIs
le">htmlfieldsetelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...nt of a form element, then the attribute can be the id of any form element in the same document it is related to, or the null value if none matches.
...s comment html living standardthe definition of 'htmlfieldsetelement' in that specification.
HTMLImageElement.srcset - Web APIs
mage resource should be used as the display's pixel density.
...vided without any condition at all, to be used for any other width.
...-retina.png 2x icon-ultra.png 3x icon.svg" here, options are provided for an icon at widths of 32px and 64px, as well as at pixel densities of 2x and 3x.
HTMLLinkElement - Web APIs
h="2px" /><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmllinkelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and linkstyle.
... document to the resource.
....rellist read only is a domtokenlist that reflects the rel html attribute, as a list of tokens.
HTMLMediaElement: loadstart event - Web APIs
the loadstart event is fired when the browser has started to load a resource.
...gin: .5rem 0; } video { grid-area: video; } .event-log { grid-area: log; } .event-log>label { display: block; } js const loadvideo = document.queryselector('button'); const video = document.queryselector('video'); const eventlog = document.queryselector('.event-log-contents'); let source = null; function handleevent(event) { eventlog.textcontent = eventlog.textcontent + `${event.type}\n`; } video.addeventlistener('loadstart', handleevent); video.addeventlistener('progress', handleevent); video.addeventlistener('canplay', handleevent); video.addeventlistener('canplaythrough', handleevent); loadvideo.addeventlistener('click', () => { if (source) { document.location.reload(); } else { loadvideo.textcontent = "reset example"; source = document.c...
...deventlistener('canplaythrough', handleevent); loadvideo.addeventlistener('click', () => { if (source) { document.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: progress event - Web APIs
the progress event is fired periodically as the browser loads a resource.
...em 0; } video { grid-area: video; } .event-log { grid-area: log; } .event-log>label { display: block; } javascript const loadvideo = document.queryselector('button'); const video = document.queryselector('video'); const eventlog = document.queryselector('.event-log-contents'); let source = null; function handleevent(event) { eventlog.textcontent = eventlog.textcontent + `${event.type}\n`; } video.addeventlistener('loadstart', handleevent); video.addeventlistener('progress', handleevent); video.addeventlistener('canplay', handleevent); video.addeventlistener('canplaythrough', handleevent); loadvideo.addeventlistener('click', () => { if (source) { document.location.reload(); } else { loadvideo.textcontent = "reset example"; source = document.c...
...deventlistener('canplaythrough', handleevent); loadvideo.addeventlistener('click', () => { if (source) { document.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.
HTMLMedia​Element​.textTracks - Web APIs
bjects representing the media element's text tracks, in the same order as in the list of text tracks.
...enting the list of text tracks included in the media element.
...e media element.
HTMLMediaElement - Web APIs
implemented for firefox os, and was removed in firefox 55.
...firefox 55.
...om its ancestors htmlelement, element, node, and eventtarget.
HTMLElement.blur() - Web APIs
the htmlelement.blur() method removes keyboard focus from the current element.
... the htmlelement.blur() method removes keyboard focus from the current element.
... the htmlelement.blur() method removes keyboard focus from the current element.
HTMLSelectElement.add() - Web APIs
the htmlselectelement.add() method adds an element to the collection of option elements for this select element.
...ement.
...cations specification status comment html living standardthe definition of 'htmlselectelement.add()' in that specification.
HTMLStyleElement.media - Web APIs
the htmlstyleelement.media property specifies the intended destination medium for style information.
... the htmlstyleelement.media property specifies the intended destination medium for style information.
...nt.media property specifies the intended destination medium for style information.
HTMLUListElement - Web APIs
ht="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlulistelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...ke-width="2px" /><text x="411" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlulistelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
...d for that behavior in modern pages.
Headers.get() - Web APIs
Web › API › Headers › get
bject, it returns null.
...ame is case-insensitive.
...ing sequence representing the values of the retrieved header or null if this header is not set.
Headers.getAll() - Web APIs
Web › API › Headers › getAll
rns an empty array.
... given name is not the name of an http header, this method throws a typeerror.
...his method throws a typeerror.
Headers.has() - Web APIs
Web › API › Headers › has
an stating whether a headers object contains a certain header.
...rs name the name of the http header you want to test for.
...ant to test for.
Headers.set() - Web APIs
Web › API › Headers › set
new value to the end of the set of values.
...to set to a new value.
...ot the name of an http header, this method throws a typeerror.
IDBDatabase.transaction() - Web APIs
ing.
...e experimental (non-standard) readwriteflush mode (see idbdatabase.transaction.) this is currently experimental, and can only be used if the dom.indexeddb.experimental pref is set to true in about:config.
...: return value an idbtransaction object.
IDBFactory.open() - Web APIs
Web › API › IDBFactory › open
of idbfactory.open that contains the version number of the database, plus a storage value that specifies whether you want to use persistent or temporary storage.
...rsist() to get persistent storage instead.
...ou can find out more information on the different available storage types, and how firefox handles client-side data storage, at browser storage limits and eviction criteria.
IDBIndex.getAll() - Web APIs
Web › API › IDBIndex › getAll
= idbindex.getall(query, count); parameters query optional a key or an idbkeyrange identifying the records to retrieve.
...ount optional the number records to return.
... exception will be thrown.
IDBIndex.getAllKeys() - Web APIs
idbindex.getallkeys(query, count); parameters query optional a key or an idbkeyrange identifying the keys to retrieve.
...ount optional the number records to return.
...tion will be thrown.
IDBObjectStore.getAll() - Web APIs
all(); var request = objectstore.getall(query); var request = objectstore.getall(query, count); parameters query optional a key or idbkeyrange to be queried.
... range that selects all the records in this object store.
...ired.
InputEvent - Web APIs
, uievent and event.
...tevent.dataread only returns a domstring with the inserted characters.
...eleting characters, for example).
InstallEvent.InstallEvent() - Web APIs
the installevent() constructor creates a new installevent object.
... the installevent() constructor creates a new installevent object.
... the installevent() constructor creates a new installevent object.
installChrome - Web APIs
installchrome installs new skin or locale packages in netscape 6 and mozilla.
... installchrome installs new skin or locale packages in netscape 6 and mozilla.
... installchrome installs new skin or locale packages in netscape 6 and mozilla.
KeyboardEvent.initKeyboardEvent() - Web APIs
eyboardevent() method initializes the attributes of a keyboard event object.
...won't support this feature since implementing this method as experimental broke existing web apps (see bug 999645).
... this feature since implementing this method as experimental broke existing web apps (see bug 999645).
MediaCapabilitiesInfo - Web APIs
the mediacapabilitiesinfo interface of the media capabilities api is made available when the promise returned by the mediacapabilities.encodinginfo() or mediacapabilities.decodinginfo() methods of the mediacapabilities interface fulfills, providing information as to whether the media type is supported, and whether encoding or decoding such media would be smooth and power efficient.
... media be power efficient?
...rue, and playback will be power efficient, powerefficient is true, otherwise, is it false.
audioCapabilities - Web APIs
the mediakeysystemconfiguration.audiocapabilities read-only property returns an array of supported audio type and capability pairs.
... the mediakeysystemconfiguration.audiocapabilities read-only property returns an array of supported audio type and capability pairs.
... the mediakeysystemconfiguration.audiocapabilities read-only property returns an array of supported audio type and capability pairs.
videoCapabilities - Web APIs
the mediakeysystemconfiguration.videocapabilities read-only property returns an array of supported video type and capability pairs.
... the mediakeysystemconfiguration.videocapabilities read-only property returns an array of supported video type and capability pairs.
... the mediakeysystemconfiguration.videocapabilities read-only property returns an array of supported video type and capability pairs.
MediaStreamAudioSourceNode - Web APIs
the mediastreamaudiosourcenode interface is a type of audionode which operates as an audio source whose media is received from a mediastream obtained using the webrtc or media capture and streams apis.
...maudiosourcenode inherits the properties of its parent, audionode.
...ta = function(e) { video.play(); video.muted = true; }; // create a mediastreamaudiosourcenode // feed the htmlmediaelement into it var audioctx = new audiocontext(); var source = audioctx.createmediastreamsource(stream); // create a biquadfilter var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = range.value; // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the volume using the mouse cursor source.connect(biquadfilter); biquadfilter.connect(audioctx.destination); // ...
MediaStreamEvent() - Web APIs
the mediastreamevent() constructor creates a new mediastreamevent.
... the mediastreamevent() constructor creates a new mediastreamevent.
... the mediastreamevent() constructor creates a new mediastreamevent.
MediaStreamTrackEvent() - Web APIs
the mediastreamtrackevent() constructor returns a newly created mediastreamtrackevent object, which represents an event announcing that a mediastreamtrack has been added to or removed from a mediastream.
... the mediastreamtrackevent() constructor returns a newly created mediastreamtrackevent object, which represents an event announcing that a mediastreamtrack has been added to or removed from a mediastream.
...ructor returns a newly created mediastreamtrackevent object, which represents an event announcing that a mediastreamtrack has been added to or removed from a mediastream.
Recording a media element - Web APIs
audio: true }).then(stream => { preview.srcobject = stream; downloadbutton.href = stream; preview.capturestream = preview.capturestream || preview.mozcapturestream; return new promise(resolve => preview.onplaying = resolve); }).then(() => startrecording(preview.capturestream(), recordingtimems)) .then (recordedchunks => { let recordedblob = new blob(recordedchunks, { type: "video/webm" }); recording.src = url.createobjecturl(recordedblob); downloadbutton.href = recording.src; downloadbutton.download = "recordedvideo.webm"; log("successfully recorded " + recordedblob.size + " bytes of " + recordedblob.type + " media."); }) .catch(log); }, false); when a click event occurs, here's what happens: lines 2-4 navigator.mediadevices.getus...
...startrecording() returns a promise whose resolution handler is called (receiving as input an array of blob objects containing the chunks of recorded media data) once recording has completed.
...button's download attribute is set.
Using the MediaStream Recording API - Web APIs
we style the <label> how we want it, making sure that it has enough z-index to always sit above the other elements and therefore be focusable/clickable: label { font-family: 'notocoloremoji'; font-size: 3rem; position: absolute; top: 2px; right: 3px; z-index: 5; cursor: pointer; } then we hide the actual checkbox, because we don't want it cluttering up our ui: input[type=checkbox] { position: absolute; top: -100px; } next, we style the information screen (wrapped in an <aside> element) how we want it, give it fixed position so that it doesn't appear in the layout flow and affect the main ui, transform it to the position we want it to sit in by default, and give it a transition for smooth showing/hiding: aside { position: fixed; top: 0; left: 0; ...
...ht: 100%; transform: translatex(100%); transition: 0.6s all; background-color: #999; background-image: linear-gradient(to top right, rgba(0,0,0,0), rgba(0,0,0,0.5)); } last, we write a rule to say that when the checkbox is checked (when we click/focus the label), the adjacent <aside> element will have its horizontal translation value changed and transition smoothly into view: input[type=checkbox]:checked ~ aside { transform: translatex(0); } basic app setup to grab the media stream we want to capture, we use getusermedia().
...onst deletebutton = document.createelement('button'); clipcontainer.classlist.add('clip'); audio.setattribute('controls', ''); deletebutton.innerhtml = "delete"; cliplabel.innerhtml = clipname; clipcontainer.appendchild(audio); clipcontainer.appendchild(cliplabel); clipcontainer.appendchild(deletebutton); soundclips.appendchild(clipcontainer); const blob = new blob(chunks, { 'type' : 'audio/ogg; codecs=opus' }); chunks = []; const audiourl = window.url.createobjecturl(blob); audio.src = audiourl; deletebutton.onclick = function(e) { let evttgt = e.target; evttgt.parentnode.parentnode.removechild(evttgt.parentnode); } } let's go through the above code and look at what's happening.
Media Session API - Web APIs
e, or the like.
...sion api.
...ers for the user control actions: if ('mediasession' in navigator) { navigator.mediasession.metadata = new mediametadata({ title: 'unforgettable', artist: 'nat king cole', album: 'the ultimate collection (remastered)', artwork: [ { src: 'https://dummyimage.com/96x96', sizes: '96x96', type: 'image/png' }, { src: 'https://dummyimage.com/128x128', sizes: '128x128', type: 'image/png' }, { src: 'https://dummyimage.com/192x192', sizes: '192x192', type: 'image/png' }, { src: 'https://dummyimage.com/256x256', sizes: '256x256', type: 'image/png' }, { src: 'https://dummyimage.com/384x384', sizes: '384x384', type: 'image/png' }, { src: 'https://dummyimage.com/512x512', sizes: '512x512', type: 'image/png' }, ] }); navigator.mediasession.s...
MouseEvent - Web APIs
e event was fired.
...e of the specified modifier key.
...entdefault 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.
MutationObserverInit.attributeFilter - Web APIs
tion 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.
...callback); observer.observe(userlistelement, { attributefilter: [ "status", "username" ], attributeoldvalue: true, subtree: true }); the callback() function—which will be passed into the observe() method when starting the observer, looks at each item in the list of mutationrecord objects.
...e, subtree: true }); the callback() function—which will be passed into the observe() method when starting the observer, looks at each item in the list of mutationrecord objects.
NavigatorPlugins - Web APIs
the navigatorplugins mixin adds to the navigator interface methods and properties for discovering and interacting with plugins installed into the browser.
... the navigatorplugins mixin adds to the navigator interface methods and properties for discovering and interacting with plugins installed into the browser.
... the navigatorplugins mixin adds to the navigator interface methods and properties for discovering and interacting with plugins installed into the browser.
Node.removeChild() - Web APIs
Web › API › Node › removeChild
ion in 2 different ways: if the child was in fact a child of element and so existing on the dom, but was removed the method throws the following exception: uncaught notfounderror: failed to execute 'removechild' on 'node': the node to be removed is not a child of this node.
...nd so existing on the dom, but was removed the method throws the following exception: uncaught notfounderror: failed to execute 'removechild' on 'node': the node to be removed is not a child of this node.
...throwawaynode = d.removechild(d_nested); to remove a specified element without having to specify its parent node: let node = document.getelementbyid("nested"); if (node.parentnode) { node.parentnode.removechild(node); } to remove all children from an element: let element = document.getelementbyid("top"); while (element.firstchild) { element.removechild(element.firstchild); } causing a typeerror <!--sample html code--> <div id="top"> </div> <script type="text/javascript"> let top = document.getelementbyid("top"); let nested = document.getelementbyid("nested"); // throws uncaught typeerror let garbage = top.removechild(nested); </script> causing a notfounderror <!--sample html code--> <div id="top"> <div id="nested"></div> </div> <script type="text/javascript"> let...
NodeIterator - Web APIs
erator() method, as follows: const nodeiterator = document.createnodeiterator(root, whattoshow, filter); properties this interface doesn't inherit any property.
...do not appear when traversing over the document tree.
...ver the document tree.
NotificationEvent.NotificationEvent() - Web APIs
the notificationevent() constructor creates a new notificationevent object.
... the notificationevent() constructor creates a new notificationevent object.
...ent(type, notificationeventinit); parameters type tbd notificationeventinit optional a dictionary object containing a notification object to be used as the notification the event is dispatched on.
OES_texture_float - Web APIs
the oes_texture_float extension is part of the webgl api and exposes floating-point pixel types for textures.
...nderingcontext.getextension() method.
...webgl tutorial.
OfflineAudioCompletionEvent.OfflineAudioCompletionEvent() - Web APIs
the offlineaudiocompletionevent() constructor of the web audio api creates a new offlineaudiocompletionevent object instance.
... the offlineaudiocompletionevent() constructor of the web audio api creates a new offlineaudiocompletionevent object instance.
...() constructor of the web audio api creates a new offlineaudiocompletionevent object instance.
OffscreenCanvas.getContext() - Web APIs
the offscreencanvas.getcontext() method returns a drawing context for an offscreen canvas, or null if the context identifier is not supported.
... the offscreencanvas.getcontext() method returns a drawing context for an offscreen canvas, or null if the context identifier is not supported.
...performancecaveat: boolean that indicates if a context will be created if the system performance is low.
OscillatorNode - Web APIs
presenting the frequency of oscillation in hertz (though the audioparam returned is read-only, the value it represents is not).
....
...llowing example shows basic usage of an audiocontext to create an oscillator node and to start playing a tone on it.
Page Visibility API - Web APIs
pectedly closed.
...uses the video when you switch to another tab and plays again when you return to its tab, was created with the following code: // set the name of the hidden property and the change event for visibility var hidden, visibilitychange; if (typeof document.hidden !== "undefined") { // opera 12.10 and firefox 18 and later support hidden = "hidden"; visibilitychange = "visibilitychange"; } else if (typeof document.mshidden !== "undefined") { hidden = "mshidden"; visibilitychange = "msvisibilitychange"; } else if (typeof document.webkithidden !== "undefined") { hidden = "webkithidden"; visibilitychange = "webkitvisibilitychange"; } var videoelement = document.getelementbyid("videoelement"); // if the page is hidden, pause the video; // if the page is shown, play the video function handl...
...change = "webkitvisibilitychange"; } var videoelement = document.getelementbyid("videoelement"); // if the page is hidden, pause the video; // if the page is shown, play the video function handlevisibilitychange() { if (document[hidden]) { videoelement.pause(); } else { videoelement.play(); } } // warn if the browser doesn't support addeventlistener or the page visibility api if (typeof document.addeventlistener === "undefined" || hidden === undefined) { console.log("this demo requires a browser, such as google chrome or firefox, that supports the page visibility api."); } else { // handle page visibility change document.addeventlistener(visibilitychange, handlevisibilitychange, false); // when the video pauses, set the title.
PasswordCredential - Web APIs
n.
... with appropriate input fields.
...an id and password.
PaymentMethodChangeEvent.methodDetails - Web APIs
n inerpret the methoddetails after that.
... the methoddetails after that.
...his example uses the paymentmethodchange event to watch for changes to the payment method selected for apple pay, in order to compute a discount if the user chooses to use a visa card as their payment method.
PaymentMethodChangeEvent.methodName - Web APIs
.
...ent method identifiers in payment request api for more information.
...his example uses the paymentmethodchange event to watch for changes to the payment method selected for apple pay, in order to compute a discount if the user chooses to use a visa card as their payment method.
PaymentRequest.onpaymentmethodchange - Web APIs
om a debit to a credit card in the payment ui).
... to a credit card in the payment ui).
...object after instantiation, but before you call show().
performance.clearMarks() - Web APIs
the clearmarks() method removes the named mark from the browser's performance entry buffer.
...hod is called with no arguments, all performance entries with an entry type of "mark" will be removed from the performance entry buffer.
...me of the timestamp.
performance.clearMeasures() - Web APIs
the clearmeasures() method removes the named measure from the browser's performance entry buffer.
...lled with no arguments, all performance entries with an entry type of "measure" will be removed from the performance entry buffer.
...mestamp.
performance.clearResourceTimings() - Web APIs
the clearresourcetimings() method removes all performance entries with an entrytype of "resource" from the browser's performance data buffer and sets the size of the performance data buffer to zero.
...value.
...y loading an image load_resource(); var supported = typeof performance.clearresourcetimings == "function"; if (supported) { console.log("run: performance.clearresourcetimings()"); performance.clearresourcetimings(); } else { console.log("performance.clearresourcetimings() not supported"); return; } // getentries should now return zero var p = performance.getentriesbytype("resource"); if (p.length == 0) console.log("...
performance.getEntries() - Web APIs
the getentries() method returns a list of all performanceentry objects for the page.
... the getentries() method returns a list of all performanceentry objects for the page.
...gin"); do_work(50000); performance.mark("end"); performance.mark("begin"); do_work(100000); performance.mark("end"); do_work(200000); performance.mark("end"); // use getentries() to iterate through the each entry let p = performance.getentries(); for (var i=0; i < p.length; i++) { console.log("entry[" + i + "]"); check_performanceentry(p[i]); } // use getentriesbytype() to get all "mark" entries p = performance.getentriesbytype("mark"); for (let i=0; i < p.length; i++) { console.log ("mark only entry[" + i + "]: name = " + p[i].name + "; starttime = " + p[i].starttime + "; duration = " + p[i].duration); } // use getentriesbyname() to get all "mark" entries named "begin" p = performance.getentriesbyname("begin", "mark"); for ...
performance.measure() - Web APIs
e measure() method creates a named timestamp in the browser's performance entry buffer between marks, the navigation start time, or the current time.
...een marks, the navigation start time, or the current time.
...eate a variety of measurements.
PerformanceMark - Web APIs
performancemark is an abstract interface for performanceentry objects with an entrytype of "mark".
... performancemark is an abstract interface for performanceentry objects with an entrytype of "mark".
..." font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">performancemark</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface has no properties but it extends the following performanceentry properties by qualifying/constraining the properties as follows: performanceentry.entrytype returns "mark".
PerformanceMeasure - Web APIs
performancemeasure is an abstract interface for performanceentry objects with an entrytype of "measure".
... performancemeasure is an abstract interface for performanceentry objects with an entrytype of "measure".
...nt-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">performancemeasure</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface has no properties but it extends the following performanceentry properties by qualifying/constrainting the properties as follows: performanceentry.entrytype returns "measure".
PerformanceNavigationTiming.domComplete - Web APIs
current document readiness of the current document to complete.
...complete; return value a timestamp representing a time value equal to the time immediately before the user agent sets the current document readiness of the current document to complete.
...mcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom complete = " + p.domcomplete); console.log("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
e time immediately after the current document's domcontentloaded event completes.
...ax perfentry.domcontentloadedeventend; return value a timestamp representing the time value equal to the time immediately after the current document's domcontentloaded event completes.
...ntentloadedeventend - p.domcontentloadedeventstart)); console.log("dom complete = " + p.domcomplete); console.log("dom 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
gent fires the domcontentloaded event at the current document.
...ntentloadedeventstart; return value a timestamp representing the time value equal to the time immediately before the user agent fires the domcontentloaded event at the current document.
...mcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom complete = " + p.domcomplete); console.log("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
cument readiness of the current document to interactive.
...ive; return value a timestamp representing the time value equal to the time immediately before the user agent sets the current document readiness of the current document to interactive.
...ntentloadedeventend - p.domcontentloadedeventstart)); console.log("dom complete = " + p.domcomplete); console.log("dom 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
adeventend read-only property returns a timestamp which is equal to the time when the load event of the current document is completed.
...oad event of the current document is completed.
...ntentloadedeventend - p.domcontentloadedeventstart)); console.log("dom complete = " + p.domcomplete); console.log("dom 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
the time value equal to the time immediately before the load event of the current document is fired.
...ent is fired.
...mcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom complete = " + p.domcomplete); console.log("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
since the last non-redirect navigation under the current browsing context.
...ty is read only .
...mcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom complete = " + p.domcomplete); console.log("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.unloadEventEnd - Web APIs
the previous document.
...ntax perfentry.unloadeventend; return value a timestamp representing a time value equal to the time immediately after the user agent finishes the unload event of the previous document.
...mcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom complete = " + p.domcomplete); console.log("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
he previous document.
...x perfentry.unloadeventstart; return value a timestamp representing the time value equal to the time immediately before the user agent starts the unload event of the previous document.
...mcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom complete = " + p.domcomplete); console.log("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.
PerformanceObserver() - Web APIs
the performanceobserver() constructor creates a new performanceobserver object with the given observer callback.
...s and the second parameter is the observer object.
...le var observer = new performanceobserver(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"]}); 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.
PerformanceObserver - Web APIs
the performanceobserver interface is used to observe performance measurement events and be notified of new performance entries as they are recorded in the browser's performance timeline.
...d in the browser's performance timeline.
...r.disconnect() stops the performance observer callback from receiving performance entries.
PerformancePaintTiming - Web APIs
the performancepainttiming interface of the paint timing provides timing information about "paint" (also called "render") operations during web page construction.
..." /><text x="311" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">performancepainttiming</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface has no properties but it extends the following performanceentry properties (for "paint" performance entry types) by qualifying and constraining the properties as follows: performanceentry.entrytype returns "paint".
...performanceentry.name returns either "first-paint" or "first-contentful-paint".
PerformanceResourceTiming.connectEnd - Web APIs
interval to establish the transport connection, as well as other time intervals such as ssl handshake and socks authentication.
... as ssl handshake and socks authentication.
...e in web workers.
PerformanceResourceTiming.connectStart - Web APIs
t starts establishing the connection to the server to retrieve the resource.
...this feature is available in web workers.
... return value a domhighrestimestamp immediately before the browser starts to establish the connection to the server to retrieve the resource.
PerformanceResourceTiming.domainLookupEnd - Web APIs
when the user agent starts and ends the domain data retrieval from the cache.
... this feature is available in web workers.
...d; return value a domhighrestimestamp representing the time immediately after the browser finishes the domain name lookup for the resource.
PerformanceResourceTiming.domainLookupStart - Web APIs
turns the timestamp immediately before the browser starts the domain name lookup for the resource.
... the resource.
...source.domainlookupstart; return value a domhighrestimestamp immediately before the browser starts the domain name lookup for the resource.
PerformanceResourceTiming.fetchStart - Web APIs
ects the property returns the time immediately before the user agent starts to fetch the final resource in the redirection.
... the final resource in the redirection.
... web workers.
PerformanceResourceTiming.redirectEnd - Web APIs
time immediately after receiving the last byte of the response of the last redirect; otherwise, zero is returned.
... otherwise, zero is returned.
...rs.
PerformanceResourceTiming.redirectStart - Web APIs
resource, this property returns the starting time of the fetch that initiates the redirect; otherwise, zero is returned.
...direct; otherwise, zero is returned.
...b workers.
PerformanceResourceTiming.requestStart - Web APIs
ill be the start of the retry request.
...note: this feature is available in web workers.
...art; return value a domhighrestimestamp representing the time immediately before the browser starts requesting the resource from the server example in the following example, the value of the *start and *end properties of all "resource" type events are logged.
PerformanceResourceTiming.responseEnd - Web APIs
is closed, whichever comes first.
...syntax resource.responseend; return value a domhighrestimestamp immediately after the browser receives the last byte of the resource or immediately before the transport connection is closed, whichever comes first.
...tely after the browser receives the last byte of the resource or immediately before the transport connection is closed, whichever comes first.
PerformanceResourceTiming.responseStart - Web APIs
the browser receives the first byte of the response from the server, cache, or local resource.
... resource.
...ce.responsestart; return value a domhighrestimestamp immediately after the browser receives the first byte of the response from the server.
PerformanceResourceTiming.secureConnectionStart - Web APIs
eb workers.
... is fetched over a secure connection, a domhighrestimestamp immediately before the browser starts the handshake process to secure the current connection.
...ore the browser starts the handshake process to secure the current connection.
PerformanceResourceTiming.workerStart - Web APIs
ady running, or immediately before starting the service worker thread if it is not already running.
...lready running.
...property will always return 0.
Using the Performance API - Web APIs
a fundamental requirement of web performance is a precise and consistent definition of time.
... properties are extended by different standards.
... to 5 µs (microseconds).
PointerEvent.isPrimary - Web APIs
icates whether or not the pointer device that created the event is the primary pointer.
...ts a mouse device.
...ary pen input if its pointerdown event was dispatched when no other active pointers representing pen input existed.
ProgressEvent() - Web APIs
the progressevent() constructor returns a newly created progressevent, representing the current completion of a long process.
... the progressevent() constructor returns a newly created progressevent, representing the current completion of a long process.
... the progressevent() constructor returns a newly created progressevent, representing the current completion of a long process.
ProgressEvent.initProgressEvent() - Web APIs
n event created using the deprecated document.createevent("progressevent") method.
...ressevent created that way are untrusted.
... this method has been dropped during the standard process.
PublicKeyCredentialCreationOptions - Web APIs
options.challenge a buffersource, emitted by the relying party's server and used as a cryptographic challenge.
... icon: "https://login.example.com/login.ico" }, // cryptographic challenge from the server challenge: new uint8array(26), // user user: { id: new uint8array(16), name: "john.p.smith@example.com", displayname: "john p.
... uvm: true, exts: true }, // filter out authenticators which are bound to the device authenticatorselection:{ authenticatorattachment: "cross-platform", requireresidentkey: true, userverification: "preferred" }, // exclude already existing credentials for the user excludecredentials: [ { type: "public-key", // the id for john.doe@example.com id : new uint8array(26) /* this actually is given by the server */ }, { type: "public-key", // the id for john-doe@example.com id : new uint8array(26) /* another id */ } ] } }; // create the new credential with the options above navigator.creden...
PushEvent.PushEvent() - Web APIs
the pushevent() constructor creates a new pushevent object.
... the pushevent() constructor creates a new pushevent object.
... the pushevent() constructor creates a new pushevent object.
RTCConfiguration - Web APIs
de ice server and transport settings and identity information.
...e created initially are closed at that point.
...nd port on one peer to a single ip and port on the other peer, using the same transport protocol.
RTCDTMFToneChangeEvent.RTCDTMFToneChangeEvent() - Web APIs
the rtcdtmftonechangeevent() constructor creates a new rtcdtmftonechangeevent.
... the rtcdtmftonechangeevent() constructor creates a new rtcdtmftonechangeevent.
... the rtcdtmftonechangeevent() constructor creates a new rtcdtmftonechangeevent.
RTCIceCandidate.RTCIceCandidate() - Web APIs
didate.
...f any of the fields is invalid, parsing of the string silently aborts without throwing an exception.
...candidate is an "end-of-candidates" message.
RTCIceCandidatePairStats.selected - Web APIs
hether or not the candidate pair described by the object is the one currently being used to communicate with the remote peer.
...didatepairid is used to get the rtcicecandidatepair describing the connection.
...hose firefox-specific selected property is true.
RTCIceCandidateStats.priority - Web APIs
indicating the priority of the rtcicecandidate described by the rtcicecandidatestats object.
... calculate the priority.
... a candidate is calculated using the following variables as inputs: the preferability of the candidate type (local, server reflexive, peer reflexive, or relayed) the preferability of the candidate's specific ip address (for multihomed agents) the candidate's component id (1 for rtp, 2 for rtcp) the candidate's priority is computed using the formula (ptype is the priority of the candidate's type and plocal is the priority of the ip address): priority = 224×ptype + 28×plocal + (256 - componentid)priority\quad =\quad { 2 }^{ 24 }\times { p }_{ type }\quad +\quad { 2 }^{ 8 }\times { p }_{ local }\quad +\quad (256\quad -\quad componentid) this is equivalent to mapping the priorities of teh candidate type, the local ip, and the component id into various bit ranges within the 32-bit priori...
RTCIceProtocol - Web APIs
the webrtc api's rtciceprotocol enumerated type provides a set of domstring values representing the names of the transport protocols ice candidates can use.
... the webrtc api's rtciceprotocol enumerated type provides a set of domstring values representing the names of the transport protocols ice candidates can use.
...tcp the candidate, if selected, would use tcp as the transport protocol for its data.
RTCIceServer - Web APIs
the rtciceserver dictionary defines how to connect to a single ice server (such as a stun or turn server).
... the rtciceserver dictionary defines how to connect to a single ice server (such as a stun or turn server).
...nection, in the iceservers array.
RTCPeerConnection.currentLocalDescription - Web APIs
currently in the process of switching over to.
...lue the current description of the local end of the connection, if one has been set.
...ription of the local end of the connection, if one has been set.
RTCPeerConnection.currentRemoteDescription - Web APIs
rently in the process of switching over to.
... the current description of the remote end of the connection, if one has been set.
...tion of the remote end of the connection, if one has been set.
RTCPeerConnection.getStats() - Web APIs
e this example creates a periodic function using setinterval() that collects statistics for an rtcpeerconnection every second, generating an html-formatted report and inserting it into a specific element in the dom.
...output += `<h2>report: ${report.type}</h3>\n<strong>id:</strong> ${report.id}<br>\n` + `<strong>timestamp:</strong> ${report.timestamp}<br>\n`; // now the statistics for this report; we intentially drop the ones we // sorted to the 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); this works by calling getstats(), then, when the promise is resolved, iterates over the rtcstats objects on the returned rtcstatsreport.
...<strong>${statname}:</strong> ${report[statname]}<br>\n`; } }); }); document.queryselector(".stats-box").innerhtml = statsoutput; }); }, 1000); this works by calling getstats(), then, when the promise is resolved, iterates over the rtcstats objects on the returned rtcstatsreport.
RTCPeerConnection.localDescription - Web APIs
lue is the value of rtcpeerconnection.pendinglocaldescription if that property isn't null; otherwise, the value of rtcpeerconnection.currentlocaldescription is returned.
...nnection.currentlocaldescription is returned.
...description is returned.
RTCPeerConnection.remoteDescription - Web APIs
is the value of rtcpeerconnection.pendingremotedescription if that property isn't null; otherwise, the value of rtcpeerconnection.currentremotedescription is returned.
...tion.currentremotedescription is returned.
...cription is returned.
RTCPeerConnectionIceEvent() - Web APIs
the rtcpeerconnectioniceevent() constructor creates a new rtcpeerconnectioniceevent.
... the rtcpeerconnectioniceevent() constructor creates a new rtcpeerconnectioniceevent.
... the rtcpeerconnectioniceevent() constructor creates a new rtcpeerconnectioniceevent.
RTCRtpEncodingParameters - Web APIs
n rtp sender's encodings; rtcrtpdecodingparameters is used to describe the configuration of an rtp receiver's encodings.
...escribe the configuration of an rtp receiver's encodings.
...cs parameter.
RTCRtpSendParameters.encodings - Web APIs
ings and parameters that describe and configure a single codec that could be used to encode the track.
...that could be used to encode the track.
...cs parameter.
RTCRtpSendParameters - Web APIs
hen calling its setparameters() method.
...webrtc layer should handle optimizing bandwidth against quality in constrained-bandwidth situations; the value comes from the rtcdegradationpreference enumerated string type, and the default is balanced.
...uld handle optimizing bandwidth against quality in constrained-bandwidth situations; the value comes from the rtcdegradationpreference enumerated string type, and the default is balanced.
RTCRtpSender.setParameters() - Web APIs
ameters dictionary, specifying options for the rtcrtpsender; these include potential codecs that could be use for encoding the sender's track.
...webrtc layer should handle optimizing bandwidth against quality in constrained-bandwidth situations; the value comes from the rtcdegradationpreference enumerated string type, and the default is balanced.
...uld handle optimizing bandwidth against quality in constrained-bandwidth situations; the value comes from the rtcdegradationpreference enumerated string type, and the default is balanced.
RTCRtpTransceiverDirection - Web APIs
the rtcrtptransceiverdirection type is an enumerated set of strings which are used to describe the directionality of a rtcrtptransceiver instance.
... the rtcrtptransceiverdirection type is an enumerated set of strings which are used to describe the directionality of a rtcrtptransceiver instance.
... the rtcrtptransceiverdirection type is an enumerated set of strings which are used to describe the directionality of a rtcrtptransceiver instance.
RTCSessionDescription.toJSON() - Web APIs
the rtcsessiondescription.tojson() method generates a json description of the object.
... the rtcsessiondescription.tojson() method generates a json description of the object.
... the rtcsessiondescription.tojson() method generates a json description of the object.
RTCSessionDescriptionCallback - Web APIs
the rtcsessiondescriptioncallback type is used to represent the callback function passed into the deprecated callback-based version of createoffer() or createanswer() when using them to create offers or answers.
... the rtcsessiondescriptioncallback type is used to represent the callback function passed into the deprecated callback-based version of createoffer() or createanswer() when using them to create offers or answers.
...ecause this function type is part of the legacy webrtc api, you should avoid using it (and the callback-based forms of createoffer() and createanswer() that make use of it).
Report.body - Web APIs
Web › API › Report › body
the body read-only property of the report interface returns the body of the report, which is a reportbody object containing the detailed report information.
...ance.body returns a reportbody object containing the detailed report information.
...taining the detailed report information.
Request.cache - Web APIs
Web › API › Request › cache
le response; but update if it's too old.
...is would be a function that takes a path and a // reference to the controller since it would need to change the value let controller = new abortcontroller(); fetch("some.json", {cache: "only-if-cached", mode: "same-origin", signal: controller.signal}) .catch(e => e instanceof typeerror && e.message === "failed to fetch" ?
...igin", signal: controller.signal}) } // other possible conditions if (dt < (date.now() - 300000)) // if it's older than 5 minutes fetch("some.json", {cache: "no-cache", mode: "same-origin"}) // no cancellation or return value.
Response - Web APIs
Web › API › Response
s url list has more than one entry).
...han one entry).
...amples in our basic fetch example (run example live) we use a simple fetch() call to grab an image and display it in an <img> element.
SVGAElement - Web APIs
e background).
...ing.
...e htmlanchorelement.referrerpolicy.
SVGAnimatedPathData - Web APIs
seglist animatedpathseglist svgpathseglist normalizedpathseglist svgpathseglist pathseglist normative document svg 1.1 (2nd edition) properties this interface also inherits properties from its parent, svgpathelement.
...ies from its parent, svgpathelement.
...eing animated, contains the current animated value of the attribute or property, and both the object itself and its contents are read only.
SVGEvent - Web APIs
Web › API › SVGEvent
the svgevent interface represents the event object for most svg-related events.
... the svgevent interface represents the event object for most svg-related events.
... the svgevent interface represents the event object for most svg-related events.
SVGFEBlendElement - Web APIs
#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="396" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfeblendelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_feblend_mode_unknown 0 the type is not one of predefined types.
...amily="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfeblendelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_feblend_mode_unknown 0 the type is not one of predefined types.
...4e53" text-anchor="middle" alignment-baseline="middle">svgfeblendelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_feblend_mode_unknown 0 the type is not one of predefined types.
SVGFEConvolveMatrixElement - Web APIs
f8" stroke="#d4dde4" stroke-width="2px" /><text x="351" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfeconvolvematrixelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_edgemode_unknown 0 the type is not one of predefined types.
...="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfeconvolvematrixelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_edgemode_unknown 0 the type is not one of predefined types.
... text-anchor="middle" alignment-baseline="middle">svgfeconvolvematrixelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_edgemode_unknown 0 the type is not one of predefined types.
SVGFEDisplacementMapElement - Web APIs
f8" stroke="#d4dde4" stroke-width="2px" /><text x="346" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfedisplacementmapelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_channel_unknown 0 the type is not one of predefined types.
...="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfedisplacementmapelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_channel_unknown 0 the type is not one of predefined types.
... text-anchor="middle" alignment-baseline="middle">svgfedisplacementmapelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_channel_unknown 0 the type is not one of predefined types.
SVGFEGaussianBlurElement - Web APIs
f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="361" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfegaussianblurelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_edgemode_unknown 0 the type is not one of predefined types.
...ly="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfegaussianblurelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_edgemode_unknown 0 the type is not one of predefined types.
...3" text-anchor="middle" alignment-baseline="middle">svgfegaussianblurelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_edgemode_unknown 0 the type is not one of predefined types.
SVGFEMorphologyElement - Web APIs
oke="#d4dde4" stroke-width="2px" /><text x="371" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfemorphologyelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_morphology_operator_unknown 0 the type is not one of predefined types.
...las,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfemorphologyelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_morphology_operator_unknown 0 the type is not one of predefined types.
...nchor="middle" alignment-baseline="middle">svgfemorphologyelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_morphology_operator_unknown 0 the type is not one of predefined types.
SVGFilterElement - Web APIs
,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfilterelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties svgfilterelement.filterunits read only an svganimatedenumeration that corresponds to the filterunits attribute of the given <filter> element.
...ties svgfilterelement.filterunits read only an svganimatedenumeration that corresponds to the filterunits attribute of the given <filter> element.
...of the given <filter> element.
SVGZoomAndPan - Web APIs
fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="66" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgzoomandpan</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_zoomandpan_unknown 0 the type is not one of predefined types.
...font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgzoomandpan</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_zoomandpan_unknown 0 the type is not one of predefined types.
...l="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgzoomandpan</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_zoomandpan_unknown 0 the type is not one of predefined types.
Screen - Web APIs
Web › API › Screen
ntationchange a handler for the orientationchange event.
...e on the eventtarget.
...vent listener from the eventtarget.
ScreenOrientation - Web APIs
the screenorientation interface of the the screen orientation api provides information about the current orientation of the document.
... the screenorientation interface of the the screen orientation api provides information about the current orientation of the document.
... 38chrome android full support 38firefox android full support 43opera android full support 25safari ios no support nosamsung internet android full support 3.0typechrome full support 38edge full support 79firefox full support 43ie no support noopera full support 25safari no support nowebview ...
Using the Screen Capture API - Web APIs
splaymediaoptions) .catch(err => { console.error("error:" + err); return null; }); } either way, the user agent responds by presenting a user interface that prompts the user to choose the screen area to share.
...e vs logical display surfaces for the purposes of the screen capture api, a display surface is any content object that can be selected by the api for sharing purposes.
...o which logged text is placed by the intercepted consolemethod.
ScriptProcessorNode.onaudioprocess - Web APIs
note: as of the august 29 2014 web audio api spec publication, this feature has been marked as deprecated, and is soon to be replaced by audio workers.
... note: as of the august 29 2014 web audio api spec publication, this feature has been marked as deprecated, and is soon to be replaced by audio workers.
...e = audioctx.createbuffersource(); // create a scriptprocessornode with a buffersize of 4096 and a single input and output channel var scriptnode = audioctx.createscriptprocessor(4096, 1, 1); console.log(scriptnode.buffersize); // load in an audio track via xhr and decodeaudiodata function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // give the node a function to process audio events scriptnode.onaudioprocess = function(audioprocessingev...
SecurityPolicyViolationEvent.SecurityPolicyViolationEvent() - Web APIs
the securitypolicyviolationevent constructor creates a new securitypolicyviolationevent object instance.
... the securitypolicyviolationevent constructor creates a new securitypolicyviolationevent object instance.
... the securitypolicyviolationevent constructor creates a new securitypolicyviolationevent object instance.
ServiceWorkerRegistration.showNotification() - Web APIs
the notification itself such as for example, the android notification bar.
...y the notification.
...ciently large screens, a notification should remain active until the user clicks or dismisses it.
Using Service Workers - Web APIs
the source code, or look at it running live.) note: a real service worker implementation would use caching and onfetch rather than the xmlhttprequest api.
...se() constructor allows you to create a custom response.
...om your friendly neighbourhood service worker!'); this more complex response below shows that you can optionally pass a set of headers in with your response, emulating standard http response headers.
SpeechRecognitionError.error - Web APIs
the error read-only property of the speechrecognitionerror interface returns the type of error raised.
... the error read-only property of the speechrecognitionerror interface returns the type of error raised.
... the error read-only property of the speechrecognitionerror interface returns the type of error raised.
SpeechRecognitionErrorEvent.error - Web APIs
the error read-only property of the speechrecognitionerrorevent interface returns the type of error raised.
... the error read-only property of the speechrecognitionerrorevent interface returns the type of error raised.
... the error read-only property of the speechrecognitionerrorevent interface returns the type of error raised.
StorageEvent - Web APIs
x="116" y="1" width="120" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="176" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">storageevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} method overview void initstorageevent( in domstring type, in boolean canbubble, in boolean cancelable, in domstring key, in domstring oldvalue, in domstring newvalue, in usvstring url, in storage storagearea ); attributes attribute type description key domstring represents the key changed.
...y previous value.
... affected.
StylePropertyMapReadOnly - Web APIs
the stylepropertymapreadonly interface of the the css typed object model api provides a read-only representation of a css declaration block that is an alternative to cssstyledeclaration.
....
...opertymap) { // 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.media - Web APIs
Web › API › StyleSheet › media
the media property of the stylesheet interface specifies the intended destination media for style information.
... the media property of the stylesheet interface specifies the intended destination media for style information.
... the media property of the stylesheet interface specifies the intended destination media for style information.
SubmitEvent.submitter - Web APIs
the read-only submitter property found on the submitevent interface specifies the submit button or other element that was invoked to cause the form to be submitted.
... the read-only submitter property found on the submitevent interface specifies the submit button or other element that was invoked to cause the form to be submitted.
...y the payment processors.
SubmitEvent - Web APIs
the submitevent interface defines the object used to represent an html form's submit event.
... the submitevent interface defines the object used to represent an html form's submit event.
...y the payment processors.
SubtleCrypto.unwrapKey() - Web APIs
he exported key, and any extra parameters as required: to use rsa-oaep, pass an rsaoaepparams object.
...owing exceptions is encountered: invalidaccesserror raised when the unwrapping key is not a key for the requested unwrap algorithm or if the cryptokey.usages value of that key doesn't contain unwrap.
...ntered: invalidaccesserror raised when the unwrapping key is not a key for the requested unwrap algorithm or if the cryptokey.usages value of that key doesn't contain unwrap.
SyncEvent.SyncEvent() - Web APIs
the syncevent() constructor creates a new syncevent object.
... the syncevent() constructor creates a new syncevent object.
... the syncevent() constructor creates a new syncevent object.
TextDecoder() - Web APIs
the textdecoder() constructor returns a newly created textdecoder object for the encoding specified in parameter.
...flabel is unknown, or is one of the two values leading to a 'replacement' decoding algorithm ( "iso-2022-cn" or "iso-2022-cn-ext"), a domexception with the "typeerror" value is thrown.
...e() method must throw a domexception with the "encodingerror" value when an coding error is found.
TimeEvent - Web APIs
Web › API › TimeEvent
4" stroke-width="2px" /><text x="161" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">timeevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties timeevent.detail read only is a long that specifies some detail information about the event, depending on the type of the event.
...161" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">timeevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties timeevent.detail read only is a long that specifies some detail information about the event, depending on the type of the event.
...ll: #0095dd; pointer-events: all;} properties timeevent.detail read only is a long that specifies some detail information about the event, depending on the type of the event.
TouchEvent - Web APIs
es indicate anticlockwise rotation.
... rotation.
...al distance between the digits at the beginning of the event.
Multi-touch interaction - Web APIs
; border: 1px solid black; } #target4 { background: white; border: 1px solid black; } </style> global state tpcache is used to cache touch points for processing outside of the event where they were fired.
...et4 { background: white; border: 1px solid black; } </style> global state tpcache is used to cache touch points for processing outside of the event where they were fired.
...border to dashed to give a clear visual // indication the element received a move event.
TransitionEvent() - Web APIs
the transitionevent() constructor returns a newly created transitionevent, representing an event in relation with an transition.
...created transitionevent, representing an event in relation with an transition.
...lation with an transition.
TransitionEvent.initTransitionEvent() - Web APIs
t.createevent("transitionevent") method.
... note: this method has been dropped during the standard process.
...standard process.
TreeWalker - Web APIs
nt subtree and a position within them.
...do not appear when traversing over the document tree.
...ver the document tree.
URL() - Web APIs
Web › API › URL › URL
the url() constructor returns a newly created url object representing the url defined by the parameters.
...nd will be used as the base url.
...lla.org/docs' new url('/docs', a); // => 'https://developer.mozilla.org/docs' new url('/docs', "https://developer.mozilla.org/fr-fr/toto"); // => 'https://developer.mozilla.org/docs' new url('/docs', ''); // raises a typeerror exception as '' is not a valid url new url('/docs'); // 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...
WEBGL_depth_texture - Web APIs
extension() method.
...ble on the webgl2 context by default.
...nt_24_8_webgl unsigned integer type for 24-bit depth texture data.
WakeLockSentinel - Web APIs
the wake lock is returned via the navigator.wakelock.request() method.
...e release() method, or automatically via the platform wake lock.
...ment becomes inactive or looses visibility, if the device is low on power or the user turns on a power save mode.
WebGLRenderingContext.getActiveAttrib() - Web APIs
the webglrenderingcontext.getactiveattrib() method of the webgl api returns a webglactiveinfo object containing size, type, and name of a vertex attribute.
...fying the index of the vertex attribute to get.
...ex of the vertex attribute to get.
Scissor animation - Web APIs
olor : black; } button { display : block; font-size : inherit; margin : auto; padding : 0.6em; } ;(function(){ "use strict" window.addeventlistener("load", setupanimation, false); // variables to hold the webgl context, and the color and // position of animated squares.
...], color[2], 1.0); // unlike the browser window, vertical position in webgl is // measured from bottom to top.
...= document.queryselector("button"); var timer; function startanimation(evt) { button.removeeventlistener(evt.type, startanimation, false); button.addeventlistener("click", stopanimation, false); document.queryselector("strong").innerhtml = "stop"; timer = setinterval(drawanimation, 17); drawanimation(); } function stopanimation(evt) { button.removeeventlistener(evt.type, stopanimation, false); button.addeventlistener("click", startanimation, false); document.queryselector("strong").innerhtml = "start"; clearinterval(timer); } stopanimation({type: "click"}); } // variables to hold the size and velocity of the square.
Textures from code - Web APIs
ure from code.
...t : 210px; margin : auto; padding : 0; border : none; background-color : black; } button { display : block; font-size : inherit; margin : auto; padding : 0.6em; } <script type="x-shader/x-vertex" id="vertex-shader"> #version 100 precision highp float; attribute vec2 position; void main() { gl_position = vec4(position, 0.0, 1.0); gl_pointsize = 128.0; } </script> <script type="x-shader/x-fragment" id="fragment-shader"> #version 100 precision mediump float; void main() { vec2 fragmentposition = 2.0*gl_pointcoord - 1.0; float distance = length(fragmentposition); float distancesqrd = distance * distance; gl_fragcolor = vec4( 0.2/distancesqrd, 0.1/distancesqrd, 0.0, 1.0 ); } </script> ;(function(){ "use strict" window.addeventlistener("load", set...
... vec2 fragmentposition = 2.0*gl_pointcoord - 1.0; float distance = length(fragmentposition); float distancesqrd = distance * distance; gl_fragcolor = vec4( 0.2/distancesqrd, 0.1/distancesqrd, 0.0, 1.0 ); } </script> ;(function(){ "use strict" window.addeventlistener("load", setupwebgl, false); var gl, program; function setupwebgl (evt) { window.removeeventlistener(evt.type, setupwebgl, false); if (!(gl = getrenderingcontext())) return; var source = document.queryselector("#vertex-shader").innerhtml; var vertexshader = gl.createshader(gl.vertex_shader); gl.shadersource(vertexshader,source); gl.compileshader(vertexshader); source = document.queryselector("#fragment-shader").innerhtml var fragmentshader = gl.createshader(gl.fragment_shader); gl.sh...
Animating textures in WebGL - Web APIs
re = gl.createtexture(); gl.bindtexture(gl.texture_2d, texture); // because video has to be download over the internet // they might take a moment until it's ready so // put a single pixel in the texture so we can // use it immediately.
...in the texture so we can // use it immediately.
...edge); gl.texparameteri(gl.texture_2d, gl.texture_wrap_t, gl.clamp_to_edge); gl.texparameteri(gl.texture_2d, gl.texture_min_filter, gl.linear); return texture; } here's what the updatetexture() function looks like; this is where the real work is done: function updatetexture(gl, texture, video) { const level = 0; const internalformat = gl.rgba; const srcformat = gl.rgba; const srctype = gl.unsigned_byte; gl.bindtexture(gl.texture_2d, texture); gl.teximage2d(gl.texture_2d, level, internalformat, srcformat, srctype, video); } you've seen this code before.
Creating 3D objects using WebGL - Web APIs
1.0, -1.0, 1.0, -1.0, ]; since we've added a z-component to our vertices, we need to update the numcomponents of our vertexposition attribute to 3.
...ays.
...d to add code to our drawscene() function to draw using the cube's index buffer, adding new gl.bindbuffer() and gl.drawelements() calls: // tell webgl which indices to use to index the vertices gl.bindbuffer(gl.element_array_buffer, buffers.indices); ...
Lighting in WebGL - Web APIs
the theory behind simulated lighting in 3d graphics is far beyond the scope of this article, it's helpful to know a bit about how it works.
...it to be the buffer we're working with, then send along our array of vertex normals into the buffer by calling bufferdata().
... // tell webgl how to pull out the normals from // the normal buffer into the vertexnormal attribute.
Introduction to WebRTC protocols - Web APIs
escribing the content and not the media content itself.
...describe connection that shares media between devices.
...h noting here.
A simple RTCDataChannel sample - Web APIs
there's nothing incredibly complicated here.
...ect </button> <button id="disconnectbutton" name="disconnectbutton" class="buttonright" disabled> disconnect </button> then there's a box which contains the text input box into which the user can type a message to transmit, with a button to send the entered text.
...ue; connectbutton.disabled = false; disconnectbutton.disabled = true; } } } if the channel's state has changed to "open", that indicates that we have finished establishing the link between the two peers.
Writing WebSocket servers - Web APIs
he same data as your local copy, but it is sent differently.
...mat.
...the spec.
Rendering and the WebXR frame animation callback - Web APIs
er control inputs there are three methods by which users might provide input while using a webxr application.
...ch are integrated with the xr hardware itself.
...e may be objects and structures in motion.
Spaces and reference spaces: Spatial tracking in WebXR - Web APIs
sition and orientation of the input's grip space to use the world's coordinate system, then generates the corresponding xrpose, storing it in controlpose.
...ransform({ x: 0.5, y: 0.5, z: 0.5, w: 1.0 }); arefspace = arefspace.getoffsetreferencespace(halfmetertransform); this replaces the existing reference space arefspace with one whose coordinates and orientation have had the transform halfmetertransform applied.
...ce space arefspace with one whose coordinates and orientation have had the transform halfmetertransform applied.
Functions and classes available to Web Workers - Web APIs
ions available from the dom to workers.
... a complex task better suited to be delegated to a web worker.
...nguage: (yes) appname, appversion, online, platform, useragent: 10.0 other: no support (yes) (yes) xmlhttprequest creates and returns a new xmlhttprequest object; this mimics the behavior of the standard xmlhttprequest() constructor.
Window.find() - Web APIs
Web › API › Window › find
d boolean.
... bug 481513.
... returns true if the string is found; otherwise, false.
Window.open() - Web APIs
Web › API › Window › open
with the request's referrer set to noreferrer; this prevents the request from sending the url of the page that initiated the request to the server where the request is sent.
...motefirefoxwindowname", then the browser will create a new window and will name it "promotefirefoxwindowname".
...http://www.spreadfirefox.com/" target="promotefirefoxwindow" onclick="openrequestedpopup(this.href, this.target); return false;" title="this link will create a new window or will re-use an already opened one" >promote firefox adoption</a></p> you can also make such function able to open only 1 secondary window and to reuse such single secondary window for other links in this manner: <script type="text/javascript"> var windowobjectreference = null; // global variable var previousurl; /* global variable that will store the url currently in the secondary window */ function openrequestedsinglepopup(url) { if(windowobjectreference == null || windowobjectreference.closed) { windowobjectreference = window.open(url, "singlesecondarywindowname", "resizable,scro...
Window.releaseEvents() - Web APIs
summary releases the window from trapping events of a specific type.
... summary releases the window from trapping events of a specific type.
... summary releases the window from trapping events of a specific type.
Window.requestFileSystem() - Web APIs
e file and directory entries api, requestfilesystem() is especially non-standard; only chrome implements it, and all other browser makers have decided that they will not implement it.
...ially non-standard; only chrome implements it, and all other browser makers have decided that they will not implement it.
...standard; only chrome implements it, and all other browser makers have decided that they will not implement it.
Worker - Web APIs
Web › API › Worker
in as the parent page.
...with access to js-ctypes, use chromeworker object instead.
...pecified url.
WorkerGlobalScope.self - Web APIs
the self read-only property of the workerglobalscope interface returns a reference to the workerglobalscope itself.
...globalscope itself.
...e the following: dedicatedworkerglobalscope { undefined: undefined, infinity: infinity, math: mathconstructor, nan: nan, intl: object…} infinity: infinity array: function array() { [native code] } arguments: null caller: null isarray: function isarray() { [native code] } length: 1 name: "array" observe: function observe() { [native code] } prototype: array[0] unobserve: function unobserve() { [native code] } __proto__: function empty() {} <function scope> arraybuffer: function arraybuffer() { [native code] } blob: function blob() { [native code] } boolean: function boolean() { [native code] } dataview: function dataview() { [native code] } date: function date() { [native code] } dedicatedworkerglobal...
XMLHttpRequest.getAllResponseHeaders() - Web APIs
parameters none.
...rs (except those whose field name is set-cookie or set-cookie2) separated by crlf, or null if no response has been received.
...to an array // of individual headers var arr = headers.trim().split(/[\r\n]+/); // create a map of header names to values var headermap = {}; arr.foreach(function (line) { var parts = line.split(': '); var header = parts.shift(); var value = parts.join(': '); headermap[header] = value; }); } } once this is done, you can, for example: var contenttype = headermap["content-type"]; this obtains the value of the content-type header into the variable contenttype.
XMLHttpRequest.responseText - Web APIs
le handling an asynchronous request, the value of responsetext always has the current content received from the server, even if it's incomplete because the data has not been completely received yet.
... of readystate becomes xmlhttprequest.done (4), and status becomes 200 ("ok").
...and status becomes 200 ("ok").
XPathEvaluator.createExpression() - Web APIs
ssion to be created.
...eturn value a xpathexpression representing the compiled form of the xpath expression.
...ion of type namespace_error is raised.
XRReferenceSpaceEvent - Web APIs
the webxr device api interface xrreferencespaceevent represents an event sent to an xrreferencespace.
... the webxr device api interface xrreferencespaceevent represents an event sent to an xrreferencespace.
...icating the reference space that generated the event.
XRRigidTransform() - Web APIs
e default value for orientation is {x: 0, y: 0, z: 0, w: 1}.
...form matrix that would adjust the position and orientation of an object from the origin to the specified position and facing in the direction indicated by orientation.
...on a transform before requesting the first animation frame.
XRSessionMode - Web APIs
the webxr device api's xrsessionmode enumerated type defines the string values used to identify the possible kinds of session mode that can be used.
...e output is presented inline within the context of an element in a standard html document, rather than occupying the full visual space.
... inline sessions can be presented in either mono or stereo mode, and may or may not have viewer tracking available.
XRWebGLLayer - Web APIs
the xrwebgllayer interface of the webxr device api provides a linkage between the webxr device (or simulated xr device, in the case of an inline session) and a webgl context used to render the scene for display on the device.
...ce, in the case of an inline session) and a webgl context used to render the scene for display on the device.
...ypes and corresponding image sources.
Generating HTML - Web APIs
e xsl:output in the xsl stylesheet will make sure the resulting document will be handled as html.
... ...
..."?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform" xmlns:myns="http://devedge.netscape.com/2002/de"> <xsl:output method="html" /> <xsl:template match="/"> <html> <head> <title> <xsl:value-of select="/myns:article/myns:title"/> </title> <style type="text/css"> .mybox {margin:10px 155px 0 50px; border: 1px dotted #639ace; padding:0 5px 0 5px;} </style> </head> <body> <p class="mybox"> <span class="title"> <xsl:value-of select="/myns:article/myns:title"/> </span> <br /> authors: <br /> <xsl:apply-templates select="/myns:article...
ARIA live regions - Accessibility
only be announced for the planet finally chosen.
... has researched the support of aria-atomic and aria-relevant in particular.
...").
Using the aria-labelledby attribute - Accessibility
ot catalog the object.
...ible name property of elements that have both an aria-labelledby attribute and an aria-label attribute, the user agents give precedence to aria-labelledby.
...ts give precedence to aria-labelledby.
Using the aria-required attribute - Accessibility
uired.
...r on how assistive technology should handle this technique.
...normative.
Web applications and ARIA FAQ - Accessibility
he first potential solution to this problem is to avoid placing aria roles and states in your markup directly.
...grading gracefully from html5 to aria when delivering content to browsers that aren't html5-aware, you may want to consider gracefully degrading to the use of aria where necessary.
...> <progress id="progress-bar" value="0" max="100">0% complete</progress> <button id="update-button">update</button> </body> </html> ...
Accessibility and Spacial Patterns - Accessibility
n which he displays math.
...sh with ease braille dots that are too close or too far apart from one another.
...xtend both inward and outward from its dimensions, or for newer versions of svg, entirely outward from it, thus reducing the space around the svg to enable perception.
HTML To MSAA - Accessibility
if @name attribute is presented state_system_ linked if @href attribute is presented or click event listener is registered state_system_ traversed if link is traversed n/a "jump" if @href is valid n/a br role_system_ whitespace '\n' (new line char) state_system_ readonly n/a n/a n/a button role_system_ pushbutton from child nodes n/a state_system_ focusable state_system_ default if @type attribute has value "submit" n/a "press" n/a caption bstr role n/a n/a n/a description_for (0x100f), points to table element div bstr role n/a n/a n/a n/a n/a n/a fieldset role_system_ grouping text equivalent from child legend element n/a n/a labelled_by (1003), points to legend element n/a n/a hr role_system_ separator n/a n/a n/a n/a n/a n/a img, input @type=image ro...
...n/a n/a hr role_system_ separator n/a n/a n/a n/a n/a n/a img, input @type=image role_system_ graphic from @alt attribute, empty @alt attribute means name can't be calculated at all n/a state_system_ animated if image has more than one frame n/a "showlongdesc" if @longdesc attribute is presented n/a if @usemap attribute is used then image accessible has children for each map item input @type=button, submit, reset role_system_ pushbutton from @value attribute, @alt attribute, default label, @src attribute, @data attribute n/a state_system_ default if @type attribute has value "submit" n/a "press" n/a input @type=text, textarea role_system_ text n/a value property of input dom element state_system_ readonly if @readonly attribute is used n/a "activate" n/a input @type=password...
... state_system_ default if @type attribute has value "submit" n/a "press" n/a input @type=text, textarea role_system_ text n/a value property of input dom element state_system_ readonly if @readonly attribute is used n/a "activate" n/a input @type=password role_system_ text n/a n/a state_system_ readonly if @readonly attribute is used state_system_ protected n/a "activate" n/a input type="checkbox" role_system_ checkbutton n/a n/a state_system_ marqueed used as state checkable state_system_ mixed for html 5 if intermediate property of dom element returns true state_system_ checked if checked property of dom element returns true n/a "check"/"uncheck"/"cycle" depending on state event_object_ statechange when state is changed input type="radio" role_system_ radiobutton n/a n/a...
Accessibility documentation index - Accessibility
the state of aria technology has always depended on the community.
...n that requires the user's immediate attention, for example: 16 using the alertdialog role aria, accessibility, codingscripting, html, needscontent, role(2), web development, agent, alertdialog, alerts, modal, user, useragent the alertdialog role is used to notify the user of urgent information that demands the user's immediate attention.
...talog the object.
Web Accessibility: Understanding Colors and Luminance - Accessibility
hex, rgb and hsl color spaces all are measured differently.
... the browser.
...gregg vanderheiden, when testing the photosensitive epilepsy analysis tool, noted seizure rates were much higher than expected.
Color contrast - Accessibility
the color contrast between background and foreground content (that is, usually text) should be great enough to ensure legibility.
... type of content minimum ratio (aa rating) enhanced ratio (aaa rating) body text 4.5 : 1 7 : 1 large-scale text (120-150% larger than body text) 3 : 1 4.5 : 1 active user interface components and graphical objects such as icons and graphs 3 : 1 not defined these ratios do not apply to "incidental" text, such as inactive controls, logotypes, or purely decorative text.
...ive user interface components and graphical objects such as icons and graphs 3 : 1 not defined these ratios do not apply to "incidental" text, such as inactive controls, logotypes, or purely decorative text.
::-webkit-file-upload-button - CSS: Cascading Style Sheets
the ::-webkit-file-upload-button css pseudo-element represents the button of an <input> of type="file".
... the ::-webkit-file-upload-button css pseudo-element represents the button of an <input> of type="file".
...an <input> of type="file".
::placeholder - CSS: Cascading Style Sheets
ng technology will use aria-describedby to read the hint after the input's label text is announced, and the person using the screen reader can mute it if they find the extra information unnecessary.
...ls placeholders are not a replacement for the <label> element.
...f the for and id attributes, assistive technology such as screen readers cannot parse <input> elements.
:invalid - CSS: Cascading Style Sheets
Web › CSS › :invalid
ail to validate.
...ghlighting field errors for the user.
...ground-color: #ffdddd; } form:invalid { border: 5px solid #ffdddd; } input:valid { background-color: #ddffdd; } form:valid { border: 5px solid #ddffdd; } input:required { border-color: #800000; border-width: 3px; } input:required:invalid { border-color: #c00000; } result accessibility concerns the color red is commonly used to indicate invalid input.
:placeholder-shown - CSS: Cascading Style Sheets
he :placeholder-shown css pseudo-class represents any <input> or <textarea> element that is currently displaying placeholder text.
...llowing example highlights the branch and id code fields with a custom style.
...="name">enter student name:</label> <input id="name" placeholder="student name"/> </p> <p> <label for="branch">enter student branch:</label> <input id="branch" placeholder="student branch"/> </p> <p> <label for="sid">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.
@namespace - CSS: Cascading Style Sheets
@namespace is an at-rule that defines xml namespaces to be used in a css style sheet.
...with documents containing multiple namespaces—such as html5 with inline svg or mathml, or xml that mixes multiple vocabularies.
...rules, and precede all other at-rules and style declarations in a style sheet.
CSS Box Alignment - CSS: Cascading Style Sheets
r may contain one or many alignment subjects.
... the below image shows an alignment container with two alignment subjects inside.
...the gap property with the same values.
CSS Color - CSS: Cascading Style Sheets
Web › CSS › CSS Color
css color is a css module that deals with colors, color types, color blending, opacity, and how you can apply these colors and effects to html content.
... css color is a css module that deals with colors, color types, color blending, opacity, and how you can apply these colors and effects to html content.
... color types, color blending, opacity, and how you can apply these colors and effects to html content.
Flow Layout and Writing Modes - CSS: Cascading Style Sheets
vertical-lr.
...low direction and a vertical inline direction.
...s logical properties and values specification includes logical versions of the properties that control margins, padding and borders as well as other mappings for things that we have typically used physical directions to specify.
CSS Images - CSS: Cascading Style Sheets
css images is a module of css that defines what types of images can be used (the <image> type, containing urls, gradients and other types of images), how to resize them and how they, and other replaced content, interact with the different layout models.
...nd how they, and other replaced content, interact with the different layout models.
... reference properties image-orientation image-rendering image-resolution object-fit object-position functions linear-gradient() radial-gradient() repeating-linear-gradient() repeating-radial-gradient() conic-gradient() repeating-conic-gradient() url() element() image() cross-fade() data types <gradient> <image> guides using css gradients presents a specific type of css images, gradients, and how to create and use these.
<angle-percentage> - CSS: Cascading Style Sheets
the <angle-percentage> css data type represents a value that can be either a <angle> or a <percentage>.
... the <angle-percentage> css data type represents a value that can be either a <angle> or a <percentage>.
... the <angle-percentage> css data type represents a value that can be either a <angle> or a <percentage>.
break-after - CSS: Cascading Style Sheets
reak-after property is specified as one of the keyword values from the list below.
... left left right right avoid avoid always page the always value of page-break-* was implemented by browsers as a page break, and not as a column break.
....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
k-before property is specified as one of the keyword values from the list below.
... left left right right avoid avoid always page the always value of page-break-* was implemented by browsers as a page break, and not as a column break.
...rem; 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.
caret-color - CSS: Cascading Style Sheets
the caret-color css property sets the color of the insertion caret, the visible marker where the next character typed will be inserted.
...ical line that flashes to help make it more noticeable.
... other factors.
conic-gradient() - CSS: Cascading Style Sheets
the conic-gradient() css function creates an image consisting of a gradient with color transitions rotated around a center point (rather than radiating from the center).
...ic dimensions; i.e., it has no natural or preferred size, nor a preferred ratio.
...ge> is set to something other than the element size.
<display-listitem> - CSS: Cascading Style Sheets
the list-item keyword causes the element to generate a ::marker pseudo-element with the content specified by its list-style properties (for example a bullet point) together with a principal box of the specified type for its own contents.
... the list-item keyword causes the element to generate a ::marker pseudo-element with the content specified by its list-style properties (for example a bullet point) together with a principal box of the specified type for its own contents.
...e like a list item.
font-stretch - CSS: Cascading Style Sheets
rcentage> a <percentage> value between 50% and 200% (inclusive).
... <percentage> value between 50% and 200% (inclusive).
...h less than 100% select the condensed face, while all other values select the normal face.
font-variation-settings - CSS: Cascading Style Sheets
res (e.g.
...s are identified using lower-case tags, whereas custom axes should be given upper-case tags.
...ux oses need the latest linux freetype version, and macos prior to 10.13 does not support variable fonts.
<gradient> - CSS: Cascading Style Sheets
Web › CSS › gradient
the <gradient> css data type is a special type of <image> that consists of a progressive transition between two or more colors.
...e is stored in a github repository.
...u'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
<integer> - CSS: Cascading Style Sheets
Web › CSS › integer
the <integer> css data type is a special type of <number> that represents a whole number, whether positive or negative.
... the <integer> css data type is a special type of <number> that represents a whole number, whether positive or negative.
... up to 220-1, and other browsers even higher.
<length-percentage> - CSS: Cascading Style Sheets
the <length-percentage> css data type represents a value that can be either a <length> or a <percentage>.
... the <length-percentage> css data type represents a value that can be either a <length> or a <percentage>.
...gth-percentage examples */ width: 75%; height: 200px; margin: 3rem; padding: 1%; border-radius: 10px 10%; font-size: 250%; line-height: 1.5em; /* length examples */ text-shadow: 1px 1px 1px red; border: 5px solid red; letter-spacing: 3px; /* percentage example */ text-size-adjust: 20%; } result use in calc() where a <length-percentage> is specified as an allowable type, this means that the percentage resolves to a length and therefore can be used in a calc() expression.
linear-gradient() - CSS: Cascading Style Sheets
the linear-gradient() css function creates an image consisting of a progressive transition between two or more colors along a straight line.
...ted.
...te size will match the size of the element it applies to.
list-style-image - CSS: Cascading Style Sheets
all list items.
...mage: inherit; list-style-image: initial; list-style-image: unset; values <url> location of image to use as the marker.
...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.
mask-mode - CSS: Cascading Style Sheets
Web › CSS › mask-mode
is specified as one or more of the keyword values listed below, separated by commas.
...d indicates that the transparency (alpha channel) values of the mask layer image should be used as the mask values.
...ce>, the luminance values of the mask layer image should be used as the mask values.
min() - CSS: Cascading Style Sheets
Web › CSS › min
of the min() value as providing the maximum value a property can have.
...elf, along with the margin, border, and padding, will be 100% of its parent's width.
...r, and padding, will be 100% of its parent's width.
<percentage> - CSS: Cascading Style Sheets
the <percentage> css data type represents a percentage value.
... element's parent object.
...nherited property, not the percentage value.
radial-gradient() - CSS: Cascading Style Sheets
the radial-gradient() css function creates an image consisting of a progressive transition between two or more colors that radiate from an origin.
...r stops.
...te size will match the size of the element it applies to.
<ratio> - CSS: Cascading Style Sheets
Web › CSS › ratio
the <ratio> css data type, used for describing aspect ratios in media queries, denotes the proportion between two unitless values.
... the <ratio> css data type, used for describing aspect ratios in media queries, denotes the proportion between two unitless values.
...between two unitless values.
repeating-conic-gradient() - CSS: Cascading Style Sheets
the midpoint of the color transition.
...espectively, the conic-gradient will not repeat.
...referred ratio.
repeating-linear-gradient() - CSS: Cascading Style Sheets
the repeating-linear-gradient() css function creates an image consisting of repeating linear gradients.
...are different, this will result in a sharp visual transition.
... gradient has no intrinsic dimensions; i.e., it has no natural or preferred size, nor a preferred ratio.
repeating-radial-gradient() - CSS: Cascading Style Sheets
the repeating-radial-gradient() css function creates an image consisting of repeating gradients that radiate from an origin.
...lues are different, this will result in a sharp visual transition, which can be mitigated by repeating the first color as the last color.
... gradient has no intrinsic dimensions; i.e., it has no natural or preferred size, nor a preferred ratio.
text-decoration-color - CSS: Cascading Style Sheets
wavy lines like those used to mark misspellings, in the scope of the property's value.
... source for this interactive example is stored in a github repository.
...and text-decoration-color alone is not enough to indicate a link has focus.
text-justify - CSS: Cascading Style Sheets
the text-justify css property sets what type of justification should be applied to text when text-align: justify; is set on an element.
...haracter; text-justify: distribute; /* deprecated value */ syntax the text-justify property is specified as a single keyword chosen from the list of values below.
...acter the text is justified by adding space between characters (effectively varying letter-spacing), which is most appropriate for languages like japanese.
<time-percentage> - CSS: Cascading Style Sheets
the <time-percentage> css data type represents a value that can be either a <time> or a <percentage>.
... the <time-percentage> css data type represents a value that can be either a <time> or a <percentage>.
... the <time-percentage> css data type represents a value that can be either a <time> or a <percentage>.
<transform-function> - CSS: Cascading Style Sheets
the <transform-function> css data type represents a transformation that affects an element's appearance.
... the <transform-function> css data type represents a transformation that affects an element's appearance.
...rdinates in projective geometry lead to 3×3 transformation matrices, and can simply express translations as linear functions.
Common (exsl) - EXSLT
Web › EXSLT › exsl
expand upon the capabilities of xslt.
...pabilities of xslt.
...ommon package is http://exslt.org/common.
WAI ARIA Live Regions/API Support - Developer guides
fined on some ancestor element (closest ancestor wins): object attribute name possible values default value if not specified meaning aria markup if required container-live "off" | "polite" | "assertive" "off" interruption policy aria-live on ancestor element container-relevant "[additions] [removals] [text]" | "all" "additions text" what types of mutations are possibly relevant?
...if not specified meaning aria markup if required container-live "off" | "polite" | "assertive" "off" interruption policy aria-live on ancestor element container-relevant "[additions] [removals] [text]" | "all" "additions text" what types of mutations are possibly relevant?
...formation will be useful for heuristics.
Ajax - Developer guides
Web › Guide › AJAX
ossible for a server to send new data to a web page at any time, by pushing messages to the web page.
...o the web page.
...king (minimalist) example of a pure-ajax website composed only of three pages.
Content categories - Developer guides
group elements that share common characteristics.
...ve content includes elements that are specifically designed for user interaction.
...d for user interaction.
HTML5 - Developer guides
Web › Guide › HTML › HTML5
ections and outlines in html5 a look at the new outlining and sectioning elements in html5: <section>, <article>, <nav>, <header>, <footer> and <aside>.
...web standard for the storage of significant amounts of structured data in the browser and for high performance searches on this data using indexes.
...using css transitions to animate between different states or using css animations to animate parts of the page without a triggering event, you can now control mobile elements on your page.
Mobile Web Development - Developer guides
Web › Guide › Mobile
e care with user agent sniffing it's preferable for web sites to detect specific device features such as screen size and touch screens using the techniques listed above, and adapt themselves accordingly.
...as screen size and touch screens using the techniques listed above, and adapt themselves accordingly.
...ing the browser's user agent string to try to distinguish between desktops, tablets, and phones, to serve different content to each type of device.
Parsing and serializing XML - Developer guides
element.nodename); parsing url-addressable resources into dom trees using xmlhttprequest here is sample code that reads and parses a url-addressable xml file into a dom tree: var xhr = new xmlhttprequest(); xhr.onload = function() { dump(xhr.responsexml.documentelement.nodename); } xhr.onerror = function() { dump("error while getting xml."); } xhr.open("get", "example.xml"); xhr.responsetype = "document"; xhr.send(); the value returned in the xhr object's responsexml field is a document constructed by parsing the xml.
...; } xhr.onerror = function() { dump("error while getting xml."); } xhr.open("get", "example.xml"); xhr.responsetype = "document"; xhr.send(); the value returned in the xhr object's responsexml field is a document constructed by parsing the xml.
...arsing the xml.
<embed>: The Embed External Content element - HTML: Hypertext Markup Language
Web › HTML › Element › embed
ole no corresponding role permitted aria roles application, document, img, none, presentation dom interface htmlembedelement attributes this element's attributes include the global attributes.
...sponding role permitted aria roles application, document, img, none, presentation dom interface htmlembedelement attributes this element's attributes include the global attributes.
...t the plug-in to instantiate.
<html>: The HTML Document / Root element - HTML: Hypertext Markup Language
Web › HTML › Element › html
aria role no corresponding role permitted aria roles no role permitted dom interface htmlhtmlelement attributes this element includes the global attributes.
...s element includes the global attributes.
... of the html document type definition that governs the current document.
<i>: The Idiomatic Text element - HTML: Hypertext Markup Language
Web › HTML › Element › i
the html idiomatic text element (<i>) represents a range of text that is set off from the normal text for some reason, such as idiomatic text, technical terms, taxonomical designations, among others.
... were assigned.") in earlier versions of the html specification, the <i> element was merely a presentational element used to display text in italics, much like the <b> element was used to display text in bold letters.
...nt was merely a presentational element used to display text in italics, much like the <b> element was used to display text in bold letters.
<track>: The Embed Text Track element - HTML: Hypertext Markup Language
Web › HTML › Element › track
le).
...e a valid url.
...); 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; }); examples <video controls poster="/images/sample.gif"> <source src="sample.mp4" type="video/mp4"> <source src="sample.ogv" type="video/ogv"> <track kind="captions" src="samplecaptions.vtt" srclang="en"> <track kind="descriptions" src="sampledescriptions.vtt" srclang="en"> <track kind="chapters" src="samplechapters.vtt" srclang="en"> <track kind="subtitles" src="samplesubtitles_de.vtt" srclang="de"> <track kind="subtitles" src="samplesubtitles_en.vtt" srclan...
contextmenu - HTML: Hypertext Markup Language
e is obsolete and will be removed from all browsers the contextmenu global attribute is the id of a <menu> to use as the contextual menu for this element.
...item> </menu> </menu> <ol> <li> anywhere in the example you can share the page on twitter and facebook using the share menu from your context menu.
...k="incfont()"></menuitem> <menuitem label="decrease font" onclick="decfont()"></menuitem> </menu> <li contextmenu="changeimage" id="changeimage"> on the image below, you can fire the "change image" action in your context menu.<br /> <img src="https://udn.realityripple.com/samples/a2/b601bdfc0c.png" contextmenu="changeimage" id="promobutton" /> <menu type="context" id="changeimage"> <menuitem label="change image" onclick="changeimage()"></menuitem> </menu> </li> </ol> </body> javascript function shareviatwitter() { window.open("https://twitter.com/intent/tweet?text=" + "hurray!
Basics of HTTP - HTTP
ource urls, those prefixed with the resource scheme are used by firefox and firefox browser extensions to load resources internally, but is also available to some sites the browser connects to as well.
...he resource scheme are used by firefox and firefox browser extensions to load resources internally, but is also available to some sites the browser connects to as well.
...t is also available to some sites the browser connects to as well.
Cross-Origin Resource Policy (CORP) - HTTP
ium.
...a disclosure due to a race condition which arose as part of speculative execution functionality, designed to improve performance.
... read blocking, which automatically protects certain resources (of content-type html, json and xml) against cross-origin reads.
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.
...elds which will be present in the trailer part of chunked messages.
...s and conditionals, like cache-control, max-forwards, or te), authentication headers (e.g., authorization or set-cookie), or content-encoding, content-type, content-range, and trailer itself.
About JavaScript - JavaScript
what is javascript?
...cript runs on the client side of the web, which can be used to design / program how the web pages behave on the occurrence of an event.
...nguages (or nearly so).
Regular expression syntax cheatsheet - JavaScript
, these will cause an invalid identity escape error.
...e "oon" is the end of the string, thus not followed by a word character.
...aliases.txt unicodepropertyvalue one of the tokens listed in the values section, below.
JavaScript Guide - JavaScript
the javascript guide shows you how to use javascript and gives an overview of the language.
...if you need exhaustive information about a language feature, have a look at the javascript reference.
... functions expressions and operators assignment & comparisons arithmetic operators bitwise & logical operators conditional (ternary) operator numbers and dates number literals number object math object date object text formatting string literals string object template literals internationalization regular expressions indexed collections arrays typed arrays keyed collections map weakmap set weakset working with objects objects and properties creating objects defining methods getter and setter details of the object model prototype-based oop creating object hierarchies inheritance promises guarantees chaining error propagation composition timing iterators and generators iterators...
ReferenceError: deprecated caller or arguments usage - JavaScript
the javascript strict mode-only exception "deprecated caller or arguments usage" occurs when the deprecated function.caller or function.arguments properties are used.
...e-only exception "deprecated caller or arguments usage" occurs when the deprecated function.caller or function.arguments properties are used.
...nction.caller or function.arguments properties are used.
RangeError: repeat count must be non-negative - JavaScript
the javascript exception "repeat count must be non-negative" occurs when the string.prototype.repeat() method is used with a count argument that is a negative number.
... the javascript exception "repeat count must be non-negative" occurs when the string.prototype.repeat() method is used with a count argument that is a negative number.
... the javascript exception "repeat count must be non-negative" occurs when the string.prototype.repeat() method is used with a count argument that is a negative number.
RangeError: repeat count must be less than infinity - JavaScript
the javascript exception "repeat count must be less than infinity" occurs when the string.prototype.repeat() method is used with a count argument that is infinity.
... the javascript exception "repeat count must be less than infinity" occurs when the string.prototype.repeat() method is used with a count argument that is infinity.
...exception "repeat count must be less than infinity" occurs when the string.prototype.repeat() method is used with a count argument that is infinity.
Method definitions - JavaScript
{ async f() { await some_promise } } async generator methods generator methods can also be async.
... also be async.
...3 } }; // the same object using shorthand syntax const obj4 = { async* f() { yield 1 yield 2 yield 3 } } method definitions are not constructable methods cannot be constructors!
getter - JavaScript
cally computed value, or you may want to reflect the status of an internal variable without requiring the use of explicit method calls.
...t.getelementbyid('bookmarked-notification-anchor'); }, for firefox code, see also the xpcomutils.jsm code module, which defines the definelazygetter() function.
...defined on the instance's prototype, while using object.defineproperty() the property will be defined on the instance it is applied to.
Generator - JavaScript
generator object is returned by a generator function and it conforms to both the iterable protocol and the iterator protocol.
...the iterable protocol and the iterator protocol.
...e instantiated directly.
Intl.NumberFormat - JavaScript
please clone https://github.com/mdn/interactive-examples and send us a pull request.
...ct.
...k to the runtime's default locale.
handler.apply() - JavaScript
ed to the apply() method.
...is bound to the handler.
...ist the list of arguments for the call.
handler.construct() - JavaScript
the constructor.
...arget, argumentslist, newtarget) { console.log('called: ' + argumentslist.join(', ')); return { value: argumentslist[0] * 10 }; } }); console.log(new p(1).value); // "called: 1" // 10 the following code violates the invariant.
...y(function() {}, { construct: function(target, argumentslist, newtarget) { return 1; } }); new p(); // typeerror is thrown the following code improperly initializes the proxy.
handler.defineProperty() - JavaScript
the defineproperty() method must return a boolean indicating whether or not the property has been successfully defined.
...exists as a non-configurable own property of the target object.
...property() trap has one restriction—only following properties are usable (non-standard properties will be ignored): enumerable configurable writable value get set const p = new proxy({}, { defineproperty(target, prop, descriptor) { console.log(descriptor); return reflect.defineproperty(target, prop, descriptor); } }); object.defineproperty(p, 'name', { value: 'proxy', type: 'custom' }); // { value: 'proxy' } specifications specification ecmascript (ecma-262)the definition of '[[defineownproperty]]' in that specification.
handler.ownKeys() - JavaScript
he target object.
...eturn an enumerable object.
...ed" // [ 'a', 'b', 'c' ] the following code violates an invariant.
Reflect.defineProperty() - JavaScript
a pull request.
...urn value a boolean indicating whether or not the property was successfully defined.
...rty, however, simply returns a boolean indicating whether or not the property was successfully defined.
Reflect.getOwnPropertyDescriptor() - JavaScript
b.com/mdn/interactive-examples and send us a pull request.
...// {value: "hello", writable: true, enumerable: true, configurable: true} reflect.getownpropertydescriptor({x: 'hello'}, 'y') // undefined reflect.getownpropertydescriptor([], 'length') // {value: 0, writable: true, enumerable: false, configurable: false} difference to object.getownpropertydescriptor() if the target argument to this method is not an object (a primitive), then it will cause a typeerror.
...descriptor([], 'length') // {value: 0, writable: true, enumerable: false, configurable: false} difference to object.getownpropertydescriptor() if the target argument to this method is not an object (a primitive), then it will cause a typeerror.
Reflect.has() - JavaScript
to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
...e a boolean indicating whether or not the target has the property.
...he prototype chain reflect.has({x: 0}, 'tostring') // proxy with .has() handler method obj = new proxy({}, { has(t, k) { return k.startswith('door') } }); reflect.has(obj, 'doorbell') // true reflect.has(obj, 'dormitory') // false reflect.has returns true for any inherited properties, like the in operator: const a = {foo: 123} const b = {__proto__: a} const c = {__proto__: b} // the prototype chain is: c -> b -> a reflect.has(c, 'foo') // true specifications specification ecmascript (ecma-262)the definition of 'reflect.has' in that specification.
Reflect.isExtensible() - JavaScript
xample is stored in a github repository.
...// === false // sealed objects are by definition non-extensible.
...lse // frozen objects are also by definition non-extensible.
Reflect.preventExtensions() - JavaScript
epository.
...ct.preventextensions() see also object.preventextensions().
...tensible(empty) // === true // ...but that can be changed.
Symbol.replace - JavaScript
the symbol.replace well-known symbol specifies the method that replaces matched substrings of a string.
... the symbol.replace well-known symbol specifies the method that replaces matched substrings of a string.
... the symbol.replace well-known symbol specifies the method that replaces matched substrings of a string.
Symbol.search - JavaScript
the symbol.search well-known symbol specifies the method that returns the index within a string that matches the regular expression.
... the symbol.search well-known symbol specifies the method that returns the index within a string that matches the regular expression.
... the symbol.search well-known symbol specifies the method that returns the index within a string that matches the regular expression.
Symbol.split - JavaScript
the symbol.split well-known symbol specifies the method that splits a string at the indices that match a regular expression.
... the symbol.split well-known symbol specifies the method that splits a string at the indices that match a regular expression.
... the symbol.split well-known symbol specifies the method that splits a string at the indices that match a regular expression.
WebAssembly.compile() - JavaScript
the webassembly.compile() function compiles webassembly binary code into a webassembly.module object.
... the webassembly.instantiate() function should be used).
...y.instantiate() function should be used).
WebAssembly.instantiateStreaming() - JavaScript
return value a promise that resolves to a resultobject which contains two fields: module: a webassembly.module object representing the compiled webassembly module.
...omise that resolves to a resultobject which contains two fields: module: a webassembly.module object representing the compiled webassembly module.
...n it fulfills.
Destructuring assignment - JavaScript
combined array and object destructuring array and object destructuring can be combined.
...property in the object, you can do the following: const props = [ { id: 1, name: 'fizz'}, { id: 2, name: 'buzz'}, { id: 3, name: 'fizzbuzz'} ]; const [,, { name }] = props; console.log(name); // "fizzbuzz" the prototype chain is looked up when the object is deconstructed when deconstructing an object, if a property is not accessed in itself, it will continue to look up along the prototype chain.
...buzz'} ]; const [,, { name }] = props; console.log(name); // "fizzbuzz" the prototype chain is looked up when the object is deconstructed when deconstructing an object, if a property is not accessed in itself, it will continue to look up along the prototype chain.
Operator precedence - JavaScript
` is `null` or `undefined` examples 3 > 2 && 2 > 1 // returns true 3 > 2 > 1 // returns false because 3 > 2 is true, then true is converted to 1 // in inequality operators, therefore true > 1 becomes 1 > 1, which // is false.
...-to-right ?.
... ?.
const - JavaScript
about the "temporal dead zone" apply to both let and const.
...ror var my_fav = 20; } // my_fav is still 7 console.log('my favorite number is ' + my_fav); const needs to be initialized // throws an error // uncaught syntaxerror: missing initializer in const declaration const foo; const in objects and arrays const also works on objects and arrays.
...ey': 'value'}; // however, object keys are not protected, // so the following statement is executed without problem my_object.key = 'othervalue'; // use object.freeze() to make object immutable // the same applies to arrays const my_array = []; // it's possible to push items into the array my_array.push('a'); // ["a"] // however, assigning a new array to the variable throws an error // uncaught typeerror: assignment to constant variable.
import.meta - JavaScript
dule.
...e identifier meta.
...me/user/my-module.js" } it returns an object with a url property indicating the base url of the module.
try...catch - JavaScript
pass exception object to error handler } the catch-block specifies an identifier (e in the example above) that holds the value of the exception; this value is only available in the scope of the catch-block.
...-block specifies an identifier (e in the example above) that holds the value of the exception; this value is only available in the scope of the catch-block.
...example above) that holds the value of the exception; this value is only available in the scope of the catch-block.
JavaScript reference - JavaScript
infinity nan undefined globalthis function properties eval() isfinite() isnan() parsefloat() parseint() decodeuri() decodeuricomponent() encodeuri() encodeuricomponent() fundamental objects object function boolean symbol error objects error aggregateerror evalerror internalerror rangeerror referenceerror syntaxerror typeerror urierror numbers & dates number bigint math date text processing string regexp indexed collections array int8array uint8array uint8clampedarray int16array uint16array int32array uint32array float32array float64array bigint64array biguint64array keyed collections map set weakmap weakset structured data arraybuffer s...
... label with expressions and operators javascript expressions and operators.
... (condition ?
screenshots - Web app manifests
type object mandatory no the screenshots member defines an array of screenshots intended to showcase the application.
... type object mandatory no the screenshots member defines an array of screenshots intended to showcase the application.
... type object mandatory no the screenshots member defines an array of screenshots intended to showcase the application.
serviceworker - Web app manifests
type object mandatory no the serviceworker member describes a service worker that the developer intends to install to control the pwa.
... type object mandatory no the serviceworker member describes a service worker that the developer intends to install to control the pwa.
...f the serviceworker member.
<math> - MathML
Web › MathML › Element › math
if not present, its default value is inline.
...> <math> <mrow> <mrow> <msup> <mi>a</mi> <mn>2</mn> </msup> <mo>+</mo> <msup> <mi>b</mi> <mn>2</mn> </msup> </mrow> <mo>=</mo> <msup> <mi>c</mi> <mn>2</mn> </msup> </mrow> </math> </body> </html> xhtml notation <?xml version="1.0" encoding="utf-8"?> <!doctype html public "-//w3c//dtd xhtml 1.1 plus mathml 2.0//en" "http://www.w3.org/math/dtd/mathml2/xhtml-math11-f.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>mathml in xhtml</title> </head> <body> <math xmlns="http://www.w3.org/1998/math/mathml"> <mrow> <mrow> <msup> <mi>a</mi> <mn>2</mn> </msup> <mo>+</mo> <msup> ...
... </msup> </mrow> <mo>=</mo> <msup> <mi>c</mi> <mn>2</mn> </msup> </mrow> </math> </body> </html> notes: xhtml documents with mathml must be served as application/xhtml+xml.
Digital video concepts - Web media technologies
rods to around 6 or 7 million cones), we see detail in greyscale, with color being far less detailed.
...e sensor chips: one greyscale and one color.
...ented by a matrix of luma values, y, with each pixel's color computed using the values in the u and v matrices.
Web media technologies
using audio and video in html a guide to using the html <audio> and <video> elements.
...he html <audio> and <video> elements.
...om simply using the alt attribute on <img> elements to captions to tagging media for screen readers.
Lazy loading - Web Performance
general code splitting javascript, css and html can be split into smaller chunks.
...ipt, css and html can be split into smaller chunks.
...here dynamic import() statements are used javascript script type module any script tag with type="module" is treated like a javascript module and is deferred by default.
panose-1 - SVG: Scalable Vector Graphics
the panose-1 attribute indicates the panose-1 number of a font face.
... the panose-1 attribute indicates the panose-1 number of a font face.
...e panose-1 attribute indicates the panose-1 number of a font face.
to - SVG: Scalable Vector Graphics
Web › SVG › Attribute › to
during the animation.
... attributetype="xml" attributename="width" fill="freeze" from="100" to="150" dur="3s"/> </rect> </svg> animate, animatecolor, animatemotion, animatetransform for <animate>, <animatecolor>, <animatemotion>, and <animatetransform>, to specifies the ending value of the animation.
...the exact value type for this attribute depend on the value of the attribute that will be animated.
<animateMotion> - SVG: Scalable Vector Graphics
ount="indefinite" path="m20,50 c20,-50 180,150 180,50 c180-50 20,150 20,50 z" /> </circle> </svg> usage context categoriesanimation elementpermitted contentany number of the following elements, in any order:descriptive elements<mpath> attributes keypoints this attribute indicate, in the range [0,1], how far is the object along the path for each keytimes associated values.
...itted contentany number of the following elements, in any order:descriptive elements<mpath> attributes keypoints this attribute indicate, in the range [0,1], how far is the object along the path for each keytimes associated values.
...eytimes associated values.
<animateTransform> - SVG: Scalable Vector Graphics
scaling, rotation, and/or skewing.
...usage context categoriesanimation elementpermitted contentany number of the following elements, in any order:descriptive elements example <svg width="120" height="120" viewbox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <polygon points="60,30 90,90 30,90"> <animatetransform attributename="transform" attributetype="xml" type="rotate" from="0 60 70" to="360 60 70" dur="10s" repeatcount="indefinite"/> </polygon> </svg> live sample attributes global attributes conditional processing attributes » core attributes » animation event attributes » xlink attributes » animation attribute target attributes ...
..."indefinite"/> </polygon> </svg> live sample attributes global attributes conditional processing attributes » core attributes » animation event attributes » xlink attributes » animation attribute target attributes » animation timing attributes » animation value attributes » animation addition attributes » externalresourcesrequired specific attributes by from to type dom interface this element implements the svganimatetransformelement interface.
<feDropShadow> - SVG: Scalable Vector Graphics
lor="pink" flood-opacity="0.5"/> </filter> </defs> <circle cx="5" cy="50%" r="4" style="fill:pink; filter:url(#shadow);"/> <circle cx="15" cy="50%" r="4" style="fill:pink; filter:url(#shadow2);"/> <circle cx="25" cy="50%" r="4" style="fill:pink; filter:url(#shadow3);"/> </svg> attributes dx this attribute defines the x offset of the drop shadow.
...er:url(#shadow);"/> <circle cx="15" cy="50%" r="4" style="fill:pink; filter:url(#shadow2);"/> <circle cx="25" cy="50%" r="4" style="fill:pink; filter:url(#shadow3);"/> </svg> attributes dx this attribute defines the x offset of the drop shadow.
...nk; filter:url(#shadow3);"/> </svg> attributes dx this attribute defines the x offset of the drop shadow.
<stop> - SVG: Scalable Vector Graphics
Web › SVG › Element › stop
radient id="mygradient" gradienttransform="rotate(90)"> <stop offset="5%" stop-color="gold" /> <stop offset="95%" stop-color="red" /> </lineargradient> </defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg> attributes offset this attribute defines where the gradient stop is placed along the gradient vector.
.../defs> <!-- using my linear gradient --> <circle cx="5" cy="5" r="4" fill="url('#mygradient')" /> </svg> attributes offset this attribute defines where the gradient stop is placed along the gradient vector.
...ced along the gradient vector.
SVG In HTML Introduction - SVG: Scalable Vector Graphics
body.invalid #err { display:inline; } </style> <script> function signalerror() { document.getelementbyid('body').setattribute("class", "invalid"); } </script> </head> <body id="body" style="position:absolute; z-index:0; border:1px solid black; left:5%; top:5%; width:90%; height:90%;"> <form> <fieldset> <legend>html form</legend> <p><label>enter something:</label> <input type="text"> <span id="err">incorrect value!</span></p> <p><input type="button" value="activate!" onclick="signalerror();"></p> </fieldset> </form> <svg viewbox="0 0 100 100" preserveaspectratio="xmidymid slice" style="width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1;"> <lineargradient id="gradient"> <stop class="begin" offset="0%"/> <stop class="end" offs...
...h and then cutting off any overflow.
...t works in both mozilla and in internet explorer with adobe's svg viewer installed.
Same-origin policy - Web security
any.com/page.html failure different protocol http://store.company.com:81/dir/page.html failure different port (http:// is port 80 by default) http://news.company.com/dir/page.html failure different host inherited origins scripts executed from pages with an about:blank or javascript: url inherit the origin of the document containing that url, since these types of urls do not contain information about an origin server.
...n embedded script, or the availability of an embedded resource.
...in reads of pages that require this token.
Tutorials
ics of how it works, what the syntax looks like, and how you can start using it to add styling to html.
...dvanced level using css transforms apply rotation, skewing, scaling, and translation using css.
...k like?", and "what can it do?", before moving on to taking you through your first practical experience of writing javascript.
boolean - XPath
.
...umbers and node-sets as well as booleans.
...r false after evaluating expression.
number - XPath
ripping the leading whitespace in the string before the number and ignoring whitespace after the number.
...in the string before the number and ignoring whitespace after the number.
...number.
<xsl:sort> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › sort
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:sort> element defines a sort key for nodes selected by <xsl:apply-templates> or <xsl:for-each> and determines the order in which they are processed.
...ses an xpath expression to specify the nodes to be sorted.
... the default is "ascending".
XSLT elements reference - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes there are two types of elements discussed here: top-level elements and instructions.
... xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes there are two types of elements discussed here: top-level elements and instructions.
...ir" is defined as follows: <xsl:variable name="image-dir">/images</xsl:variable> the expression to be evaluated is placed inside curly brackets: <img src="{$image-dir}/mygraphic.jpg"/> this would result in the following: <img src="/images/mygraphic.jpg"/> the element annotations that follow include a description, a syntax listing, a list of required and optional attributes, a description of type and position, its source in the w3c recommendation and an explanation of the degree of present gecko support.
Compiling a New C/C++ Module to WebAssembly - WebAssembly
mplate/shell_minimal.html -s no_exit_runtime=1 -s "extra_exported_runtime_methods=['ccall']" if you load the example in your browser again, you'll see the same thing as before!
...t opening <script type='text/javascript'> tag.
...ript'> tag.
Compiling an Existing C Module to WebAssembly - WebAssembly
webpencodergba seems like a perfect fit.
...code(p, image.width, image.height, 100); const resultpointer = api.get_result_pointer(); const resultsize = api.get_result_size(); const resultview = new uint8array(module.heap8.buffer, resultpointer, resultsize); const result = new uint8array(resultview); api.free_result(resultpointer); note: new uint8array(somebuffer) will create a new view onto the same memory chunk, while new uint8array(sometypedarray) will copy the data.
... both the input and the output image: luckily, the solution to this problem is in the error message.
Cross-domain Content Scripts - Archive of obsolete content
ript, and logs the payload.
...panel.html"), contentscriptfile: data.url("panel-script.js") }); forecast_panel.on("show", function(){ forecast_panel.port.emit("show"); }); require("sdk/ui/button/action").actionbutton({ id: "get-forecast", label: "get the forecast", icon: "./icon-16.png", onclick: function() { forecast_panel.show(); } }); the "panel.html" just includes a <div> block for the forecast: <!doctype html> <!-- panel.html --> <html> <head></head> <body> <div id="forecast_summary"></div> </body> </html> the "panel-script.js" uses xmlhttprequest to fetch the latest forecast: // panel-script.js var url = "http://datapoint.metoffice.gov.uk/public/data/txt/wxfcs/regionalforecast/json/500?key=your-api-key"; self.port.on("show", function () { var request = new xmlhttprequest(); r...
Communicating using "postMessage" - Archive of obsolete content
tmessage(event.target.tostring());" + "}, false);"; var pagemod = require('sdk/page-mod').pagemod({ include: ['*'], contentscript: pagemodscript, onattach: function(worker) { worker.on('message', function(message) { console.log('mouseover: ' + message); }); } }); the reason to prefer user-defined events is that as soon as you need to send more than one type of message, then both sending and receiving messages gets more complex.
...ion(worker) { worker.on('message', function(message) { console.log('mouseover: ' + message); }); } }); the reason to prefer user-defined events is that as soon as you need to send more than one type of message, then both sending and receiving messages gets more complex.
Guides - Archive of obsolete content
ng a patch, getting reviews, and getting help.
...ompatibility working out which firefox releases a given sdk release is compatible with, and dealing with compatibility problems.
simple-storage - Archive of obsolete content
to a property on storage: var ss = require("sdk/simple-storage"); ss.storage.myarray = [1, 1, 2, 3, 5, 8, 13]; ss.storage.myboolean = true; ss.storage.mynull = null; ss.storage.mynumber = 3.1337; ss.storage.myobject = { a: "foo", b: { c: true }, d: null }; ss.storage.mystring = "o frabjous day!"; you can store array, boolean, number, object, null, and string values.
...= [1, 1, 2, 3, 5, 8, 13]; ss.storage.myboolean = true; ss.storage.mynull = null; ss.storage.mynumber = 3.1337; ss.storage.myobject = { a: "foo", b: { c: true }, d: null }; ss.storage.mystring = "o frabjous day!"; you can store array, boolean, number, object, null, and string values.
url - Archive of obsolete content
.location.search.
...h.
windows - Archive of obsolete content
"sdk/windows").browserwindows; var example = windows.open("http://www.example.com"); require("sdk/ui/button/action").actionbutton({ id: "read", label: "read", icon: "./read.png", onclick: function() { example.close(); } }); this example uses the action button api, which is only available from firefox 29 onwards.
... url string string url to be opened in the new window.
content/worker - Archive of obsolete content
exchange messages using the port or postmessage apis.
...un in the same process as web content and browser chrome, so code within workers can block the ui.
platform/xpcom - Archive of obsolete content
ister() function to unregister them, whether or not you have disabled automatic unregistration: xpcom.unregister(factory); you can find out whether a factory or service has been registered by using the isregistered() function: if (xpcom.isregistered(factory)) xpcom.unregister(factory); globals constructors factory(options) parameters options : object required options: name type component constructor constructor for the component this factory creates.
...y); globals constructors factory(options) parameters options : object required options: name type component constructor constructor for the component this factory creates.
ui/toolbar - Archive of obsolete content
equire("sdk/ui/frame"); var frame = new frame({ url: "./frame.html" }); var toolbar = toolbar({ title: "my toolbar", items: [frame], hidden: true, onshow: showing, onhide: hiding }); function showing(e) { console.log("showing"); console.log(e); } function hiding(e) { console.log("hiding"); console.log(e); } parameters options : object required options: name type title string the toolbar's title.
... showing(e) { console.log("showing"); console.log(e); } function hiding(e) { console.log("hiding"); console.log(e); } parameters options : object required options: name type title string the toolbar's title.
Low-Level APIs - Archive of obsolete content
ides helper functions for working with platform internals like frames and browsers.
... with platform internals like frames and browsers.
cfx - Archive of obsolete content
cfx run uses firefox as the host application.
...ifferent host.
Creating annotations - Archive of obsolete content
tor panel, which enables the user to enter an annotation associated with the selected element.
...l's context.
Displaying annotations - Archive of obsolete content
tations.push(newannotation); updatematchers(); } annotation panel the annotation panel just shows the content of an annotation.
...plate a simple content script to build the panel's content these files will live in a new subdirectory of data which we'll call annotation.
Storing annotations - Archive of obsolete content
is given.
...er window rather than the panel.
Display a Popup - Archive of obsolete content
textarea.value = ''; } }, false); // listen for the "show" event being sent from the // main add-on code.
...: icon-16.png icon-32.png icon-64.png try it out: "index.js" is saved in the top level, and the other five files go in your add-on's data directory: my-addon/ data/ get-text.js icon-16.png icon-32.png icon-64.png text-entry.html index.js run the add-on, click the button, and you should see the panel.
Getting Started (jpm) - Archive of obsolete content
earlier versions of firefox, you'll need to use the old cfx tool.
...tly in your add-on's root.
Getting started (cfx) - Archive of obsolete content
cfx to jpm prerequisites to create add-ons for firefox using the sdk, you'll first need to follow the instructions to install and activate the sdk.
...visit mozilla", icon: { "16": "./icon-16.png", "32": "./icon-32.png", "64": "./icon-64.png" }, onclick: handleclick }); function handleclick(state) { tabs.open("https://www.mozilla.org/"); } save the file.
Localization - Archive of obsolete content
lowed by _title, and whose value is the localized title.
...itle= name monster_name_description= what is the monster's name?
Autocomplete - Archive of obsolete content
turning autocomplete on for a xul widget this article is about xul widgets and not about html form inputs.
... turning autocomplete on for a xul widget this article is about xul widgets and not about html form inputs.
Boxes - Archive of obsolete content
n use a div as a container and when the div changes size, the contents will wrap or adjust the layout.
...el value="ttt"/> <label value="uuu"/> <label value="vvv"/> <label value="www"/> <label value="xxx"/> <label value="yyy"/> <label value="zzz"/> </hbox> </window> images if you put image in the contents, you should probably add align="start" attribute to the box.
Customizing the download progress bar - Archive of obsolete content
n add a new stylesheet.
...xels wide seems about right, though you might have to experiment with this a bit.
Drag & Drop - Archive of obsolete content
ata.split("\n")[0], null, null); } else { var file = data.value.queryinterface(components.interfaces.nsifile); if (file) uri = _ios.newfileuri(file); } } if (uri) uris.push(uri); } // use the array of file uris } the _dragover function checks the drag data to see if a simple text file or general purpose file types are available.
... } else { var file = data.value.queryinterface(components.interfaces.nsifile); if (file) uri = _ios.newfileuri(file); } } if (uri) uris.push(uri); } // use the array of file uris } the _dragover function checks the drag data to see if a simple text file or general purpose file types are available.
IsDefaultNamespace - Archive of obsolete content
on will quickly return the standard value for mozilla browsers).
...ay have to be skipped to get to it return isdefaultnamespace(node.parentnode, namespaceuri); } else { return false; // unknown; } case 9: // document_node return isdefaultnamespace(node.documentelement, namespaceuri); case 6: // entity_node case 12: // notation_node case 10: // document_type_node case 11: // document_fragment_node return false; // unknown case 2: // attribute_node: if (node.ownerelement ) { return isdefaultnamespace(node.ownerelement , namespaceuri); } else { return false; // unknown } default: if (node.parentnode) { // entityref...
LookupPrefix - Archive of obsolete content
here is an implementation of lookupprefix which should work cross-browser.
...re/namespaces-algorithms.html#lookupnamespaceprefixalgo // (the above had a few apparent 'bugs' in the pseudo-code which were corrected here) if (node.lookupprefix && htmlmode !== 'text/html') { // shouldn't use this in text/html for mozilla as will return null return node.lookupprefix(namespaceuri); } if (namespaceuri === null || namespaceuri === '') { return null; } switch (node.nodetype) { case 1: // node.element_node return _lookupnamespaceprefix(namespaceuri, node); case 9: // node.document_node return _lookupnamespaceprefix(namespaceuri, node.documentelement); case 6: // node.entity_node case 12: // node.notation_node case 11: // node.document_fragment_node case 10: // node.document_type_node return null; // type is unknown case 2: // node.attribute_no...
Progress Listeners - Archive of obsolete content
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 argument is a mask which determines the type of events that will be received.
...r of a main window: gbrowser.addprogresslistener(mylistener); when used with a browser, the second argument is a mask which determines the type of events that will be received.
Scrollbar - Archive of obsolete content
re used for windows xp, and nativescrollbars.css on osx.
... chrome://app-global/skin/scrollbars.css change some color values inside the app/chrome/skin/global/scrollbars.css to test that the css is used.
Delayed Execution - Archive of obsolete content
the timer objects must be explicitly kept alive until that point.
...so that it can be reaped.
XPath - Archive of obsolete content
notes and sample code for xpath and ajax (the following was moved from document.evaluate) obj.evaluate(xpathexpression,contextnode,namespaceresolver,resulttype,result); //obj and contextnode should be the same object, if context is a ajax xml object (example: returnedxml) this should be used as : returnedxml.evaluate(xpathexpression,returnedxml,namespaceresolver,returntype,result); //contextnode should be used in the one in which it was created //add by mooring 2008-11-15 16:00 china var xhr = new ajax('post','demo.xml',parsexml,'xml'); //ajax is a class written by javascript which return responsexml object to parsexml function function parsexml(obj)//obj is the returnxml object now { if(!obj.documentelement) { alert("your browser does't support this script!"); return;...
... if(!obj.documentelement) { alert("your browser does't support this script!"); return; } var fields = [];//store the results if(window.activexobject) { var tobj = obj.documentelement.selectnodes("/root/field/item"); for(var i=0;i<tobj.length; i++) { fields.push(tobj[i].text); } } else { var tobj = obj.evaluate("/root/field/item",obj.documentelement,null, xpathresult.any_type, null); var tmp = tobj.iteratenext(); while(tmp) { fields.push(tmp.textcontent); tmp = tobj.iteratenext(); } } alert(fields); } //here is the demo xml file for xpath <?xml version="1.0"?> <root> <field> <item>art_id</item> <item>psection</item> <item>qkind</item> <item>qtitle</item> <item>question</item> <item>pic</item> <item>answer1</item> <item>answer2</i...
Communication between HTML and your extension - Archive of obsolete content
er little javascript function that would update a specific element on the html page with the result.
...f the ajax request was the something that i wanted the extension to find.
Listening to events in Firefox extensions - Archive of obsolete content
gecko uses events to pass information about interesting things that have occurred along to the parties that may wish to know about them.
...ko uses events to pass information about interesting things that have occurred along to the parties that may wish to know about them.
Migrating raw components to add-ons - Archive of obsolete content
installed.
...efox add-ons in an automated, programmatic way, we have documented a set of best practices.
Chapter 2: Technologies used in developing extensions - Archive of obsolete content
rvices like google maps, which used javascript and asynchronous communications, created an awareness of a set of technologies nicknamed ajax (asynchronous javascript and xml); that plus the advent of a number of libraries that paper over implementation differences between different web browsers has more recently led to a re-evaluation of javascript as a programming language.
...t does not have strict typing like java, making it extremely flexible and giving it qualities that in some senses could be considered similar to lisp.
Adding sidebars - Archive of obsolete content
hortcuts to open or close them using the keyboard.
...hbox> <!-- some content here.
Adding windows and dialogs - Archive of obsolete content
parameter named returnvalue is an object that the dialog will modify to reflect what the user did in it.
... do something else } the method returns a boolean value indicating the user's response.
Extensions support in SeaMonkey 2 - Archive of obsolete content
starting with seamonkey 2 alpha 1 seamonkey supports toolkit/-style extensions.
...in the urlbar-icons for both firefox and seamonkey 2.0, use this code: <hbox id="urlbar-icons"> <image popup="myext-menu"/> </hbox> <window id="main-window"> <menupopup id="myext-menu"> <menuitem label="menuitem"/> <menuitem label="menuitem"/> </menupopup> </window> instead of <hbox id="urlbar-icons"> <button type="menu"> <menupopup> <menuitem label="menuitem"/> <menuitem label="menuitem"/> <menuitem label="menuitem"/> </menupopup> </button> </hbox> technical note: the code that opens the url history popup just looks for any menupopup, so it goes wrong if you add your own.
Security best practices in extensions - Archive of obsolete content
form of web pages.
...eb services.
Session store API - Archive of obsolete content
's state when a tab is restored, it needs to use the session store api's settabvalue() method to save any data it will need in order to restore its state, and then call gettabvalue() to retrieve the previous setting when the tab is restored.
... .logstringmessage("restoring tab: " + uri); }; document.addeventlistener("sstabrestoring", myextensionhandlerestore, false); simply replace the contents of the function myextensionhandlerestore() with whatever you need to do when the tab is restored.
Tabbed browser - Archive of obsolete content
getter(this, "gsessionstore", "@mozilla.org/browser/sessionstore;1", "nsisessionstore"); // create new tab, but don't load the content.
...tore", "@mozilla.org/browser/sessionstore;1", "nsisessionstore"); // create new tab, but don't load the content.
Creating a dynamic status bar extension - Archive of obsolete content
from the previous sample; simply replace the id of the first sample, "status-bar-sample-1", with the name of the new sample, "stockwatcher".
...watcher".
Localizing an extension - Archive of obsolete content
ahoo (yhoo)"> update the xul files each xul file needs to reference its corresponding locale file.
...the code to use the entities instead of the strings, so that the substitutions take place based on the currently active locale.
Monitoring WiFi access points - Archive of obsolete content
ccess points to obtain information about them including their ssid, mac address, and signal strength.
...nableprivilege('universalxpconnect'); var listener = new test(); var wifi_service = components.classes["@mozilla.org/wifi/monitor;1"].getservice(components.interfaces.nsiwifimonitor); wifi_service.startwatching(listener); </script> </head> <body> <div id="d"><p></p></div> <div id="c"><p></p></div> </body> </html> the nsiwifilistener object the first thing the code above does is to prototype the listener object that will be receiving notifications of changes to the access point list.
Source Navigator - Archive of obsolete content
ator's build system to automatically generate a makefile.
...a</tt> (because i saved my source at ~/moz1.9/mozilla.) remember to ensure that "include subdirectories" and "build cross-reference database" are checked.
Visualizing an audio spectrum - Archive of obsolete content
spectrum data for the playing audio.
...< buffersize ) { for ( var i = 0; i < limit; i++ ) { this.reversetable[i + limit] = this.reversetable[i] + bit; } limit = limit << 1; bit = bit >> 1; } for ( var i = 0; i < buffersize; i++ ) { this.sintable[i] = math.sin(-math.pi/i); this.costable[i] = math.cos(-math.pi/i); } }; fft.prototype.forward = function(buffer) { var buffersize = this.buffersize, costable = this.costable, sintable = this.sintable, reversetable = this.reversetable, real = this.real, imag = this.imag, spectrum = this.spectrum; if ( buffersize !== buffer.length ) { throw "supplied buffe...
Making it into a dynamic overlay and packaging it up for distribution - Archive of obsolete content
inderstatus.css tb-busted.png tb-nostatus.png tb-success.png tb-testfailed.png these are the files we're going to put into the xpi.
...e need to change some urls in the copy of tinderstatusoverlay.xul to point to the new locations the files will be in when they get installed via the xpi: <?xml version="1.0"?> <?xml-stylesheet href="chrome://tinderstatus/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://tinderstatus/content/tinderstatus.js" /> <statusbar id="status-bar"> <statusbarpanel class="statusbarpanel-iconic" id="tinderbox-status" insertbefore="offline-status" status="none"/> </statusbar> </overlay> we also need to change the urls in the copy of tinderstatus.css: statusbarpanel#tinderbox-status { list-st...
Creating a hybrid CD - Archive of obsolete content
~/party.iso -r -j -hfs -v mozilla.party -map ~/hfsmapping ~/party/ cdrecord -v speed=2 dev=0,6,0 ~/party.iso its also handy to be able to mount an image file to test it.
...drom -t iso9660 -o loop=/dev/loop3,blocksize=1024 umount /mnt/cdrom here is the hfs mapping that i used.
Style System Overview - Archive of obsolete content
node to the style context's rule node for each rule that the element matches.
...ee nsstylestruct.h).
Twitter - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
... error is a function called when it fails to complete.
Clipboard - Archive of obsolete content
jetpack's clipboard support api provides a standardized way for features to access the clipboard.
...rrently lives in the future and must be imported for use.
Clipboard - Archive of obsolete content
jetpack's clipboard support api provides a standardized way for features to access the clipboard.
...rrently lives in the future and must be imported for use.
LIR - Archive of obsolete content
in nanojit, lir is the source language for compilation to machine code.
... in nanojit, lir is the source language for compilation to machine code.
Remote debugging - Archive of obsolete content
t: not only the names of the functions on the stack, but also the values they were passed.
...x core dump, you'll also have to transfer the firefox executable (and maybe more).
Running Tamarin performance tests - Archive of obsolete content
..latest/asc.jar.
...nner.s $ adb shell chmod 777 /data/app/android_runner.sh test it out with a simple .abc or no args for usage (should return exitcode=0) $ tamarin-redux/platform/android/android_shell.h hello.abc hello exitcode=0 running performance tests to run performance tests on android you don't need to pass --androidthreads or --threads=1 as with the acceptance tests; in fact, a usage error will result.
The new nsString class implementation (1999) - Archive of obsolete content
ase structure eliminates class fragility problem; safe across dll boundaries offers c-style function api to manipulate nsstrimpl offers simple memory allocator api for specialized memory policy shares binary format with bstring coming soon: a new xpcom (nsistring) interface non-templatized; this is a requirement for gecko very efficient buffer manipulation architecture the fundamental data type in the new architecture is struct nsstrimpl, given below: struct nsstrimpl { print32 mlength; void* mbuffer; print32 mcapacity; char mcharsize; char munused; // and now for the nsstrimpl api...
...though there is a performance penalty for doing so.
Using gdb on wimpy computers - Archive of obsolete content
/home/blizzard/src/mozilla/mozilla/dist/bin moz_program=./mozilla-bin moz_toolkit= moz_debug=1 moz_debugger= /usr/bin/gdb ./mozilla-bin -x /tmp/mozargs22288 gnu gdb 19991004 copyright 1998 free software foundation, inc.
...z_toolkit= moz_debug=1 moz_debugger= /usr/bin/gdb ./mozilla-bin -x /tmp/mozargs22288 gnu gdb 19991004 copyright 1998 free software foundation, inc.
Venkman Internals - Archive of obsolete content
here |pc| is the program counter location to set the breakpoint, and |parentbp| is an optional "future breakpoint" object to use as the parent for this breakpoint.
...all of the loaded instances of a particular url in the scriptmanager.instances array, in the order that they were loaded.
When To Use ifdefs - Archive of obsolete content
a hodgepodge mess of "toolkit" and "application-specific" code.
..."application-specific" code.
DOM Interfaces - Archive of obsolete content
sed to synchronously obtain the specified binding document for use within a particular document (the one on which the loadbindingdocument method was invoked).
...document.
Creating XPI Installer Modules - Archive of obsolete content
rces described in this article are in the xpi archive and can be adapted for use in your own development.
...hat installation script should read as follows: // initinstall(name + version, name, version); var err = initinstall("barley v", "barley", ""); logcomment("initinstall: " + err); addfile("barley grain", // displayname from contents.rdf "barley.jar", // jar source getfolder("chrome"), // target folder ""); // target subdir // registerchrome(type, location, source) registerchrome(package | delayed_chrome, getfolder("chrome","barley.jar"), "content/"); if (err==success) performinstall(); else cancelinstall(err); note that there is no version number on barley, and so the name + version parameter has a "v" and then nothing else.
Mac stub installer - Archive of obsolete content
n$ which is replaced at packages time with the browser version.
...pacerequired$ which is replaced at package time with the amount of space in kb required for the package when it is fully extracted.
A XUL Bestiary - Archive of obsolete content
content is just the xul.
...esentation of a document as a series of scriptable objects.
searchbutton - Archive of obsolete content
« xul reference home searchbutton type: boolean if true, the search field will only fire a command event when the user presses the search button or presses the enter key.
... « xul reference home searchbutton type: boolean if true, the search field will only fire a command event when the user presses the search button or presses the enter key.
autocheck - Archive of obsolete content
« xul reference home autocheck type: boolean if this attribute is true or left out, the checked state of the button will be switched each time the button is pressed.
... « xul reference home autocheck type: boolean if this attribute is true or left out, the checked state of the button will be switched each time the button is pressed.
checkState - Archive of obsolete content
« xul reference home checkstate type: integer, values 0, 1, or 2 this attribute may be used to create three state buttons, numbered 0, 1 and 2.
...ing the button will switch to the opposite state.
checked - Archive of obsolete content
« xul reference home checked type: boolean indicates whether the element is checked or not.
... « xul reference home checked type: boolean indicates whether the element is checked or not.
searchSessions - Archive of obsolete content
« xul reference home searchsessions obsolete since gecko 26 type: space-separated list of session names set to a keyword indicating what type of data to look up for autocomplete.
... « xul reference home searchsessions obsolete since gecko 26 type: space-separated list of session names set to a keyword indicating what type of data to look up for autocomplete.
International characters in XUL JavaScript - Archive of obsolete content
cter encoding of the script.
...ise, the character encoding will be the same as the one used by the xul file (which can be specified using an encoding attribute in the <?xml?> tag).
startFind - Archive of obsolete content
« xul reference home startfind( mode ) return type: no return value call this method to handle your application's "find" command.
... « xul reference home startfind( mode ) return type: no return value call this method to handle your application's "find" command.
getResultAt - Archive of obsolete content
« xul reference home getresultat( index ) obsolete since gecko 26 return type: nsiautocompleteitem returns the result item at the specified index.
... « xul reference home getresultat( index ) obsolete since gecko 26 return type: nsiautocompleteitem returns the result item at the specified index.
getSession - Archive of obsolete content
« xul reference home getsession( index ) obsolete since gecko 26 return type: nsiautocompletesession returns the session object with the given index.
... « xul reference home getsession( index ) obsolete since gecko 26 return type: nsiautocompletesession returns the session object with the given index.
getSessionByName - Archive of obsolete content
« xul reference home getsessionbyname( name ) obsolete since gecko 26 return type: nsiautocompletesession returns the session object with the given name.
... « xul reference home getsessionbyname( name ) obsolete since gecko 26 return type: nsiautocompletesession returns the session object with the given name.
makeEditable - Archive of obsolete content
« xul reference home makeeditable( editortype, waitforload ) return type: no return value this function enables editing for an editor.
... « xul reference home makeeditable( editortype, waitforload ) return type: no return value this function enables editing for an editor.
openPopup - Archive of obsolete content
« xul reference home openpopup( anchor , position , x , y , iscontextmenu, attributesoverride, triggerevent ) return type: no return value opens the popup relative to a specified node at a specific location.
...set the popup from its anchored position by some number, measured in css pixels.
openSubDialog - Archive of obsolete content
« xul reference home opensubdialog( url, features, params ) return type: window opens a child modal dialog.
... « xul reference home opensubdialog( url, features, params ) return type: window opens a child modal dialog.
Node - Archive of obsolete content
Archive › Mozilla › XUL › Node
summary this is a scriptable interface corresponding to the nsidomnode xpcom interface.
...ntire document object model.
ContextMenus - Archive of obsolete content
="copy"/> <menuitem id="enlarge" label="enlarge image"/> <menuitem id="details" label="image details"/> </menupopup> <browser src="http://www.mozilla.org" context="contentareacontextmenu"/> when the popupshowing event is fired, the showhideitems function is called.
... by all types of images.
Positioning - Archive of obsolete content
as opened via the keyboard only, the menu will appear at the top left corner of the document, or underneath the currently selected item if a list is focused.
... openpopup method provides an example of this.
listbox.currentIndex - Archive of obsolete content
« xul reference currentindex type: integer set to the index of the currently focused item in the list.
... « xul reference currentindex type: integer set to the index of the currently focused item in the list.
Building Hierarchical Trees - Archive of obsolete content
he streets datasource: <tree flex="1" datasources="template-guide-streets.rdf" ref="http://www.xulplanet.com/rdf/myneighbourhood" flags="dont-build-content" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <treecols> <treecol id="address" primary="true" label="address" flex="1"/> <treecol id="floors" label="floors" flex="1"/> </treecols> <template> <rule rdf:type="http://www.xulplanet.com/rdf/house"> <treechildren> <treeitem uri="rdf:*"> <treerow> <treecell label="rdf:http://www.xulplanet.com/rdf/address"/> <treecell label="rdf:http://www.xulplanet.com/rdf/floors"/> </treerow> </treeitem> </treechildren> </rule> <rule> <treechildren> <treeitem uri="rdf:*"> ...
...on street"> the result is a two level tree with two columns.
Namespaces - Archive of obsolete content
ng the following xml document containing a list of people: <people xmlns="www.example.com/people"> <person name="napoleon bonaparte" gender="male"/> <person name="cleopatra" gender="female"/> <person name="julius caesar" gender="male"/> <person name="ferdinand magellan" gender="male"/> <person name="laura secord" gender="female"/> </people> <listbox datasources="people.xml" ref="*" querytype="xml"> <template xmlns:ns="www.example.com/people"> <query expr="ns:person"/> <action> <listitem uri="?" label="?ns:name"/> </action> </template> </listbox> once added to the template element the namespaces can then be referenced inside temple rule elements too, this works both in rdf and xml templates.
...le.xml" ref="*" querytype="xml"> <template xmlns:ns="www.example.com/people"> <query expr="ns:person"/> <action> <listitem uri="?" label="?ns:name"/> </action> </template> </listbox> once added to the template element the namespaces can then be referenced inside temple rule elements too, this works both in rdf and xml templates.
Result Generation - Archive of obsolete content
ated in this case.
...d literals which are values like the names, dates or sizes of those things, and so on.
Template Builder Interface - Archive of obsolete content
« previousnext » when inserting an element into a xul document, the element is checked to see if it has a datasources attribute.
...if it has a datasources attribute.
Template and Tree Listeners - Archive of obsolete content
you will need a chrome url to test it.) you might also guess that the builder's root property, which is used above, refers to the tree.
... this makes handling dragging onto a tree fairly simple.
Complete - Archive of obsolete content
ices in seamonkey's chatzilla window.
... locale is fr-fr, it loads: locale/fr-fr/allcustom/allcustom.dtd from inside the jar file.
Creating Dialogs - Archive of obsolete content
log forok,cancel, and so on.
...he accept button egsave buttonaccesskeyaccept - access key to use for the accept button egs defaultbutton - button is activated when the enter key is pressed note: the label attributes are required by remote sites and are probably missing in the above examples due to bug 224996.
Focus and Selection - Archive of obsolete content
lects elements.
...ate a total as the user enters values in other fields, or use focus events to validate certain values.
Grids - Archive of obsolete content
Archive › Mozilla › XUL › Tutorial › Grids
is displayed on top.
...d only grow in one direction.
Groupboxes - Archive of obsolete content
« previousnext » this section describes a way to include elements into groups groupboxes the groupbox element is used to group related xul elements together, much like the html fieldset element is used to group html elements.
... a label and textbox.
Introduction - Archive of obsolete content
r and open it in firefox, as you would any other web page, however this is discouraged and was disabled in firefox 8.
...nd was disabled in firefox 8.
Manifest Files - Archive of obsolete content
ur own theme or locale for the browser, all you need to do is create a manifest file with one of these two lines in it, modified to suit your theme or locale.
...a yellow background.
Modifying a XUL Interface - Archive of obsolete content
on is attached to a visible box, so it becomes visible as well.
...y may be used to retrieve the index of the selected radio button in the group and well as change it.
Progress Meters - Archive of obsolete content
« previousnext » in this section, we'll look at creating progress meters.
...have an animation such as a spinning barber pole or a sliding box, depending on the platform and theme used.
RDF Datasources - Archive of obsolete content
wish.
...e ref attribute example the example below shows how to display a particular piece of an rdf datasource by setting the ref attribute.
Simple Menu Bars - Archive of obsolete content
mands themselves are created using the menuitem element.
...acter that exists in the text (although the key will still work if it doesn't).
Styling a Tree - Archive of obsolete content
the background color of a row.
...nread) { background-color: rgb(80%, 80%, 80%); } default properties the properties list for tree elements contain a small number of default properties, which you can also use in a style sheet.
Tree View Details - Archive of obsolete content
wcount should be three, even though six rows are hidden.
...nt the twisty in the new state.
Using Visual Studio as your XUL IDE - Archive of obsolete content
utocompletion-support and validation for those in your xul files.
...corresponding registry entries extjs and extxml.
autohide - Archive of obsolete content
« xul reference home autohide type: boolean when set to true, the toolbar will be invisible unless the alt key is pressed by the user.
... « xul reference home autohide type: boolean when set to true, the toolbar will be invisible unless the alt key is pressed by the user.
content - Archive of obsolete content
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 propiedades tag type: tag name this may be set to a tag name.
...he template builder is parsing content for an element directly inside this tag.
grid - Archive of obsolete content
Archive › Mozilla › XUL › grid
note: this page is about grids in mozilla's xul technology.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
groupbox - Archive of obsolete content
ll be used as a caption which appears along the top of the groupbox.
... 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 accessibletype type: integer a value indicating the type of accessibility object for the element.
member - Archive of obsolete content
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 child type: ?
...ck, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties child type: ?
spinbuttons - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] spin buttons are two arrows, one to increase a value and one to decrease a value.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
statusbar - Archive of obsolete content
i suggest using the add-on bar instead.
... 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 accessibletype type: integer a value indicating the type of accessibility object for the element.
textnode - Archive of obsolete content
eceded with rdf:.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
toolbarseparator - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] creates a separator between groups of toolbar items.
... 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 accessibletype type: integer a value indicating the type of accessibility object for the element.
toolbarspacer - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] firefox only a space between toolbar items.
... 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 accessibletype type: integer a value indicating the type of accessibility object for the element.
toolbarspring - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] firefox only a flexible space between toolbar items.
... 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 accessibletype type: integer a value indicating the type of accessibility object for the element.
treechildren - Archive of obsolete content
examples | attributes | properties | methods | related ] this element is the body of the tree.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
treerow - Archive of obsolete content
perties | methods | related ] a single row in a tree.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
treeseparator - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] used to place a separator row in a tree.
... 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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
Building XULRunner with Python - Archive of obsolete content
instructions in the hope of eliminating much trial and error.
...ist\bin\xulrunner.exe.
Deploying XULRunner - Archive of obsolete content
you should copy this file from /library/frameworks/xul.framework/versions/1.8/xulrunner.) when deploying with xulrunner 2.0, move chrome.manifest to the root directory, and adjust resource paths inside chrome.manifest accordingly.
...<key>cfbundleexecutable</key> <string>xulrunner</string> <key>cfbundlegetinfostring</key> <string>1.0</string> <key>cfbundleiconfile</key> <string>app_icon.icns</string> <key>cfbundleidentifier</key> <string>net.yourcompany.yourapplication</string> <key>cfbundleinfodictionaryversion</key> <string>6.0</string> <key>cfbundlename</key> <string>applicationname</string> <key>cfbundlepackagetype</key> <string>appl</string> <key>cfbundleshortversionstring</key> <string>1.0</string> <key>cfbundlesignature</key> <string>????</string> <!--only useful if your app handle urls--> <key>cfbundleurltypes</key> <array> <dict> <key>cfbundleurliconfile</key> <string>app_icon.icns</string> <key>cfbundleurlname</key> <string>yourapp entity</string> <key>cfbundleurlscheme...
XULRunner Hall of Fame - Archive of obsolete content
r photos to flickr.
..., minimal web browser shell or "single site browser." useful for running web applications such as gmail in a separate browser process.
Specifying Startup Chrome Window - Archive of obsolete content
the toolkit.defaultchromeuri preference specifies that the xul window at chrome://xulmine/content/xulmine.xul is the main application window.
...ence specifies that the xul window at chrome://xulmine/content/xulmine.xul is the main application window.
Using SOAP in XULRunner 1.9 - Archive of obsolete content
; for (var k in params) { body.appendchild(new soapobject(k).val(params[k])); } var req = new soaprequest(url, body); req.action = ns + '#' + method; soapclient.sendrequest(req, callback); diff between jqsoapclient.js and sasoapclient.js 42c42 < var jsout = $.xmltojson(xdata.responsexml); --- > var jsout = xmlobjectifier.xmltojson(xdata.responsexml); 46,60c46,62 < $.ajax({ < type: "post", < url: soapclient.proxy, < datatype: "xml", < processdata: false, < data: content, < complete: getresponse, < contenttype: soapclient.contenttype + "; charset=\"" + soapclient.charset + "\"", < beforesend: function(req) { < req.setrequestheader("method", "post"); < req.setrequestheader("content-length", soapclient.contentlength); < ...
...lient.soapserver); < req.setrequestheader("soapaction", soapreq.action); < } < }); --- > var xhr = new xmlhttprequest(); > xhr.mozbackgroundrequest = true; > xhr.open('post', soapclient.proxy, true); > xhr.onreadystatechange = function() { > if (4 != xhr.readystate) { return; } > getresponse(xhr); > }; > var headers = { > 'method': 'post', > 'content-type': soapclient.contenttype + '; charset="' + > soapclient.charset + '"', > 'content-length': soapclient.contentlength, > 'soapserver': soapclient.soapserver, > 'soapaction': soapreq.action > }; > for (var h in headers) { xhr.setrequestheader(h, headers[h]); } > xhr.send(content); ...
toolkit.defaultChromeFeatures - Archive of obsolete content
type: string specified by: default prefs of xulrunner applications default: "chrome,dialog=no,all" example: pref("toolkit.defaultchromefeatures", "chrome,resizable=no,dialog=no"); the toolkit.defaultchromefeatures preference allows simple xulrunner-based applications to specify what features are passed to window.open() when the main application window is opened.
...log=no,all" example: pref("toolkit.defaultchromefeatures", "chrome,resizable=no,dialog=no"); the toolkit.defaultchromefeatures preference allows simple xulrunner-based applications to specify what features are passed to window.open() when the main application window is opened.
toolkit.defaultChromeURI - Archive of obsolete content
type: string specified by: default prefs of xulrunner applications default: none example: pref("toolkit.defaultchromeuri", "chrome://myapp/content/"); the toolkit.defaultchromeuri preference allows simple xulrunner-based applications to open a new window when the application is launched.
... default: none example: pref("toolkit.defaultchromeuri", "chrome://myapp/content/"); the toolkit.defaultchromeuri preference allows simple xulrunner-based applications to open a new window when the application is launched.
2006-10-06 - Archive of obsolete content
posed the question, should random webpages have access to the following protocols: feed, pcast, moz-bookmark, webcal, swebcal.
...sus is that it should be allowed and treated as an ordinary link.
2006-10-20 - Archive of obsolete content
summary: mozilla.dev.security - october 14, 2006 to october 20, 2006 return to mozilla-dev-security announcements none during this week.
...ity - october 14, 2006 to october 20, 2006 return to mozilla-dev-security announcements none during this week.
2006-11-24 - Archive of obsolete content
summary: mozilla.dev.apps.calendar - november 17 - november 24, 2006 announcements no meeting for this week.
... summary: mozilla.dev.apps.calendar - november 17 - november 24, 2006 announcements no meeting for this week.
NPAPI plugin developer guide - Archive of obsolete content
npapi, the cross-browser api for plugins.
...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 initialize and shutdown example drawing and event handling the npwindow structure drawing plug-ins printing the plug-in setting the window ...
NPByteRange - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary represents a particular range of bytes from a stream.
...nd of the stream.
NPIdentifier - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary npidentifier is an opaque type used for method and property identifiers, such as strings or integers.
... « gecko plugin api reference « plug-in side plug-in api summary npidentifier is an opaque type used for method and property identifiers, such as strings or integers.
NPN_GetValueForURL - Archive of obsolete content
« gecko plugin api reference « browser side plug-in api summary provides information to a plugin which is associated with a given url, for example the cookies or preferred proxy.
...cookie = 501, npnurlvproxy } npnurlvariable; nperror npn_getvalueforurl(npp instance, npnurlvariable variable, const char *url, char **value, uint32_t *len); parameters this function has the following parameters: instance pointer to the current plug-in instance.
NPN_RequestRead - Archive of obsolete content
side plug-in api summary requests a range of bytes from a seekable stream.
... to npn_requestread(), or multiple calls to npn_requestread()), the browser can write individual ranges in any order, and with any number of npp_writeready() and npp_write() calls.
NPN_SetValue - Archive of obsolete content
ad the dll and not to call np_shutdown when the page is left.
...l and not to call np_shutdown when the page is left.
NPObject - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary npobject is a structure that holds a pointer to an npclass and an integer reference count, and possibly also implementation specific (i.e.
... counting and ownership management in general, the functions npn_createobject(), npn_retainobject(), npn_releaseobject(), and npn_releasevariantvalue() are provided as part of this api.
NPP - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary represents a single instance of a plug-in.
... « gecko plugin api reference « plug-in side plug-in api summary represents a single instance of a plug-in.
NPStream - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary represents a stream of data either produced by the browser and consumed by the plug-in, or produced by the plug-in and consumed by the browser.
...ify or npn_posturlnotify request.
NPUTF8 - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary nputf8 is a byte representing an 8-bit unit of a utf-8 character.
... « gecko plugin api reference « scripting plugins summary nputf8 is a byte representing an 8-bit unit of a utf-8 character.
Proposal - Archive of obsolete content
x78 pixels.
...ing transform (xslt) to be used when rendering the feed in newsgator for outlook.
.htaccess ( hypertext access ) - Archive of obsolete content
directs traffic to notfound.html in case of a 404 error errordocument 500 /serverr.html # redirects traffic to serverr.html in case of a 500 internal server error for further information see this external article: redirect your traffic for error handling.
...nd.html in case of a 404 error errordocument 500 /serverr.html # redirects traffic to serverr.html in case of a 500 internal server error for further information see this external article: redirect your traffic for error handling.
Security Controls - Archive of obsolete content
that the vulnerability is removed or mitigated.
...he security controls that focus on the management of risk and the management of information system security.
Scratchpad - Archive of obsolete content
r if you like.
...tocomplete box, as shown below: the icon next to each suggestion indicates the type, and the currently highlighted suggestion gets a popup with more information.
Developing cross-browser and cross-platform pages - Archive of obsolete content
rom the web author to make assumptions about what will happen with future browsers or to decide to provide future browsers a safe fallback service.
...are supported in the visiting browser.
-ms-content-zoom-snap-points - Archive of obsolete content
the -ms-content-zoom-snap-points css property is a microsoft extension that specifies where zoom snap-points are located.
... than that specified by the -ms-content-zoom-limit-min property, the value of -ms-content-zoom-limit-min is used.
-ms-hyphenate-limit-zone - Archive of obsolete content
the -ms-hyphenate-limit-zone css property is a microsoft extension specifying the width of the hyphenation zone.
...x values <percentage> an integer followed by a percent sign (%), which specifies the width of the hyphenation zone, calculated with respect to the line box.
-ms-scroll-chaining - Archive of obsolete content
the -ms-scroll-chaining css property is a microsoft extension that specifies the scrolling behavior that occurs when a user hits the scroll limit during a manipulation.
...e nested element reaches its boundary.
-ms-scrollbar-3dlight-color - Archive of obsolete content
the -ms-scrollbar-3dlight-color css property is a microsoft extension specifying the color of the top and left edges of the scroll box and scroll arrows of a scroll bar.
...ha-value> ]?
-ms-scrollbar-darkshadow-color - Archive of obsolete content
the -ms-scrollbar-darkshadow-color css property is a microsoft extension that specifies the color of a scroll bar's gutter.
...value> ]?
-ms-scrollbar-shadow-color - Archive of obsolete content
the -ms-scrollbar-shadow-color css property is a microsoft extension that specifies the color of the bottom and right edges of the scroll box and scroll arrows of a scroll bar.
...ue>, <percentage>, <percentage>, <alpha-value>?
::-ms-browse - Archive of obsolete content
the ::-ms-browse css pseudo-element is a microsoft extension that represents the button that opens the file picker of <input type="file">.
...g color cursor display (values block, inline-block, none) @font-face font-size font-style font-weight height margin-bottom margin-left margin-right margin-top opacity outline-color outline-style outline-width padding-bottom padding-left padding-right padding-top transform transform-origin visibility width syntax ::-ms-browse example html <label>select image: <input type="file"></label> css input[type="file"]::-ms-browse { color: red; background-color: yellow; } result output example specifications not part of any specification.
display-inside - Archive of obsolete content
the display-inside css property specifies the inner display type of the box generated by an element, dictating how its contents lay out inside the box.
...ues */ display-inside: inherit; display-inside: initial; display-inside: unset; value not found in db!
Array.unobserve() - Archive of obsolete content
rence to a function and not an anonymous function, because this reference will be used to unset the previous observer.
...) { console.log(changes); } array.observe(arr, observer); ​ arr.push(4); // [{type: "splice", object: <arr>, index: 3, removed:[], addedcount: 1}] array.unobserve(arr, observer); arr.pop(); // the callback wasn't called using an anonymous function var persons = ['khalid', 'ahmed', 'mohammed']; array.observe(persons, function (changes) { console.log(changes); }); persons.shift(); // [{type: "splice", object: <arr>, index: 0, removed: [ "khalid" ], addedcount: 0 }] array.unobserve(persons, function (changes) { console.log(changes); }); persons.push('abdullah'); // [{type: "splice", object: <arr>, index: 2, removed: [], addedcount: 1 }] // the callback will always be called ...
ArrayBuffer.transfer() - Archive of obsolete content
e length of the memory and only copies it to a new location as-needed as opposed to the following pollyfill which always copies the whole thing to a new space of memory, but this function transfers data from one arraybuffer to another arraybuffer.
...st 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 ...
Array comprehensions - Archive of obsolete content
non-standard.
... non-standard.
Object.unobserve() - Archive of obsolete content
his reference will be used to unset the previous observer.
...bject.observe(obj, observer); ​ obj.newproperty = 2; // [{name: 'newproperty', object: <obj>, type: 'add'}] object.unobserve(obj, observer); obj.foo = 1; // the callback wasn't called using an anonymous function var person = { name: 'ahmed', age: 25 }; object.observe(person, function(changes) { console.log(changes); }); person.age = 40; // [{name: 'age', object: <obj>, oldvalue: 25, type: 'update'}] object.unobserve(person, function(changes) { console.log(changes); }); person.age = 63; // [{name: 'age', object: <obj>, oldvalue: 40, type: 'update'}] // the callback will always be called specifications not part of any standard.
handler.enumerate() - Archive of obsolete content
.
...s for...in statements.
forEach - Archive of obsolete content
ount on the implementation to throw errors if wrong arguments are provided and implement this in fewer lines of code.
...ntation to throw errors if wrong arguments are provided and implement this in fewer lines of code.
Troubleshooting XForms Forms - Archive of obsolete content
do this first make sure that you are running the latest release of the extension.
...xforms validator.
RFE to the Custom Controls Interfaces - Archive of obsolete content
l as getting the various states of that node nsixformsdelegate - used to obtain the nsixformsaccessors interface nsixformsuiwidget - used by the xforms processor to update the value/state of an xforms element when its bound node's value/state is changed our current mechanism that allows authors to build custom controls assumes that the controls will be bound to instance nodes of simple content type.
... element when its bound node's value/state is changed our current mechanism that allows authors to build custom controls assumes that the controls will be bound to instance nodes of simple content type.
XForms Group Element - Archive of obsolete content
introduction the group element is used as a container for defining a hierarchy of form controls.
... introduction the group element is used as a container for defining a hierarchy of form controls.
XForms Repeat Element - Archive of obsolete content
markup and is itself bound to a nodeset in an instance document (see the spec).
... the context node for any relative xpath expressions in that set of repeated markup.
XForms Select1 Element - Archive of obsolete content
ined items can be specified by either item (see the spec) or itemset (see the spec) elements.
... selection - this attribute, when set to 'open', allows the user to provide free entry to the list.
XForms Switch Module - Archive of obsolete content
he spec) is used in conjunction with case and toggle elements.
... contains case elements which in turn contain markup.
Using XForms and PHP - Archive of obsolete content
introduction a few tips on using xforms and php together.
... before any actual output is sent, either by normal html tags, blank lines in a file, or from php.
Choosing Standards Compliance Over Proprietary Practices - Archive of obsolete content
overview there are a number of standards, procedures, and processes that an organization can use.
... process and forget why organizations have these processes in place.
Correctly Using Titles With External Stylesheets - Archive of obsolete content
one which has no title attribute and a value of stylesheet supplied for the rel attribute.
...attribute.
Parsing microformats in JavaScript - Archive of obsolete content
nt property node.
...this includes looking at thing such as abbr, img and alt, area and alt, and value excerpting.
Anatomy of a video game - Game development
games are constantly looping through these stages, over and over, until some end condition occurs (such as winning, losing, or exiting to go to bed).
...nt, we can stop the main loop by telling the browser to cancel the request that corresponds to our token.
Introduction to game development for the Web - Game development
e so that instead of absolute cursor positioning you receive coordinate deltas that give you more precise measurements of what the user is doing, and prevent the user from accidentally sending their input somewhere else, thereby missing important action.
...lute cursor positioning you receive coordinate deltas that give you more precise measurements of what the user is doing, and prevent the user from accidentally sending their input somewhere else, thereby missing important action.
Explaining basic 3D theory - Game development
l to know when you are getting started working with 3d.
...ng is applied when the original resolution or the texture image is different from the displayed fragment — it will be minified or magnified accordingly.
Building up a basic demo with Babylon.js - Game development
ould start off by: making sure you are using a modern browser with good webgl support, such as the latest firefox or chrome.
...e — again, add these lines below the previous one: box.rotation.x = -0.2; box.rotation.y = -0.4; the box looks black at the moment, because we haven't defined any material to apply to its faces.
Audio for Web games - Game development
ough we can use the <audio> element to deliver linear background music that doesn't change in reaction to the game environment, the web audio api is ideal for implementing a more dynamic musical experience.
...rt into getting it right.
Gecko FAQ - Gecko Redirect 1
ading style sheets, presentational html tags, etc.) and displays the formatted content on the screen.
...e information, see the dom in mozilla level 1 html dom 2 - most of it has already been implemented in gecko, including support for dom 2 events, the dom 2 style, and the dom2 core.
Boolean - MDN Web Docs Glossary: Definitions of Web-related terms
in computer science, a boolean is a logical data type that can have only the values true or false.
...execute repeatedly if the conditional is true } for (var i=0; i < 4; i++) { console.log("i print only when the boolean conditional is true"); } the boolean value is named after english mathematician george boole, who pioneered the field of mathematical logic.
DoS attack - MDN Web Docs Glossary: Definitions of Web-related terms
he program can freeze or crash, making it unavailable.
... a server or a network unavailable to legitimate users, or at least make the server perform sluggishly.
Denial of Service - MDN Web Docs Glossary: Definitions of Web-related terms
he program can freeze or crash, making it unavailable.
... a server or a network unavailable to legitimate users, or at least make the server perform sluggishly.
Distributed Denial of Service - MDN Web Docs Glossary: Definitions of Web-related terms
orks and cpu resource management.
...viruses, or worms -- as the biggest threat to internet security.
Function - MDN Web Docs Glossary: Definitions of Web-related terms
at refers to the function.
...t types of functions an anonymous function is a function without a function name.
Hoisting - MDN Web Docs Glossary: Definitions of Web-related terms
phases) work in javascript.
... call the function before we write it: catname("chloe"); function catname(name) { console.log("my cat's name is " + name); } /* the result of the code above is: "my cat's name is chloe" */ even though we call the function in our code first, before the function is written, the code still works.
JSON - MDN Web Docs Glossary: Definitions of Web-related terms
avascript syntax.
...equences of values), and objects (string-value mappings) made up of these values (or of other arrays and objects).
mime - MDN Web Docs Glossary: Definitions of Web-related terms
mime "multipurpose internet mail extensions" is a standard to describe documents in other forms beside ascii text, e.g.
... mime "multipurpose internet mail extensions" is a standard to describe documents in other forms beside ascii text, e.g.
Media (CSS) - MDN Web Docs Glossary: Definitions of Web-related terms
in the context of css (cascading style sheets), the term media refers to the destination to which the document is to be drawn by the rendering engine.
...ext of css (cascading style sheets), the term media refers to the destination to which the document is to be drawn by the rendering engine.
Null - MDN Web Docs Glossary: Definitions of Web-related terms
reference that points, generally intentionally, to a nonexistent or invalid object or address.
...ionally, to a nonexistent or invalid object or address.
Polymorphism - MDN Web Docs Glossary: Definitions of Web-related terms
polymorphism is the presentation of one interface for multiple data types.
... polymorphism is the presentation of one interface for multiple data types.
Response header - MDN Web Docs Glossary: Definitions of Web-related terms
nse.
...r referring to the size of the body of the response message.
Semantics - MDN Web Docs Glossary: Definitions of Web-related terms
look like?".) semantics in javascript in javascript, consider a function that takes a string parameter, and returns an <li> element with that string as its textcontent.
...arkup are as follows: search engines will consider its contents as important keywords to influence the page's search rankings (see seo) screen readers can use it as a signpost to help visually impaired users navigate a page finding blocks of meaningful code is significantly easier than searching though endless divs with or without semantic or namespaced classes suggests to the developer the type of data that will be populated semantic naming mirrors proper custom element/component naming when approaching which markup to use, ask yourself, "what element(s) best describe/represent the data that i'm going to populate?" for example, is it a list of data?; ordered, unordered?; is it an article with sections and an aside of related information?; does it list out definitions?; is it a figure...
CSS and JavaScript accessibility best practices - Learn web development
g as you keep giving users feedback when they interact with the links.
...he server and a page reload.
Responsive design - Learn web development
operty to 100%, images would scale down smaller if their containing column became narrower than the image's intrinsic size, but never grow larger.
...bo heading on larger screen sizes, therefore we first create a smaller heading then use media queries to overwrite it with the larger size if we know that the user has a screen size of at least 1200px.
Supporting older browsers - Learn web development
ng to your site using older browsers.
...e of writing, this is mostly an issue with internet explorer 10, which uses the -ms- prefix for flexbox.
How do you make sure your website works properly? - Learn web development
png means that we succeeded in reloading the page and the image.
...the image.
What is a URL? - Learn web development
handled by the web server, it is up to the owner of the web server to carefully manage that resource and its associated url.
...ts the postal service you want to use, the domain name is the city or town, and the port is like the zip code; the path represents the building where your mail should be delivered; the parameters represent extra information such as the number of the apartment in the building; and, finally, the anchor represents the actual person to whom you've addressed your mail.
Test your skills: HTML5 controls - Learn web development
this aim of this skill test is to assess whether you've understood our the html5 input types article.
...ut types article.
JavaScript basics - Learn web development
ring a variable, you can give it a value: myvariable = 'bob'; also, you can do both these operations on the same line: let myvariable = 'bob'; you retrieve the value by calling the variable name: myvariable; after assigning a value to a variable, you can change it later in the code: let myvariable = 'bob'; myvariable = 'steve'; note that variables may hold values that have different data types: variable explanation example string this is a sequence of text known as a string.
...variable === 3); "does-not-equal" gives basically the same result with different syntax.
HTML Cheatsheet - Learn web development
embedded audio <audio controls="controls" src="https://udn.realityripple.com/samples/b7/193cb038d0.mp3">your browser does not support the html5 audio element.</audio> your browser does not support the html5 audio element.
...e.com/samples/b7/193cb038d0.mp3">your browser does not support the html5 audio element.</audio> your browser does not support the html5 audio element.
Debugging HTML - Learn web development
led).
...er error will also get rid of other error messages — several errors can often be caused by a single problem, in a domino effect.
Marking up a letter - Learn web development
help.
...oncerning their application to the university.
Multimedia and Embedding - Learn web development
back!
...embed video and audio on our pages, including basics, providing access to different file formats to different browsers, adding captions and subtitles, and how to add fallbacks for older browsers.
HTML table basics - Learn web development
Learn › HTML › Tables › Basics
cells in a column for styling purposes.
...our first cell.
Test your skills: Loops - Learn web development
finds the name, outputs the name and phone number into the paragraph (para) and then exits the loop before it has run its course.
...prime number, and false if not.
JavaScript building blocks - Learn web development
in this module, we continue our coverage of all javascript's key fundamental features, turning our attention to commonly-encountered types of code blocks such as conditional statements, loops, functions, and events.
...list of names.
Test your skills: Object-oriented JavaScript - Learn web development
the aim of this skill test is to assess whether you've understood our object-oriented javascript for beginners, object prototypes, and inheritance in javascript articles.
...on at the bottom of this page.
Perceived performance - Learn web development
ive make sure visible interactive elements are always interactive and responsive.
...e.
Routing in Ember - Learn web development
ute index ember generate route completed ember generate route active the second and third commands should have not only generated new files, but also updated an existing file, app/router.js.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Using Vue computed properties - Learn web development
data in any fashion, so the number of completed items does not change.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Cross browser testing - Learn web development
this module focuses on testing web projects across different browsers.
...tarted prerequisites you should really learn the basics of the core html, css, and javascript languages first before attempting to use the tools detailed here.
Accessibility Features in Firefox
lps keyboard users by putting all of the browsed documents in one firefox application window rather than cluttering the alt+tab order which makes keyboard navigation within the entire windows os much simpler.
...bility extension may be installed on top of firefox, allowing keyboard access to document structure.
Mozilla’s UAAG evaluation report
desc for img: yes, available in context menu properties html: alt for area: ?
...links, similar to the way opera does it.
Theme concepts
in one package, such as including a theme to complement an extension.
... single image theme): create a folder in a suitable location on your computer.
Adding a new CSS property
ond to this concept, or inheritance won't work as described by the specification.
...create the simplest structure of primitive values that will produce the right string.
Creating MozSearch plugins
h plugin for searching using yahoo!: <searchplugin xmlns="http://www.mozilla.org/2006/browser/search/"> <shortname>yahoo</shortname> <description>yahoo search</description> <inputencoding>utf-8</inputencoding> <image width="16" height="16">data:image/x-icon;base64,r0lgodlheaaqajecap8aaaaaap///waaach5baeaaaialaaaaaaqabaaaaipli+py+0nogquybdened2khkffwuamezmpzsfmaihphrrguum/ft+uwaaow==</image> <url type="application/x-suggestions+json" method="get" template="http://ff.search.yahoo.com/gossip?output=fxjson&amp;command={searchterms}" /> <url type="text/html" method="get" template="http://search.yahoo.com/search"> <param name="p" value="{searchterms}"/> <param name="ei" value="utf-8"/> <mozparam name="fr" condition="pref" pref="yahoo-fr" /> </url> <searchform>http://search.yahoo.com/</s...
...bia%2bcuotgaccued3tdqn75d4xmavcok9armhbzaw0aecibhkalc0mdy7x9abna3obazxiaa6ikecglmvqhwwyjyul2d4v2cpg8vzswx7ghyaaak7aoif7saboqcmn4ha3ahfsidtgpq%2fvlz8p4mskj2w9h8ggbjevxvhdo4fquqg%2fkdypqcg4h8luiacnq%2fsobmyi8basajfpcj1aaeejwvqqlpabxmh5bjjqi0gi9dtaagdbbccavlkgmq7ykczxpcqxquzhaeccj4xgml493ug21zd%2badaxh0wlm4a9mzpxjkjiiawtar5pqmalacabquulttbgccagcnnzgabbgamj5thwgvjlaaaaabjru5erkjggg%3d%3d</image> <url type="text/html" method="get" template="http://developer.mozilla.org/en/docs/special:search?search={searchterms}"/> <searchform>http://developer.mozilla.org/en/docs/special:search</searchform> </searchplugin> notice in this case that instead of using <param> to define parameters to the search engine, they're simply embedded inside the template url.
Debugging Frame Reflow
d, saving stdout to a file.
...ath="`pwd`/obj-ff-dbg/dist/nightlydebug.app/contents/macos" \ ./obj-ff-dbg/dist/nightlydebug.app/contents/macos/firefox-bin > logfile.txt after loading your testcase, the log file will contain the promised information.
Configuring Build Options
path: export mozconfig=$home/mozilla/mozconfig-firefox calling the file .mozconfig (with a leading dot) is also supported, but this is not recommended because it may make the file harder to find.
...xt2,-skipext3 there are many optional pieces of code that live in extensions/.
Makefile - variables
t?] inhibit makefile generation within subdirectories.
...ectories.
Installing headers using EXPORTS
ts to the list of headers to be exported.
... to the list of idl files to export.
The Firefox codebase: CSS Guidelines
if it is esthetics related, then it is likely theme css.
...esheets, it's best to import the content css before the theme css, that way the theme values get to override the content values (which is probably what you want), and you're going to want them both after the global values, so your imports will look like this: <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> <?xml-stylesheet href="chrome://browser/content/path/module.css" type="text/css"?> <?xml-stylesheet href="chrome://browser/skin/path/module.css" type="text/css"?> [1] -moz-appearance is tricky.
Interface Compatibility
these interfaces, and using dynamic calls to queryinterface, it has been possible to write binary xpcom components which were compatible with multiple versions of firefox.
...ersions of firefox.
Commenting IDL for better documentation
nd to the point.
... nsicookiefan { // cookie flavor constants /** * simple sugar cookie.
Obsolete Build Caveats and Tips
do this, since that code is very obsolete.
...s), you want to build something other than firefox, or you want to build pre-gecko 5.0 source.
SVG Guidelines
r metadata, standard compliant metadata also exists.
...svg grouping to avoid duplicating those attributes avoid introducing variants of the same file (color/style variants), and use sprites instead (with class names) default style values there's usually no need to set the default style value unless you're overriding a style.
Message manager overview
also called the parent process, runs the browser ui (chrome) code and code inserted by extensions one or more content processes, also called child processes.
... this usage is deprecated because the add-on sdk uses "content script" to refer to a similar but different kind of script.
Performance
ript evaluation.
...emory footprint reductions but it improves application startup.
mozbrowseropentab
ange in the future.
...a browser <iframe> as a result of the user issuing a command to open a link target in a new tab (for example ctrl/cmd + click.) general info specification non standard interface customevent bubbles yes cancelable yes target <iframe> default action none properties property type description target read only eventtarget the browser iframe type read only domstring the type of event.
overflow-clip-box
low-clip-box-block properties.
... is used everywhere, but <input type="text"> and similar use the value content-box.
Embedding the editor
embedded directly in the native application; this is equivalent to embedding the browser via nsiwebbrowser, but instead having an editable document.
...s that insulate the editor from its host application.
Internationalized Domain Names (IDN) Support in Mozilla Browsers
paration of internationalized strings ("stringprep")).
...ently use the ascii-compatible encoding known as race or row-based ascii compatible encoding, which was not accepted as a standard by ietf.
JavaScript Tips
temember: 3, publicmember: "a string", init: function() { this.dosomething(this.anothermember); }, dosomething: function(aparam) { alert(aparam); } }; xpconnect don't use object methods and properties more than you have to.
...ing(this.anothermember); }, dosomething: function(aparam) { alert(aparam); } }; xpconnect don't use object methods and properties more than you have to.
Add-on Manager
the add-on manager is responsible for managing all of the add-ons installed in the application.
...tartupchanges(addonmanager.startup_change_disabled); if (addonids.length > 0) { // addonids is now an array of the add-on ids that have been disabled alert("note: " + addonids.length + " add-ons have been disabled."); } open add-on manager tab the add-on manager tab can be opened programatically with the function browseropenaddonsmgr which is available on chrome window of "navigator:browser" type.
Add-on Repository
/modules/addonrepository.jsm"); method overview string getrecommendedurl() string getsearchurl(in string searchterms) void cancelsearch() void retrieverecommendedaddons(in integer maxresults, in searchcallback callback) void searchaddons(in string searchterms, in integer maxresults, in searchcallback callback) properties property type description homepageurl string the url of the repository site's home page.
...callback the searchcallback callback to which results will be delivered.
Dict.jsm
ource://gre/modules/dict.jsm"); creating a dictionary you can create a new, empty dictionary by simply calling the dict() constructor: var newdict = new dict(); if you wish, you may also pass in an object literal of key/value pairs with which to initialize the dictionary: var someobj = {}; var newdict = new dict({key1: "foo", key2: someobj}); note that values may be any javascript object type.
... method overview dict copy(); boolean del(string akey); object get(string akey, [optional] object adefault); boolean has(string akey); array listitems(); array listkeys(); array listvalues(); void set(string akey, object avalue); string tojson(); string tostring(); properties attribute type description count number the number of items in the dictionary.
NetUtil.jsm
m asource, nsioutputstream asink, [optional] acallback) void asyncfetch(asource, acallback) nsichannel newchannel(awhattoload, [optional] aorigincharset, [optional] nsiuri abaseuri) nsiuri newuri(atarget, [optional] aorigincharset, [optional] nsiuri abaseuri) string readinputstreamtostring(ainputstream, acount, aoptions) attributes attribute type description ioservice nsiioservice returns a reference to nsiioservice.
...eption with the message "must have a source and a sink" if either asource or asink is null.
PopupNotifications.jsm
s.
...up notification, displaying it to the user.
Task.jsm
rguments, and the yield operator returns the return value of the function.
... let greeter = { message: "hello, name!", greet: task.async(function* (name) { return yield sendgreeting(this.message.replace(/name/, name)); }) }; while maintaining identical semantics: greeter.greet("mitchell").then((reply) => { ...
Using JavaScript code modules
components.utils.import() or components.utils["import"]().
...ate to other scopes (though an object's properties will be manipulated by reference).
Using workers in JavaScript code modules
you can do so by using chromeworker instead of the standard worker object.
... you can do so by using chromeworker instead of the standard worker object.
JavaScript code modules
a search of add-ons in the repository.
...jsm provides a single entry point to interact with the downloading capabilities of the platform.
Index
ributions.
...le web content internationalization, localizability, localization, web development no summary!
Localization content best practices
at renders them unlocalizable.
...ion note.
Localization quick start guide
n phase l10n tools tutorials for translation.
...ke up tech side of the l10n program.
Localization formats
warning: this document pertains to the development of mozilla web sites and not to the development of gecko-based extensions or applications.
... from unintended changes disadvantage of gettext .po file needs to be compiled into a .mo file for localizer to see changes using regular diff to see changes to a file is sometimes impossible because the editing tool can save the .po file using a completely different structure or order of entities.
MathML In Action
tuation.
...ot what you get?
DMD
ry/replace/dmd/dmd.cpp:1286) #02: malloc (/home/njn/moz/mi5/go64dmd/memory/build/../../../memory/build/replace_malloc.c:153) #03: moz_xmalloc (/home/njn/moz/mi5/memory/mozalloc/mozalloc.cpp:84) #04: nscyclecollectingautorefcnt::incr(void*, nscyclecollectionparticipant*) (/home/njn/moz/mi5/go64dmd/dom/xul/../../dist/include/nsisupportsimpl.h:250) #05: nsxulelement::create(nsxulprototypeelement*, nsidocument*, bool, bool,mozilla::dom::element**) (/home/njn/moz/mi5/dom/xul/nsxulelement.cpp:287) #06: nsxblcontentsink::createelement(char16_t const**, unsigned int, mozilla::dom::nodeinfo*, unsigned int, nsicontent**, bool*, mozilla::dom::fromparser) (/home/njn/moz/mi5/dom/xbl/nsxblcontentsink.cpp:874) #07: nscomptr<nsicontent>::startassignment() (/home/njn/moz/mi5/go64dmd/dom...
...t (/home/njn/moz/mi5/dom/base/nsattrandchildarray.cpp:880) #04: mozilla::dom::fragmentorelement::sizeofexcludingthis(unsigned long (*)(void const*)) const (/home/njn/moz/mi5/dom/base/fragmentorelement.cpp:2337) #05: nsinode::sizeofincludingthis(unsigned long (*)(void const*)) const (/home/njn/moz/mi5/go64dmd/parser/html/../../../dom/base/nsinode.h:307) #06: mozilla::dom::nodeinfo::nodetype() const (/home/njn/moz/mi5/go64dmd/dom/base/../../dist/include/mozilla/dom/nodeinfo.h:127) #07: nshtmldocument::docaddsizeofexcludingthis(nswindowsizes*) const (/home/njn/moz/mi5/dom/html/nshtmldocument.cpp:3710) #08: nsidocument::docaddsizeofincludingthis(nswindowsizes*) const (/home/njn/moz/mi5/dom/base/nsdocument.cpp:12820) } } the choice of whether to record an allocation stack tra...
Leak-hunting strategies and tips
xing leaks is to start with a task that you want not to leak (for example, reading email).
...pt object is garbage-collected.
Memory reporting
amallocsizeof(this) + sizeofexcludingthis(amallocsizeof); } (note that sizeofexcludingthis and sizeofincludingthis aren't overrides of methods on a global base class that is common to all reporters.
...tw: if gmystring wasn't a pointer, you'd use // |gmystring.sizeofexcludingthis(mallocsizeof)| instead.
Patches and pushes
ench yahoo.
...utencoding>utf-8</inputencoding> <image width="16" height="16">data:image/x-icon;base64,r0lgodlheaaqajecap8aaaaaap///waaach5baeaaaialaaaaaaqabaaaaipli+py+0nogquybdened2khkffwuamezmpzsfmaihphrrguum/ft+uwaaow==</image> ***this tag is optional***<url type="application/x-suggestions+json" method="get" template="http://ff.search.yahoo.com/gossip?output=fxjson&amp;command={searchterms}" />*** <url type="text/html" method="get" template="http://search.yahoo.com/search"> <param name="p" value="{searchterms}"/> <param name="ei" value="utf-8"/> <mozparam name="fr" condition="pref" pref="yahoo-fr" /> </url> <searchform>http://search.yahoo.com/</searchform> </searchplugin> create xml files for each search plugin preference following the above example.
A guide to searching crash reports
easy to understand, but the grouping capabilities are easy to overlook.
...ower search you can add criteria to perform a narrower search.
L20n Javascript API
.l20n'; }); the resource is added to all registered locales.
...04 error when fetching a resource file, or recursive import statements in resource files), context.translationerror, when there is a missing translation in one of supported locales; the context instance will try to retrieve a fallback translation from the next locale in the fallback chain, compiler.error, when l20n is unable to evaluate an entity to a string; there are two types of errors in this category: compiler.valueerror, when l20n can still try to use the literal source string of the entity as fallback, and compiler.indexerror otherwise.
Leak And Bloat Tests
eremail", "tinderbox@invalid.com"); user_pref("mail.identity.id1.valid", true); user_pref("mail.root.none-rel", "[profd]mail"); user_pref("mail.root.pop3-rel", "[profd]mail"); user_pref("mail.server.server1.directory-rel", "[profd]mail/local folders"); user_pref("mail.server.server1.hostname", "local folders"); user_pref("mail.server.server1.name", "local folders"); user_pref("mail.server.server1.type", "none"); user_pref("mail.server.server1.username", "nobody"); user_pref("mail.server.server2.check_new_mail", false); user_pref("mail.server.server2.directory-rel", "[profd]mail/tinderbox"); user_pref("mail.server.server2.download_on_biff", true); user_pref("mail.server.server2.hostname", "tinderbox"); user_pref("mail.server.server2.login_at_startup", false); user_pref("mail.server.server2.name...
...y"); user_pref("mail.server.server2.check_new_mail", false); user_pref("mail.server.server2.directory-rel", "[profd]mail/tinderbox"); user_pref("mail.server.server2.download_on_biff", true); user_pref("mail.server.server2.hostname", "tinderbox"); user_pref("mail.server.server2.login_at_startup", false); user_pref("mail.server.server2.name", "tinderbox@invalid.com"); user_pref("mail.server.server2.type", "pop3"); user_pref("mail.server.server2.username", "tinderbox"); user_pref("mail.smtp.defaultserver", "smtp1"); user_pref("mail.smtpserver.smtp1.hostname", "tinderbox"); user_pref("mail.smtpserver.smtp1.username", "tinderbox"); user_pref("mail.smtpservers", "smtp1"); user_pref("mail.startup.enabledmailcheckonce", true); user_pref("mailnews.start_page_override.mstone", "1.9pre"); user_pref("mail...
NSPR Contributor Guide
for acceptance.
...d make it more generalized, hence a good candidate for inclusion in nspr.
Dynamic Library Linking
this section describes nspr's programming interface to load, unload and resolve symbols in dynamic libraries.
... this section describes nspr's programming interface to load, unload and resolve symbols in dynamic libraries.
Hash Tables
this chapter describes the hash table functions in the plds (portable library — data structures) library of nspr.
... functions in the plds (portable library — data structures) library of nspr.
Long Long (64-bit) Integers
implementation is recommended to ensure cross-platform compatibility.
...ended to ensure cross-platform compatibility.
PLHashEnumerator
syntax #include <plhash.h> typedef printn (pr_callback *plhashenumerator)(plhashentry *he, printn index, void *arg); /* return value */ #define ht_enumerate_next 0 /* continue enumerating entries */ #define ht_enumerate_stop 1 /* stop enumerating entries */ #define ht_enumerate_remove 2 /* remove and free the current entry */ #define ht_enumerate_unhash 4 /* just unhash the current entry */ description plhashenumerator is a function type used in the enumerating a hash table.
...es */ #define ht_enumerate_stop 1 /* stop enumerating entries */ #define ht_enumerate_remove 2 /* remove and free the current entry */ #define ht_enumerate_unhash 4 /* just unhash the current entry */ description plhashenumerator is a function type used in the enumerating a hash table.
PLHashTable
syntax #include <plhash.h> typedef struct plhashtable plhashtable; description the opaque plhashtable structure represents a hash table.
... syntax #include <plhash.h> typedef struct plhashtable plhashtable; description the opaque plhashtable structure represents a hash table.
PRCList
a circular linked list.
... a circular linked list.
PRErrorCode
type for error codes that can be retrieved with pr_geterror.
... type for error codes that can be retrieved with pr_geterror.
PRFileDesc
a file descriptor used to represent any open file, such as a normal file, an end point of a pipe, or a socket (end point of network communication).
...this particular layer.
PRFileMap
type returned by pr_createfilemap and passed to pr_memmap and pr_closefilemap.
... type returned by pr_createfilemap and passed to pr_memmap and pr_closefilemap.
PRIPv6Addr
type used in the ipv6.ip field of the prnetaddr structure.
... type used in the ipv6.ip field of the prnetaddr structure.
PRInt16
guaranteed to be a signed 16-bit integer on all platforms.
... guaranteed to be a signed 16-bit integer on all platforms.
PRInt8
guaranteed to be a signed 8-bit integer on all platforms.
... guaranteed to be a signed 8-bit integer on all platforms.
PRIntervalTime
a platform-dependent type that represents a monotonically increasing integer--the nspr runtime clock.
... a platform-dependent type that represents a monotonically increasing integer--the nspr runtime clock.
PRLinger
structure used with the pr_sockopt_linger socket option to specify the time interval (in printervaltime units) to linger on closing a socket if any data remain in the socket send buffer.
...long pr_close waits before returning.
PRLogModuleLevel
the enumerated type prlogmodulelevel defines levels of logging available to application programs.
... the enumerated type prlogmodulelevel defines levels of logging available to application programs.
PRMcastRequest
structure used to specify values for the pr_sockopt_addmember and pr_sockopt_dropmember socket options that define a request to join or leave a multicast group.
...cket options that define a request to join or leave a multicast group.
PRNetAddr
type used with socket manipulation functions to specify a network address.
...specify a network address.
PRPackedBool
packed boolean value.
... packed boolean value.
PRThread
an nspr thread.
... an nspr thread.
PRThreadScope
the scope of an nspr thread, specified as a parameter to pr_createthread or returned by pr_getthreadscope.
...e <prthread.h> typedef enum prthreadscope { pr_local_thread, pr_global_thread pr_global_bound_thread } prthreadscope; enumerators pr_local_thread a local thread, scheduled locally by nspr within the process.
PRTime
a representation of absolute times.
... a representation of absolute times.
PRUint16
guaranteed to be an unsigned 16-bit integer on all platforms.
... guaranteed to be an unsigned 16-bit integer on all platforms.
PR_Accept
accepts a connection on a specified socket.
... prfiledesc *fd, prnetaddr *addr, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing the rendezvous socket on which the caller is willing to accept new connections.
PR_CreateFileMap
mapped to memory.
...rameter consists of one of the following options: pr_prot_readonly.
Process Management and Interprocess Communication
equivalent of the unix fork().
...rk().
Thread Pools
this chapter describes the nspr api thread pools.
...ead pools.
An overview of NSS Internals
se64 or ascii presentations, especially when importing data from files.
...data from files.
Certificate functions
the public functions listed here are used to interact with certificate databases.
...verify for multiple usages use cert_verifycertificatenow cert_verifyocspresponsesignature mxr 3.6 and later cert_verifysigneddata mxr 3.4 and later cert_verifysigneddatawithpublickey mxr 3.7 and later cert_verifysigneddatawithpublickeyinfo mxr 3.7 and later nss_cmpcertchainwcanames mxr 3.2 and later nss_findcertkeatype mxr 3.2 and later ...
Introduction to Network Security Services
of trusted root certificates.
...sc libfreebl_pure32_3.sl libfreebl_hybrid_3.sl aix (planned for a future release) libfreebl_pure32_3_shr.a libfreebl_hybrid_3_shr.a an application should not link against these libraries, because they are dynamically loaded by nss at run time.
Using JSS
Mozilla › Projects › NSS › JSS › Using JSS
aries, omitting the platform-specific prefix and suffix.
... http://ftp.mozilla.org/pub/mozilla.org/nspr/releases plc4 nspr standard c library replacement functions plds4 nspr data structure types nss3 nss crypto, pkcs #11, and utilities http://ftp.mozilla.org/pub/mozilla.org/security/nss/releases ssl3 nss ssl library smime3 nss s/mime functions and types nssckbi pkcs #11 module containing built-in root ca certificates.
NSS 3.12.4 release notes
few remaining issues with nss's new revocation flags bug 489710: byteswap optimize for msvc++ bug 490154: cryptokey framework requires module to implement generatekey when they support keypairgeneration bug 491044: remove support for vms (a.k.a., openvms) from nss bug 491174: cert_pkixverifycert reports wrong error code when ee cert is expired bug 491919: cert.h doesn't have valid functions prototypes bug 492131: a failure to import a cert from a p12 file leaves error code set to zero bug 492385: crash freeing named crl entry on shutdown bug 493135: bltest crashes if it can't open the input file bug 493364: can't build with --disable-dbm option when not cross-compiling bug 493693: sse2 instructions for bignum are not implemented on os/2 bug 493912: sqlite3_reset should be invoked in sdb_findo...
...sing from solaris packages bug 502961: allocator mismatch in pk11mode bug 502965: allocator mismatch in sdrtest bug 502972: another allocator mismatch in sdrtest bug 504398: pkix_pl_aiamgr_gethttpcerts could crash if sec_getregisteredhttpclient fails bug 504405: pkix_pl_crldp_create will fail on alloc success because of a missing !
NSS 3.12.6 release notes
bssl must send the "unrecognized_name" alert.
... ssl_getimplementedciphers ssl_getnumimplementedciphers ssl_handshakenegotiatedextension new error codes in sslerr.h ssl_error_unsafe_negotiation ssl_error_rx_unexpected_uncompressed_record new types in sslt.h sslextensiontype new environment variables sqlite_force_proxy_locking 1 means force always use proxy, 0 means never use proxy, null means use proxy for non-local files only.
NSS 3.14.1 release notes
ability to create signed ocsp responses has been added in nss 3.14.1.
...d in nss 3.14.1.
NSS 3.14 release notes
per-application security policies, a new callback has been added for applications that use libpkix to verify certificates.
...ertificate chains meet application-specific security policies, allowing libpkix to continue discovering certificate paths until it can find a chain that satisfies the policies.
NSS 3.15.2 release notes
) support has been added when tls 1.2 is negotiated.
... been added when tls 1.2 is negotiated.
NSS 3.16.1 release notes
rce tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_16_1_rtm/src/ new in nss 3.16.1 new functionality added the "ecc" flag for modutil to select the module used for elliptic curve cryptography (ecc) operations.
...graphy (ecc) operations.
NSS 3.20 release notes
ity the tls library has been extended to support dhe ciphersuites in server applications.
...ded to support dhe ciphersuites in server applications.
NSS 3.21 release notes
es nss configuration parameter strings.
...s.
NSS 3.39 release notes
disabled by default but can be enabled using ssl_signatureschemeprefset().
...but can be enabled using ssl_signatureschemeprefset().
NSS Sample Code Sample1
appedenckey) { rv = 1; goto done; } mwrappedmackey = secitem_dupitem(wrappedmackey); if (!mwrappedmackey) { rv = 1; goto done; } done: return rv; } int server::start() { int rv; seckeyprivatekey *prvkey = 0; rv = getprivatekey(&prvkey); if (rv) goto done; if (!menckey) { // unwrap the encryption key from the "file" // this function uses a mechanism rather than a key type // does this need to be "withflags"??
...on key from the "file" // this function uses a mechanism rather than a key type // does this need to be "withflags"??
NSS Sample Code sample4
decrypt with private key) * * code assumes that you have set up a nss database with a certificate * and a private key.
...th private key) * * code assumes that you have set up a nss database with a certificate * and a private key.
NSS Sample Code sample6
should succeed on first run on a fresh db, * should fail on successive runs because key with that id already exists */ genkey(2); /* generate a key with id 1 - this will fail because key with that id * already exists */ genkey(1); } void genkey(int id) { pk11slotinfo* slot = null; pk11symkey* key = null; secitem keyiditem; int keyid[1]; ck_mechanism_type ciphermech; /* using ckm_aes_cbc_pad mechanism for example */ ciphermech = ckm_aes_cbc_pad; slot = pk11_getinternalkeyslot(); /* slot = pk11_getbestslot(ciphermech, null); didn't work.
...rmech; /* using ckm_aes_cbc_pad mechanism for example */ ciphermech = ckm_aes_cbc_pad; slot = pk11_getinternalkeyslot(); /* slot = pk11_getbestslot(ciphermech, null); didn't work.
NSS release notes template
ource 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_xx_rtm/src/ (make a link) new in nss 3.xx new functionality either: no new functionality is introduced in this release.
... available on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_xx_rtm/src/ (make a link) new in nss 3.xx new functionality either: no new functionality is introduced in this release.
PKCS 7 functions
the public functions listed here perform pkcs #7 operations required by mail and news applications and by some of the nss tools.
...and later sec_pkcs7addrecipient mxr 3.2 and later sec_pkcs7addsigningtime mxr 3.2 and later sec_pkcs7containscertsorcrls mxr 3.4 and later sec_pkcs7contentisencrypted mxr 3.4 and later sec_pkcs7contentissigned mxr 3.4 and later sec_pkcs7contenttype mxr 3.2 and later sec_pkcs7copycontentinfo mxr 3.4 and later sec_pkcs7createcertsonly mxr 3.3 and later sec_pkcs7createdata mxr 3.2 and later sec_pkcs7createencrypteddata mxr 3.2 and later sec_pkcs7createenvelopeddata mxr 3.2 and later ...
NSS tools : cmsutil
name cmsutil — performs basic cryptograpic operations, such as encryption and decryption, on cryptographic message syntax (cms) messages.
...tfile use outfile as a destination of data (default is stdout).
S/MIME functions
the public functions listed here perform s/mime operations using the s/mime toolkit.
... source code nss versions nss_cmscontentinfo_getbulkkey mxr 3.2 and later nss_cmscontentinfo_getbulkkeysize mxr 3.2 and later nss_cmscontentinfo_getcontent mxr 3.2 and later nss_cmscontentinfo_getcontentencalgtag mxr 3.2 and later nss_cmscontentinfo_getcontenttypetag mxr 3.2 and later nss_cmscontentinfo_setbulkkey mxr 3.2 and later nss_cmscontentinfo_setcontent mxr 3.2 and later nss_cmscontentinfo_setcontent_data mxr 3.2 and later nss_cmscontentinfo_setcontentencalg mxr 3.2 and later nss_cmscontentinfo_setcontent_diges...
Utility functions
the public functions listed here perform initialization tasks and other services.
...ter hash_clone mxr 3.10 and later hash_create mxr 3.4 and later hash_destroy mxr 3.4 and later hash_end mxr 3.4 and later hash_gethashobject mxr 3.2 and later hash_gethashobjectbyoidtag mxr 3.8 and later hash_gethashtypebyoidtag mxr 3.8 and later hash_gettype mxr 3.12 and later hash_hashbuf mxr 3.10 and later hash_resultlen mxr 3.4 and later hash_resultlenbyoidtag mxr 3.10 and later hash_resultlencontext mxr 3.10 and later hash_update mxr ...
NSS Tools cmsutil
using cmsutil newsgroup: mozilla.dev.tech.crypto the cmsutil command-line utility uses the s/mime toolkit to perform basic operations, such as encryption and decryption, on cryptographic message syntax (cms) messages.
... destination of data (default is stdout).
NSS tools : cmsutil
Mozilla › Projects › NSS › tools › cmsutil
name cmsutil — performs basic cryptograpic operations, such as encryption and decryption, on cryptographic message syntax (cms) messages.
...apabilities attribute.
Necko Architecture
out of date.
...lback, you are handed an nsiinputsteam which you can read the data from (you will more than likely need to be able to handle multiple ondataavailable() callbacks, buffering the data you receive as necessary).
Rhino shell
n object to the specified file.
... javascript version 1.0, 1.1, 1.2, 1.3, 1.4, 1.5, 1.6 or 1.7 respectively.
Tracing JIT
gured.
...shold value, the target is considered hot.
BOOLEAN_TO_JSVAL
obsolete since jsapi 42this feature is obsolete.
...his feature is obsolete.
INT_TO_JSVAL
obsolete since jsapi 42this feature is obsolete.
...nce jsapi 42this feature is obsolete.
JS::Add*Root
, const char *name); bool js::addnamedstringroot(jscontext *cx, js::heap<jsstring *> *rp, const char *name); bool js::addnamedobjectroot(jscontext *cx, js::heap<jsobject *> *rp, const char *name); bool js::addnamedscriptroot(jscontext *cx, js::heap<jsscript *> *rp, const char *name); name type description cx jscontext * the context in which to add the new root.
... variable to the garbage collector's root set, the set of variables used as starting points each time the collector checks to see what memory is reachable.
JS::DoubleNaNValue
this article covers features introduced in spidermonkey 24 create a not-a-number (nan) floating-point number as a value of type js::value.
... this article covers features introduced in spidermonkey 24 create a not-a-number (nan) floating-point number as a value of type js::value.
JS::HandleValueArray
js::autovaluevector& values); js::handlevaluearray(const js::autovaluearray<n>& values); js::handlevaluearray(const js::callargs& args); js::handlevaluearray::frommarkedlocation(size_t len, const js::value *elements); js::handlevaluearray::subarray(const js::handlevaluearray& values, size_t startindex, size_t len); js::handlevaluearray::empty(); name type description value js::rootedvalue &amp; an element of newly created 1-length array.
...ods method description size_t length() const returns the length of the array.
JS::NumberValue
y 24 convert a c integer or floating-point value to a js::value.
...e js::numbervalue(uint8_t i) js::value js::numbervalue(int16_t i) js::value js::numbervalue(uint16_t i) js::value js::numbervalue(int32_t i) js::value js::numbervalue(uint32_t i) name type description f or dbl or i any c integer or floating-point value to convert.
JS::PropertySpecNameIsSymbol
this article covers features introduced in spidermonkey 38 determine if the given jspropertyspec::name or jsfunctionspec::name value is actually a symbol code and not a string.
... this article covers features introduced in spidermonkey 38 determine if the given jspropertyspec::name or jsfunctionspec::name value is actually a symbol code and not a string.
JSBool
obsolete since jsapi 26this feature is obsolete.
...in some browsers, its use is discouraged since it could be removed at any time.
JSExtendedClass.outerObject
obsolete since javascript 1.8.5this feature is obsolete.
... obsolete since javascript 1.8.5this feature is obsolete.
JSFunction
jsfunction is a type in the jsapi.
... jsfunction is a type in the jsapi.
JSFunctionSpec
defines a single function for an object.
... defines a single function for an object.
JSID_EMPTY
internal jsid value which is used in type inference.
... internal jsid value which is used in type inference.
JSIteratorOp
obsolete since jsapi 26this feature is obsolete.
... obsolete since jsapi 26this feature is obsolete.
JSObjectOps.destroyObjectMap
at any time.
...details of the api may change from one release to the next.
JSObjectOps.dropProperty
ers, its use is discouraged since it could be removed at any time.
... jsobjectops is not a supported api.
JSObjectOps.getAttributes
moved at any time.
...to the next.
JSObjectOps.newObjectMap
g!
...key internals documentation, not api documentation.
JSPrincipals
define security information for an object or script.
...destroyed.
JSVAL_IS_INT
removed at any time.
...d in memory as an integer.
JSVAL_TO_GCTHING
obsolete since jsapi 32this feature is obsolete.
... obsolete since jsapi 32this feature is obsolete.
JSVersion
the values of the jsversion enumerated type stand for particular versions of the javascript run-time.
... the values of the jsversion enumerated type stand for particular versions of the javascript run-time.
JS_AddArgumentFormatter
could be removed at any time.
...ich is typically a string constant.
JS_Add*Root
*cx, jsobject **opp); jsbool js_addgcthingroot(jscontext *cx, void **rp); jsbool js_addnamedvalueroot(jscontext *cx, jsval *vp, const char *name); jsbool js_addnamedstringroot(jscontext *cx, jsstring **spp, const char *name); jsbool js_addnamedobjectroot(jscontext *cx, jsobject **opp, const char *name); jsbool js_addnamedgcthingroot(jscontext *cx, void **rp, const char *name); name type description cx jscontext * the context in which to add the new root.
...e to the garbage collector's root set, the set of variables used as starting points each time the collector checks to see what memory is reachable.
JS_AlreadyHasOwnProperty
handleobject obj, const char16_t *name, size_t namelen, bool *foundp); boo js_alreadyhasownpropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, bool *foundp); // added in spidermonkey 1.8.1 boo js_alreadyhasownelement(jscontext *cx, js::handleobject obj, uint32_t index, bool *foundp); name type description cx jscontext * pointer to a js context.
...n, this search may not find a property that other property lookup functions, such as js_lookupproperty, would find.
JS_BeginRequest
indicates to the js engine that the calling thread is entering a region of code that may call into the jsapi but does not block.
... js_endrequest to bracket maximal non-blocking hunks of native code that call the jsapi.
JS_ClearNonGlobalObject
obsolete since jsapi 34this feature is obsolete.
...which to clear the object.
JS_ClearScope
obsolete since jsapi 18this feature is obsolete.
...ontext in which to clear the object.
JS_ContextIterator
obsolete since jsapi 52this feature is obsolete.
...t * in-out parameter.
JS_DefineElement
nt(jscontext *cx, js::handleobject obj, uint32_t index, double value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); /* obsolete since jsapi 32 */ js_defineelement(jscontext *cx, jsobject *obj, uint32_t index, jsval value, jspropertyop getter, jsstrictpropertyop setter, unsigned attrs); name type description cx jscontext * the context in which to create the new property.
..._readonly, the setter method will not be called on this property.
JS_DefineFunctions
add native methods to an object.
...ties with jsprop_define_late flag should be defined on the object.
JS_DefineObject
create an object that is a property of another object.
....
JS_DefineProperty
js::handleobject obj, js::handleid id, uint32_t value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); bool js_definepropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, double value, unsigned attrs, jsnative getter = nullptr, jsnative setter = nullptr); name type description cx jscontext * the context in which to define the property.
...ne a property without calling its getter.) if getter (or setter) is null, the new property will use the jsclass.getproperty (or jsclass.setproperty) callback from obj's class.
JS_DeleteProperty
text *cx, js::handleobject obj, const char *name, js::objectopresult &result); bool js_deletepropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, js::objectopresult &result); bool js_deleteucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, js::objectopresult &result); name type description cx jscontext * pointer to a js context from which to derive runtime information.
...ect, obj.
JS_DeleteProperty2
xt *cx, js::handleobject obj, const char *name, bool *succeeded); bool js_deleteucproperty2(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, bool *succeeded); bool js_deletepropertybyid2(jscontext *cx, js::handleobject obj, js::handleid id, bool *succeeded); // added in spidermonkey 1.8.1 name type description cx jscontext * pointer to a js context from which to derive runtime information.
...eded.
JS_Enumerate
get an array of the enumerable properties of a given object.
... request.
JS_ExecuteScriptPart
obsolete since javascript 1.9.3this feature is obsolete.
...d since it could be removed at any time.
JS_FlattenString
this article covers features introduced in spidermonkey 1.8.5 flattens a string.
...ing(jscontext *cx, jsstring *str); name type description cx jscontext * the context.
JS_GET_CLASS
d since it could be removed at any time.
...uilds it took only a jsobject*.
JS_GetClass
retrieves the class associated with an object.
...et_class(cx, obj) macro abstracted away this detail.
JS_GetCompartmentPrivate
this article covers features introduced in spidermonkey 1.8.5 please provide a description for this function.
...tmentprivate(jscompartment *compartment, void *data); void * js_getcompartmentprivate(jscompartment *compartment); name type description compartment jscompartment * any compartment data void * (in js_setcompartmentprivate) pointer to application-defined data to be associated with the compartment.
JS_GetContextPrivate
access a jscontext field for application-specific data.
...ed in spidermonkey 17 void js_setsecondcontextprivate(jscontext *cx, void *data); // added in spidermonkey 17 name type description cx jscontext * any context.
JS_GetElement
find a specified numeric property of an object and return its current value.
...request on this jscontext.
JS_GetEmptyStringValue
get the empty string as a value of type js::value.
... get the empty string as a value of type js::value.
JS_GetFunctionFlags
obsolete since jsapi 19this feature is obsolete.
...unsigned int js_getfunctionflags(jsfunction *fun); name type description fun jsfunction * the function to examine.
JS_GetGCParameter
collection.
... rt jsruntime * the runtime to configure.
JS_GetOwnPropertyDescriptor
le<jspropertydescriptor> desc); bool js_getownpropertydescriptorbyid(jscontext *cx, js::handleobject obj, js::handleid id, js::mutablehandle<jspropertydescriptor> desc); bool js_getownucpropertydescriptor(jscontext *cx, js::handleobject obj, const char16_t *name, js::mutablehandle desc); // added in spidermonkey 45 name type description cx jscontext * a context.
...ablehandle&lt;jspropertydescriptor&gt; out parameter.
JS_GetParent
obsolete since jsapi 39this feature is obsolete.
... does not have a parent.
JS_GetPositiveInfinityValue
retrieve a floating-point infinity as a value of type js::value.
... retrieve a floating-point infinity as a value of type js::value.
JS_GetProperty
j, const char *name, js::mutablehandlevalue vp); bool js_getucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, js::mutablehandlevalue vp); bool js_getpropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, js::mutablehandlevalue vp); // added in spidermonkey 1.8.1 name type description cx jscontext * a context.
...perty to look up.
JS_GetPropertyAttributes
could be removed at any time.
...js_getpropertyattributes retrieves the property attributes of the property with the given name on a given object, obj.
JS_GetPropertyAttrsGetterAndSetter
dsetter(jscontext *cx, jsobject *obj, const jschar *name, size_t namelen, unsigned int *attrsp, jsbool *foundp, jspropertyop *getterp, jspropertyop *setterp); jsbool js_getpropertyattrsgetterandsetterbyid(jscontext *cx, jsobject *obj, jsid id, unsigned int *attrsp, jsbool *foundp, jspropertyop *getterp, jspropertyop *setterp); // added in spidermonkey 1.8.1 name type description cx jscontext * the context in which to perform the property lookup.
...success, these functions also get the getter and setter functions for the property.
JS_GetPropertyDefault
ey 1.8.5 finds a specified property and retrieves its value or provided default value.
...or id const char * or js::handleid name of the property to look up.
JS_GetRuntimePrivate
access a jsruntime field for application-specific data.
...ld for application-specific data.
JS_GetSecurityCallbacks
backs); const jssecuritycallbacks * js_getsecuritycallbacks(jsruntime *rt); /* obsolete since jsapi 13 */ jssecuritycallbacks * js_setcontextsecuritycallbacks(jscontext *cx, jssecuritycallbacks *callbacks); jssecuritycallbacks * js_getruntimesecuritycallbacks(jsruntime *rt); jssecuritycallbacks * js_setruntimesecuritycallbacks(jsruntime *rt, jssecuritycallbacks *callbacks); name type description rt jsruntime * a runtime to get/set the security callbacks.
... contentsecuritypolicyallows; // added in spidermonkey 1.8.5 jssubsumesop subsumes; // added in spidermonkey 31 jscheckaccessop checkobjectaccess; // obsolete since jsapi 29 jsprincipalstranscoder principalstranscoder; // obsolete since jsapi 13 jsobjectprincipalsfinder findobjectprincipals; // obsolete since jsapi 13 }; name type description contentsecuritypolicyallows jscspevalchecker a pointer to the function which checks if a csp instance wants to disable eval() and friends.
JS_HasElement
determine whether a javascript array has an element in the specified index.
....
JS_HasOwnProperty
this article covers features introduced in spidermonkey 45 determine whether a javascript object has a specified own property.
... name type description cx jscontext * a context.
JS_IdToProtoKey
this article covers features introduced in spidermonkey 31 convert a js id to a jsprotokey.
...t *cx, js::handleid id); name type description cx jscontext * pointer to a js context from which to derive runtime information.
JS_InitStandardClasses
initializes general js function and object classes, and the built-in object classes used in most scripts.
... initializes the built-in javascript global properties.
JS_New
this article covers features introduced in spidermonkey 1.8 create an object as though by using the new keyword and a javascript function.
...sapi 32 description js_new creates a new object as though by using the new operator, as described in ecma 262-3 §11.2.2.
JS_NewPropertyIterator
obsolete since jsapi 36this feature is obsolete.
... jscontext.
JS_NewStringCopyN
create a new js string.
...ing the text for the js string to create.
JS_ScheduleGC
this article covers features introduced in spidermonkey 17 set nextscheduled parameter of gc.
... cx jscontext * a context.
JS_SetAllNonReservedSlotsToUndefined
this article covers features introduced in spidermonkey 24 assign undefined to all of the object's non-reserved slots.
...requires request.
JS_SetBranchCallback
ers, its use is discouraged since it could be removed at any time.
...the script.
JS_SetCallReturnValue2
re is obsolete.
... cx jscontext * the context in which the native function is running.
JS_SetInterruptCallback
this article covers features introduced in spidermonkey 31 set a callback function that is automatically called periodically while javascript code runs.
...time *rt, jsinterruptcallback callback); jsinterruptcallback js_getinterruptcallback(jsruntime *rt); void js_requestinterruptcallback(jsruntime *rt); name type description rt jsruntime * the runtime.
JS_SetPrivate
sets the private data field of an object.
...eld of an object.
JS_SetVersion
obsolete since jsapi 25this feature is obsolete.
...n version); name type description cx jscontext * pointer to a js context from which to derive runtime information.
JS_SetVersionForCompartment
this article covers features introduced in spidermonkey 31 configure a jscompartment to use a specific version of the javascript language.
...jsversion version); name type description compartment jscompartment * pointer to a js compartment.
JS_THREADSAFE
s to js_beginrequest() and js_endrequest().
...requires request", like this: name type description cx jscontext * the context to use.
JS_ValueToString
obsolete since jsapi 28this feature is obsolete.
...is converted to a string as described above and conversion succeeds.
OBJECT_TO_JSVAL
obsolete since jsapi 42this feature is obsolete.
...moved at any time.
PRIVATE_TO_JSVAL
obsolete since jsapi 42this feature is obsolete.
...versa.
STRING_TO_JSVAL
obsolete since jsapi 42this feature is obsolete.
...to avoid using it.
JSDBGAPI
_settrap js_gettrapopcode js_cleartrap js_clearscripttraps js_clearalltraps js_handletrap js_setinterrupt js_clearinterrupt watchpoints js_setwatchpoint js_clearwatchpoint js_clearwatchpointsforobject js_clearallwatchpoints inspecting the stack js_pctolinenumber js_linenumbertopc js_getfunctionscript js_getfunctionnative js_getfunctionfastnative js_getscriptprincipals typedef jsstackframe js_frameiterator js_getframescript js_getframepc js_getscriptedcaller js_stackframeprincipals js_evalframeprincipals js_getframeannotation js_setframeannotation js_getframeprincipalarray js_isnativeframe js_getframeobject js_getframescopechain js_getframecallobject js_getframethis js_getframefunction js_getframefunctionobject js_isconstructorframe js_isdebugger...
...etframereturnvalue js_setframereturnvalue js_getframecalleeobject js_getscriptfilename js_getscriptbaselinenumber js_getscriptlineextent js_getscriptversion js_gettopscriptfilenameflags js_getscriptfilenameflags js_flagscriptfilenameprefix jsfilename_null jsfilename_system jsfilename_protected evaluating debug code js_evaluateinstackframe examining object properties typedef jspropertydesc jspd_enumerate jspd_readonly jspd_permanent jspd_alias jspd_argument jspd_variable jspd_exception jspd_error typedef jspropertydescarray js_propertyiterator js_getpropertydesc js_getpropertydescarray js_putpropertydescarray hooks js_setdebuggerhandler js_setsourcehandler js_setexecutehook js_setcallhook js_setobjecthook js_setthrowhook js_setdebu...
Setting up an update server
ept paths with spaces.
...from and put the mar file in it.
Signing Mozilla apps for Mac OS X
"developer id" radio button and uncheck the "developer id installer certificate" box.
...have a group account.
Gecko events
« at apis support page this page offers a list of accessibility-related events supported by gecko.
...re the accessible should be destroyed or recreated.
XForms Accessibility
hat xforms element is bound to as from valid/invalid or in-range/out-of-range states of instance node.
...range/out-of-range states of instance node.
extIApplication
tiapplication.idl.
...rences object for the application.
extISessionStorage
extension to store data for the life time of the application (e.g.
...on the fuel (firefox), steel (thunderbird) and smile (seamonkey) pages.
Fun With XBL and XPConnect
dget holds onto an xpcom object that is the auto complete engine that will perform our auto complete lookups.
...to complete listener (like my auto complete session object).
Preface
is book assumes you are using the sdk rather than compiling in a mozilla source tree, though the difference between these two approaches is minimal.
...ils about downloading the sdk, building, and getting programmatic access to gecko components are provided in the appendix to this book, setting up the gecko sdk.
Components.utils
getcomponentsforscope() this seemingly-paradoxical api allows privileged code to explicitly give unprivileged code a reference to its own components object (whereas it's normally hidden away on a scope chain visible only to xbl methods).
... setgczeal() sets the level of garbage collection level for full garbage collection.
Cut
« xpcom api reference summary the cut function removes a section of the string's internal buffer.
... « xpcom api reference summary the cut function removes a section of the string's internal buffer.
EndReading
« xpcom api reference summary the endreading function returns a const char_type pointer to the element just beyond the last element of the string's internal buffer.
... « xpcom api reference summary the endreading function returns a const char_type pointer to the element just beyond the last element of the string's internal buffer.
Cut
« xpcom api reference summary the cut function removes a section of the string's internal buffer.
... « xpcom api reference summary the cut function removes a section of the string's internal buffer.
EndReading
« xpcom api reference summary the endreading function returns a const char_type pointer to the element just beyond the last element of the string's internal buffer.
... « xpcom api reference summary the endreading function returns a const char_type pointer to the element just beyond the last element of the string's internal buffer.
nsAutoRef
elease() methods.
...ethods.
nsCountedRef
ntedref<t> is derived from nsautoref<t> and so inherits its methods.
... is derived from nsautoref<t> and so inherits its methods.
nsDependentCString
class declaration nstdependentstring_chart stores a null-terminated, immutable sequence of characters.
...data(const char**) const - source get a const pointer to the string's internal buffer.
nsDependentString
class declaration nstdependentstring_chart stores a null-terminated, immutable sequence of characters.
...ichar**) const - source get a const pointer to the string's internal buffer.
nsXPIDLCString
class declaration nstxpidlstring extends nststring such that: (1) mdata can be null (2) objects of this type can be automatically cast to |const chart*| (3) getter_copies method is supported to adopt data allocated with ns_alloc, such as "out string" parameters in xpidl.
...data(const char**) const - source get a const pointer to the string's internal buffer.
nsXPIDLString
class declaration nstxpidlstring extends nststring such that: (1) mdata can be null (2) objects of this type can be automatically cast to |const chart*| (3) getter_copies method is supported to adopt data allocated with ns_alloc, such as "out string" parameters in xpidl.
...ichar**) const - source get a const pointer to the string's internal buffer.
XPCOM glue classes
these routines allow easy access to xpcom's global nsimemory implementation without having to go through the service manager to get it.nspromiseflatcstringclass declarationnspromiseflatstringclass declarationnsrefptrrefptr (formerly known as nsrefptr, see bug 1207245) is a general class to implement reference counting pointers for objects.
...formerly known as nsrefptr, see bug 1207245) is a general class to implement reference counting pointers for objects.
IAccessibleTable
long column, [out] boolean isselected ); parameters row 0 based index of the row for the cell to determine whether it is selected.
...ir life cycle strategy as this will be of interest to assistive technology or script engines accessing data out of process or from other threads.
IAccessibleTable2
he specified row is completely selected.
...ir life cycle strategy as this will be of interest to assistive technology or script engines accessing data out of process or from other threads.
mozIAsyncHistory
ne operation is performed for a given visit, only one callback will be given (i.e.
...will be given (i.e.
mozIPlacesAutoComplete
able term.
...ary 2 match on word boundaries in each searchable term.
mozIStorageError
returned by the storage api, offering attributes to obtain the error code as well as a human-readable error message corresponding to the error that occurred.
... empty 16 the database is empty.
mozIStorageService
rown ns_error_failure an error occurred attempting to open the database.
... storage object failed.
mozITXTToHTMLConv
art) void findurlinplaintext(in wstring text, in long alength, in long apos, out long astartpos, out long aendpos) wstring scanhtml(in wstring text, in unsigned long whattodo) wstring scantxt(in wstring text, in unsigned long whattodo) constants conversion control attributes these bits allow you to control the conversion of text into html.
...todo a bit field composed of the conversion control attributes indicating what conversions to apply.
nsIAbCard
void copy(in nsiabcard srccard) boolean equals(in nsiabcard card) string converttobase64encodedxml() astring converttoxmlprintdata() string converttoescapedvcard() astring generatename(in long agenerateformat,[optional] in nsistringbundle abundle) astring generatephoneticname(in boolean alastnamefirst) attributes attribute type description firstname astring lastname astring phoneticfirstname astring phoneticlastname astring displayname astring nickname astring primaryemail astring secondemail astring workphone astring homephone astring faxnu...
...string phoneticlastname astring displayname astring nickname astring primaryemail astring secondemail astring workphone astring homephone astring faxnumber astring pagernumber astring cellularnumber astring workphonetype astring homephonetype astring faxnumbertype astring pagernumbertype astring cellularnumbertype astring homeaddress astring homeaddress2 astring homecity astring homestate astring homezipcode astring homecountry astring ...
nsIAccessibleRole
xul:label, xul:description, html:label, role="label", or xforms:output.
...ck box control.
nsIAppShellService
dow(in nsixulwindow awindow); void run(); obsolete since gecko 1.8 void toplevelwindowismodal(in nsixulwindow awindow, in boolean amodal); obsolete since gecko 1.9.1 void unregistertoplevelwindow(in nsixulwindow awindow); note: prior to gecko 8.0, all references to nsidomwindow used in this interface were nsidomwindowinternal.
...denwindowandjscontext return the (singleton) application hidden window as an nsidomwindow, and, the corresponding javascript context pointer.
nsIChannelEventSink
tion is thrown, the redirect is vetoed and no callback must be done.
...nderbird 3.3 / seamonkey 2.1) called when a redirect occurs.
nsIClassInfo
criptable provides information about a specific implementation class.
...te specifies a contractid through which this class may be accessed as a service using nsiservicemanager.getservicebycontractid().
nsICommandLine
ag(in astring aflag, in boolean acasesensitive); astring getargument(in long aindex); boolean handleflag(in astring aflag, in boolean acasesensitive); astring handleflagwithparam(in astring aflag, in boolean acasesensitive); void removearguments(in long astart, in long aend); nsifile resolvefile(in astring aargument); nsiuri resolveuri(in astring aargument); attributes attribute type description length long number of arguments in the command line.
...cription length long number of arguments in the command line.
nsICommandLineRunner
s/public/nsicommandlinerunner.idlscriptable please add a summary to this article.
... native character set.
nsIContentPrefService2
references exist, handleresult is not called at all.
...nces exist, handleresult is not called at all.
nsICookieManager
ports this interface is intended to be used as a service.
...services.cookies method overview void remove(in autf8string ahost, in acstring aname, in autf8string apath, in boolean ablocked, in jsval aoriginattributes); void removeall(); attributes attribute type description enumerator nsisimpleenumerator called to enumerate through each cookie in the cookie list.
nsIDBFolderInfo
le(in nsstring locale); native code only!
...ong imapunreadpendingmessages long knownartsset string locale astring mailboxname astring nummessages long numunreadmessages long sortorder nsmsgviewsortordervalue sorttype nsmsgviewsorttypevalue version unsigned long viewflags nsmsgviewflagstypevalue viewtype nsmsgviewtypevalue methods andflags() long andflags( in long flags ); parameters flags missing description return value missing description exceptions thrown missing excep...
nsIDOMClientRect
dom/interfaces/base/nsidomclientrect.idlscriptable represents a rectangular box.
...ces/base/nsidomclientrect.idlscriptable represents a rectangular box.
nsIDOMGeoPositionAddress
ing on the geolocation service being used.
...try instead.
nsIDialogCreator
embedding/base/nsidialogcreator.idlscriptable please add a summary to this article.
...ko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview void opendialog(in unsigned long atype, in acstring aname, in acstring afeatures, in nsidialogparamblock aarguments, [optional] in nsidomelement aframeelement); constants constant value description unknown_dialog 0 generic_dialog 1 select_dialog 2 methods opendialog() void opendialog( in unsigned long atype, in acstring aname, in acstring afeatures, in nsidialogparamblock aarguments, in nsidomelement aframeelement optional ); parameters atype aname afeatures aarguments aframeelement optional ...
nsIDownload
being downloaded.) inherits from: nsitransfer last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) note: once the download is completed, the download manager stops updating the nsidownload object.
...t contains this download.
nsIDragSession
pport for interacting with an ongoing drag session during a drag and drop operation.
...e drag items, zero-based.
nsIFeedContainer
it/components/feeds/public/nsifeedcontainer.idlscriptable this interface provides standard fields used by both feeds (nsifeed) and feed entries (nsifeedentry) 1.0 66 introduced gecko 1.8 inherits from: nsifeedelementbase last changed in gecko 1.8.1 (firefox 2 / thunderbird 2 / seamonkey 1.1) method overview void normalize(); attributes attribute type description authors nsiarray an array of nsifeedperson objects describing the authors of the feed or entry.
... contributors nsiarray an array of nsifeedperson objects describing contributors to the feed or entry.
nsIFeedProgressListener
atfirstentry() called when the first entry or item in the feed is encountered.
...entry or item in the feed is encountered.
nsIFrameScriptLoader
his window message manager.
... removedelayedframescript() removes aurl from the list of scripts which support delayed load.
nsIHapticFeedback
c feedback (that is, cause the device to vibrate, if it's supported) by calling performsimpleaction(): hapticfeedback.performsimpleaction(components.interfaces.nsihapticfeedback.longpress); method overview void performsimpleaction(in long islongpress); constants press length constants constant value description shortpress 0 specify as the action type to perform a short vibration.
...ormsimpleaction(): hapticfeedback.performsimpleaction(components.interfaces.nsihapticfeedback.longpress); method overview void performsimpleaction(in long islongpress); constants press length constants constant value description shortpress 0 specify as the action type to perform a short vibration.
nsIJetpack
(); void destroy(); methods sendmessage() this method asynchronously sends a message to the jetpack process.
... registered for the same message; they will all be triggered.
nsILoadGroup
/nsiloadgroup.idlscriptable a load group maintains a collection of nsirequest objects.
...sirequestobserver the group observer is notified when requests are added to and removed from this load group.
nsILocalFile
string filepath); void launch(); prlibrarystar load(); native code only!
...h the library now that it is open...
nsIMIMEInputStream
@mozilla.org/network/mime-input-stream;1.
...he stream if the implementation of the nsimimeinputstream also is used as an nsiseekablestream.
nsIMacDockSupport
nted by: @mozilla.org/cookie-monster;1.
...unction(){ var docksupport = cc['@mozilla.org/widget/macdocksupport;1'].getservice(ci.nsimacdocksupport); docksupport.activateapplication(true); services.wm.getmostrecentwindow(null).focus() }) services.appshell.hiddendomwindow.document.getelementbyid('menu_mac_dockmenu').appendchild(macmenuitem) this adds the "show most recent window" menuitem from the previous example as a third item.
nsIMemory
moreover, a mechanism exists by which a client can receive notifications about low-memory situations.
...t can receive notifications about low-memory situations.
nsIMessageBroadcaster
sender is not initialized.
...uctured clone of this becomes the data property of the received message.
nsIMsgDBHdr
tring names, in string addresses,in unsigned long numaddresses);new in thunderbird 3.1 [noscript] void getauthorcollationkey(out octetptr key, out unsigned long len); [noscript] void getsubjectcollationkey(out octetptr key, out unsigned long len); [noscript] void getrecipientscollationkey(out octetptr key, out unsigned long len); attributes attribute type description isread boolean readonly: indicates whether or not the message is read.
...eadonly: indicates the subject of this message.
nsIMsgFilter
defined in comm-central/ mailnews/ base/ search/ public/ nsimsgfilter.idl attributes type attribute nsmsgruleactiontype type; priority // target priority..
... not priority attribute nsmsgpriorityvalue priority; targetfolderuri // target folder..
nsIMsgFilterList
imsgfilterlist::createfilter ( in astring name ) savetofile() void nsimsgfilterlist::savetofile ( in nsioutputstream stream ) parsecondition() void nsimsgfilterlist::parsecondition ( in nsimsgfilter afilter, in string condition ) savetodefaultfile() void nsimsgfilterlist::savetodefaultfile ( ) applyfilterstohdr() void nsimsgfilterlist::applyfilterstohdr ( in nsmsgfiltertypetype filtertype, in nsimsgdbhdr msghdr, in nsimsgfolder folder, in nsimsgdatabase db, in string headers, in unsigned long headersize, in nsimsgfilterhitnotify listener, in nsimsgwindow msgwindow, in nsilocalfile amessagefile ) writeinattr() void nsimsgfilterlist::writeintattr ( ...
...lterfileattribvalue nsimsgfilterlist::attribversion = 1 const nsmsgfilterfileattribvalue nsimsgfilterlist::attriblogging = 2 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribname = 3 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribenabled = 4 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribdescription = 5 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribtype = 6 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribscriptfile = 7 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribaction = 8 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribactionvalue = 9 const nsmsgfilterfileattribvalue nsimsgfilterlist::attribcondition = 10 ...
nsIMsgIdentity
ng getcharattribute(in string name); void setcharattribute(in string name, in acstring value); boolean getboolattribute(in string name); void setboolattribute(in string name, in boolean value); long getintattribute(in string name); void setintattribute(in string name, in long value); astring tostring(); attributes attribute type description identityname astring fullname astring user's full name, i.e.
...ll the fields.
nsINavHistoryResultObserver
inavhistoryresultnode aoldnode, in nsinavhistoryresultnode anewnode, in unsigned long aindex); void nodetagschanged(in nsinavhistoryresultnode anode); void nodetitlechanged(in nsinavhistoryresultnode anode, in autf8string anewtitle); void nodeurichanged(in nsinavhistoryresultnode anode, in autf8string anewuri); void sortingchanged(in unsigned short sortingmode); attributes attribute type description result nsinavhistoryresult the nsinavhistoryresult this observer monitors.
...fter the uri of a node has changed.
nsINavHistoryVisitResultNode
toolkit/components/places/public/nsinavhistoryservice.idlscriptable this interface describes a result from a result_type_visit query on the places service.
...cribes a visit to an entry; you can use it to determine the date and time of the last time the user visited a particular page, for example.
nsIObserver
n is being observed.
...bserve.
nsIProcessScriptLoader
process aallowdelayedload should always be true.
... removedelayedprocessscript() removes aurl from the list of scripts which support delayed load.
nsIPromptService
f you need to include an ampersand in the button's text, use two of them, like this: "&&".
...this loosely, as the intent is to ensure that the user does not click through a security dialog too quickly.
nsIProtocolHandler
you need to implement this interface.
...rity component (for example, file).
nsISHistory
tance(components.interfaces.nsishistory); method overview void addshistorylistener(in nsishistorylistener alistener); nsishentry getentryatindex(in long index, in boolean modifyindex); void purgehistory(in long numentries); void reloadcurrententry(); void removeshistorylistener(in nsishistorylistener alistener); attributes attribute type description count long the number of toplevel documents currently available in session history.
...ed by this method can be traversed using nsisimpleenumerator.
nsIScreenManager
.org/gfx/screenmanager;1 as a service: var screenmanager = components.classes["@mozilla.org/gfx/screenmanager;1"] .getservice(components.interfaces.nsiscreenmanager); method overview nsiscreen screenfornativewidget( in voidptr nativewidget ); native code only!
...read only.
nsIScriptError
sourceline, in pruint32 linenumber, in pruint32 columnnumber, in pruint32 flags, in string category); void initwithwindowid(in wstring message, in wstring sourcename, in wstring sourceline, in pruint32 linenumber, in pruint32 columnnumber, in pruint32 flags, in string category, in unsigned long long innerwindowid); autf8string tostring(); attributes attribute type description category string a string indicating the category of error that occurred see categories for a list.
...u want to log an error at chrome level you should set a category from the first section (leaving it empty might log it as content error).
nsISound
ch as an authentication dialog) is opened.
... parameters aeventid an event id which is defined in the constants.
nsIStringBundle
, where each occurrence of %s (uppercase) is replaced by each successive element in the supplied array.
...where each occurrence of %s (uppercase) is replaced by each successive element in the supplied array.
nsISupportsCString
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for ascii character strings.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for ascii character strings.
nsISupportsChar
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for single character values (often used to store an ascii character).
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for single character values (often used to store an ascii character).
nsISupportsDouble
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for double-precision floating-point values.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for double-precision floating-point values.
nsISupportsFloat
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for single-precision floating-point values.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for single-precision floating-point values.
nsISupportsID
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for boolean values.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for boolean values.
nsISupportsInterfacePointer
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for xpcom objects.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for xpcom objects.
nsISupportsPRBool
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for boolean values.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for boolean values.
nsISupportsPRInt16
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 16-bit signed integers.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 16-bit signed integers.
nsISupportsPRInt32
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 32-bit signed integers.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 32-bit signed integers.
nsISupportsPRInt64
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 64-bit signed integers.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 64-bit signed integers.
nsISupportsPRTime
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for prtime values.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for prtime values.
nsISupportsPRUint16
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 16-bit unsigned integers.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 16-bit unsigned integers.
nsISupportsPRUint32
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 32-bit unsigned integers.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 32-bit unsigned integers.
nsISupportsPRUint64
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 64-bit unsigned integers.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 64-bit unsigned integers.
nsISupportsPRUint8
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 8-bit unsigned integers.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for 8-bit unsigned integers.
nsISupportsString
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for unicode character strings.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for unicode character strings.
nsISupportsVoid
xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for generic pointers.
... xpcom/ds/nsisupportsprimitives.idlscriptable this interface provides scriptable access for generic pointers.
nsISyncMessageSender
sender is not initialized.
...structured clones of the objects returned by all the listeners to this message, one element for each listener.
nsIWebBrowser
ports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) warning: this interface was frozen for a very long time, but was unfrozen for gecko 2.0.
..., the implementation should get the nsiweakreference and hold that.
nsIWebContentHandlerRegistrar
last changed in gecko 8.0 (firefox 8.0 / thunderbird 8.0 / seamonkey 2.5) implemented by @mozilla.org/embeddor.implemented/web-content-handler-registrar;1 as a service: var nsiwchr = cc["@mozilla.org/embeddor.implemented/web-content-handler-registrar;1"] .getservice(ci.nsiwebcontenthandlerregistrar); method overview void registercontenthandler(in domstring mimetype, in domstring uri, in domstring title, in nsidomwindow contentwindow) void registerprotocolhandler(in domstring protocol,in domstring uri, in domstring title, in nsidomwindow contentwindow) methods registercontenthandler summary of registercontenthandler void registercontenthandler( in domstring mimetype,...
...colhandler(in domstring protocol,in domstring uri, in domstring title, in nsidomwindow contentwindow) methods registercontenthandler summary of registercontenthandler void registercontenthandler( in domstring mimetype, in domstring uri, in domstring title, in nsidomwindow contentwindow ); parameters mimetype the desired mime type as a string uri the uri to the handler as a string.
nsIWebNavigation
e first load in this object.
... all network activity should be stopped.
nsIWebProgress
are children of that nsiwebprogress instance.
... > gecko 1.8.1 this flag enables all notifications.
nsIWebSocketChannel
.createinstance(components.interfaces.nsiwebsocketchannel); method overview void asyncopen(in nsiuri auri, in acstring aorigin, in nsiwebsocketlistener alistener, in nsisupports acontext); void close(in unsigned short acode, in autf8string areason); void sendbinarymsg(in acstring amsg); void sendmsg(in autf8string amsg); attributes attribute type description extensions acstring sec-websocket-extensions response header value.
... 1001 close_going_away the endpoint is going away, either because of a server failure or because the browser is navigating away from the page that opened the connection.
nsIXMLHttpRequest
true); req.send('your=data&and=more&stuff=here'); example 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', 'ab...
...:' + xhr.status + ']'); break; } }; let evf = f => ['load', 'error', 'abort'].foreach(f); evf(m => xhr.addeventlistener(m, handler, false)); xhr.mozbackgroundrequest = true; xhr.open('get', url, true); xhr.channel.loadflags |= ci.nsirequest.load_anonymous | ci.nsirequest.load_bypass_cache | ci.nsirequest.inhibit_persistent_caching; xhr.responsetype = "arraybuffer"; //dont set it, so it returns string, you dont want arraybuffer.
nsIXSLTProcessor
content/xslt/public/nsixsltprocessor.idlscriptable xslt processor inherits from: nsisupports last changed in gecko 1.7 implemented by: @mozilla.org/document-transformer;1?type=xslt.
... content/xslt/public/nsixsltprocessor.idlscriptable xslt processor inherits from: nsisupports last changed in gecko 1.7 implemented by: @mozilla.org/document-transformer;1?type=xslt.
nsIXULTemplateBuilder
t(in nsirdfresource anode, in nsiatom atag); void addrulefilter(in nsidomnode arule, in nsixultemplaterulefilter afilter); [noscript] void init(in nsicontent aelement); [noscript] void createcontents(in nsicontent aelement, in boolean aforcecreation); void addlistener(in nsixulbuilderlistener alistener); void removelistener(in nsixulbuilderlistener alistener); attributes attribute type description root nsidomelement readonly: the root node in the dom to which this builder is attached.
...eated by the getdatasource method of the query processor.
nsIXULWindow
assumechromeflagsarefrozen(); void center(in nsixulwindow arelative, in boolean ascreen, in boolean aalert); nsixulwindow createnewwindow(in print32 achromeflags, in nsiappshell aappshell); nsidocshelltreeitem getcontentshellbyid(in wstring id); void removechildwindow(in nsixulwindow achild); void showmodal(); attributes attribute type description chromeflags pruint32 chromeflags are from nsiwebbrowserchrome.
...t this is a docshell tree item and therefore can not be assured of what object it is.
nsIZipEntry
content/base/public/nsidomserializer.idlscriptable please add a summary to this article.
... content/base/public/nsidomserializer.idlscriptable please add a summary to this article.
XPCOM Interface Reference
oragestatementcallbackmozistoragestatementparamsmozistoragestatementrowmozistoragestatementwrappermozistoragevacuumparticipantmozistoragevaluearraymozitxttohtmlconvmozithirdpartyutilmozivisitinfomozivisitinfocallbackmozivisitstatuscallbacknsiabcardnsiaboutmodulensiabstractworkernsiaccelerometerupdatensiaccessnodensiaccessibilityservicensiaccessiblensiaccessiblecaretmoveeventnsiaccessiblecoordinatetypensiaccessibledocumentnsiaccessibleeditabletextnsiaccessibleeventnsiaccessiblehyperlinknsiaccessiblehypertextnsiaccessibleimagensiaccessibleprovidernsiaccessiblerelationnsiaccessibleretrievalnsiaccessiblerolensiaccessiblescrolltypensiaccessibleselectablensiaccessiblestatechangeeventnsiaccessiblestatesnsiaccessibletablensiaccessibletablecellnsiaccessibletablechangeeventnsiaccessibletextnsiaccessible...
...tprequestuploadnsixpcexceptionnsixpcscriptablensixpconnectnsixsltexceptionnsixsltprocessornsixsltprocessorobsoletensixulappinfonsixulbrowserwindownsixulbuilderlistenernsixulruntimensixulsortservicensixultemplatebuildernsixultemplatequeryprocessornsixultemplateresultnsixulwindownsixmlrpcclientnsixmlrpcfaultnsizipentrynsizipreadernsizipreadercachensizipwriternsmsgfilterfileattribvaluensmsgfolderflagtypensmsgjunkstatusnsmsgkeynsmsglabelvaluensmsgpriorityvaluensmsgruleactiontypensmsgsearchattribnsmsgsearchopnsmsgsearchscopensmsgsearchtermnsmsgsearchtypevaluensmsgsearchvaluensmsgsearchwidgetvaluenspipromptservice see also interfaces grouped by function ...
XPCOM primitive
an xpcom primitive is an xpcom object that "boxes" a value of a primitive type.
...all implement an xpcom interface from the table below.
nsGetModuleProc
summary this function prototype provides the xpcom entry-point into a module.
... summary this function prototype provides the xpcom entry-point into a module.
Setting HTTP request headers
//developer.mozilla.org/en/xpcom/xpcom_changes_in_gecko_2.0#javascript_components.
...alse); return; } }, queryinterface: function (iid) { if (iid.equals(components.interfaces.nsiobserver) || iid.equals(components.interfaces.nsisupports)) return this; components.returncode = components.results.ns_error_no_interface; return null; }, }; var mymodule = { registerself: function (compmgr, filespec, location, type) { var compmgr = compmgr.queryinterface(components.interfaces.nsicomponentregistrar); compmgr.registerfactorylocation(this.mycid, this.myname, this.myprogid, filespec, location, type...
Performance
, so you will not notice the problem as much.
..., making it look like the browser is hung.
Storage
ame; } you can create this helper object yourself if it's not available in your version of gecko.
...ge the transactions for you, so you don't have to worry about them.
Weak reference
message* amessage ) { nscomptr<nsiobserver> observer = do_queryreferent(mobserver); if ( observer ) observer->noticemessage(amessage); else mobserver = 0; // or remove this observer from the list, he's gone away return ns_ok; } // ...
...supportsweakreference) // ...
Generating xpt on Windows
in order to generate an .xpt file from an .idl file in recent versions of the gecko \ xul runner sdk in windows, you need to use the typelib.py script.
... in order to generate an .xpt file from an .idl file in recent versions of the gecko \ xul runner sdk in windows, you need to use the typelib.py script.
Testing Mozilla code
facethe fuzzing interface is glue code living in mozilla-central in order to make it easier for developers and security researchers to test c/c++ code with either libfuzzer or afl-fuzz.measuring code coverage on firefoxcode coverage essentially is about measuring how often certain lines are hit, branches taken or conditions met in a program, given some test that you run on it.
...code with either libfuzzer or afl-fuzz.measuring code coverage on firefoxcode coverage essentially is about measuring how often certain lines are hit, branches taken or conditions met in a program, given some test that you run on it.
DB Views (message lists)
nsmsgsearchdbview, and cross-folder saved searches use nsmsgxfvirtualfolderdbview, which inherits from nsmsgsearchdbview.
...olderdbview, which inherits from nsmsgsearchdbview.
Events
there are a lot of events that can be fired in mail code.
... event name event type fired when...
nsIMsgCloudFileProvider
callback); void createnewaccount(in acstring aemailaddress, in acstring apassword, in acstring afirstname, in acstring alastname, in nsirequestobserver acallback); void createexistingaccount(in nsirequestobserver acallback); acstring providerurlforerror(in unsigned long aerror); attributes attribute type description type acstring readonly: the type is a unique string identifier which can be used by interface elements for styling.
... in nsirequestobserver acallback); void createexistingaccount(in nsirequestobserver acallback); acstring providerurlforerror(in unsigned long aerror); attributes attribute type description type acstring readonly: the type is a unique string identifier which can be used by interface elements for styling.
Index
would be possible to add support for this.
...e) is a windows feature that allows applications to send files via a system's default mail application.
Mail composition back end
ese can include nsmsgdelivernow, nsmsgqueueforlater, nsmsgsave, nsmsgsaveas, nsmsgsaveasdraft, nsmsgsaveastemplate.
... nsmsgsaveasdraft, this is a pointer to the the nsimessage object for the message that needs to be replaced const char *attachment1_type, const char *attachment1_body, pruint32 attachment1_body_length, - the full text of the first attachment is provided via `attachment1_type' `attachment1_body' and `attachment1_body_length'.
Mail event system
n.idl is a service that acts as a broadcaster for folder notifications.
...e actually only allows adding and removal of listeners - the notifications happen through the nsifolderlistener interface as well.
Adding items to the Folder Pane
item at open (rw, attribute) whether or not this container is open children (attribute) an array of child items also conforming to this spec getproperties (function) a call from getrowproperties or getcellproperties for this item will be passed into this function command (function) this function will be called when the item is double-clicked for our example extension, two different types of folder-tree-items will be defined.
...es here }, command: function gne_command() { // just going to alert, to do something here components.classes["@mozilla.org/embedcomp/prompt-service;1"] .getservice(components.interfaces.nsipromptservice) .alert(window, null, this.text); } }; second, our child items (the numbers 1, 2, and 3) are copies of the following prototype: function numberrow(anumber) { this._number = anumber; } numberrow.prototype = { get id() { return "numbers-child-row-" + this._number; }, get text() { return this._number; }, level: 1, open: false, children: [], getproperties: function gne_kid_getprops() {}, // no-op command: function gne_kid_command() { // just going to alert,...
Building a Thunderbird extension 5: XUL
without modifying the installation files.
...ar specifies the merge point within the application window that we want to attach to.
customDBHeaders Preference
ce-delimited list in the latest code!
...ome://messenger/content/messenger.xul chrome://superfluous/content/superfluous_overlay.xul install.rdf: <?xml version='1.0' encoding='utf-8'?> <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>superfluous@yoursite.com</em:id> <em:version>0.1.1</em:version> <em:type>2</em:type> <!-- 2 is type 'extension' --> <em:targetapplication> <description> <!-- this next line identifies tbird as target --> <em:id>{3550f703-e582-4d05-9a08-453d09bdfdc6}</em:id> <em:minversion>2*</em:minversion> <em:maxversion>3.0.0.*</em:maxversion> </description> </em:targetapplication> <em:name>superfluous</em:nam...
Scripting plugins - Plugins
call methods on those browser objects.
... objects.
Gecko Plugin API Reference - Plugins
plug-in basics how plug-ins are used plug-ins and helper applications how plug-ins work understanding the runtime model plug-in detection how gecko finds plug-ins checking plug-ins by mime type overview of plug-in structure understanding the plug-in api plug-ins and platform independence windowed and windowless plug-ins the default plug-in using html to display plug-ins plug-in display modes using the object element for plug-in display nesting rules for html elements using the appropriate 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 drawi...
...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 initialize and shutdown example drawing and event handling the npwindow structure drawing plug-ins printing the plug-in setting the window ...
Search - Firefox Developer Tools
searching for files to search for a particular file, press control + p (or command + p on a mac) and type the search term.
... searching for files to search for a particular file, press control + p (or command + p on a mac) and type the search term.
Use watchpoints - Firefox Developer Tools
an be useful to know when properties on objects are read or modified.
... property set property get property get or set a watchpoint icon appears to the right of the property in the scopes pane.
Tutorial: Show Allocations Per Call Path - Firefox Developer Tools
t components.utils is not defined, be sure you've selected browser from the scratchpad's environment menu, as described in step 2.) save the following html text to a file, and visit the file in your browser.
...'s environment menu, as described in step 2.) save the following html text to a file, and visit the file in your browser.
Migrating from Firebug - Firefox Developer Tools
them like the one in firebug (see bug 1226640).
...s can be static, i.e.
Throttling - Firefox Developer Tools
the network monitor allows you to throttle your network speed to emulate various connection speeds so you can see how your app will behave under different connection types.
...ection types.
Network request details - Firefox Developer Tools
}, { "name": "cache-control", "value": "private, must-revalidate, max-age=0" }, { "name": "content-disposition", "value": "inline; filename=api-result.js" }, { "name": "content-encoding", "value": "gzip" }, { "name": "content-length", "value": "673" }, { "name": "content-type", "value": "text/javascript; charset=utf-8" }, { "name": "date", "value": "tue, 11 jun 2019 13:01:39 gmt" }, { "name": "mediawiki-login-suppressed", "value": "true" }, { "name": "p3p", "value": "cp=\"this is not a p3p policy!
... "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", "value": "hhvm/3.18.6-dev" }, { "name": "x-search-id", "value": "esvan0r5bnnwscyk2wq09i1im" }, { "name...
Responsive Design Mode - Firefox Developer Tools
es by hovering over the name in the device modal, where they display in a tooltip.
...etwork connection, users may experience problems with your site if they are using a slower connection.
IndexedDB - Firefox Developer Tools
when you select an origin inside the indexed db storage type in the storage tree of the storage inspector, a table lists the details of all the databases present for that origin.
...origin inside the indexed db storage type in the storage tree of the storage inspector, a table lists the details of all the databases present for that origin.
View Source - Firefox Developer Tools
errors according to the html specification, not all parse errors are reported by view source.
...er errors relating to text (as opposed to tags, comments, or doctypes) aren't reported.
Console messages - Firefox Developer Tools
lipboard.
... number appears next to the button text to indicate how many messages of that type are available.
AbstractWorker - Web APIs
the abstractworker interface of the web workers api is an abstract interface that defines properties and methods that are common to all types of worker, including not only the basic worker, but also serviceworker and sharedworker.
...at defines properties and methods that are common to all types of worker, including not only the basic worker, but also serviceworker and sharedworker.
AddressErrors - Web APIs
the addresserrors dictionary is used by the payment request api to to report validation errors in a physical address (typically a billing address or a shipping address).
...h allowing the donation payment itself.
Animation() - Web APIs
treadonly interface, to assign to the animation.
...er effects such as sequenceeffects or groupeffects might be possible, the only kind of effect currently available is keyframeeffect.
AnimationTimeline - Web APIs
the animationtimeline interface of the web animations api represents the timeline of an animation.
... the animationtimeline interface of the web animations api represents the timeline of an animation.
ArrayBufferView - Web APIs
arraybufferview is a helper type representing any of the following javascript typedarray types: int8array, uint8array, uint8clampedarray, int16array, uint16array, int32array, uint32array, float32array, float64array or dataview.
... arraybufferview is a helper type representing any of the following javascript typedarray types: int8array, uint8array, uint8clampedarray, int16array, uint16array, int32array, uint32array, float32array, float64array or dataview.
AudioBufferSourceNode.playbackRate - Web APIs
decodeaudiodata() function is used to decode an audio track, and put it into an audiobuffersourcenode.
... example live (or view the source.) play the song and alter the playback rate for some fun results.
AudioContext.createJavaScriptNode() - Web APIs
utputchannels the number of output channels in the audio stream.
...text) { var that = this; this.x = 0; // initial sample number this.context = context; this.node = context.createjavascriptnode(1024, 1, 1); this.node.onaudioprocess = function(e) { that.process(e) }; } sinewave.prototype.process = function(e) { var data = e.outputbuffer.getchanneldata(0); for (var i = 0; i < data.length; ++i) { data[i] = math.sin(this.x++); } } sinewave.prototype.play = function() { this.node.connect(this.context.destination); } sinewave.prototype.pause = function() { this.node.disconnect(); } see also generating tones with the web audio api exploring the html5 web audio: visualizing sound ...
AudioContextOptions - Web APIs
the audiocontextoptions dictionary is used to specify configuration options when constructing a new audiocontext object to represent a graph of web audio nodes.
...ond.
AudioParam.setValueCurveAtTime() - Web APIs
into the given interval starting at starttime and a specific duration.
...lues are spaced equally along this duration.
AudioTrackList: change event - Web APIs
udio track is enabled or disabled, for example by changing the track's enabled property.
...ger the `change` event const toggletrackbutton = document.queryselector('.toggle-track'); toggletrackbutton.addeventlistener('click', () => { const track = videoelement.audiotracks[0]; track.enabled = !track.enabled; }); using the onchange event handler property: const videoelement = document.queryselector('video'); videoelement.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'...
AuthenticatorResponse.clientDataJSON - Web APIs
esponse, specifically authenticatorattestationresponse or authenticatorassertionresponse.
...bsent, it would indicate that the client does not support token binding.
BaseAudioContext.createBiquadFilter() - Web APIs
the createbiquadfilter() method of the baseaudiocontext interface creates a biquadfilternode, which represents a second order filter configurable as several different common filter types.
... = audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(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.setvalueattime(1000, audioctx.currenttime); biquadfilter.gain.setvalueattime(25, audioctx.currenttime); specifications specification status comment web audio apithe definition of 'createbiquadfilter()' in that specification.
BaseAudioContext.decodeAudioData() - Web APIs
rror callback, to be invoked if an error occurs when the audio data is being decoded.
...ript'); var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); // use xhr to load an audio track, and // decodeaudiodata to decode it and stick it in a buffer.
BasicCardRequest.supportedNetworks - Web APIs
legal values are defined in the w3c's document card network identifiers approved for use with payment request api, and are currently: amex cartebancaire diners discover jcb mastercard mir unionpay visa example the following example shows a sample definition of the first parameter of the paymentrequest() constructor, the data property of which contains supportednetworks and supportedtypes properties.
...owing example shows a sample definition of the first parameter of the paymentrequest() constructor, the data property of which contains supportednetworks and supportedtypes properties.
Using the Beacon API - Web APIs
n requests are guaranteed to be initiated before the page unloads.
...livery, the method returns true and returns false otherwise.
Beacon API - Web APIs
sult in the perception of poor page load performance for the next navigation.
..., domstring, or formdata.
Blob.size - Web APIs
Web › API › Blob › size
the blob interface's size property returns the size of the blob or file in bytes.
...ns the size of the blob or file in bytes.
Body.blob() - Web APIs
Web › API › Body › blob
the blob() method of the body mixin takes a response stream and reads it to completion.
... the blob() method of the body mixin takes a response stream and reads it to completion.
BroadcastChannel: message event - Web APIs
le no interface messageevent event handler property onmessage examples live example in this example there's a "sender" <iframe> that broadcasts the contents of a <textarea> when the user clicks a button.
...sender" <iframe> that broadcasts the contents of a <textarea> when the user clicks a button.
BroadcastChannel.onmessage - Web APIs
the broadcastchannel.onmessage event handler is a property that specifies the function to execute when a message event, of type messageevent, is received by this broadcastchannel.
...nt by the browser with a message broadcasted to the channel.
BroadcastChannel - Web APIs
erties this interface also inherits properties from its parent, eventtarget.
...y that specifies the function to execute when a message event is fired on this object.
BufferSource - Web APIs
buffersource is a typedef used to represent objects that are either themselves an arraybuffer, or which are a typedarray providing an arraybufferview.
... buffersource is a typedef used to represent objects that are either themselves an arraybuffer, or which are a typedarray providing an arraybufferview.
CSSImageValue - Web APIs
the cssimagevalue interface of the css typed object model api represents values for properties that take an image, for example background-image, list-style-image, or border-image-source.
...nst 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.
CSSKeywordValue - Web APIs
the csskeywordvalue interface of the the css typed object model api creates an object to represent css keywords and other identifiers.
...iv 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 - Web APIs
the cssmathproduct interface of the css typed object model api represents the result obtained by calling add(), sub(), or tosum() on cssnumericvalue.
...t model api represents the result obtained by calling add(), sub(), or tosum() on cssnumericvalue.
CSSPrimitiveValue - Web APIs
fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="206" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">cssprimitivevalue</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, cssvalue.
...><text x="206" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">cssprimitivevalue</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, cssvalue.
CSSStyleSheet.insertRule() - Web APIs
s a new css rule into the current style sheet, with some restrictions.
...s a backslash, then isescaped // gets flipped (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.
CSSStyleValue - Web APIs
the cssstylevalue interface of the the css typed object model api is the base class of all css values accessible through the typed om api.
...ods cssstylevalue.parse() sets a specific css property to the specified values and returns the first value as a cssstylevalue object.
CSSUnitValue.unit - Web APIs
Web › API › CSSUnitValue › unit
the cssunitvalue.unit read-only property of the cssunitvalue interface returns a usvstring indicating the type of unit.
... value a usvstring.
CSSUnparsedValue.entries() - Web APIs
the cssunparsedvalue.entries() method returns an array of a given object's own enumerable property [key, value] pairs in the same order as that provided by a for...in loop (the difference being that a for-in loop enumerates properties in the prototype chain as well).
...a for-in loop enumerates properties in the prototype chain as well).
CSSValue - Web APIs
Web › API › CSSValue
the cssvalue interface represents the current computed value of a css property.
... the cssvalue interface represents the current computed value of a css property.
CSSVariableReferenceValue - Web APIs
the cssvariablereferencevalue interface of the css typed object model api allows you to create a custom name for a built-in css value.
... cssvariablereferencevalue.cssvariablereferencevalue() creates a new cssvariablereferencevalue object.
CSS Object Model (CSSOM) - Web APIs
nestyle fontface fontfaceset fontfacesetloadevent geometryutils getstyleutils linkstyle medialist mediaquerylist mediaquerylistevent mediaquerylistlistener screen stylesheet stylesheetlist transitionevent several other interfaces are also extended by the cssom-related specifications: document, window, element, htmlelement, htmlimageelement, range, mouseevent, and svgelement.
...nparsedvalue cssvariablereferencevalue stylepropertymap stylepropertymapreadonly obsolete cssom interfaces cssprimitivevalue cssvalue cssvaluelist tutorials determining the dimensions of elements (it needs some updating as it was made in the dhtml/ajax era).
CSS Painting API - Web APIs
static get inputproperties() { return ['--boxcolor']; } static get inputarguments() { return ['*','<length>']; } static get contextoptions() { return {alpha: true}; } paint(ctx, size, props, args) { const x = 0; const y = size.height * 0.3; const blockwidth = size.width * 0.33; const blockheight = size.height * 0.85; const thecolor = props.get( '--boxcolor' ); const stroketype = args[0].tostring(); const strokewidth = parseint(args[1]); console.log(thecolor); if ( strokewidth ) { ctx.linewidth = strokewidth; } else { ctx.linewidth = 1.0; } if ( stroketype === 'stroke' ) { ctx.fillstyle = 'transparent'; ctx.strokestyle = thecolor; } else if ( stroketype === 'filled' ) { ctx.fillstyle = thecolor; ctx.strokestyle = thecolor; } else {...
...i> <li>item 16</li> <li>item 17</li> <li>item 18</li> <li>item 19</li> <li>item 20</li> </ul> css.paintworklet.addmodule('https://mdn.github.io/houdini-examples/csspaint/intro/worklets/hilite.js'); then we can use the <image> with the css paint() function: li { --boxcolor: hsla(55, 90%, 60%, 1.0); background-image: paint(hollowhighlights, stroke, 2px); } li:nth-of-type(3n) { --boxcolor: hsla(155, 90%, 60%, 1.0); background-image: paint(hollowhighlights, filled, 3px); } li:nth-of-type(3n+1) { --boxcolor: hsla(255, 90%, 60%, 1.0); background-image: paint(hollowhighlights, stroke, 1px); } we've included a custom property in the selector block defining a boxcolor.
CSS Properties and Values API - Web APIs
the css properties and values api — part of the css houdini umbrella of apis — allows developers to explicitly define their css custom properties, allowing for property type checking, default values, and properties that do or do not inherit their value.
...rties that do or do not inherit their value.
Cache.add() - Web APIs
Web › API › Cache › add
the add() method of the cache interface takes a url, retrieves it, and adds the resulting response object to the given cache.
...erwrite any key/value pair previously stored in the cache that matches the request.
Cache.put() - Web APIs
Web › API › Cache › put
f the cache interface allows key/value pairs to be added to the current cache object.
... opaque responses, whereas cache.put can.
CanvasRenderingContext2D.addHitRegion() - Web APIs
troke(); edit the code below to see your changes update live in the canvas.
... update live in the canvas.
CanvasRenderingContext2D.miterLimit - Web APIs
er limit ratio, in coordinate space units.
...egative, infinity, and nan values are ignored.
CanvasRenderingContext2D.scrollPathIntoView() - Web APIs
ew() method.
...elementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.fillrect(10, 10, 30, 30); ctx.scrollpathintoview(); edit the code below to see your changes update live in the canvas: playable code <canvas id="canvas" width="400" height="200" class="playable-canvas"> <input id="button" type="range" min="1" max="12"> </canvas> <div class="playable-buttons"> <input id="edit" type="button" value="edit" /> <input id="reset" type="button" value="reset" /> </div> <textarea id="code" class="playable-code"> ctx.beginpath(); ctx.rect(10, 10, 30, 30); ctx.scrollpathintoview();</textarea> var canvas = document.getelementbyid("canvas"); var ctx = canvas.getcontext("2d"); var textarea = document.getelementbyid("code"); var reset = document.getelementbyid("reset"); var edit = doc...
CanvasRenderingContext2D - Web APIs
s) a given text at the given (x, y) position.
...) position.
Manipulating video using canvas - Web APIs
by combining the capabilities of the video element with a canvas, you can manipulate video data in real time to incorporate a variety of visual effects to the video being displayed.
... border :1px solid #444444; padding:10px; margin: 10px; background:#3b3b3b; } </style> </head> <body> <div> <video id="video" src="media/video.mp4" controls="true" crossorigin="anonymous"/> </div> <div> <canvas id="c1" width="160" height="96"></canvas> <canvas id="c2" width="160" height="96"></canvas> </div> <script type="text/javascript" src="processor.js"></script> </body> </html> the key bits to take away from this are: this document establishes two canvas elements, with the ids c1 and c2.
Basic animations - Web APIs
); } } // draw image ctx.drawimage(img, x, y,imgw, imgh); // amount to move x += dx; } below is the <canvas> in which the image is scrolled.
...t> <style> #cw { position: fixed; z-index: -1; } body { margin: 0; padding: 0; background-color: rgba(0,0,0,0.05); } </style> </head> <body> <canvas id="cw"></canvas> </body> </html> output snake game <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>nokia 1100:snake..member berries</title> </head> <body> <div class="keypress hide"> <div class="up" onclick="emit(38)">&#8593;</div> <div class="right" onclick="emit(39)">&#8594;<...
Drawing text - Web APIs
es the various baselines supported by the textbaseline property.
...line property.
Using images - Web APIs
ource!
...ed using the image() constructor, as well as any <img> element.
ChildNode.replaceWith() - Web APIs
10+ and higher with the following code: function replacewithpolyfill() { 'use-strict'; // for safari, and ie > 10 var parent = this.parentnode, i = arguments.length, currentnode; if (!parent) return; if (!i) // if there are no arguments parent.removechild(this); while (i--) { // i-- decrements i and returns the value of i before the decrement currentnode = arguments[i]; if (typeof currentnode !== 'object'){ currentnode = this.ownerdocument.createtextnode(currentnode); } else if (currentnode.parentnode){ currentnode.parentnode.removechild(currentnode); } // the value of "i" below is after the decrement if (!i) // if currentnode is the first argument (currentnode === arguments[0]) parent.replacechild(currentnode, this); else // if curr...
...se if (currentnode.parentnode){ currentnode.parentnode.removechild(currentnode); } // the value of "i" below is after the decrement if (!i) // if currentnode is the first argument (currentnode === arguments[0]) parent.replacechild(currentnode, this); else // if currentnode isn't the first parent.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 th...
Client - Web APIs
Web › API › Client
nts an executable context such as a worker, or a sharedworker.
... as a worker, or a sharedworker.
Clients.matchAll() - Web APIs
Web › API › Clients › matchAll
ptional an options object allowing you to set options for the matching operation.
...ions object allowing you to set options for the matching operation.
Clipboard.read() - Web APIs
Web › API › Clipboard › read
the "clipboard-read" feature.
... if the user will // be prompted to allow it, we proceed.
Clipboard.write() - Web APIs
Web › API › Clipboard › write
setclipboard(text) { let data = [new clipboarditem({ "text/plain": text })]; navigator.clipboard.write(data).then(function() { /* success */ }, function() { /* failure */ }); } the code begins by creating a new clipboarditem object into which the text will be placed for sending to the clipboard.
...he value indicates the content.
ClipboardItem() - Web APIs
s a new clipboarditem object which represents data to be stored or retrieved via the clipboard api, that is clipboard.write() and clipboard.read() respectively.
...esponses' blob() method, to create a new clipboarditem and write it to the clipboard, using the clipboard api.
CompositionEvent.CompositionEvent() - Web APIs
the compositionevent() constructor creates a new compositionevent object instance.
... the compositionevent() constructor creates a new compositionevent object instance.
Console.table() - Web APIs
Web › API › Console › table
ect) will be a row in the table.
... web workers.
ConstrainBoolean - Web APIs
ues for other properties.
...atus comment media capture and streamsthe definition of 'constrainboolean' in that specification.
Constraint validation API - Web APIs
tion api is done either on a single form element or at the form level, on the <form> element itself.
...s not valid — when a message is set, the validity state is set to invalid.
ContentIndex.getAll() - Web APIs
ent service worker.
...tegory: optional a string defining the category of content.
Credential - Web APIs
the credential interface of the the credential management api provides information about an entity as a prerequisite to a trust decision.
... the credential interface of the the credential management api provides information about an entity as a prerequisite to a trust decision.
CredentialsContainer.get() - Web APIs
st collects all credentials in the credentialscontainer that meet the necessary criteria (defined in the options argument).
...ethod for each credential type allowed by the options argument.
CustomElementRegistry.define() - Web APIs
the define() method of the customelementregistry interface defines a new custom element.
... notsupportederror the customelementregistry already contains an entry with the same name or the same constructor (or is otherwise already defined), or extends is specified and it is a valid custom element name, or extends is specified but the element it is trying to extend is an unknown element.
CustomEvent.initCustomEvent() - Web APIs
the event before it is dispatched, using eventtarget.dispatchevent().
...dispatchevent().
DOMConfiguration - Web APIs
note: this interface has never been supported in gecko, and has been removed from the dom specification.
... note: this interface has never been supported in gecko, and has been removed from the dom specification.
DOMMatrix - Web APIs
Web › API › DOMMatrix
ying the specified skew transformation along the y-axis.
... array has six values, the result is a 2d matrix; if the array has 16 values, the result is a 3d matrix.
DOMMatrixReadOnly - Web APIs
by default, the vector is (0, 0, 0).
... array has six values, the result is a 2d matrix; if the array has 16 values, the result is a 3d matrix.
DOMObject - Web APIs
Web › API › DOMObject
the obsolete domobject interface was used in earlier versions of the dom specification as the base class for any object data type.
... the obsolete domobject interface was used in earlier versions of the dom specification as the base class for any object data type.
Binary strings - Web APIs
Web › API › DOMString › Binary
raw binary data.
...es from the data buffer (i.e., using binary strings).
DOMUserData - Web APIs
domuserdata refers to application data.
...data refers to application data.
DeprecationReportBody - Web APIs
line in the source file in which the deprecated feature was used, if known, or null otherwise.
...ch takes the observer callback's reports parameter as its parameter: function displayreports(reports) { const outputelem = document.queryselector('.output'); const list = document.createelement('ul'); outputelem.appendchild(list); for(let i = 0; i < reports.length; i++) { let listitem = document.createelement('li'); let textnode = document.createtextnode('report ' + (i + 1) + ', type: ' + reports[i].type); listitem.appendchild(textnode); let innerlist = document.createelement('ul'); listitem.appendchild(innerlist); list.appendchild(listitem); for (let key in reports[i].body) { let innerlistitem = document.createelement('li'); let keyvalue = reports[i].body[key]; innerlistitem.textcontent = key + ': ' + keyvalue; innerlist.appendchi...
DeviceMotionEvent.DeviceMotionEvent() - Web APIs
the devicemotionevent constructor creates a new devicemotionevent.
... the devicemotionevent constructor creates a new devicemotionevent.
DeviceOrientationEvent.DeviceOrientationEvent() - Web APIs
the deviceorientationevent constructor creates a new deviceorientationevent.
... the deviceorientationevent constructor creates a new deviceorientationevent.
DirectoryEntrySync - Web APIs
issue.
...issue.
DisplayMediaStreamConstraints - Web APIs
the displaymediastreamconstraints dictionary is used to specify whether or not to include video and/or audio tracks in the mediastream to be returned by getdisplaymedia(), as well as what type of processing must be applied to the tracks.
... to the mediastream.
Document.createElement() - Web APIs
in an html document, the document.createelement() method creates the html element specified by tagname, or an htmlunknownelement if tagname isn't recognized.
..."null").
Document.createElementNS() - Web APIs
pace uri, use the createelement() method.
...pends it to the vbox element.
Document.createProcessingInstruction() - Web APIs
— it should be a valid xml name that doesn't contain "xml", "xml", or any case combination of the two, other than standardized ones such as <?xml-stylesheet ?>.
... the closing processing instruction sequence (?>) is part of the data.
Document.getElementsByClassName() - Web APIs
and 'test' classes: document.getelementsbyclassname('red test') get all elements that have a class of 'test', inside of an element that has the id of 'main': document.getelementbyid('main').getelementsbyclassname('test') get the first element with a class of 'test', or undefined if there is no matching element: document.getelementsbyclassname('test')[0] we can also use methods of array.prototype on any htmlcollection by passing the htmlcollection as the method's this value.
...irst element with a class of 'test', or undefined if there is no matching element: document.getelementsbyclassname('test')[0] we can also use methods of array.prototype on any htmlcollection by passing the htmlcollection as the method's this value.
Document.getElementsByTagNameNS() - Web APIs
elements matching the tag name parameter.
...ad of the xpath in the function below (as explorer supports xpath with a different api), such as this wrapper class.) function getelementsbytagnamenswrapper (ns, elname, doc, context) { if (!doc) { doc = 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.head - Web APIs
Web › API › Document › head
the head read-only property of the document interface returns the <head> element of the current document.
... <!doctype html> <head id="my-document-head"> <title>example: using document.head</title> </head> <script> var thehead = document.head; console.log(thehead.id); // "my-document-head"; console.log( thehead === document.queryselector("head") ); // true </script> notes document.head is read-only.
Example - Web APIs
<html> <head> <title>my document</title> <script type="text/javascript"> function change() { // document.getelementsbytagname("h1") returns a nodelist of the h1 // elements in the document, and the first is number 0: var header = document.getelementsbytagname("h1").item(0); // the firstchild of the header is a text node: header.firstchild.data = "a dynamic document"; // now the header is "a dynamic document".
...); // create a new element to be the second paragraph var newelement = document.createelement("p"); // put the text in the paragraph newelement.appendchild(newtext); // and put the paragraph on the end of the document by appending it to // the body (which is the parent of para) para.parentnode.appendchild(newelement); } </script> </head> <body> <input type="button" value="change this document." onclick="change()"> <h1>header</h1> <p>paragraph</p> </body> </head> ...
Using the W3C DOM Level 1 Core - Web APIs
the w3c's dom level 1 core is an api for manipulating the dom trees of html and xml documents (among other tree-like types of documents).
...ge authors to edit the dom of a document is to use javascript to access the document property of the global object.
DragEvent - Web APIs
Web › API › DragEvent
r read only the data that is transferred during a drag and drop interaction.
... for the dragexit event.
EXT_disjoint_timer_query - Web APIs
.
...ng extensions in the webgl tutorial.
EffectTiming.duration - Web APIs
ke.
...infinity).
Element: DOMActivate event - Web APIs
bbles yes cancelable yes interface mouseevent examples <svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseprofile="tiny" xmlns:ev="http://www.w3.org/2001/xml-events" width="6cm" height="5cm" viewbox="0 0 600 500"> <desc>example: invoke an ecmascript function from a domactivate event</desc> <!-- ecmascript to change the radius --> <script type="application/ecmascript"><![cdata[ function change(evt) { var circle = evt.target; var currentradius = circle.getfloattrait("r"); if (currentradius == 100) circle.setfloattrait("r", currentradius * 2); else circle.setfloattrait("r", currentradius * 0.5); } ]]></script> <!-- act on each domactivate event --> <circle cx="300" cy="225" r="100" f...
..."><![cdata[ function change(evt) { var circle = evt.target; var currentradius = circle.getfloattrait("r"); if (currentradius == 100) circle.setfloattrait("r", currentradius * 2); else circle.setfloattrait("r", currentradius * 0.5); } ]]></script> <!-- act on each domactivate event --> <circle cx="300" cy="225" r="100" fill="red"> <handler type="application/ecmascript" ev:event="domactivate"> change(evt); </handler> </circle> <text x="300" y="480" font-family="verdana" font-size="35" text-anchor="middle"> activate the circle to change its size </text> </svg> specifications specification status ui eventsthe definition of 'domactivate' in that specification.
Element.currentStyle - Web APIs
eturns the units set in css while window.getcomputedstyle() returns the values in pixels.
...mputedstyle() returns the values in pixels.
Element: error event - Web APIs
n execution error or an image can't be found or is invalid.
...ent-log { grid-area: log; } .event-log-contents { resize: none; } label, button { display: block; } button { height: 2rem; margin: .5rem; } img { width: 0; height: 0; } js const log = document.queryselector('.event-log-contents'); const 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: focusin event - Web APIs
t to receive focus.
... this event and focus is that focusin bubbles while focus does not.
Element: focusout event - Web APIs
bout to lose focus.
... this event and blur is that focusout bubbles while blur does not.
Element.getAttributeNames() - Web APIs
array.
...bute(), is a memory-efficient and performant alternative to accessing element.attributes.
Element.getElementsByClassName() - Web APIs
h > 0) { matches.item(0).classlist.add('hueframe'); matches[0].classlist.remove('colorbox'); } this code finds descendant elements with the "colorbox" class, adds the class "hueframe", by calling item(0), then removes "colorbox" (using array notation).
...(using array notation).
Element.innerHTML - Web APIs
Web › API › Element › innerHTML
are replaced with a display of the page's entire source code.
...the log output by getting the current time from a date object using tolocaletimestring(), and building a string with the timestamp and the message text.
Element: keypress event - Web APIs
t bubbles yes cancelable yes default action varies: keypress event; launch text composition system; blur and focus events; domactivate event; other event examples addeventlistener keypress example this example logs the keyboardevent.code value whenever you press a key after focussing the <input> element.
... cancelable yes default action varies: keypress event; launch text composition system; blur and focus events; domactivate event; other event examples addeventlistener keypress example this example logs the keyboardevent.code value whenever you press a key after focussing the <input> element.
Element.msZoomTo() - Web APIs
Web › API › Element › msZoomTo
y change in the future.
...point of the viewport to the element's contenty value.
Element.name - Web APIs
Web › API › Element › name
he document.getelementsbyname() method, a form and with the form elements collection.
...form and with the form elements collection.
Element.requestFullscreen() - Web APIs
icates that the browser should decide what to do.
... browser should decide what to do.
Element.scrollHeight - Web APIs
ortor.
...justo a diam vestibulum vel aliquam nisi ornare.
Element.setCapture() - Web APIs
api.
...e at descendants of this element.
ElementTraversal - Web APIs
the elementtraversal interface used to define methods that allowed access from one node to another in the document tree.
...enttraversal interface used to define methods that allowed access from one node to another in the document tree.
Comparison of Event Targets - Web APIs
the event, before any retargetings.
...= e.relatedtarget; } document.addeventlistener('click', handleclicks, false); document.addeventlistener('mouseover', handlemouseover, false); </script> </body> </html> use of target and relatedtarget the relatedtarget property for the mouseover event holds the node that the mouse was previously over.
Event() - Web APIs
Web › API › Event › Event
the event() constructor creates a new event.
... the event() constructor creates a new event.
Event.preventDefault() - Web APIs
from happening: javascript document.queryselector("#id-checkbox").addeventlistener("click", function(event) { document.getelementbyid("output-box").innerhtml += "sorry!
...box"></div> result stopping keystrokes from reaching an edit field the following example demonstrates how invalid text input can be stopped from reaching the input field with preventdefault().
Event - Web APIs
Web › API › Event
e dom.
...r web compatibility purposes.
EventSource - Web APIs
ewelement); } each received event causes our eventsource object's onmessage event handler to be run.
...meid * */ sse.addeventlistener("notice", function(e) { console.log(e.data) }) /* similarly, this will listen for events * with the field `event: update` */ sse.addeventlistener("update", function(e) { console.log(e.data) }) /* the event "message" is a special case, as it * will capture events without an event field * as well as events that have the specific type * `event: message` it will not trigger on any * other event type.
ExtendableMessageEvent.data - Web APIs
the data read-only property of the extendablemessageevent interface returns the event's data.
... the data read-only property of the extendablemessageevent interface returns the event's data.
FetchEvent() - Web APIs
the fetchevent() constructor creates a new fetchevent object.
... the fetchevent() constructor creates a new fetchevent object.
Fetch basic concepts - Web APIs
ture of headers objects, with possible values of immutable, request, request-no-cors, response, or none, depending on where the header is used.
...new object's type creating constructor guard setting of associated headers object request request() request request() with mode of no-cors request-no-cors response response() response error() or redirect() methods immutable a header's guard affects the set(), delete(), and append() methods which change the header's contents.
FileReader: abort event - Web APIs
ed when a read has been aborted: for instance because the program called filereader.abort().
... black; margin: .2rem; padding: .2rem; } .example { display: grid; grid-template-areas: "select log" "preview log"; } .file-select { grid-area: select; } .preview { grid-area: preview; } .event-log { grid-area: log; } .event-log>label { display: block; } .event-log-contents { resize: none; } js const fileinput = document.queryselector('input[type="file"]'); const preview = document.queryselector('img.preview'); const eventlog = document.queryselector('.event-log-contents'); const reader = new filereader(); function handleevent(event) { eventlog.textcontent = eventlog.textcontent + `${event.type}: ${event.loaded} bytes transferred\n`; if (event.type === "load") { preview.src = reader.result; } } function addlisteners...
FileReader: load event - Web APIs
the load event is fired when a file has been read successfully.
... black; margin: .2rem; padding: .2rem; } .example { display: grid; grid-template-areas: "select log" "preview log"; } .file-select { grid-area: select; } .preview { grid-area: preview; } .event-log { grid-area: log; } .event-log>label { display: block; } .event-log-contents { resize: none; } js const fileinput = document.queryselector('input[type="file"]'); const preview = document.queryselector('img.preview'); const eventlog = document.queryselector('.event-log-contents'); const reader = new filereader(); function handleevent(event) { eventlog.textcontent = eventlog.textcontent + `${event.type}: ${event.loaded} bytes transferred\n`; if (event.type === "load") { preview.src = reader.result; } } function addlisteners...
FileReader: loadend event - Web APIs
the loadend event is fired when a file read has completed, successfully or not.
... black; margin: .2rem; padding: .2rem; } .example { display: grid; grid-template-areas: "select log" "preview log"; } .file-select { grid-area: select; } .preview { grid-area: preview; } .event-log { grid-area: log; } .event-log>label { display: block; } .event-log-contents { resize: none; } js const fileinput = document.queryselector('input[type="file"]'); const preview = document.queryselector('img.preview'); const eventlog = document.queryselector('.event-log-contents'); const reader = new filereader(); function handleevent(event) { eventlog.textcontent = eventlog.textcontent + `${event.type}: ${event.loaded} bytes transferred\n`; if (event.type === "load") { preview.src = reader.result; } } function addlisteners...
FileReader: loadstart event - Web APIs
the loadstart event is fired when a file read operation has begun.
... black; margin: .2rem; padding: .2rem; } .example { display: grid; grid-template-areas: "select log" "preview log"; } .file-select { grid-area: select; } .preview { grid-area: preview; } .event-log { grid-area: log; } .event-log>label { display: block; } .event-log-contents { resize: none; } js const fileinput = document.queryselector('input[type="file"]'); const preview = document.queryselector('img.preview'); const eventlog = document.queryselector('.event-log-contents'); const reader = new filereader(); function handleevent(event) { eventlog.textcontent = eventlog.textcontent + `${event.type}: ${event.loaded} bytes transferred\n`; if (event.type === "load") { preview.src = reader.result; } } function addlisteners...
FileReader: progress event - Web APIs
the progress event is fired periodically as the filereader reads data.
... black; margin: .2rem; padding: .2rem; } .example { display: grid; grid-template-areas: "select log" "preview log"; } .file-select { grid-area: select; } .preview { grid-area: preview; } .event-log { grid-area: log; } .event-log>label { display: block; } .event-log-contents { resize: none; } js const fileinput = document.queryselector('input[type="file"]'); const preview = document.queryselector('img.preview'); const eventlog = document.queryselector('.event-log-contents'); const reader = new filereader(); function handleevent(event) { eventlog.textcontent = eventlog.textcontent + `${event.type}: ${event.loaded} bytes transferred\n`; if (event.type === "load") { preview.src = reader.result; } } function addlisteners...
FileReader.result - Web APIs
Web › API › FileReader › result
lid after the read operation is complete, and the format of the data depends on which of the methods was used to initiate the read operation.
...is text in a string.
FileSystemFileEntry.createWriter() - Web APIs
ying to create the filewriter.
...g to the passed-in directory entry.
FileSystemFlags.create - Web APIs
oryentry.getdirectory().
... result create exclusive false n/a[1] path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
FileSystemFlags.exclusive - Web APIs
entry.getdirectory().
... result create exclusive false n/a[1] path exists and matches the desired type (depending on whether the function called is getfile() or getdirectory() the successcallback is called with a filesystemfileentry if getfile() was called or a filesystemdirectoryentry if getdirectory() was called.
FileHandle API - Web APIs
s an indexeddb database.
...lain/text"); buildhandle.onsuccess = function(){ var myfilehandle = this.result; console.log('handle', myfilehandle); }; }; mozcreatefilehandle() takes two arguments: a name and an optional type.
Introduction to the File and Directory Entries API - Web APIs
offline web mail client the client downloads attachments and stores them locally.
...app cannot share the same file at the same time.
FocusEvent() - Web APIs
the focusevent() constructor returns a newly created focusevent object with an optional eventtarget.
... the focusevent() constructor returns a newly created focusevent object with an optional eventtarget.
FormDataEvent() - Web APIs
the formdataevent() constructor creates a new formdataevent object instance.
... the formdataevent() constructor creates a new formdataevent object instance.
GamepadButton - Web APIs
the gamepadbutton interface defines an individual button of a gamepad or other controller, allowing access to the current state of different types of buttons available on the control device.
... on github.) note the code fork — in chrome navigator.getgamepads needs a webkit prefix and the button values are stored as an array of double values, whereas in firefox navigator.getgamepads doesn't need a prefix, and the button values are stored as an array of gamepadbutton objects; it is the gamepadbutton.value or gamepadbutton.pressed properties of these we need to access, depending on what type of buttons they are.
GamepadEvent() - Web APIs
the gamepadevent() constructor creates a new gamepadevent object.
... the gamepadevent() constructor creates a new gamepadevent object.
GamepadHapticActuator - Web APIs
the gamepadhapticactuator interface of the gamepad api represents hardware in the controller designed to provide haptic feedback to the user (if available), most commonly vibration hardware.
... the gamepadhapticactuator interface of the gamepad api represents hardware in the controller designed to provide haptic feedback to the user (if available), most commonly vibration hardware.
Using the Geolocation API - Web APIs
other bits of information from a geolocationcoordinates object, including altitude, speed, what direction the device is facing, and an accuracy measure of the altitude, longitude, and latitude data.
...tes object, including altitude, speed, what direction the device is facing, and an accuracy measure of the altitude, longitude, and latitude data.
GlobalEventHandlers.onchange - Web APIs
t handler is not necessarily called for each alteration to an element's value.
...ily called for each alteration to an element's value.
GlobalEventHandlers.oninput - Web APIs
ninput, the onchange event handler is not necessarily called for each alteration to an element's value.
...t handler is not necessarily called for each alteration to an element's value.
GlobalEventHandlers.oninvalid - Web APIs
target.oninvalid = functionref; var functionref = target.oninvalid; value functionref is a function name or a function expression.
...nref = target.oninvalid; value functionref is a function name or a function expression.
GlobalEventHandlers.onplay - Web APIs
mixin is the eventhandler for processing play events.
...events.
GlobalEventHandlers.onsubmit - Web APIs
e user submits a form.
...bmit = functionref; value functionref is a function name or a function expression.
HTMLAnchorElement.relList - Web APIs
the htmlanchorelement.rellist read-only property reflects the rel attribute.
...ly, meaning you can't substitute the domtokenlist with another one, but its contents can still be changed.
HTMLDialogElement: cancel event - Web APIs
wish to dismiss the current open dialog.
...ton> <div class="result"></div> css button, div { margin: .5rem; } js const result = document.queryselector('.result'); const dialog = document.queryselector('.example-dialog'); dialog.addeventlistener('cancel', (event) => { result.textcontent = 'dialog was canceled'; }); const opendialog = document.queryselector('.open-dialog'); opendialog.addeventlistener('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 livi...
HTMLDialogElement: close event - Web APIs
the close event is fired on an htmldialogelement object when the dialog it represents has been closed.
...utton> <div class="result"></div> css button, div { margin: .5rem; } js const result = document.queryselector('.result'); const dialog = document.queryselector('.example-dialog'); dialog.addeventlistener('close', (event) => { result.textcontent = 'dialog was closed'; }); const opendialog = document.queryselector('.open-dialog'); opendialog.addeventlistener('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 s...
HTMLFormElement.requestSubmit() - Web APIs
the htmlformelement method requestsubmit() requests that the form be submitted using a specific submit button.
... button.
HTMLFormElement: reset event - Web APIs
bubbles yes (although specified as a simple event that doesn't bubble) cancelable yes interface event event handler property globaleventhandlers.onreset examples this example uses eventtarget.addeventlistener() to listen for form resets, and logs the current event.timestamp whenever that occurs.
...a simple event that doesn't bubble) cancelable yes interface event event handler property globaleventhandlers.onreset examples this example uses eventtarget.addeventlistener() to listen for form resets, and logs the current event.timestamp whenever that occurs.
HTMLInputElement: invalid event - Web APIs
not checked on blur.
...id value, the submittable elements are checked and, if an error is found, the invalid event will fire on the invalid element.
HTMLInputElement.multiple - Web APIs
the htmlinputelement.multiple property indicates if an input can have more than one value.
... the htmlinputelement.multiple property indicates if an input can have more than one value.
HTMLInputElement.webkitEntries - Web APIs
the read-only webkitentries property of the htmlinputelement interface contains an array of file system entries (as objects based on filesystementry) representing files and/or directories selected by the user using an <input> element of type file, but only if that selection was made using drag-and-drop: selecting a file in the dialog will leave the property empty (bug 1326031).
... objects based on filesystementry, each representing one file which is selected in the <input> element.
HTMLOListElement - Web APIs
: all;} properties inherits properties from its parent, htmlelement.
...ies from its parent, htmlelement.
HTMLSelectElement - Web APIs
ption> element.
...ed.
HTMLStyleElement - Web APIs
e mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlstyleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and implements linkstyle.
...anchor="middle" alignment-baseline="middle">htmlstyleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement, and implements linkstyle.
HTMLTableElement - Web APIs
ing containing the width in pixels of the horizontal and vertical sapce between cell content and cell borders.
...tical separation between cells.
HTMLTextAreaElement - Web APIs
set, the control behaves as if setselectionrange() had been called with this as the first argument, and selectionend as the second argument.
...ping: javascript function autogrow (ofield) { if (ofield.scrollheight > ofield.clientheight) { ofield.style.height = ofield.scrollheight + "px"; } } css textarea.noscrollbars { overflow: hidden; width: 300px; height: 100px; } html <form> <fieldset> <legend>your comments</legend> <p><textarea class="noscrollbars" onkeyup="autogrow(this);"></textarea></p> <p><input type="submit" value="send" /></p> </fieldset> </form> insert html tags example insert some html tags or smiles or any custom text in a textarea.
Using microtasks in JavaScript with queueMicrotask() - Web APIs
sly reducing the risk of user-discernible delays in operations.
... cached fetching data data fetched loaded data fetching data loaded data data fetched even worse, sometimes the element's data property will be set and other times it won't be by the time this code finishes running.
HashChangeEvent - Web APIs
event if ( "onhashchange" in window.document.body ) { return; } var location = window.location, oldurl = location.href, oldhash = location.hash; // check the location hash on a 100ms interval setinterval(function() { var newurl = location.href, newhash = location.hash; // if the hash has changed and a handler has been bound...
...url = location.href, oldhash = location.hash; // check the location hash on a 100ms interval setinterval(function() { var newurl = location.href, newhash = location.hash; // if the hash has changed and a handler has been bound...
Headers.append() - Web APIs
Web › API › Headers › append
sponse header names.
...d(name, value); parameters name the name of the http header you want to add to the headers object.
Headers.entries() - Web APIs
Web › API › Headers › entries
the headers.entries() method returns an iterator allowing to go through all key/value pairs contained in this object.
...d is available in web workers.
Headers.keys() - Web APIs
Web › API › Headers › keys
the headers.keys() method returns an iterator allowing to go through all keys contained in this object.
...bytestring objects.
IDBCursor.advance() - Web APIs
Web › API › IDBCursor › advance
the advance() method of the idbcursor interface sets the number of times a cursor should move its position forward.
...ursor should move its position forward.
IDBCursor.key - Web APIs
Web › API › IDBCursor › key
the key read-only property of the idbcursor interface returns the key for the record at the cursor's position.
... the key read-only property of the idbcursor interface returns the key for the record at the cursor's position.
IDBCursor.primaryKey - Web APIs
the primarykey read-only property of the idbcursor interface returns the cursor's current effective key.
... the primarykey read-only property of the idbcursor interface returns the cursor's current effective key.
IDBCursor - Web APIs
Web › API › IDBCursor
f the cursor is currently being iterated, has iterated past its end, or its transaction is not active.
...read only returns the key for the record at the cursor's position.
IDBIndex.openCursor() - Web APIs
o use as the cursor's range.
....
IDBIndex.openKeyCursor() - Web APIs
o use as the cursor's range.
....
IDBMutableFile - Web APIs
e mode to a file, dealing with all the necessary locks.
...with all the necessary locks.
IDBObjectStore.createIndex() - Web APIs
the createindex() method of the idbobjectstore interface creates and returns a new idbindex object in the connected database.
...fic locale code, e.g.
IDBObjectStore.getAllKeys() - Web APIs
record exists, and no cursor if it does not.
... optional a value that is or resolves to an idbkeyrange.
InterventionReportBody - Web APIs
a string containing the path to the source file where the intervention occurred, if known, or null otherwise.
...le in which the intervention occurred, if known, or null otherwise.
KeyboardEvent.charCode - Web APIs
the charcode read-only property of the keyboardevent interface returns the unicode value of a character key pressed during a keypress event.
...erface returns the unicode value of a character key pressed during a keypress event.
KeyboardEvent.isComposing - Web APIs
ue indicating if the event is fired within a composition session, i.e.
...ple 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.
KeyframeEffect.KeyframeEffect() - Web APIs
the keyframeeffect() constructor of the web animations api returns a new keyframeeffect object instance, and also allows you to clone an existing keyframe effect object instance.
...optional the number of times the animation should repeat.
KeyframeEffect.setKeyframes() - Web APIs
easing the timing function used from this keyframe until the next keyframe in the series.
...e next keyframe in the series.
LargestContentfulPaint - Web APIs
ns for largest-contentful-paint entries and logs the lcp value to the console.
...ies = entrylist.getentries(); const lastentry = entries[entries.length - 1]; // update `lcp` to the latest value, using `rendertime` if it's available, // otherwise using `loadtime`.
LayoutShift - Web APIs
ayoutshiftattribution objects with information on the elements that were shifted.
...using the new `type` option.
Location: assign() - Web APIs
Web › API › Location › assign
the location.assign() method causes the window to load and display the document at the url specified.
..." button.
Location: replace() - Web APIs
Web › API › Location › replace
() method of the location interface replaces the current resource with the one at the provided url.
...te to it.
MSSiteModeEvent - Web APIs
the event phase that is being evaluated.
...ent that is the target of the event.
MediaCapabilities - Web APIs
n, and bitrates.
... navigator interface.
message - Web APIs
the mediakeymessageevent.message read-only property returns an arraybuffer with a message from the content decryption module.
... the mediakeymessageevent.message read-only property returns an arraybuffer with a message from the content decryption module.
MediaKeyMessageEvent - Web APIs
</a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor mediakeymessageevent() creates a new instance of mediakeymessageevent.
...xt { fill: #0095dd; pointer-events: all;} constructor mediakeymessageevent() creates a new instance of mediakeymessageevent.
MediaRecorder: dataavailable event - Web APIs
y raise, see the documentation for the event handler property: ondataavailable.
...; mediarecorder.addeventlistener('dataavailable', (event) => { chunks.push(event.data); }); ...
MediaRecorder.onerror - Web APIs
the mediarecorder interface's onerror event handler is called by the mediastream recording api when an error occurs.
...ream is configured to disallow recording.
MediaSession.setPositionState() - Web APIs
the mediasession method setpositionstate() is used to update the current document's media playback position and speed for presentation by user's device in any kind of interface that provides details about ongoing media.
...t's mediasession object.
MediaSource.readyState - Web APIs
ded: the source is attached to a media element but the stream has been ended via a call to mediasource.endofstream().
...desaulniers (view the full demo live, or download the source for further investigation.) if ('mediasource' in window && mediasource.istypesupported(mimecodec)) { var mediasource = new mediasource; //console.log(mediasource.readystate); // closed video.src = url.createobjecturl(mediasource); mediasource.addeventlistener('sourceopen', sourceopen); } else { console.error('unsupported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.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 }); ...
MediaStreamEvent - Web APIs
the mediastreamevent interface represents events that occurs in relation to a mediastream.
... this type can be thrown: addstream and removestream.
MediaStreamTrack - Web APIs
the mediastreamtrack interface represents a single media track within a stream; typically, these are audio or video tracks, but other track types may exist as well.
...rainable properties which can be set using applyconstraints() and accessed using getconstraints() and getsettings().
MediaStreamTrackAudioSourceNode - Web APIs
the mediastreamtrackaudiosourcenode interface is a type of audionode which represents a source of audio data taken from a specific mediastreamtrack obtained through the webrtc or media capture and streams apis.
...ta = function(e) { video.play(); video.muted = true; }; // create a mediastreamaudiosourcenode // feed the htmlmediaelement into it var audioctx = new audiocontext(); var source = audioctx.createmediastreamsource(stream); // create a biquadfilter var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = range.value; // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the volume using the mouse cursor source.connect(biquadfilter); biquadfilter.connect(audioctx.destination); // ...
MediaStream Image Capture API - Web APIs
s() on the track object before doing anything else.
...etcapabilities(); // check whether zoom is supported or not.
MediaTrackConstraints - Web APIs
and/or preferred values or ranges of values for the track, and the most recently-requested set of custom constraints can be retrieved by calling getconstraints().
...always the mouse is always visible in the video content of the {domxref("mediastream"), unless the mouse has moved outside the area of the content.
MessagePort - Web APIs
wnership of objects to other browsing contexts.
....addeventlistener; it is implied when using messageport.onmessage.) close() disconnects the port, so it is no longer active.
MouseEvent.button - Web APIs
Web › API › MouseEvent › button
s on their pointing device so that if an event's button property is zero, it may not have been caused by the button that is physically left–most on the pointing device; however, it should behave as if the left button was clicked in the standard button layout.
...thers may have many buttons mapped to different functions and button values.
MouseEvent.buttons - Web APIs
"browser back" button) 16 : 5th button (typically the "browser forward" button) example this example logs the buttons property when you trigger a mousedown event.
...ally the "browser forward" button) example this example logs the buttons property when you trigger a mousedown event.
MouseEvent.pageX - Web APIs
Web › API › MouseEvent › pageX
oint number of pixels from the left edge of the document at which the mouse was clicked, regardless of any scrolling or viewport positioning that may be in effect.
..., but was redefined in the cssom view module to be a double-precision floating-point number to allow for subpixel precision.
MouseScrollEvent - Web APIs
the mousescrollevent interface represents events that occur due to the user moving a mouse wheel or similar input device.
...g, in boolean canbubblearg, in boolean cancelablearg, in nsidomabstractview viewarg, in long detailarg, in long screenxarg, in long screenyarg, in long clientxarg, in long clientyarg, in boolean ctrlkeyarg, in boolean altkeyarg, in boolean shiftkeyarg, in boolean metakeyarg, in unsigned short buttonarg, in nsidomeventtarget relatedtargetarg, in long axis); attributes attribute type description axis read only long indicates scroll direction.
MutationObserver.MutationObserver() - Web APIs
callback when dom mutations occur.
...previous value is in mutation.oldvalue.
MutationObserver.observe() - Web APIs
syntax mutationobserver.observe(target, options) parameters target a dom node (which may be an element) within the dom tree to watch for changes, or to be the root of a subtree of nodes to be watched.
... attributeoldvalue is true and/or attributefilter is present.
MutationObserverInit.attributeOldValue - Web APIs
tion 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.
...target"); var observer = new mutationobserver(callback); observer.observe(targetnode, { attributes: true, attributeoldvalue: true }); the callback() function—which will be passed into the observe() method when starting the observer, looks at each item in the list of mutationrecord objects.
MutationObserverInit.attributes - Web APIs
tion 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.
...target"); var observer = new mutationobserver(callback); observer.observe(targetnode, { attributes: true, attributeoldvalue: true }); the callback() function—which will be passed into the observe() method when starting the observer, looks at each item in the list of mutationrecord objects.
MutationObserverInit - Web APIs
the mutationobserverinit dictionary describes the configuration of a mutation observer.
... the mutationobserverinit dictionary describes the configuration of a mutation observer.
NDEFRecord.toRecords() - Web APIs
the torecords() method of the ndefrecord interface of web nfc api parses record payload ndefrecord.data besed on ndefrecord.recordtype and returns the result.
...efrecord.data besed on ndefrecord.recordtype and returns the result.
Navigator.getUserMedia() - Web APIs
acy method.
...edia() instead.
Navigator.mediaCapabilities - Web APIs
ator.mediacapabilities read-only property returns a mediacapabilities object that can expose information about the decoding and encoding capabilities for a given format and output capabilities as defined by the media capabilities api.
...turns a mediacapabilities object that can expose information about the decoding and encoding capabilities for a given format and output capabilities as defined by the media capabilities api.
msSaveBlob - Web APIs
return value true is returned as long as the download notification bar is displayed, or false if a failure occured.
...alue true is returned as long as the download notification bar is displayed, or false if a failure occured.
msSaveOrOpenBlob - Web APIs
ers blob a blob to be saved.
... a blob to be saved.
Navigator.requestMediaKeySystemAccess() - Web APIs
ortedconfigurations exceptions in case of an error, the returned promise is rejected with a domexception whose name indicates what kind of error occurred.
...exceptions in case of an error, the returned promise is rejected with a domexception whose name indicates what kind of error occurred.
NavigatorPlugins.plugins - Web APIs
returns a pluginarray object, listing the plugin objects describing the plugins installed in the application.
...the returned value is not a javascript array, but has the length property and supports accessing individual items using bracket notation (plugins[2]), as well as via item(index) and nameditem("name") methods.
Node.isConnected - Web APIs
Web › API › Node › isConnected
hadow dom shadow.appendchild(style); console.log(style.isconnected); // returns true polyfill node.isconnected can be polyfilled with the following code for ie10 and edgehtml: /* * node.isconnected polyfill for ie and edgehtml * 2020-02-04 * * by eli grey, https://eligrey.com * public domain.
...le.log(style.isconnected); // returns true polyfill node.isconnected can be polyfilled with the following code for ie10 and edgehtml: /* * node.isconnected polyfill for ie and edgehtml * 2020-02-04 * * by eli grey, https://eligrey.com * public domain.
Node.isEqualNode() - Web APIs
Web › API › Node › isEqualNode
the node.isequalnode() method tests whether two nodes are equal.
... the node.isequalnode() method tests whether two nodes are equal.
Node.textContent - Web APIs
Web › API › Node › textContent
interface represents the text content of the node and its descendants.
...textcontent depends on the situation: if the node is a document or a doctype, textcontent returns null.
OES_element_index_uint - Web APIs
the oes_element_index_uint extension is part of the webgl api and adds support for gl.unsigned_int types to webglrenderingcontext.drawelements().
...tensions are available using the webglrenderingcontext.getextension() method.
OES_texture_half_float - Web APIs
are available using the webglrenderingcontext.getextension() method.
...availability: this extension is only available to webgl1 contexts.
OVR_multiview2 - Web APIs
poses 4 constants that can be used in getparameter() or getframebufferattachmentparameter().
...object attachment.
OfflineAudioContext.startRendering() - Web APIs
the startrendering() method of the offlineaudiocontext interface starts rendering the audio graph, taking into account the current connections and the current scheduled changes.
... online and offline audio context var audioctx = new audiocontext(); var offlinectx = new offlineaudiocontext(2,44100*40,44100); source = offlinectx.createbuffersource(); // use xhr to load an audio track, and // decodeaudiodata to decode it and offlineaudiocontext to render it function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; source.connect(offlinectx.destination); source.start(); //source.loop = true; offlinectx.startrendering().then(function(renderedbuffer) { console.log('rendering c...
OfflineAudioContext - Web APIs
lineaudiocontext() creates a new offlineaudiocontext instance.
... online and offline audio context var audioctx = new audiocontext(); var offlinectx = new offlineaudiocontext(2,44100*40,44100); source = offlinectx.createbuffersource(); // use xhr to load an audio track, and // decodeaudiodata to decode it and offlineaudiocontext to render it function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; source.connect(offlinectx.destination); source.start(); //source.loop = true; offlinectx.startrendering().then(function(renderedbuffer) { console.log('rendering c...
PaymentRequest - Web APIs
e browsers, the parts of the address will be redacted for privacy until the user indicates they are ready to complete the transaction (i.e., they hit "pay").
... redacted for privacy until the user indicates they are ready to complete the transaction (i.e., they hit "pay").
PaymentRequestEvent() - Web APIs
the paymentrequestevent constructor creates a new paymentrequestevent object which is a constructor for a paymentrequestevent which is the object passed to a payment handler when a paymentrequest is made..
... the paymentrequestevent constructor creates a new paymentrequestevent object which is a constructor for a paymentrequestevent which is the object passed to a payment handler when a paymentrequest is made..
Using the Payment Request API - Web APIs
(buildsupportedpaymentmethoddata(), buildshoppingcartdetails()); the functions invoked inside the constructor simply return the required object parameters: function buildsupportedpaymentmethoddata() { // example supported payment methods: return [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard'], supportedtypes: ['debit', 'credit'] } }]; } function buildshoppingcartdetails() { // hardcoded for demo purposes: return { id: 'order-123', displayitems: [ { label: 'example item', amount: {currency: 'usd', value: '1.00'} } ], total: { label: 'total', amount: {currency: 'usd', value: '1.00'} } }; } starting the payment process once the ...
...isplay = 'none'; legacypanel.style.display = 'block'; } }); }); note: see our recommending a payment app when user has no apps demo for the full code.
performance.mark() - Web APIs
Web › API › Performance › mark
the mark() method creates a timestamp in the browser's performance entry buffer with the given name.
...ue void example the following example shows how to use mark() to create and retrieve performancemark entries.
performance.setResourceTimingBufferSize() - Web APIs
the setresourcetimingbuffersize() method sets the browser's resource timing buffer size to the specified number of "resource" performance entry type objects.
...(maxsize); arguments maxsize a number representing the maximum number of performance entry objects the browser should hold in its performance entry buffer.
PerformanceEntry.toJSON() - Web APIs
create some performance entries via the mark() method performance.mark("begin"); do_work(50000); performance.mark("end"); // use getentries() to iterate through the each entry var p = performance.getentries(); for (var i=0; i < p.length; i++) { log("entry[" + i + "]"); check_performanceentry(p[i]); } } function check_performanceentry(obj) { var properties = ["name", "entrytype", "starttime", "duration"]; var methods = ["tojson"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in obj; if (supported) log("..." + properties[i] + " = " + obj[properties[i]]); else log("..." + properties[i] + " = not supported"); } for (var i=0; i < methods.length; i++) { // check each method var s...
...me", "duration"]; var methods = ["tojson"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in obj; if (supported) log("..." + properties[i] + " = " + obj[properties[i]]); else log("..." + properties[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.
PerformanceFrameTiming - Web APIs
e amount of work a browser does in one event loop such as processing dom events, resizing, scrolling, rendering, css animations, etc..
..." /><text x="111" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">performanceframetiming</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface has no properties but it extends the following performanceentry properties (for "frame" performance entry types) by qualifying and constraining the properties as follows: performanceentry.entrytype returns "frame".
PeformanceObserver.disconnect() - Web APIs
ct() method of the performanceobserver interface is used to stop the performance observer from receiving any performance entry events.
...s = 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 // ...
PerformanceResourceTiming.decodedBodySize - Web APIs
resources, it returns the size of the payload after removing any applied content-codings.
...e = not supported"); if ("encodedbodysize" in perfentry) console.log("encodedbodysize = " + perfentry.encodedbodysize); else console.log("encodedbodysize = not supported"); if ("transfersize" 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.encodedBodySize - Web APIs
ache or a local resource, it must return the size of the payload body before removing any applied content-codings.
...e = not supported"); if ("encodedbodysize" in perfentry) console.log("encodedbodysize = " + perfentry.encodedbodysize); else console.log("encodedbodysize = not supported"); if ("transfersize" 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.nextHopProtocol - Web APIs
the alpn protocol id of the first hop to the proxy.
... available in web workers.
PerformanceResourceTiming.transferSize - Web APIs
rs.
...e = not supported"); if ("encodedbodysize" in perfentry) console.log("encodedbodysize = " + perfentry.encodedbodysize); else console.log("encodedbodysize = not supported"); if ("transfersize" 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.
PublicKeyCredentialCreationOptions.extensions - Web APIs
rent (as of march 2019) list of potential extensions which may be used during the registration operation.
...ey = { extensions:{ uvi: true, loc: false, uvm: false, exts: true }, challenge: new uint8array(26) /* this actually is given from the server */, rp: { name: "example corp", id : "login.example.com" }, user: { id: new uint8array(26), /* to be changed for each user */ name: "jdoe@example.com", displayname: "john doe", }, pubkeycredparams: [ { type: "public-key", alg: -7 } ] }; navigator.credentials.create({ publickey }) .then(function (newcredentialinfo) { // 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 credenti...
PublicKeyCredentialRequestOptions - Web APIs
t on the authenticator, etc.).
... */]), rpid: "example.com", /* will only work if the current domain is something like foo.example.com */ userverification: "preferred", timeout: 60000, // wait for a minute allowcredentials: [ { transports: "usb", type: "public-key", id: new uint8array(26) // actually provided by the server }, { transports: "internal", type: "public-key", id: new uint8array(26) // actually provided by the server } ], extensions: { uvm: true, // rp wants to know how the 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 ...
RTCAnswerOptions - Web APIs
the rtcansweroptions dictionary is used to provide optional settings when creating an sdp answer using rtcpeerconnection.createoffer() after receiving an offer from a remote peer.
...ving an offer from a remote peer.
RTCDataChannel.readyState - Web APIs
the read-only rtcdatachannel property readystate returns an enum of type rtcdatachannelstate which indicates the state of the data channel's underlying data connection.
...ted by rtcpeerconnection.createdatachannel() (on the peer which started the connection process).
RTCErrorEvent - Web APIs
ent interface, but adds rtc-specific information describing the error, as shown below.
...des the following: error read only an rtcerror object specifying the error which occurred; this object includes the type of error that occurred, information about where the error occurred (such as which line number in the sdp or what sctp cause code was at issue).
RTCIceCandidateStats.protocol - Web APIs
the rtcicecandidatestats dictionary's protocol property specifies the protocol the specified candidate would use for communication with the remote peer.
... the rtcicecandidatestats dictionary's protocol property specifies the protocol the specified candidate would use for communication with the remote peer.
RTCIceComponent - Web APIs
the webrtc api's rtcicecomponent enumerated type contains domstring values that each identify a specific ice component; these are "rtp" and "rtcp".
...r for rtp multiplexed with the rtp control protocol (rtcp).
RTCIceTransport.gatheringState - Web APIs
the read-only rtcicetransport property gatheringstate returns a domstring from the enumerated type rtcicegathererstate that indicates what gathering state the ice agent is currently in: "new", "gathering", or "complete".
... the read-only rtcicetransport property gatheringstate returns a domstring from the enumerated type rtcicegathererstate that indicates what gathering state the ice agent is currently in: "new", "gathering", or "complete".
RTCOfferAnswerOptions - Web APIs
the webrtc api's rtcofferansweroptions dictionary is used to specify options that configure and control the process of creating webrtc offers or answers.
... the webrtc api's rtcofferansweroptions dictionary is used to specify options that configure and control the process of creating webrtc offers or answers.
RTCPeerConnection.addTransceiver() - Web APIs
provides any options that you may wish to specify when creating the new transceiver.
...rection property.
RTCPeerConnection.createOffer() - Web APIs
r failed for some reason.
...e other peer.
RTCPeerConnection.getStreamById() - Web APIs
eed to update, since browsers have begun to remove support for stream.
...ponding to the stream to return.
RTCPeerConnection: icecandidate event - Web APIs
ual ice messages for one indicating that the ice session is finished.
...peer through the signaling server.
RTCPeerConnection: negotiationneeded event - Web APIs
s with a negotiationneeded event.
...h setremotedescription(), and then creating an answer to send back to the offering peer.
RTCPeerConnection.onaddstream - Web APIs
the rtcpeerconnection.onaddstream event handler is a property containing the code to execute when the addstream event, of type mediastreamevent, is received by this rtcpeerconnection.
... important: this property has been removed from the specification; you should now use rtcpeerconnection.ontrack to watch for track events instead.
RTCPeerConnection.onidentityresult - Web APIs
the rtcpeerconnection.onidentityresult event handler is a property containing the code to execute when the identityresult event, of type rtcidentityevent, is received by this rtcpeerconnection.
...rtion is generated, via getidentityassertion() or during the creation of an offer or an answer.
RTCPeerConnection.onidpassertionerror - Web APIs
the rtcpeerconnection.onidpassertionerror event handler is a property containing the code to execute whent the idpassertionerror event, of type rtcidentityerrorevent, is received by this rtcpeerconnection.
...tion errors by handling rejection of the promise returned by rtcpeerconnection.peeridentity.
RTCPeerConnection.onidpvalidationerror - Web APIs
the rtcpeerconnection.onidpvalidationerror event handler is a property containing the code to execute whent the idpvalidationerror event, of type rtcidentityerrorevent, is received by this rtcpeerconnection.
...rors by watching for the promise returned by rtcpeerconnection.peeridentity to be rejected.
RTCPeerConnection.onpeeridentity - Web APIs
the rtcpeerconnection.onpeeridentity event handler is a property containing the code to execute whent the peeridentity event, of type event, is received by this rtcpeerconnection.
..., wait for the promise returned by peeridentity to resolve successfully with the peer's identity.
RTCPeerConnection.onremovestream - Web APIs
m and the corresponding mediastream.onremovetrack event handler property of the remote mediastream.
...this rtcpeerconnection.
RTCPeerConnection.onsignalingstatechange - Web APIs
the onsignalingstatechange event handler property of the rtcpeerconnection interface specifies a function to be called when the signalingstatechange event occurs on an rtcpeerconnection interface.
...alingstatechange", mysignalingstatechangehandler); or, using an anonymous (inline) handler: myrtcpeerconnection.addeventlistener("signalingstatechange", event => { /* handle the event here */ }); example this snippet shows a handler for signalingstatechange that looks for the "have-local-pranswer" signaling state—indicating that a remote offer has been received and a local description of type "pranswer" has been applied in response.
RTCPeerConnection.setLocalDescription() - Web APIs
licit description if you don't explicity provide a session description, the webrtc runtime will try to handle it correctly.
...on description, the webrtc runtime will try to handle it correctly.
RTCPeerConnectionIceErrorEvent - Web APIs
the rtcpeerconnectioniceerrorevent interface—based upon the event interface—provides details pertaining to an ice error announced by sending an icecandidateerror event to the rtcpeerconnection object.
......
RTCPeerConnectionIceEvent - Web APIs
the rtcpeerconnectioniceevent interface represents events that occurs in relation to ice candidates with the target, usually an rtcpeerconnection.
...so implements these properties.
RTCRtpReceiver.getCapabilities() static function - Web APIs
rtpreceiver.getcapabilities() returns an rtcrtpcapabilities object describing the codecs and capabilities supported by rtcrtpreceivers on the current device.
...pports receiving h.264 video on a webrtc connection.
RTCRtpSender.getCapabilities() static function - Web APIs
e static function rtcrtpsender.getcapabilities() returns an rtcrtpcapabilities object describing the codecs and capabilities supported by the rtcrtpsender.
...ting whether or not the device supports sending h.264 video on an rtcrtpsender.
RTCRtpStreamStats.kind - Web APIs
the kind property of the rtcrtpstreamstats dictionary is a string indicating whether the described rtp stream contains audio or video media.
... = rtcrtpstreamstats.kind; value a domstring whose value is "audio" if the track whose statistics are given by the rtcrtpstreamstats object contains audio, or "video" if the track contains video media.
RTCRtpTransceiver.currentDirection - Web APIs
rrent directionality of the transceiver.
...er.
RTCRtpTransceiver.direction - Web APIs
ndicates the transceiver's preferred directionality.
...gs defined by the rtcrtptransceiverdirection enumeration.
RTCTrackEvent - Web APIs
to the rtcpeerconnection.
....
RadioNodeList.value - Web APIs
.
...e radio buttons in the collection is in checked state, the empty string is returned.
Range.commonAncestorContainer - Web APIs
ul> css the .highlight class created below uses a set of css @keyframes to animate a fading outline.
...ine: 1px solid #f000; } } body { padding: 1px; } javascript document.addeventlistener('pointerup', e => { const selection = window.getselection(); if (selection.type === 'range') { for (let i = 0; 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.comparePoint() - Web APIs
the range.comparepoint() method returns -1, 0, or 1 depending on whether the referencenode is before, the same as, or after the range.
... the range.comparepoint() method returns -1, 0, or 1 depending on whether the referencenode is before, the same as, or after the range.
Range.endOffset - Web APIs
Web › API › Range › endOffset
the range.endoffset read-only property returns a number representing where in the range.endcontainer the range ends.
... the range.endoffset read-only property returns a number representing where in the range.endcontainer the range ends.
Range.setStart() - Web APIs
Web › API › Range › setStart
the range.setstart() method sets the start position of a range.
... the range.setstart() method sets the start position of a range.
Range.startOffset - Web APIs
Web › API › Range › startOffset
the range.startoffset read-only property returns a number representing where in the startcontainer the range starts.
... the range.startoffset read-only property returns a number representing where in the startcontainer the range starts.
ReadableStream.getReader() - Web APIs
the getreader() method of the readablestream interface creates a reader and locks the stream to it.
...ur own buffer" reading).
ReadableStreamBYOBReader.releaseLock() - Web APIs
ader is no longer active.
... way subsequently; otherwise, the reader will appear closed.
ReadableStreamDefaultReader.releaseLock() - Web APIs
's lock on the stream.
...ubsequently; otherwise, the reader will appear closed.
Request - Web APIs
Web › API › Request
cache).
...ng snippet, we create a new request using the request() constructor with some initial data and body content for an api request which need a body payload: const request = new request('https://example.com', {method: 'post', body: '{"foo": "bar"}'}); const url = request.url; const method = request.method; const credentials = request.credentials; const bodyused = request.bodyused; note: the body type can only be a blob, buffersource, formdata, urlsearchparams, usvstring or readablestream type, so for adding a json object to the payload you need to stringify that object.
RequestDestination - Web APIs
the requestdestination enumerated type contains the permitted values for a request's destination.
... the requestdestination enumerated type contains the permitted values for a request's destination.
ResizeObserver - Web APIs
thing to do with the viewport.
...rn the observer off and on.
SVGAltGlyphElement - Web APIs
tc ), special-purpose fonts (e.g.
...erface also inherits properties from its parent interface, svggraphicselement.
SVGAnimatedAngle - Web APIs
svg animated angle interface the svganimatedangle interface is used for attributes of basic type <angle> which can be animated.
... svg animated angle interface the svganimatedangle interface is used for attributes of basic type <angle> which can be animated.
SVGAnimatedBoolean - Web APIs
svg animated boolean interface the svganimatedboolean interface is used for attributes of type boolean which can be animated.
... svg animated boolean interface the svganimatedboolean interface is used for attributes of type boolean which can be animated.
SVGAnimatedInteger - Web APIs
svg animated integer interface the svganimatedinteger interface is used for attributes of basic type <integer> which can be animated.
... svg animated integer interface the svganimatedinteger interface is used for attributes of basic type <integer> which can be animated.
SVGAnimatedLength - Web APIs
svg animated length interface the svganimatedlength interface is used for attributes of basic type <length> which can be animated.
...vg animated length interface the svganimatedlength interface is used for attributes of basic type <length> which can be animated.
SVGAnimatedLengthList - Web APIs
svg animated length list interface the svganimatedlengthlist interface is used for attributes of type svglengthlist which can be animated.
...th list interface the svganimatedlengthlist interface is used for attributes of type svglengthlist which can be animated.
SVGAnimatedNumber - Web APIs
svg animated number interface the svganimatednumber interface is used for attributes of basic type <number> which can be animated.
... svg animated number interface the svganimatednumber interface is used for attributes of basic type <number> which can be animated.
SVGClipPathElement - Web APIs
baseline="middle">svgclippathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent, svgelement.
...n't implement any specific methods, but inherits methods from its parent, svgelement.
SVGDocument - Web APIs
svg document interface when an "svg" element is embedded inline as a component of a document from another namespace, such as when an "svg" element is embedded inline within an xhtml document, then an svgdocument object will not exist; instead, the root object in the document object hierarchy will be a document object of a different type, such as an htmldocument object.
... properties domstring domain domstring referrer svgsvgelement rootelement domstring title domstring url normative document svg 1.1 (2nd edition) properties name type description domain domstring the domain name of the server that served the document, or a null string if the server cannot be identified by a domain name.
SVGMaskElement - Web APIs
="middle" alignment-baseline="middle">svgmaskelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent, svgelement.
...arent, svgelement.
SVGPatternElement - Web APIs
a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent, svgelement and implements the ones from svgfittoviewbox and svgurireference.
...gpatternelement.patternunits read only an svganimatedenumeration corresponding to the patternunits attribute of the given <pattern> element.
SVGStylable - Web APIs
d presentation attributes specified on them.
...e svganimatedstring corresponds to attribute class on the given element.
SVGStyleElement - Web APIs
x="406" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgstyleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent interface, svgelement and implements properties from linkstyle.
...mily="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgstyleelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent interface, svgelement and implements properties from linkstyle.
Screen.orientation - Web APIs
the orientation read-only property of the screen interface returns the current orientation of the screen.
...e orientation read-only property of the screen interface returns the current orientation of the screen.
Selection.setBaseAndExtent() - Web APIs
into the output paragraph at the very bottom of the html.
...fish</span><span>dog</span><span>cat</span><span>bird</span></p> <p>middle</p> <p class="two"><span>car</span><span>bike</span><span>boat</span><span>plane</span></p> </div> <div> <p> <label for="aoffset">anchor offset</label> <input id="aoffset" name="aoffset" type="number" value="0"> </p> <p> <label for="foffset">focus offset</label> <input id="foffset" name="foffset" type="number" value="0"> </p> <p><button>capture selection</button></p> </div> <p><strong>output</strong>: <span class="output"></span></p> the javascript looks like so: var one = document.queryselector('.one'); var two = document.queryselector('.two'); var aoffset = document.getelementbyid('aoffset'); var foffset = document.getelementbyid('foffset'); var button = document.queryselector('butt...
Selection - Web APIs
Web › API › Selection
de, this is the number of characters within focusnode preceding the focus.
...de preceding the focus.
SensorErrorEvent.SensorErrorEvent() - Web APIs
the sensorerrorevent constructor creates a new sensorerrorevent object which provides information about errors thrown by any of the interfaces based on sensor.
... the sensorerrorevent constructor creates a new sensorerrorevent object which provides information about errors thrown by any of the interfaces based on sensor.
ServiceWorkerGlobalScope: notificationclick event - Web APIs
handler onnotificationclick examples you can use the notificationclick event in an addeventlistener method: self.addeventlistener('notificationclick', function(event) { console.log('on notification click: ', event.notification.tag); event.notification.close(); // this looks to see if the current is already open and // 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('/'); })); }); or use the onnotificationclick event handler property: self.onnotificationclick = function(event) { con...
...} if (clients.openwindow) return clients.openwindow('/'); })); }); or use the onnotificationclick event handler property: self.onnotificationclick = function(event) { console.log('on notification click: ', event.notification.tag); event.notification.close(); // this looks to see if the current is already open and // 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 'onnotifica...
ServiceWorkerMessageEvent.data - Web APIs
important: in modern browsers, this property has been deprecated.
... important: in modern browsers, this property has been deprecated.
SpeechSynthesis.getVoices() - Web APIs
oice objects representing all the available voices on the current device.
...ar 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); 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.
SpeechSynthesisEvent - Web APIs
nly returns the index position of the character in the speechsynthesisutterance.text that was being spoken when the event was triggered.
...esisevent.elapsedtime read only returns the elapsed time in milliseconds after the speechsynthesisutterance.text started being spoken that the event was triggered at.
StorageQuota - Web APIs
the storagequota property of the navigator interface of the quota management api provides means to query and request storage usage and quota information.
... the storagequota property of the navigator interface of the quota management api provides means to query and request storage usage and quota information.
Storage API - Web APIs
orage units the site storage system described by the storage standard and interacted with using the storage api consists of a single site storage unit for each origin.
...persistence and clearing if the site or app has the "persistent-storage" feature permission, it can use the storagemanager.persist() method to request that its box be made persistent.
StylePropertyMap - Web APIs
the stylepropertymap interface of the the css typed object model api provides a representation of a css declaration block that is an alternative to cssstyledeclaration.
...) adds a new css declaration to the stylepropertymap with the given property and value.
StylePropertyMapReadOnly.entries() - Web APIs
the stylepropertymapreadonly.entries() method returns an array of a given object's own enumerable property [key, value] pairs, in the same order as that provided by a for...in loop (the difference being that a for-in loop enumerates properties in the prototype chain as well).
...s that provided by a for...in loop (the difference being that a for-in loop enumerates properties in the prototype chain as well).
SubmitEvent() - Web APIs
the submitevent() constructor creates and returns a new submitevent object, which is used to represent a submit event fired at an html form.
... the submitevent() constructor creates and returns a new submitevent object, which is used to represent a submit event fired at an html form.
SubtleCrypto.generateKey() - Web APIs
use the generatekey() method of the subtlecrypto interface to generate a new key (for symmetric algorithms) or key pair (for public-key algorithms).
...riving bits.
TextTrack - Web APIs
Web › API › TextTrack
urrently being displayed.
...e track's cues.
TextTrackList: change event - Web APIs
t track is made active or inactive, or a texttracklist is otherwise changed.
...xamples using addeventlistener(): const mediaelement = document.queryselectorall('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.
TrackDefault - Web APIs
lt interface provides a sourcebuffer with kind, label, and language information for tracks that do not contain this information in the initialization segments of a media chunk.
...ebuffer with kind, label, and language information for tracks that do not contain this information in the initialization segments of a media chunk.
TrackEvent.track - Web APIs
Web › API › TrackEvent › track
the read-only track property of the trackevent interface specifies the media track object to which the event applies.
... the read-only track property of the trackevent interface specifies the media track object to which the event applies.
Transferable - Web APIs
the transferable interface represents an object that can be transfered between different execution contexts, like the main thread and web workers.
...tions, such as being transfered to a worker using the worker.postmessage() method.
TransformStream - Web APIs
ble end of a transformstream.
...nsform(chunk, controller) { chunk = await chunk switch (typeof chunk) { case 'object': // just say the stream is done i guess if (chunk === null) controller.terminate() else if (arraybuffer.isview(chunk)) controller.enqueue(new uint8array(chunk.buffer, chunk.byteoffset, chunk.bytelength)) else if (array.isarray(chunk) && chunk.every(value => typeof value === 'number')) controller.enqueue(new uint8array(chunk)) else if ('function' === typeof chunk.valueof && chunk.valueof() !== chunk) this.transform(chunk.valueof(), controller) // hack else if ('tojson' in chunk) this.transform(json.stringify(chunk), controller) break case 'symbol': controller.error("cannot send a symbol as a chunk ...
UIEvent - Web APIs
Web › API › UIEvent
a:hover text { fill: #0095dd; pointer-events: all;} constructors uievent() creates a uievent object.
...cations specification status comment inputdevicecapabilities draft added sourcecapabilities property.
USBDevice.controlTransferOut() - Web APIs
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.
...ng whether the tranfer is "standard" (common to all usb devices) "class" (common to an industry-standard class of devices) or "vendor".
ValidityState.rangeOverflow - Web APIs
the read-only rangeoverflow property of a validitystate object indicates if the value of an <input>, after having been edited by the user, does not conform to the constraints set by the element's max attribute.
...ut>, after having been edited by the user, does not conform to the constraints set by the element's max attribute.
ValidityState.rangeUnderflow - Web APIs
the read-only rangeunderflow property of a validitystate object indicates if the value of an <input>, after having been edited by the user, does not conform to the constraints set by the element's min attribute.
...t>, after having been edited by the user, does not conform to the constraints set by the element's min attribute.
ValidityState.stepMismatch - Web APIs
the read-only stepmismatch property of a validitystate object indicates if the value of an <input>, after having been edited by the user, does not conform to the constraints set by the element's step attribute.
...e, month, week, time, datetime-local, number and range types and the step value is not any, if the value don't doesn't conform to the constraints set by the step and min values, then stepmismatch will be true.
ValidityState - Web APIs
han maxlength.
....
VideoTrackList: change event - Web APIs
track is made active or inactive, for example by changing the track's selected property.
...r the `change` event const toggletrackbutton = document.queryselector('.toggle-track'); toggletrackbutton.addeventlistener('click', () => { const track = videoelement.videotracks[0]; track.selected = !track.selected; }); using the onchange event handler property: const videoelement = document.queryselector('video'); videoelement.videotracks.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' ...
WakeLock.request() - Web APIs
Web › API › WakeLock › request
the request() method of the wakelock interface returns a promise that resolves with a wakelocksentinel object, which allows control over screen dimming and locking.
... the request() method of the wakelock interface returns a promise that resolves with a wakelocksentinel object, which allows control over screen dimming and locking.
WebGL2RenderingContext.getActiveUniforms() - Web APIs
he webgl 2 api retrieves information about active uniforms within a webglprogram.
...e uniforms within a webglprogram.
WebGL2RenderingContext.getSyncParameter() - Web APIs
the webgl2renderingcontext.getsyncparameter() method of the webgl 2 api returns parameter information of a webglsync object.
... the webgl2renderingcontext.getsyncparameter() method of the webgl 2 api returns parameter information of a webglsync object.
WebGLActiveInfo - Web APIs
the webglactiveinfo interface is part of the webgl api and represents the information returned by calling the webglrenderingcontext.getactiveattrib() and webglrenderingcontext.getactiveuniform() methods.
... the webglactiveinfo interface is part of the webgl api and represents the information returned by calling the webglrenderingcontext.getactiveattrib() and webglrenderingcontext.getactiveuniform() methods.
WebGLRenderingContext.bufferSubData() - Web APIs
tions.
...l.uniform_buffer: buffer used for storing uniform blocks.
WebGLRenderingContext.checkFramebufferStatus() - Web APIs
destination for drawing, rendering, clearing, and writing operations.
...samples are different among attached renderbuffers, or are non-zero if the attached images are a mix of renderbuffers and textures.
WebGLRenderingContext.createShader() - Web APIs
the webglrenderingcontext method createshader() of the webgl api creates a webglshader that can then be configured further using webglrenderingcontext.shadersource() and webglrenderingcontext.compileshader().
... the webglrenderingcontext method createshader() of the webgl api creates a webglshader that can then be configured further using webglrenderingcontext.shadersource() and webglrenderingcontext.compileshader().
WebGLRenderingContext.getShaderParameter() - Web APIs
derparameter(shader, pname); parameters shader a webglshader to get parameter information from.
... gl.compile_status: returns a glboolean indicating whether or not the last shader compilation was successful.
WebGLRenderingContext.getUniformLocation() - Web APIs
cating the location of the named variable, if it exists.
...ariable, if it exists.
WebGLRenderingContext.makeXRCompatible() - Web APIs
t's actually defined by the webxr device api rather than by webgl.
...ples this example demonstrates code logic you might find in a game that starts up using webgl to display menus and other ui, and uses webgl to render gameplay, but has a button on its main menu that offers an option to start the game in webxr mode.
WebGLRenderingContext.pixelStorei() - Web APIs
ethod of the webgl api specifies the pixel storage modes.
...annel into the other color channels glboolean false true, false webgl gl.unpack_colorspace_conversion_webgl default color space conversion or no color space conversion.
WebGLRenderingContext.renderbufferStorage() - Web APIs
alpha8 (also available as an extension for webgl 1, see below) gl.rgb10_a2 gl.rgba8ui gl.rgba8i gl.rgb10_a2ui gl.rgba16ui gl.rgba16i gl.rgba32i gl.rgba32ui gl.depth_component24 gl.depth_component32f gl.depth24_stencil8 gl.depth32f_stencil8 when using the webgl_color_buffer_float extension: ext.rgba32f_ext: rgba 32-bit floating-point type.
...see below) gl.rgb10_a2 gl.rgba8ui gl.rgba8i gl.rgb10_a2ui gl.rgba16ui gl.rgba16i gl.rgba32i gl.rgba32ui gl.depth_component24 gl.depth_component32f gl.depth24_stencil8 gl.depth32f_stencil8 when using the webgl_color_buffer_float extension: ext.rgba32f_ext: rgba 32-bit floating-point type.
Hello GLSL - Web APIs
ry simple first shader program.
...align : center; } canvas { width : 280px; height : 210px; margin : auto; padding : 0; border : none; background-color : black; } button { display : block; font-size : inherit; margin : auto; padding : 0.6em; } <script type="x-shader/x-vertex" id="vertex-shader"> #version 100 void main() { gl_position = vec4(0.0, 0.0, 0.0, 1.0); gl_pointsize = 64.0; } </script> <script type="x-shader/x-fragment" id="fragment-shader"> #version 100 void main() { gl_fragcolor = vec4(0.18, 0.54, 0.34, 1.0); } </script> ;(function(){ "use strict" window.addeventlistener("load", setupwebgl, false); var gl, program; function setupwebgl (evt) { window.removeeventlistener(evt.type, setupwebgl, false); if (!(gl = getrenderingcontext())) return; var source = document.query...
Hello vertex attributes - Web APIs
on the canvas to change the horizontal position of the square.</p> <canvas>your browser does not seem to support html5 canvas.</canvas> body { text-align : center; } canvas { width : 280px; height : 210px; margin : auto; padding : 0; border : none; background-color : black; } button { display : block; font-size : inherit; margin : auto; padding : 0.6em; } <script type="x-shader/x-vertex" id="vertex-shader"> #version 100 precision highp float; attribute float position; void main() { gl_position = vec4(position, 0.0, 0.0, 1.0); gl_pointsize = 64.0; } </script> <script type="x-shader/x-fragment" id="fragment-shader"> #version 100 precision mediump float; void main() { gl_fragcolor = vec4(0.18, 0.54, 0.34, 1.0); } </script> ;(function(){ "use stric...
...vec4(position, 0.0, 0.0, 1.0); gl_pointsize = 64.0; } </script> <script type="x-shader/x-fragment" id="fragment-shader"> #version 100 precision mediump float; void main() { gl_fragcolor = vec4(0.18, 0.54, 0.34, 1.0); } </script> ;(function(){ "use strict" window.addeventlistener("load", setupwebgl, false); var gl, program; function setupwebgl (evt) { window.removeeventlistener(evt.type, setupwebgl, false); if (!(gl = getrenderingcontext())) return; var source = document.queryselector("#vertex-shader").innerhtml; var vertexshader = gl.createshader(gl.vertex_shader); gl.shadersource(vertexshader,source); gl.compileshader(vertexshader); source = document.queryselector("#fragment-shader").innerhtml var fragmentshader = gl.createshader(gl.fragment_shader); gl.sh...
Using shaders to apply color in WebGL - Web APIs
l.getattriblocation(shaderprogram, 'avertexposition'), vertexcolor: gl.getattriblocation(shaderprogram, 'avertexcolor'), }, ...
...are: // tell webgl how to pull out the colors from the color buffer // into the vertexcolor attribute.
WebGL: 2D and 3D graphics for the web - Web APIs
Web › API › WebGL API
_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 events webglcontextlost webglcontextrestored webglcontextcreationerror constants and types webgl constants webgl types webgl 2 webgl 2 is a major update to webgl which is provided through the webgl2renderingcontext interface.
...x array objects, instancing, multiple render targets, fragment depth.
WebSocket - Web APIs
Web › API › WebSocket
or sending and receiving data on the connection.
...ng data on the connection.
Writing a WebSocket server in C# - Web APIs
2 (bit 2) rsv3 (bit 3) opcode (bit 4:7) 1 0 0 0 0x1=0001 fin bit: this bit indicates whether the full message has been sent from the client.
...(int i = 0; i < msglen; ++i) decoded[i] = (byte)(bytes[offset + i] ^ masks[i % 4]); string text = encoding.utf8.getstring(decoded); console.writeline("{0}", text); } else console.writeline("mask bit not set"); console.writeline(); } } } } client.html <!doctype html> <style> textarea { vertical-align: bottom; } #output { overflow: auto; } #output > p { overflow-wrap: break-word; } #output span { color: blue; } #output span.error { color: red; } </style> <h2>websocket test</h2> <textarea cols=60 rows=6></textarea> <button>send</button> <div id=output></div> <script> // http://www.websocket.org/echo.html var button = document.
WebXR application life cycle - Web APIs
navigator.xr is undefined, you can assume the user's browser and/or device doesn't support webxr.
... device doesn't support webxr.
Web Authentication API - Web APIs
g.
...reate a new credential navigator.credentials.create(createcredentialdefaultargs) .then((cred) => { console.log("new credential", cred); // normally the credential ids available for an account would come from a server // but we can just copy them from above...
Using the Web Storage API - Web APIs
storage object with a quota of zero, effectively making it unusable.
...nusable.
WheelEvent() - Web APIs
the wheelevent() constructor returns a newly created wheelevent object.
... the wheelevent() constructor returns a newly created wheelevent object.
Window.content - Web APIs
Web › API › Window › content
lities between implementations and the behavior may change in the future.
... to top (except in the case of a webpage loaded in a sidebar, content still refers to the window of the currently selected tab).
Window: error event - Web APIs
used — for example if a script has an execution error.
...gn-items: center; justify-content: center; } .event-log { grid-area: log; } .event-log-contents { resize: none; } label, button { display: block; } button { height: 2rem; margin: .5rem; } img { width: 0; height: 0; } js const log = document.queryselector('.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.getComputedStyle() - Web APIs
g with css property names.
...purple; color: white; } javascript let para = document.queryselector('p'); let compstyles = window.getcomputedstyle(para); para.textcontent = 'my computed font-size is ' + compstyles.getpropertyvalue('font-size') + ',\nand my computed line-height is ' + compstyles.getpropertyvalue('line-height') + '.'; result description the returned object is the same cssstyledeclaration type as the object returned from the element's style property.
window.location - Web APIs
Web › API › Window › location
example, which will reload the page by using the replace() method to insert the value of location.pathname into the hash: function reloadpagewithhash() { var initialpage = location.pathname; location.replace('http://example.com/#' + initialpage); } example #4: display the properties of the current url in an alert dialog: function showloc() { var olocation = location, alog = ["property (typeof): value", "location (" + (typeof olocation) + "): " + olocation ]; for (var sprop in olocation){ alog.push(sprop + " (" + (typeof olocation[sprop]) + "): " + (olocation[sprop] || "n/a")); } alert(alog.join("\n")); } // in html: <button onclick="showloc();">show location properties</button> example #5: send a string of data to the server by modifying the search property: function sen...
...ng the search property: function senddata (sdata) { location.search = sdata; } // in html: <button onclick="senddata('some data');">send data</button> the current url with "?some%20data" appended is sent to the server (if no action is taken by the server, the current document is reloaded with the modified search string).
Window: unload event - Web APIs
is in the following state: all the resources still exist (img, iframe etc.) nothing is visible anymore to the end user ui interactions are ineffective (window.open, alert, confirm, etc.) an error won't stop the unloading workflow please note that the unload event also follows the document tree: parent frame unload will happen before child frame unload (see example below).
...ent frame</title> <script> window.addeventlistener('beforeunload', function(event) { console.log('i am the 1st one.'); }); window.addeventlistener('unload', function(event) { console.log('i am the 3rd one.'); }); </script> </head> <body> <iframe src="child-frame.html"></iframe> </body> </html> below, the content of child-frame.html: <!doctype html> <html> <head> <title>child frame</title> <script> window.addeventlistener('beforeunload', function(event) { console.log('i am the 2nd one.'); }); window.addeventlistener('unload', function(event) { console.log('i am the 4th and last one…'); }); </script> </head> <body> ☻ </body> </html> when the parent frame is unloaded,...
WindowOrWorkerGlobalScope.queueMicrotask() - Web APIs
n); parameters function a function to be executed when the browser engine determines it is safe to call your code.
...)); }); } else { fetch(url).then(res => res.arraybuffer()).then(data => { this._cache[url] = data; this._setdata(data); this.dispatchevent(new event("load")); }); } }; when queuemicrotask() isn't available the code below is basically a monkey-patch for queuemicrotask() for modern engines.
WritableStream.getWriter() - Web APIs
the getwriter() method of the writablestream interface returns a new instance of writablestreamdefaultwriter and locks the stream to that instance.
...tream's getwriter() method, which returns an instance of writablestreamdefaultwriter.
WritableStreamDefaultWriter.WritableStreamDefaultWriter() - Web APIs
new writablestreamdefaultwriter object instance.
...tream's getwriter() method, which returns an instance of writablestreamdefaultwriter.
WritableStreamDefaultWriter.close() - Web APIs
close behavior.
...tream's getwriter() method, which returns an instance of writablestreamdefaultwriter.
WritableStreamDefaultWriter.write() - Web APIs
ssarily that it is safely saved to its ultimate destination.
...tream's getwriter() method, which returns an instance of writablestreamdefaultwriter.
XPathEvaluator - Web APIs
xpathevaluator.createexpression() creates a parsed xpath expression with resolved namespaces.
...he specified type if possible.
XPathException - Web APIs
returns a short that contains one of the error code constants.
... constant value description invalid_expression_err 51 if the expression has a syntax error or otherwise is not a legal expression according to the rules of the specific xpathevaluator or contains specialized extension functions or variables not supported by this implementation.
XPathExpression - Web APIs
this interface is a compiled xpath expression that can be evaluated on a document or specific node to return information from its dom tree.
... on the given node or document.
XRInputSourcesChangeEvent - Web APIs
the webxr device api interface xrinputsourceschangeevent is used to represent the inputsourceschange event sent to an xrsession when the set of available webxr input controllers changes.
...newly connected or enabled for use.
XRPermissionDescriptor.mode - Web APIs
the mode property of the xrpermissiondescriptor dictionary is a string taken from the xrsessionmode enumerated type, specifying which web xr session mode (inline, immersive-vr, or immersive-ar) the described permissions will be used for.
... mode (inline, immersive-vr, or immersive-ar) the described permissions will be used for.
XRSession.environmentBlendMode - Web APIs
ndmode property identifies if—and to what degree—the computer-generated imagery is overlaid atop the real world.
...omstring which contains one of the values defined by the xrenvironmentblendmode enumerated type.
XRSession: selectend event - Web APIs
ly after completing those tasks does the onselectionevent() function below dispatch the action out to a specialized function to handle things.
...deventlistener("select", onselectionevent); xrsession.addeventlistener("selectend", onselectionevent); function onselectionevent(event) { let source = event.inputsource; let targetobj = null; if (source.targetraymode != "tracked-pointer") { return; } let targetraypose = event.frame.getpose(source.targetrayspace, myrefspace); if (!targetraypose) { return; } switch(event.type) { case "selectstart": targetobj = mybegintracking(targetraypose.matrix); break; case "select": mydropobject(targetobj, targetraypose.matrix); break; case "selectend": mystoptracking(targetobj, targetraypose.matrix); break; } } you can of course also set up a handler for selectend events by setting the xrsession object's onselectend event handle...
XRSession: selectstart event - Web APIs
ly after completing those tasks does the onselectionevent() function below dispatch the action out to a specialized function to handle things.
...deventlistener("select", onselectionevent); xrsession.addeventlistener("selectend", onselectionevent); function onselectionevent(event) { let source = event.inputsource; let targetobj = null; if (source.targetraymode != "tracked-pointer") { return; } let targetraypose = event.frame.getpose(source.targetrayspace, myrefspace); if (!targetraypose) { return; } switch(event.type) { case "selectstart": targetobj = mybegintracking(targetraypose.matrix); break; case "select": mydropobject(targetobj, targetraypose.matrix); break; case "selectend": mystoptracking(targetobj, targetraypose.matrix); break; } } you can of course also set up a handler for selectend events by setting the xrsession object's onselectend event handle...
XRSession: squeezeend event - Web APIs
only after completing those tasks does the onsqueezeevent() function below dispatch the action out to a specialized function to handle things.
...n.addeventlistener("squeeze", onsqueezeevent); xrsession.addeventlistener("squeezeend", onsqueezeevent); function onsqueezeevent(event) { let source = event.inputsource; let targetobj = null; if (source.targetraymode != "tracked-pointer") { return; } let targetraypose = event.frame.getpose(source.targetrayspace, myrefspace); if (!targetraypose) { return; } switch(event.type) { case "squeezestart": targetobj = mybegintracking(targetraypose.matrix); break; case "squeeze": mydropobject(targetobj, targetraypose.matrix); break; case "squeezeend": 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 pr...
XRSession: squeezestart event - Web APIs
only after completing those tasks does the onsqueezeevent() function below dispatch the action out to a specialized function to handle things.
...n.addeventlistener("squeeze", onsqueezeevent); xrsession.addeventlistener("squeezeend", onsqueezeevent); function onsqueezeevent(event) { let source = event.inputsource; let targetobj = null; if (source.targetraymode != "tracked-pointer") { return; } let targetraypose = event.frame.getpose(source.targetrayspace, myrefspace); if (!targetraypose) { return; } switch(event.type) { case "squeezestart": targetobj = mybegintracking(targetraypose.matrix); break; case "squeeze": mydropobject(targetobj, targetraypose.matrix); break; case "squeezeend": 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 pr...
XRSessionEvent - Web APIs
ent object configured using the specified xrsessioneventinit object's values as available.
...ion to properties inherited from its parent interface, event, xrsessionevent provides the folllowing: session read only the xrsession to which the event refers.
XRSessionEventInit.session - Web APIs
the xrsessioneventinit dictionary's session property specifies the xrsession for which the event describes a state change.
... the xrsessioneventinit dictionary's session property specifies the xrsession for which the event describes a state change.
XRView.eye - Web APIs
Web › API › XRView › eye
the xrview interface's read-only eye property is a string taken from the xreye enumerated type, indicating which eye's viewpoint the xrview represents: left or right.
... the xrview interface's read-only eye property is a string taken from the xreye enumerated type, indicating which eye's viewpoint the xrview represents: left or right.
XRViewport - Web APIs
the width, in pixels, of the viewport.
...lly a xrwebgllayer) to the left edge of the viewport, in pixels.
msCachingEnabled - Web APIs
ork for every user.
...e in the future.
msGetPropertyEnabled - Web APIs
the web: it will not work for every user.
... incompatibilities between implementations and the behavior may change in the future.
msGetRegionContent - Web APIs
e large incompatibilities between implementations and the behavior may change in the future.
...e in the future.
msWriteProfilerMark - Web APIs
eb: it will not work for every user.
...e incompatibilities between implementations and the behavior may change in the future.
ARIA annotations - Accessibility
oll/voting ui widget that shows numbers of votes, but you want to summarize the purpose of the widget in a clear description because the ui does not make it clear: <section aria-description="choose your favourite fruit — the fruit with the highest number of votes will be added to the lunch options next week."> <p>pick your favourite fruit:</p> <form> <ul> <li><label>apple: <input type="radio" name="fruit" value="apple"></label></li> <li><label>orange: <input type="radio" name="fruit" value="orange"></label></li> <li><label>banana: <input type="radio" name="fruit" value="banana"></label></li> </ul> </form> </section> if the descriptive text does appear in the ui, you can link the description to the widget using aria-describedby, like so: <p id="fruit-desc">c...
...bel></li> </ul> </form> </section> if the descriptive text does appear in the ui, you can link the description to the widget using aria-describedby, like so: <p id="fruit-desc">choose your favourite fruit — the fruit with the highest number of votes will be added to the lunch options next week.</p> <section aria-describedby="fruit-desc"> <form> <ul> <li><label>apple: <input type="radio" name="fruit" value="apple"></label></li> <li><label>orange: <input type="radio" name="fruit" value="orange"></label></li> <li><label>banana: <input type="radio" name="fruit" value="banana"></label></li> </ul> </form> </section> insertions and deletions a common wish in online document systems like google docs is to be able to track changes, to see what reviewers or edi...
ARIA: rowgroup role - Accessibility
<span role="cell">5.5 million</span> </div> <div role="row"> <span role="cell">france</span> <span role="cell">67 million</span> </div> </div> </div> description rowgroup establishes a relationship between owned row elements and is a structural equivalent to the thead, tfoot and tbody elements in html.
...le or grid role.
ARIA: checkbox role - Accessibility
x's state to assistive technology.
...index="0" aria-labelledby="chk1-label"> </span> <label id="chk1-label">remember my preferences</label> the first rule of aria is if a native html element or attribute has the semantics and behavior you require, use it instead of re-purposing an element and adding aria.
ARIA: dialog role - Accessibility
one of those opinions and therefore not normative.
... aria-labelledby="dialog1title" aria-describedby="dialog1desc"> <h2 id="dialog1title">subscription form</h2> <p id="dialog1desc">we will not share this information with third parties.</p> <form> <p> <label for="firstname">first name</label> <input id="firstname" type="text" /> </p> <p> <label for="lastname">last name</label> <input id="lastname" type="text"/> </p> <p> <label for="interests">interests</label> <textarea id="interests"></textarea> </p> <p> <input type="checkbox" id="autologin"/> <label for="autologin">auto-login?</label> </p> <p> <input type="submit" value="save information"/> </p> </form> </div> working examples: jquery-ui dialog notes note: whi...
Multipart labels: Using ARIA for labels with embedded fields inside them - Accessibility
elledby, you should also provide a label for construct to also support older browsers that do not have aria support yet.
...automatically get better accessibility from the new attribute, but the users of older browsers are not left in the dark this way.
Alerts - Accessibility
d):</label> <input name="email" id="email" aria-required="true"/> <br /> <label for="website">website (optional):</label> <input name="website" id="website"/> </fieldset> <label for="message">please enter your message (required):</label> <br /> <textarea name="message" id="message" rows="5" cols="80" aria-required="true"></textarea> <br /> <input type="submit" name="submit" value="send message"/> <input type="reset" name="reset" value="reset form"/> </form> checking for validity and notifying the user form validations consists of several steps: checking if the e-mail address or entered name are valid.
...nstead of using the javascript ‘alert’ function, we’ll use a simple wai-aria widget for notification.
An overview of accessible web applications and widgets - Accessibility
designed to fill the gap between standard html tags and the desktop-style controls found in dynamic web applications, aria provides roles and states that describe the behavior of most familiar ui widgets.
...-hidden to control the visibility of the tooltip.
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
ortant]: objid_alert objid_caret objid_client [important] objid_cursor objid_hscroll objid_nativeom [important?
...walker class knows what it needs to expose by asking each dom node's primary frame (a gecko formatting object) for an nsiaccessible, using the nsiframe::getaccessible() method.
Accessibility
ive technology (at) development a collection of articles intended for at developers mobile accessibility checklist this document provides a concise checklist of accessibility requirements for mobile app developers.
...ity checklist this document provides a concise checklist of accessibility requirements for mobile app developers.
-moz-orient - CSS: Cascading Style Sheets
ly for vertical writing modes.
... the axis of the text: vertically for horizontal writing modes, horizontal for vertical writing modes.
-moz-user-focus - CSS: Cascading Style Sheets
; -moz-user-focus: ignore; /* global values */ -moz-user-focus: inherit; -moz-user-focus: initial; -moz-user-focus: unset; by setting its value to ignore, you can disable focusing the element, which means that the user will not be able to activate the element.
...e default action of mousedown events.
-webkit-line-clamp - CSS: Cascading Style Sheets
/* global values */ -webkit-line-clamp: inherit; -webkit-line-clamp: initial; -webkit-line-clamp: unset; none this value specifies that the content wonʼt be clamped.
...ebkit-line-clamp: inherit; -webkit-line-clamp: initial; -webkit-line-clamp: unset; none this value specifies that the content wonʼt be clamped.
-webkit-mask-position-x - CSS: Cascading Style Sheets
-webkit-mask-position-x: -1cm; /* multiple values values */ -webkit-mask-position-x: 50px, 25%, -3em; /* global values */ -webkit-mask-position-x: inherit; -webkit-mask-position-x: initial; -webkit-mask-position-x: unset; initial value0%applies toall elementsinheritednopercentagesrefer to the size of the box itselfcomputed valuefor <length> the absolute value, otherwise a percentageanimation typediscrete syntax values <length-percentage> a length indicating the position of the left edge of the image relative to the box's left padding edge.
... box's left padding edge and a value of 100% means the right edge of the image is aligned with the box's right padding edge.
-webkit-mask-position-y - CSS: Cascading Style Sheets
-webkit-mask-position-y: -1cm; /* multiple values values */ -webkit-mask-position-y: 50px, 25%, -3em; /* global values */ -webkit-mask-position-y: inherit; -webkit-mask-position-y: initial; -webkit-mask-position-y: unset; initial value0%applies toall elementsinheritednopercentagesrefer to the size of the box itselfcomputed valuefor <length> the absolute value, otherwise a percentageanimation typediscrete syntax values <length-percentage> a length indicating the position of the top side of the image relative to the box's top padding edge.
...box's top padding edge and a value of 100% means the bottom edge of the image is aligned with the box's bottom padding edge.
-webkit-text-security - CSS: Cascading Style Sheets
-webkit-text-security is a non-standard css property that obfuscates characters in a <form> field (such as <input> or <textarea>) by replacing them with a shape.
...security: circle; -webkit-text-security: disc; -webkit-text-security: square; -webkit-text-security: none; formal definition value not found in db!
-webkit-text-stroke-color - CSS: Cascading Style Sheets
-stroke-color: red; -webkit-text-stroke-color: #e08ab4; -webkit-text-stroke-color: rgb(200, 100, 0); /* global values */ -webkit-text-stroke-color: inherit; -webkit-text-stroke-color: initial; -webkit-text-stroke-color: unset; syntax values <color> the color of the stroke.
...)> = hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]?
::-webkit-inner-spin-button - CSS: Cascading Style Sheets
ement is used to style the inner part of the spinner button of number picker input elements.
...nner part of the spinner button of number picker input elements.
::slotted() - CSS: Cascading Style Sheets
Web › CSS › ::slotted
at this selector won't select a text node placed into a slot; it only targets actual elements.
...ects any element placed inside a slot */ ::slotted(*) { font-weight: bold; } /* selects any <span> placed inside a slot */ ::slotted(span) { font-weight: bold; } syntax ::slotted( <compound-selector-list> )where <compound-selector-list> = <compound-selector>#where <compound-selector> = [ <type-selector>?
:focus-within - CSS: Cascading Style Sheets
s selector is useful, to take a common example, for highlighting an entire <form> container when the user focuses on one of its <input> fields.
...en the user focuses on one of its <input> fields.
:has() - CSS: Cascading Style Sheets
Web › CSS › :has
is not supported in any browser yet */ let test = document.queryselector('a:has(> img)'); syntax :has( <relative-selector-list> )where <relative-selector-list> = <relative-selector>#where <relative-selector> = <combinator>?
...s( <relative-selector-list> )where <relative-selector-list> = <relative-selector>#where <relative-selector> = <combinator>?
:host() - CSS: Cascading Style Sheets
Web › CSS › :host()
at are inside a particular ancestor.
...n used outside a shadow dom.
:host-context() - CSS: Cascading Style Sheets
font-weight: bold; } :host-context(main article) { font-weight: bold; } /* changes paragraph text color from black to white when a .dark-theme class is applied to the document body */ p { color: #000; } :host-context(body.dark-theme) p { color: #fff; } syntax :host-context( <compound-selector-list> )where <compound-selector-list> = <compound-selector>#where <compound-selector> = [ <type-selector>?
...color from black to white when a .dark-theme class is applied to the document body */ p { color: #000; } :host-context(body.dark-theme) p { color: #fff; } syntax :host-context( <compound-selector-list> )where <compound-selector-list> = <compound-selector>#where <compound-selector> = [ <type-selector>?
:lang() - CSS: Cascading Style Sheets
Web › CSS › :lang
the :lang() css pseudo-class matches elements based on the language they are determined to be in.
...lang( <language-code> ) parameter <language-code> a <string> representing the language you want to target.
:not() - CSS: Cascading Style Sheets
Web › CSS › :not
or more selectors as its argument.
...ne selector is experimental and not yet widely supported.
:nth-last-child() - CSS: Cascading Style Sheets
er or zero value of n.
...x :nth-last-child( <nth> [ of <complex-selector-list> ]?
:valid - CSS: Cascading Style Sheets
Web › CSS › :valid
owderblue; } this pseudo-class is useful for highlighting correct fields for the user.
...abels.
:where() - CSS: Cascading Style Sheets
Web › CSS › :where
in firefox nightly, version 77+.
...lso find this example on github; see is-where.
font-weight - CSS: Cascading Style Sheets
800 extra bold (ultra bold) 900 black (heavy) variable fonts most fonts have a particular weight which corresponds to one of the numbers in common weight name mapping.
...tra bold (ultra bold) 900 black (heavy) variable fonts most fonts have a particular weight which corresponds to one of the numbers in common weight name mapping.
src - CSS: Cascading Style Sheets
Web › CSS › @font-face › src
th/to/svgfont.svg#example); /* fragment identifying font */ /* <font-face-name> values */ src: local(font); /* unquoted name */ src: local(some font); /* name containing space */ src: local("font"); /* quoted name */ /* multiple items */ src: local(font), url(path/to/font.svg) format("svg"), url(path/to/font.woff) format("woff"), url(path/to/font.otf) format("opentype"); values <url> [ format( <string># ) ]?
...einitial valuen/a (required)computed valueas specified formal syntax [ <url> [ format( <string># ) ]?
-ms-high-contrast - CSS: Cascading Style Sheets
css media feature is a microsoft extension that describes whether the application is being displayed in high contrast mode, and with what color variation.
...scribes whether the application is being displayed in high contrast mode, and with what color variation.
@page - CSS: Cascading Style Sheets
Web › CSS › @page
dle viewport-related <length> units, vh, vw, vmin, and vmax.
...rule.
@supports - CSS: Cascading Style Sheets
Web › CSS › @supports
<supports-feature> | <general-enclosed>where <supports-feature> = <supports-decl> | <supports-selector-fn><general-enclosed> = [ <function-token> <any-value> ) ] | ( <ident> <any-value> )where <supports-decl> = ( <declaration> )<supports-selector-fn> = selector( <complex-selector> )where <complex-selector> = <compound-selector> [ <combinator>?
...ken> <any-value> ) ] | ( <ident> <any-value> )where <supports-decl> = ( <declaration> )<supports-selector-fn> = selector( <complex-selector> )where <complex-selector> = <compound-selector> [ <combinator>?
At-rules - CSS: Cascading Style Sheets
Web › CSS › At-rule
age) @counter-style — defines specific counter styles that are not part of the predefined set of styles.
... conditional group rules much like the values of properties, each at-rule has a different syntax.
Using CSS animations - CSS: Cascading Style Sheets
nt fires as soon as the animation starts, and in our case, that happens before our code runs.
...started: elapsed time is " + event.elapsedtime; break; case "animationend": l.innerhtml = "ended: elapsed time is " + event.elapsedtime; break; case "animationiteration": l.innerhtml = "new loop started at time " + event.elapsedtime; break; } document.getelementbyid("output").appendchild(l); } this code, too, is very simple.
In Flow and Out of Flow - CSS: Cascading Style Sheets
in flow, will be laid out using this method.
...prevent overlaps.
Realizing common layouts using CSS Grid Layout - CSS: Cascading Style Sheets
o a product listing using auto-placement.
...around with the location of elements.
Stacking context example 2 - CSS: Cascading Style Sheets
tacking context hierarchy: root stacking context div #2 (z-index 2) div #3 (z-index 1) div #4 (z-index 10) note: it is worth remembering that in general the html hierarchy is different from the stacking context hierarchy.
... note: it is worth remembering that in general the html hierarchy is different from the stacking context hierarchy.
Stacking context example 3 - CSS: Cascading Style Sheets
vel menus, or by using individual (and different) z-index values assigned through the id selector instead of class selector, or by flattening the html hierarchy.
...ning the html hierarchy.
Descendant combinator - CSS: Cascading Style Sheets
— the space character and/or one of four control characters: carriage return, form feed, new line, and tab characters — between two selectors in the absence of another combinator.
...of four control characters: carriage return, form feed, new line, and tab characters — between two selectors in the absence of another combinator.
Replaced elements - CSS: Cascading Style Sheets
box.
...ced elements typical replaced elements are: <iframe> <video> <embed> <img> some elements are treated as replaced elements only in specific cases: <option> <audio> <canvas> <object> <applet> html spec also says that an <input> element can be replaced, because <input> elements of the "image" type are replaced elements similar to <img>.
WebKit CSS extensions - CSS: Cascading Style Sheets
p-collapse -webkit-marquee-direction -webkit-marquee-increment -webkit-marquee-repetition -webkit-marquee-speed -webkit-marquee-style -webkit-marquee -webkit-mask-box-image-outset -webkit-mask-box-image-repeat -webkit-mask-box-image-slice -webkit-mask-box-image-source -webkit-mask-box-image-width -webkit-mask-box-image -webkit-mask-repeat-x -webkit-mask-repeat-y -webkit-mask-source-type -webkit-max-logical-height -webkit-max-logical-width -webkit-min-logical-height -webkit-min-logical-width n -webkit-nbsp-mode p -webkit-padding-after** -webkit-padding-before** -webkit-padding-end** -webkit-padding-start** -webkit-perspective-origin-x -webkit-perspective-origin-y -webkit-print-color-adjust r-s -webkit-rtl-ordering -webkit-svg-shadow t -webkit-tap-hi...
...ens -webkit-justify-content -webkit-justify-items -webkit-justify-self -webkit-line-break m -webkit-mask -webkit-mask-clip -webkit-mask-composite -webkit-mask-image -webkit-mask-origin -webkit-mask-position -webkit-mask-repeat -webkit-mask-size o-r -webkit-opacity -webkit-order -webkit-perspective -webkit-perspective-origin -webkit-ruby-position s -webkit-scroll-snap-type -webkit-shape-image-threshold -webkit-shape-margin -webkit-shape-outside t -epub-text-decoration -webkit-text-color-decoration -webkit-text-decoration-line -webkit-text-decoration-style -epub-text-emphasis -webkit-text-emphasis -epub-text-emphasis-color -webkit-text-emphasis-color -webkit-text-emphasis-position -epub-text-emphasis-style -webkit-text-emphasis-style -webkit-text-...
align-content - CSS: Cascading Style Sheets
the item is instead aligned as if the alignment mode were start.
...f 'align-content' in that specification.
<alpha-value> - CSS: Cascading Style Sheets
the <alpha-value> css data type represents a value that can be either a <number> or a <percentage>, specifying the alpha channel or transparency of a color.
...between; that is, 0.5 indicates that half of the foreground color is used and half of the background color is used.
<angle> - CSS: Cascading Style Sheets
Web › CSS › angle
the <angle> css data type represents an angle value expressed in degrees, gradians, radians, or turns.
...resents an angle value expressed in degrees, gradians, radians, or turns.
animation - CSS: Cascading Style Sheets
Web › CSS › animation
animation: 3s linear 1s slidein; } .a3 { animation: 3s slidein; } .animation { background: #3f87a6; width: 100%; height: calc(100% - 1.5em); transform-origin: left center; } window.addeventlistener('load', function () { var animation = array.from(document.queryselectorall('.animation')); var button = array.from(document.queryselectorall('button')); function togglebutton (btn, type) { btn.classlist.remove('play', 'pause', 'restart'); btn.classlist.add(type); btn.title = type.touppercase(type); } function playpause (i) { var btn = button[i]; var anim = animation[i]; if (btn.classlist.contains('play')) { anim.style.animationplaystate = 'running'; togglebutton(btn, 'pause'); } else if (btn.classlist.contains('pause')) { anim...
...es toall elements, ::before and ::after pseudo-elementsinheritednocomputed valueas each of the properties of the shorthand:animation-name: as specifiedanimation-duration: as specifiedanimation-timing-function: as specifiedanimation-delay: as specifiedanimation-direction: as specifiedanimation-iteration-count: as specifiedanimation-fill-mode: as specifiedanimation-play-state: as specifiedanimation typediscrete formal syntax <single-animation>#where <single-animation> = <time> | <timing-function> | <time> | <single-animation-iteration-count> | <single-animation-direction> | <single-animation-fill-mode> | <single-animation-play-state> | [ none | <keyframes-name> ]where <timing-function> = linear | <cubic-bezier-timing-function> | <step-timing-function><single-animation-iteration-count> = infini...
appearance (-moz-appearance, -webkit-appearance) - CSS: Cascading Style Sheets
<div>lorem</div> firefox checkmenuitem div { color: black; height: 20px; -moz-appearance: checkmenuitem; -webkit-appearance: checkmenuitem; } <div>lorem</div> firefox color-well div{ color: black; -moz-appearance: color-well; -webkit-appearance: color-well; } <div>lorem</div> safari input type=color continuous-capacity-level-indicator div{ color: black; -moz-appearance: continuous-capacity-level-indicator; -webkit-appearance: continuous-capacity-level-indicator; } <div>lorem</div> safari default-button div{ color: black; -moz-appearance: default-button; -webkit-appearance: default-button; } <div>lorem</div> ...
...oz-window-frame-left firefox removed in firefox 64.
aspect-ratio - CSS: Cascading Style Sheets
ys work with the content box dimensions.
...tio> examples mapping width and height to aspect-ratio firefox has added an internal aspect-ratio property (in version 69 onwards) that applies to replaced elements and other related elements that accept width and height attributes.
background-attachment - CSS: Cascading Style Sheets
ve to the scrollable area of the element rather than to the border framing them.
... how she was ever to get out again.
background-image - CSS: Cascading Style Sheets
age's overall purpose, it is better to describe it semantically in the document.
...demos.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.
<blend-mode> - CSS: Cascading Style Sheets
the <blend-mode> css data type describes how colors should appear when elements overlap.
... the <blend-mode> css data type describes how colors should appear when elements overlap.
block-size - CSS: Cascading Style Sheets
et; if the writing mode is vertically oriented, the value of block-size relates to the width of the element; otherwise, it relates to the height of the element.
...tednopercentagesblock-size of containing blockcomputed valuesame as width and heightanimation typea length, percentage or calc(); syntax values the block-size property takes the same values as the width and height properties.
border-block-start-width - CSS: Cascading Style Sheets
border-block-start-width: 5px; border-block-start-width: thick; related properties are border-block-end-width, border-inline-start-width, and border-inline-end-width, which define the other border widths of the element.
...tageslogical-width of containing blockcomputed valueabsolute length; 0 if the border style is none or hiddenanimation typea length values <'border-width'> the width of the border.
border-bottom-left-radius - CSS: Cascading Style Sheets
the ellipse to use for the border in that corner.
...nition initial value0applies toall elements; but user agents are not required to apply to table and inline-table elements when border-collapse is collapse.
border-bottom-right-radius - CSS: Cascading Style Sheets
the ellipse to use for the border in that corner.
...nition initial value0applies toall elements; but user agents are not required to apply to table and inline-table elements when border-collapse is collapse.
border-color - CSS: Cascading Style Sheets
and:border-top-color: currentcolorborder-right-color: currentcolorborder-bottom-color: currentcolorborder-left-color: currentcolorapplies toall elements.
...ne; } 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
it; border-end-end-radius: initial; border-end-end-radius: unset; for instance, in a horizontal-tb writing mode this property corresponds to the border-bottom-right-radius property.
...nition initial value0applies toall elements; but user agents are not required to apply to table and inline-table elements when border-collapse is collapse.
border-end-start-radius - CSS: Cascading Style Sheets
t; border-end-start-radius: initial; border-end-start-radius: unset; for instance, in a horizontal-tb writing mode this property corresponds to the border-top-right-radius property.
...nition initial value0applies toall elements; but user agents are not required to apply to table and inline-table elements when border-collapse is collapse.
border-image-outset - CSS: Cascading Style Sheets
nt has border-width: 1em 2px 0 1.5rem, and border-image-outset: 2, the final border-image-outset would be calculated as 2em 4px 0 3rem.
...em 2px 0 1.5rem, and border-image-outset: 2, the final border-image-outset would be calculated as 2em 4px 0 3rem.
border-image-width - CSS: Cascading Style Sheets
ed intrinsic dimension, the corresponding border-width is used instead.
..., the corresponding border-width is used instead.
border-image - CSS: Cascading Style Sheets
age-outset: as specified, but with relative lengths converted into absolute lengthsborder-image-repeat: as specifiedborder-image-slice: one to four percentage(s) (as specified) or absolute length(s), plus the keyword fill if specifiedborder-image-source: none or the image with its uri made absoluteborder-image-width: as specified, but with relative lengths converted into absolute lengthsanimation typediscrete formal syntax <'border-image-source'> | <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>?
...age-outset: as specified, but with relative lengths converted into absolute lengthsborder-image-repeat: as specifiedborder-image-slice: one to four percentage(s) (as specified) or absolute length(s), plus the keyword fill if specifiedborder-image-source: none or the image with its uri made absoluteborder-image-width: as specified, but with relative lengths converted into absolute lengthsanimation typediscrete ...
border-inline-end-color - CSS: Cascading Style Sheets
hub.com/mdn/interactive-examples and send us a pull request.
...-color, border-block-end-color, and border-inline-start-color, which define the other border colors of the element.
border-inline-end-width - CSS: Cascading Style Sheets
/ border-inline-end-width: 2px; border-inline-end-width: thick; related properties are border-block-start-width, border-block-end-width, and border-inline-start-width, which define the other border widths of the element.
...tageslogical-width of containing blockcomputed valueabsolute length; 0 if the border style is none or hiddenanimation typea length values <'border-width'> the width of the border.
border-inline-end - CSS: Cascading Style Sheets
ddenborder-right-width: the absolute length or 0 if border-right-style is none or hiddenborder-top-width: the absolute length or 0 if border-top-style is none or hiddenborder-style: as each of the properties of the shorthand:border-bottom-style: as specifiedborder-left-style: as specifiedborder-right-style: as specifiedborder-top-style: as specifiedborder-inline-end-color: computed coloranimation typeas each of the properties of the shorthand:border-inline-end-color: a colorborder-inline-end-style: discreteborder-inline-end-width: a length values the border-inline-end is specified with one or more of the following, in any order: <'border-width'> the width of the border.
...ddenborder-right-width: the absolute length or 0 if border-right-style is none or hiddenborder-top-width: the absolute length or 0 if border-top-style is none or hiddenborder-style: as each of the properties of the shorthand:border-bottom-style: as specifiedborder-left-style: as specifiedborder-right-style: as specifiedborder-top-style: as specifiedborder-inline-end-color: computed coloranimation typeas each of the properties of the shorthand:border-inline-end-color: a colorborder-inline-end-style: discreteborder-inline-end-width: a length formal syntax <'border-top-width'> | <'border-top-style'> | <'color'>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-value> ]?
border-inline-start-style - CSS: Cascading Style Sheets
ll request.
...rt-style, border-block-end-style, and border-inline-end-style, which define the other border styles of the element.
border-inline - CSS: Cascading Style Sheets
t, and border-block-end.
...lor.
border-start-end-radius - CSS: Cascading Style Sheets
border-start-end-radius: initial; border-start-end-radius: unset; for instance, in a horizontal-tb writing mode this property corresponds to the border-bottom-left-radius property.
...nition initial value0applies toall elements; but user agents are not required to apply to table and inline-table elements when border-collapse is collapse.
border-start-start-radius - CSS: Cascading Style Sheets
border-start-start-radius: initial; border-start-start-radius: unset; for instance, in a horizontal-tb writing mode this property corresponds to the border-top-left-radius property.
...nition initial value0applies toall elements; but user agents are not required to apply to table and inline-table elements when border-collapse is collapse.
border-top-left-radius - CSS: Cascading Style Sheets
the ellipse to use for the border in that corner.
...nition initial value0applies toall elements; but user agents are not required to apply to table and inline-table elements when border-collapse is collapse.
border-top-right-radius - CSS: Cascading Style Sheets
the ellipse to use for the border in that corner.
...nition initial value0applies toall elements; but user agents are not required to apply to table and inline-table elements when border-collapse is collapse.
border-top-style - CSS: Cascading Style Sheets
inset; border-top-style: outset; /* global values */ border-top-style: inherit; border-top-style: initial; border-top-style: unset; the border-top-style property is specified as a single keyword chosen from those available for the border-style property.
... borders module level 3the definition of 'border-top-style' in that specification.
border-width - CSS: Cascading Style Sheets
ocomputed valueas each of the properties of the shorthand:border-bottom-width: the absolute length or 0 if border-bottom-style is none or hiddenborder-left-width: the absolute length or 0 if border-left-style is none or hiddenborder-right-width: the absolute length or 0 if border-right-style is none or hiddenborder-top-width: the absolute length or 0 if border-top-style is none or hiddenanimation typeas each of the properties of the shorthand:border-bottom-width: a lengthborder-left-width: a lengthborder-right-width: a lengthborder-top-width: a length formal syntax <line-width>{1,4}where <line-width> = <length> | thin | medium | thick examples a mix of values and lengths html <p id="sval"> one value: 6px wide border on all 4 sides</p> <p id="bival"> two different values: 2px wide...
...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.
box-align - CSS: Cascading Style Sheets
Web › CSS › box-align
t purposes depends on the box's orientation: horizontal top vertical left the edge opposite to the start is designated the end.
...edge opposite to the start is designated the end.
box-flex - CSS: Cascading Style Sheets
Web › CSS › box-flex
nt elements in a containing box the same size, is to give them all a fixed size (e.g.
...ed size (e.g.
calc() - CSS: Cascading Style Sheets
Web › CSS › calc
rmbox { width: calc(100% / 6); border: 1px solid black; padding: 4px; } here, the form itself is established to use 1/6 of the available window width.
... border: 1px solid black; padding: 4px; } here, the form itself is established to use 1/6 of the available window width.
color-adjust - CSS: Cascading Style Sheets
the color-adjust css property sets what, if anything, the user agent may do to optimize the appearance of the element on the output device.
... and images will take priority over the value of color-adjust.
color - CSS: Cascading Style Sheets
Web › CSS › color
100%, 50%, 0.6); color: hsla(30, 100%, 50%, 0.6); color: hsl(30 100% 50% / 0.6); color: hsla(30 100% 50% / 0.6); color: hsl(30.0 100% 50% / 60%); color: hsla(30.2 100% 50% / 60%); /* global values */ color: inherit; color: initial; color: unset; the color property is specified as a single <color> value.
... 1.4.3 | w3c understanding wcag 2.0 formal definition initial valuevaries from one browser to anotherapplies toall elements.
column-gap (grid-column-gap) - CSS: Cascading Style Sheets
* <length> values */ column-gap: 3px; column-gap: 2.5em; /* <percentage> value */ column-gap: 3%; /* global values */ column-gap: inherit; column-gap: initial; column-gap: unset; the column-gap property is specified as one of the values listed below.
...n columns, defined as a <percentage>.
<display-inside> - CSS: Cascading Style Sheets
these keywords specify the element’s inner display type, which defines the type of formatting context that lays out its contents (assuming it is a non-replaced element).
...ng it is a non-replaced element).
<display-internal> - CSS: Cascading Style Sheets
e elements behave like <rt> html elements.
...bc> html elements generated as anonymous boxes.
<display-legacy> - CSS: Cascading Style Sheets
t to inline grid.
...below example, we are creating an inline flex container with the legacy keyword inline-flex.
flex-basis - CSS: Cascading Style Sheets
or height property"; and a new content keyword is being introduced to trigger automatic sizing.
...>1: flex-basis test</li> <li class="flex flex2">2: flex-basis test</li> <li class="flex flex3">3: flex-basis test</li> <li class="flex flex4">4: flex-basis test</li> <li class="flex flex5">5: flex-basis test</li> </ul> <ul class="container"> <li class="flex flex6">6: flex-basis test</li> </ul> css .container { font-family: arial, sans-serif; margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; } .flex { background: #6ab6d8; padding: 10px; margin-bottom: 50px; border: 3px solid #2e86bb; color: white; font-size: 14px; text-align: center; position: relative; } .flex:after { position: absolute; z-index: 1; left: 0; top: 100%; margin-top: 10px; width: 100%; color: #333; font-size: 12px; } .flex1 { flex-basis: au...
<flex> - CSS: Cascading Style Sheets
the <flex> css data type denotes a flexible length within a grid container.
... the <flex> css data type denotes a flexible length within a grid container.
<frequency-percentage> - CSS: Cascading Style Sheets
the <frequency-percentage> css data type represents a value that can be either a <frequency> or a <percentage>.
...at can be either a <frequency> or a <percentage>.
grid-auto-flow - CSS: Cascading Style Sheets
a "sparse" algorithm is used, where the placement algorithm only ever moves "forward" in the grid when placing items, never backtracking to fill holes.
...rete formal syntax [ row | column ] | dense examples setting grid auto-placement html <div id="grid"> <div id="item1"></div> <div id="item2"></div> <div id="item3"></div> <div id="item4"></div> <div id="item5"></div> </div> <select id="direction" onchange="changegridautoflow()"> <option value="column">column</option> <option value="row">row</option> </select> <input id="dense" type="checkbox" onchange="changegridautoflow()"> <label for="dense">dense</label> css #grid { height: 200px; width: 200px; display: grid; grid-gap: 10px; grid-template: repeat(4, 1fr) / repeat(2, 1fr); grid-auto-flow: column; /* or 'row', 'row dense', 'column dense' */ } #item1 { background-color: lime; grid-row-start: 3; } #item2 { background-color: yellow; } #item3 { backg...
list-style-position - CSS: Cascading Style Sheets
st-style-position: initial; list-style-position: unset; the list-style-position property is specified as one of the keyword values listed below.
... item 1-2</li> <li>list item 1-3</li> <li>list item 1-4</li> </ul> <ul class="outside">list 2 <li>list item 2-1</li> <li>list item 2-2</li> <li>list item 2-3</li> <li>list item 2-4</li> </ul> <ul class="inside-img">list 3 <li>list item 3-1</li> <li>list item 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.
margin-bottom - CSS: Cascading Style Sheets
a <length>, or a <percentage>.
...to the browser selects a suitable value to use.
margin-inline - CSS: Cascading Style Sheets
erties: margin-inline-end margin-inline-start syntax values the margin-inline property takes the same values as the margin-left property.
...omment css logical properties and values level 1the definition of 'margin-inline' in that specification.
margin-left - CSS: Cascading Style Sheets
the border area inside the available width, if fixed.
... horizontal auto margins.
margin-right - CSS: Cascading Style Sheets
the border area inside the available width, if fixed.
... horizontal auto margins.
margin-top - CSS: Cascading Style Sheets
a <length>, or a <percentage>.
...to the browser selects a suitable value to use.
margin - CSS: Cascading Style Sheets
Web › CSS › margin
in that specification.
...d ::first-line.inheritednopercentagesrefer to the width of the containing blockcomputed valueas each of the properties of the shorthand:margin-bottom: the percentage as specified or the absolute lengthmargin-left: the percentage as specified or the absolute lengthmargin-right: the percentage as specified or the absolute lengthmargin-top: the percentage as specified or the absolute lengthanimation typea length ...
mask-border-mode - CSS: Cascading Style Sheets
border-mode: unset; values luminance the luminance values of the mask border image are used as the mask values.
...ed as the mask values.
<number> - CSS: Cascading Style Sheets
Web › CSS › number
the <number> css data type represents a number, being either an integer or a number with a fractional component.
... the <number> css data type represents a number, being either an integer or a number with a fractional component.
offset-position - CSS: Cascading Style Sheets
t can be defined using one to four values.
...assumed to be center.
order - CSS: Cascading Style Sheets
Web › CSS › order
s to the correct reading 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
line of a paragraph that appears alone at the bottom of a page.
... </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.
overflow-block - CSS: Cascading Style Sheets
as visible, but still establishes a new block-formatting context.
... status comment css overflow module level 3the definition of 'overflow-block' in that specification.
overflow-wrap - CSS: Cascading Style Sheets
anywhere value, with normally unbreakable words allowed to be broken at arbitrary points if there are no otherwise acceptable break points in the line, but soft wrap opportunities introduced by the word break are not considered when calculating min-content intrinsic sizes.
...-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.
overscroll-behavior-y - CSS: Cascading Style Sheets
planation.
...efreshes), but no scroll chaining occurs to neighbouring scrolling areas, e.g.
overscroll-behavior - CSS: Cascading Style Sheets
have a dialog box with scrolling content on top of a page of scrolling content, once the dialog box's scroll boundary is reached, the underlying page will then start to scroll — this is called scroll chaining.
...efreshes), but no scroll chaining occurs to neighbouring scrolling areas, e.g.
position - CSS: Cascading Style Sheets
Web › CSS › position
on of any other elements.
...ints at 60 fps, causing accessibility concerns for people with sensitivities and jank for everyone.
<position> - CSS: Cascading Style Sheets
the <position> (or <bg-position>) css data type denotes a two-dimensional coordinate used to set a location relative to an element box.
... the <position> (or <bg-position>) css data type denotes a two-dimensional coordinate used to set a location relative to an element box.
resize - CSS: Cascading Style Sheets
Web › CSS › resize
ically, depending on the writing-mode and direction value).
... visible, and optionally replaced elements representing images or videos, and iframesinheritednocomputed valueas specifiedanimation typediscrete formal syntax none | both | horizontal | vertical | block | inline examples disabling resizability of textareas in many browsers, <textarea> elements are resizable by default.
<resolution> - CSS: Cascading Style Sheets
the <resolution> css data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution.
... the <resolution> css data type, used for describing resolutions in media queries, denotes the pixel density of an output device, i.e., its resolution.
scroll-margin-block-end - CSS: Cascading Style Sheets
t.
...> values */ scroll-margin-block-end: 10px; scroll-margin-block-end: 1em; /* global values */ scroll-margin-block-end: inherit; scroll-margin-block-end: initial; scroll-margin-block-end: unset; values <length> an outset from the block end edge of the scroll container.
scroll-margin-block-start - CSS: Cascading Style Sheets
/* <length> values */ scroll-margin-block-start: 10px; scroll-margin-block-start: 1em; /* global values */ scroll-margin-block-start: inherit; scroll-margin-block-start: initial; scroll-margin-block-start: unset; values <length> an outset from the block start edge of the scroll container.
...scroll-margin-block-start: 10px; scroll-margin-block-start: 1em; /* global values */ scroll-margin-block-start: inherit; scroll-margin-block-start: initial; scroll-margin-block-start: unset; values <length> an outset from the block start edge of the scroll container.
scroll-margin-block - CSS: Cascading Style Sheets
outsets defining the scroll snap area that is used for snapping this box to the snapport.
...scroll snap area that is used for snapping this box to the snapport.
scroll-margin-bottom - CSS: Cascading Style Sheets
d us a pull request.
...syntax /* <length> values */ scroll-margin-bottom: 10px; scroll-margin-bottom: 1em; /* global values */ scroll-margin-bottom: inherit; scroll-margin-bottom: initial; scroll-margin-bottom: unset; values <length> an outset from the bottom edge of the scroll container.
scroll-margin-left - CSS: Cascading Style Sheets
es and send us a pull request.
...request.
scroll-margin-right - CSS: Cascading Style Sheets
d send us a pull request.
...st.
scroll-margin-top - CSS: Cascading Style Sheets
e-examples and send us a pull request.
... a pull request.
scroll-padding-block-end - CSS: Cascading Style Sheets
e of the scrollport, as a valid length or a percentage.
...s a valid length or a percentage.
scroll-padding-block-start - CSS: Cascading Style Sheets
e of the scrollport, as a valid length or a percentage.
...s a valid length or a percentage.
scroll-padding-block - CSS: Cascading Style Sheets
e of the scrollport, as a valid length or a percentage.
...s a valid length or a percentage.
scroll-padding-bottom - CSS: Cascading Style Sheets
e of the scrollport, as a valid length or a percentage.
...s a valid length or a percentage.
scroll-padding-inline-end - CSS: Cascading Style Sheets
ge of the scrollport, as a valid length or a percentage.
...as a valid length or a percentage.
scroll-padding-inline-start - CSS: Cascading Style Sheets
e of the scrollport, as a valid length or a percentage.
...s a valid length or a percentage.
scroll-padding-inline - CSS: Cascading Style Sheets
e of the scrollport, as a valid length or a percentage.
...s a valid length or a percentage.
scroll-padding-left - CSS: Cascading Style Sheets
ge of the scrollport, as a valid length or a percentage.
...as a valid length or a percentage.
scroll-padding-right - CSS: Cascading Style Sheets
e of the scrollport, as a valid length or a percentage.
...s a valid length or a percentage.
scroll-padding-top - CSS: Cascading Style Sheets
e of the scrollport, as a valid length or a percentage.
...s a valid length or a percentage.
scroll-padding - CSS: Cascading Style Sheets
he scrollport, as a valid <length> or a <percentage>.
...lid <length> or a <percentage>.
scroll-snap-coordinate - CSS: Cascading Style Sheets
the snap coordinates from the start edge of the element’s border box.
... <div>3</div> </div> </div> <div> <p>at coordinate (50, 0)</p> <div class="scrollcontainer coordinate50"> <div>1</div> <div>2</div> <div>3</div> </div> </div> </div> css #container { display: flex; } #container > div:nth-child(-n+2) { margin-right: 20px; } .scrollcontainer { width: 100px; overflow: auto; white-space: nowrap; scroll-snap-type: mandatory; font-size: 0; } .scrollcontainer > div { width: 100px; height: 100px; display: inline-block; line-height: 100px; text-align: center; font-size: 50px; } .coordinate0 > div { scroll-snap-coordinate: 0 0; } .coordinate25 > div { scroll-snap-coordinate: 25px 0; } .coordinate50 > div { scroll-snap-coordinate: 50px 0; } .scrollcontainer > div:nth-child(even) { bac...
scroll-snap-destination - CSS: Cascading Style Sheets
t edge of the scroll container’s visual viewport.
... <div> <p>at coordinate (50, 0)</p> <div class="scrollcontainer destination50"> <div>1</div> <div>2</div> <div>3</div> </div> </div> </div> css #container { display: flex; } #container > div:nth-child(-n+2) { margin-right: 20px; } .scrollcontainer { width: 100px; overflow: auto; white-space: nowrap; scroll-snap-points-x: repeat(100%); scroll-snap-type: mandatory; scroll-snap-destination: 20px 0; font-size: 0; } .destination0 { scroll-snap-destination: 0 0; } .destination25 { scroll-snap-destination: 25px 0; } .destination50 { scroll-snap-destination: 50px 0; } .scrollcontainer > div { width: 100px; height: 100px; display: inline-block; line-height: 100px; text-align: center; font-size: 50px; } .scrollcontainer > div:...
scroll-snap-points-x - CSS: Cascading Style Sheets
oints are defined, starting from the container's relevant start edge.
...absolute lengthsanimation typediscrete formal syntax none | repeat( <length-percentage> )where <length-percentage> = <length> | <percentage> examples setting horizontal scroll snap points html <div id="container"> <div>1</div> <div>2</div> <div>3</div> </div> css #container { width: 200px; overflow: auto; white-space: nowrap; scroll-snap-points-x: repeat(100%); scroll-snap-type: mandatory; font-size: 0; } #container > div { width: 200px; height: 200px; display: inline-block; line-height: 200px; text-align: center; font-size: 100px; } #container > div:nth-child(even) { background-color: #87ea87; } #container > div:nth-child(odd) { background-color: #87ccea; } result specifications not part of any standard.
scroll-snap-points-y - CSS: Cascading Style Sheets
oints are defined, starting from the container's relevant start edge.
...nimation typediscrete formal syntax none | repeat( <length-percentage> )where <length-percentage> = <length> | <percentage> examples setting vertical scroll snap points html <div id="container"> <div>1</div> <div>2</div> <div>3</div> </div> css #container { height: 200px; width: 220px; overflow-x: hidden; overflow-y: auto; scroll-snap-points-y: repeat(200px); scroll-snap-type: mandatory; font-size: 0; } #container > div { width: 200px; height: 200px; display: inline-block; line-height: 200px; text-align: center; font-size: 100px; } #container > div:nth-child(even) { background-color: #87ea87; } #container > div:nth-child(odd) { background-color: #87ccea; } result specifications not part of any standard.
scrollbar-width - CSS: Cascading Style Sheets
the scrollbar-width property allows the author to set the maximum thickness of an element’s scrollbars when they are shown.
...solution screens; thorough testing is advised).
<string> - CSS: Cascading Style Sheets
Web › CSS › string
the <string> css data type represents a sequence of characters.
... the <string> css data type represents a sequence of characters.
symbols() - CSS: Cascading Style Sheets
Web › CSS › symbols
the symbols() css function lets you define counter styles inline, directly as the value of a property such as list-style.
... the symbols() css function lets you define counter styles inline, directly as the value of a property such as list-style.
text-combine-upright - CSS: Cascading Style Sheets
es */ text-combine-upright: digits; /* fits 2 consecutive digits horizontally inside vertical text */ text-combine-upright: digits 4; /* fits up to 4 consecutive digits horizontally inside vertical text */ /* global values */ text-combine-upright: inherit; text-combine-upright: initial; text-combine-upright: unset; syntax values none there is no special processing.
...39) that has as many or fewer characters than the specified integer, such that it takes up the space of a single character within the vertical line box.
text-decoration-thickness - CSS: Cascading Style Sheets
1 device pixel.
... given application of this property, the thickness is constant across the whole box it is applied to, even if there are child elements with a different font size.
text-decoration - CSS: Cascading Style Sheets
he shorthand:text-decoration-color: currentcolortext-decoration-style: solidtext-decoration-line: noneapplies toall elements.
...tednocomputed valueas each of the properties of the shorthand:text-decoration-line: as specifiedtext-decoration-style: as specifiedtext-decoration-color: computed colortext-decoration-thickness: as specifiedanimation typeas each of the properties of the shorthand:text-decoration-color: a colortext-decoration-style: discretetext-decoration-line: discretetext-decoration-thickness: by computed value type formal syntax <'text-decoration-line'> | <'text-decoration-style'> | <'text-decoration-color'> | <'text-decoration-thickness'> examples .under { text-decoration: underline red; } .over { text-decoration: wavy overline lime; } .line { text-decoration: line-through; } .plain { text-decoration: none; } .underover { text-decoration: dashed underline overline; } .thick { text-deco...
text-transform - CSS: Cascading Style Sheets
concerns large sections of text set with a text-transform value of uppercase may be difficult for people with cognitive concerns such as dyslexia to read.
... represented as two code points, the body of letter and dakuten.
text-underline-offset - CSS: Cascading Style Sheets
ation of this property, the offset is constant across the whole box that the underline is applied to, even if there are child elements with different font sizes or vertical alignment.
..., the offset is constant across the whole box that the underline is applied to, even if there are child elements with different font sizes or vertical alignment.
<time> - CSS: Cascading Style Sheets
Web › CSS › time
the <time> css data type represents a time value expressed in seconds or milliseconds.
... the <time> css data type represents a time value expressed in seconds or milliseconds.
scale() - CSS: Cascading Style Sheets
the scale() css function defines a transformation that resizes an element on the 2d plane.
....
transform-style - CSS: Cascading Style Sheets
s */ transform-style: inherit; transform-style: initial; transform-style: unset; values flat indicates that the children of the element are lying in the plane of the element itself.
...to see them at all, depending on the browser you are using.
transform - CSS: Cascading Style Sheets
Web › CSS › transform
n> one or more of the css transform functions to be applied.
...on specified in their system preferences.
translate - CSS: Cascading Style Sheets
Web › CSS › translate
and z axis translation values (respectively) of a 3d translation.
...cations specification status comment css transforms level 2the definition of 'individual transforms' in that specification.
unicode-bidi - CSS: Cascading Style Sheets
contains both left-to-right and right-to-left text, the user-agent uses a complex unicode algorithm to decide how to display the text.
...roperty.
vertical-align - CSS: Cascading Style Sheets
ng edge of the cell with the bottom of the row.
...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.
widows - CSS: Cascading Style Sheets
Web › CSS › widows
line of a paragraph that appears alone at the top of a page.
...n 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.
Web Audio playbackRate explained - Developer guides
> element, and set its src to a file of our choice.
...presents half normal speed (the playbackrate is a multiplier applied to the original rate.) a complete example let's create a <video> element first, and set up video and playback rate controls in html: <video id="myvideo" controls> <source src="https://udn.realityripple.com/samples/6f/08625b424a.m4v" type='video/mp4' /> <source src="https://udn.realityripple.com/samples/5b/8cd6da9c65.webm" type='video/webm' /> </video> <form> <input id="pbr" type="range" value="1" min="0.5" max="4" step="0.1" > <p>playback rate <span id="currentpbr">1</span></p> </form> and apply some javascript to it: window.onload = function () { var v = document.getelementbyid("myvideo"); var p = document.getelementbyid("pbr"); var c = document.getelementbyid("currentpbr"); p.addeventlistener('input'...
Media buffering, seeking, and time ranges - Developer guides
t would have the following available properties: myaudio.buffered.length; // returns 2 myaudio.buffered.start(0); // returns 0 myaudio.buffered.end(0); // returns 5 myaudio.buffered.start(1); // returns 15 myaudio.buffered.end(1); // returns 19 to try out and visualize buffered time ranges we can write a little bit of html: <p> <audio id="my-audio" controls> <source src="music.mp3" type="audio/mpeg"> </audio> </p> <p> <canvas id="my-canvas" width="300" height="20"> </canvas> </p> and a little bit of javascript: window.onload = function(){ var myaudio = document.getelementbyid('my-audio'); var mycanvas = document.getelementbyid('my-canvas'); var context = mycanvas.getcontext('2d'); context.fillstyle = 'lightgray'; context.fillrect(0, 0, mycanvas.wi...
...end of seekable media.
The Unicode Bidirectional Text Algorithm - Developer guides
ng to produce localization-ready web content or apps.
...base direction to ltr, isolating the embedded content from the surrounding text right-to-left isolate (lri) u+2067 &#x2067; dir="rtl" sets the base direction to rtl, isolating the embedded content from the surrounding text first strong isolate (fsi) u+2068 &#x2068; dir="auto" isolates the content and sets the base direction according to the first strongly-typed directional character in the embedded content left-to-right embedding (lre) u+202a &#x202a; dir="ltr" sets the base direction to ltr but allows the embedded text to interact with the surrounding content; this risks the effect spilling over to the outer content right-to-left embedding (rle) u+202b &#x202b; dir="rtl" sets the base direction to rtl, but let...
Developer guides
ding reverb/compression effects to audio, or grayscale/sepia filters to video.
...properly localized and internationalized content.
<area> - HTML: Hypertext Markup Language
Web › HTML › Element › area
" meaning that the referrer will include the origin and the path (but not the fragment, password, or username).
... deprecated attributes name define a names for the clickable area so that it can be scripted by older browsers.
<isindex> - HTML: Hypertext Markup Language
Web › HTML › Element › isindex
to which the query was sent.
...wing html: <form action="/search"> <hr> <label> search document...
<noembed>: The Embed Fallback element (Obsolete) - HTML: Hypertext Markup Language
Web › HTML › Element › noembed
the <noembed> element is an obsolete, non-standard way to provide alternative, or "fallback", content for browsers that do not support the <embed> element or do not support the type of embedded content an author wishes to use.
...en the opening and closing tags of an <object> element.
<output>: The Output element - HTML: Hypertext Markup Language
Web › HTML › Element › output
m submission.
... form provides a slider whose value can range between 0 and 100, and an <input> element into which you can enter a second number.
<strong>: The Strong Importance element - HTML: Hypertext Markup Language
Web › HTML › Element › strong
the html strong importance element (<strong>) indicates that its contents have strong importance, seriousness, or urgency.
...reater importance, while the <b> element is used to draw attention to text without indicating that it's more important.
<textarea> - HTML: Hypertext Markup Language
Web › HTML › Element › textarea
characters.
...ngth value set (3, for example), an empty <textarea> is still considered valid unless you also have the required attribute set.
HTML reference - HTML: Hypertext Markup Language
ts, which are created using tags.
...html attribute reference elements in html have attributes; these are additional values that configure the elements or adjust their behavior in various ways to meet the criteria the users want.
Identifying resources on the Web - HTTP
he same uri: http uses a specific http header, alt-svc when the resource requested wants the client to access it at another location.
...s when using urls in html content, you should generally only use a few of these url schemes.
Compression in HTTP - HTTP
configured adequately.
... is transmitted compressed from end to end), and finally compression can be defined at the connection level, between two nodes of an http connection.
List of default Accept values - HTTP
this article documents the default values for the http accept header for specific inputs and browser versions.
... accept header (ieinternals' msdn blog).
Using HTTP cookies - HTTP
Web › HTTP › Cookies
ils about the header attributes mentioned below, refer to the set-cookie reference article.
...re on, the cookie is called a first-party cookie.
Access-Control-Expose-Headers - HTTP
the access-control-expose-headers response header indicates which headers can be exposed as part of the response by listing their names.
... indicates which headers can be exposed as part of the response by listing their names.
Access-Control-Request-Headers - HTTP
the access-control-request-headers request header is used by browsers when issuing a preflight request, to let the server know which http headers the client might send when the actual request is made.
...ich http headers the client might send when the actual request is made.
Cache-Control - HTTP
the cache-control http header holds directives (instructions) for caching in both requests and responses.
...ck for updates, even when the user explicitly refreshes the page.
Content-Language - HTTP
, it might be written in english as part of a language course for german speakers.
...rse for german speakers.
CSP: base-uri - HTTP
the http content-security-policy base-uri directive restricts the urls which can be used in a document's <base> element.
...ws blob: uris to be used as a content source.
CSP: child-src - HTTP
the http content-security-policy (csp) child-src directive defines the valid sources for web workers and nested browsing contexts loaded using elements such as <frame> and <iframe>.
...ws blob: uris to be used as a content source.
CSP: connect-src - HTTP
connect-src directive restricts the urls which can be loaded using script interfaces.
...ws blob: uris to be used as a content source.
CSP: default-src - HTTP
directives.
...ws blob: uris to be used as a content source.
CSP: font-src - HTTP
the http content-security-policy (csp) font-src directive specifies valid sources for fonts loaded using @font-face.
...ws blob: uris to be used as a content source.
CSP: frame-ancestors - HTTP
the http content-security-policy (csp) frame-ancestors directive specifies valid parents that may embed a page using <frame>, <iframe>, <object>, <embed>, or <applet>.
...ws blob: uris to be used as a content source.
CSP: frame-src - HTTP
the http content-security-policy (csp) frame-src directive specifies valid sources for nested browsing contexts loading using elements such as <frame> and <iframe>.
...ws blob: uris to be used as a content source.
CSP: img-src - HTTP
the http content-security-policy img-src directive specifies valid sources of images and favicons.
...ws blob: uris to be used as a content source.
CSP: manifest-src - HTTP
the http content-security-policy: manifest-src directive specifies which manifest can be applied to the resource.
...ws blob: uris to be used as a content source.
CSP: media-src - HTTP
the http content-security-policy (csp) media-src directive specifies valid sources for loading media using the <audio> and <video> elements.
...ws blob: uris to be used as a content source.
CSP: prefetch-src - HTTP
the http content-security-policy (csp) prefetch-src directive specifies valid resources that may be prefetched or prerendered.
...ws blob: uris to be used as a content source.
CSP: report-uri - HTTP
en browsers get report-to support, you can specify both report-uri and report-to: content-security-policy: ...; report-uri https://endpoint.com; report-to groupname in browsers that support report-to, the report-uri directive will be ignored.
... // send an email $message = "the following content-security-policy violation occurred on " .
CSP: script-src-attr - HTTP
the http content-security-policy (csp) script-src-attr directive specifies valid sources for javascript inline event handlers.
...ws blob: uris to be used as a content source.
CSP: script-src-elem - HTTP
the http content-security-policy (csp) script-src-elem directive specifies valid sources for javascript <script> elements, but not inline script event handlers like onclick.
...ws blob: uris to be used as a content source.
CSP: script-src - HTTP
the http content-security-policy (csp) script-src directive specifies valid sources for javascript.
...ws blob: uris to be used as a content source.
CSP: style-src-attr - HTTP
the http content-security-policy (csp) style-src-attr directive specifies valid sources for inline styles applied to individual dom elements.
...ws blob: uris to be used as a content source.
CSP: style-src-elem - HTTP
the http content-security-policy (csp) style-src-elem directive specifies valid sources for stylesheets <style> elements and <link> elements with rel="stylesheet".
...ws blob: uris to be used as a content source.
CSP: worker-src - HTTP
the http content-security-policy (csp) worker-src directive specifies valid sources for worker, sharedworker, or serviceworker scripts.
...ws blob: uris to be used as a content source.
Content-Security-Policy-Report-Only - HTTP
the http content-security-policy-report-only response header allows web developers to experiment with policies by monitoring (but not enforcing) their effects.
...tive the name of the policy section that was violated.
Digest - HTTP
Web › HTTP › Headers › Digest
the digest response http header provides a digest of the requested resource.
...o a single resource may have multiple different digest values.
Expect-CT - HTTP
the expect-ct header lets sites opt in to reporting and/or enforcement of certificate transparency requirements, to prevent the use of misissued certificates for that site from going unnoticed.
... site appears in public ct logs.
Expect - HTTP
Web › HTTP › Headers › Expect
pond 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.
...e directives 100-continue informs recipients that the client is about to send a (presumably large) message body in this request and wishes to receive a 100 (continue) interim response.
Feature-Policy - HTTP
within any <iframe> elements in the document.
...ould execute in frames while they're not being rendered (e.g.
Keep-Alive - HTTP
ut and a maximum amount of requests.
...ax: indicating the maximum number of requests that can be sent on this connection before closing it.
Save-Data - HTTP
instance ensuring that the user is not served a lower-quality image from the cache when save-data header is no longer present [e.g.
...p/1.0 host: example.com save-data: on response: http/1.0 200 ok content-length: 102832 vary: accept-encoding, save-data cache-control: public, max-age=31536000 content-type: image/jpeg [...] without save-data request: get /image.jpg http/1.0 host: example.com response: http/1.0 200 ok content-length: 481770 vary: accept-encoding, save-data cache-control: public, max-age=31536000 content-type: image/jpeg [...] specifications specification title draft-grigorik-http-client-hints-03, section 7: save-data http client hints ...
Strict-Transport-Security - HTTP
the http strict-transport-security response header (often abbreviated as hsts) lets a web site tell browsers that it should only be accessed using https, instead of using http.
...eter is specified, this rule applies to all of the site's subdomains as well.
Transfer-Encoding - HTTP
between two nodes, not to a resource itself.
... deemed acceptable.
Upgrade - HTTP
Web › HTTP › Headers › Upgrade
ly) upgrade header can be used to upgrade an already established client/server connection to a different protocol (over the same transport protocol).
...d response, to indicate that the server won't perform the request using the current protocol, but might do so if the protocol is changed.
Warning - HTTP
Web › HTTP › Headers › Warning
ps://github.com/whatwg/fetch/issues/913) for more details.
... 113 heuristic expiration sent if a cache heuristically chose a freshness lifetime greater than 24 hours and the response's age is greater than 24 hours.
X-DNS-Prefetch-Control - HTTP
tively perform domain name resolution on both links that the user may choose to follow as well as urls for items referenced by the document, including images, css, javascript, and so forth.
...dual documents, using the http-equiv attribute on the <meta> element, like this: <meta http-equiv="x-dns-prefetch-control" content="off"> you can reverse this setting by setting content to "on".
Proxy Auto-Configuration (PAC) file - HTTP
go down, automatically start making direct connections.
...ections; in this case, there is no user intervention.) proxy w3proxy.netscape.com:8080; socks socks:1080 use socks if the primary proxy goes down.
Proxy servers and tunneling - HTTP
when navigating through different networks of the internet, proxy servers and http tunnels are facilitating access to content on the world wide web.
...configuration (pac) a proxy auto-configuration (pac) file is a javascript function that determines whether web browser requests (http, https, and ftp) go directly to the destination or are forwarded to a web proxy server.
Redirections in HTTP - HTTP
ered by a server sending a special redirect response to a request.
...the browser will go to the indicated url.
Unicode property escapes - JavaScript
perties which are either binary ("boolean-like") or non-binary.
...ary property: unicodepropertyvalue one of the tokens listed in the values section, below.
Private class fields - JavaScript
ected behaviour when using this.
...on" as mentioned above: class base { static #privatestaticmethod() { return 42; } static publicstaticmethod1() { return base.#privatestaticmethod(); } static publicstaticmethod2() { return this.#privatestaticmethod(); } } class derived extends base {} console.log(derived.publicstaticmethod1()); // 42 console.log(derived.publicstaticmethod2()); // typeerror private instance methods private instance methods are methods available on class instances whose access is restricted in the same manner as private instance fields.
SyntaxError: illegal character - JavaScript
the javascript exception "illegal character" occurs when there is an invalid or unexpected token that doesn't belong at this position in the code.
... // <37e> is not ; but looks like this this should work: "this is actually a string"; 42 - 13; var foo = 'bar'; some editors and ides will notify you or at least use a slightly different highlighting for it, but not all.
ReferenceError: "x" is not defined - JavaScript
the javascript exception "variable is not defined" occurs when there is a non-existent variable referenced somewhere.
...ript or scope.
Error: Permission denied to access property "x" - JavaScript
the javascript exception "permission denied to access property" occurs when there was an attempt to access an object for which you have no permission.
...s an attempt to access an object for which you have no permission.
ReferenceError: reference to undefined property "x" - JavaScript
the javascript warning "reference to undefined property" occurs when a script attempted to access an object property which doesn't exist.
... invalid cases in this case, the property bar is an undefined property, so a referenceerror will occur.
Default parameters - JavaScript
if no value is provided for b when multiply is called, b's value would be undefined when evaluating a * b and multiply would return nan.
...(a, b = 1) { return a * b } multiply(5, 2) // 10 multiply(5) // 5 multiply(5, undefined) // 5 examples passing undefined vs.
Rest parameters - JavaScript
op can be applied on it directly; the arguments object has additional functionality specific to itself (like the callee property).
... object array methods can be used on rest parameters, but not on the arguments object: function sortrestargs(...theargs) { let sortedargs = theargs.sort() return sortedargs } console.log(sortrestargs(5, 3, 7, 1)) // 1, 3, 5, 7 function sortarguments() { let sortedargs = arguments.sort() return sortedargs // this will never happen } console.log(sortarguments(5, 3, 7, 1)) // throws a typeerror (arguments.sort is not a function) to use array methods on the arguments object, it must be converted to a real array first.
Functions - JavaScript
o.
...= padzeros(42,2); // returns "42" result = padzeros(5,4); // returns "0005" determining whether a function exists you can determine whether a function exists by using the typeof operator.
AggregateError - JavaScript
the aggregateerror object represents an error when several errors need to be wrapped in a single error.
...represents an error when several errors need to be wrapped in a single error.
Array.of() - JavaScript
the array.of() method creates a new array instance from a variable number of arguments, regardless of number or type of the arguments.
...ed to create the array.
ArrayBuffer() constructor - JavaScript
a new arraybuffer object of the specified size.
... contents are initialized to 0.
AsyncFunction - JavaScript
the asyncfunction constructor creates a new async function object.
...ion expression.
Atomics.isLockFree() - JavaScript
the static atomics.islockfree() method is used to determine whether to use locks or atomic operations.
... the static atomics.islockfree() method is used to determine whether to use locks or atomic operations.
FinalizationRegistry - JavaScript
gistry.unregister(theobject); it doesn't have to be the same object, though; it can be a different one: registry.register(theobject, "some value", tokenobject); // ...some time later, if you don't care about `theobject` anymore...
...ect); // ...some time later, if you don't care about `theobject` anymore...
Function.length - JavaScript
th a default value.
...ocal to a function and provides the number of arguments actually passed to the function.
GeneratorFunction - JavaScript
the generatorfunction constructor creates a new generator function object.
... which the generatorfunction constructor was called.
Intl.DisplayNames() constructor - JavaScript
c", "telu", "thai", "tibt".
... "thai", "tibt".
Intl.Locale() constructor - JavaScript
ale.
...s very simplest, the intl.locale constructor takes a locale identifier string as its argument: let us = new intl.locale('en-us'); using the locale constructor with an options object the constructor also takes an optional configuration object argument, which can contain any of several extension types.
Intl.PluralRules - JavaScript
enables plural-sensitive formatting and plural-related language rules.
...s intl.pluralrules.supportedlocalesof() returns an array containing those of the provided locales that are supported without having to fall back to the runtime's default locale.
JSON - JavaScript
static methods json.parse(text[, reviver]) parse the string text as json, optionally transform the produced value and its properties, and return the value.
...reviver option allows for interpreting what the replacer has used to stand in for other datatypes.
Math.sign() - JavaScript
ve one // + // else (because you can't be both - and +) // ( (x < 0) ?
... if x is negative, then negative one // || // if x is 0, -0, or nan, or not a number, // +x // then the result will be x, (or) if x is // // not a number, then x converts to number }; } in the above polyfill, no extra type-coercing is needed to make (x > 0) or (x < 0) numbers because subtracting them from each other forces a type conversion from booleans to numbers.
Number.isFinite() - JavaScript
thub.com/mdn/interactive-examples and send us a pull request.
... finiteness.
Object() constructor - JavaScript
the object constructor creates an object wrapper for the given value.
... corresponds to the given value.
Object.entries() - JavaScript
the object.entries() method returns an array of a given object's own enumerable string-keyed property [key, value] pairs, in the same order as that provided by a for...in loop.
... 'c'], ['100', 'a'] ] // getfoo is property which isn't enumerable const myobj = object.create({}, { getfoo: { value() { return this.foo; } } }); myobj.foo = 'bar'; console.log(object.entries(myobj)); // [ ['foo', 'bar'] ] // non-object argument will be coerced to an object console.log(object.entries('foo')); // [ ['0', 'f'], ['1', 'o'], ['2', 'o'] ] // returns an empty array for any primitive type, since primitives have no own properties console.log(object.entries(100)); // [ ] // iterate through key-value gracefully const obj = { a: 5, b: 7, c: 9 }; for (const [key, value] of object.entries(obj)) { console.log(`${key} ${value}`); // "a 5", "b 7", "c 9" } // or, using array extras object.entries(obj).foreach(([key, value]) => { console.log(`${key} ${value}`); // "a 5", "b 7", "c 9" }...
Object.isExtensible() - JavaScript
nsible(empty); // === false // sealed objects are by definition non-extensible.
... frozen objects are also by definition non-extensible.
Object.isFrozen() - JavaScript
}; object.isfrozen(frozen); // === false object.freeze(frozen); object.isfrozen(frozen); // === true // by definition, a frozen object is non-extensible.
...extensible.
Object.isSealed() - JavaScript
// === true // (all properties also non-writable) var s2 = object.seal({ p: 3 }); object.isfrozen(s2); // === false // ('p' is still writable) var s3 = object.seal({ get p() { return 0; } }); object.isfrozen(s3); // === true // (only configurability matters for accessor properties) non-object coercion in es5, if the argument to this method is not an object (a primitive), then it will cause a typeerror.
... var s3 = object.seal({ get p() { return 0; } }); object.isfrozen(s3); // === true // (only configurability matters for accessor properties) non-object coercion in es5, if the argument to this method is not an object (a primitive), then it will cause a typeerror.
handler.get() - JavaScript
from the proxy.
...eiver) { console.log('called: ' + property); return 10; } }); console.log(p.a); // "called: a" // 10 the following code violates an invariant.
handler.getOwnPropertyDescriptor() - JavaScript
value the getownpropertydescriptor() method must return an object or undefined.
...}); console.log(object.getownpropertydescriptor(p, 'a').value); // "called: a" // 10 the following code violates an invariant.
handler.has() - JavaScript
n value the has() method must return a boolean value.
... operator.
handler.isExtensible() - JavaScript
is is bound to the handler.
... traps object.isextensible().
handler.preventExtensions() - JavaScript
r.
...entextensions: function(target) { console.log('called'); object.preventextensions(target); return true; } }); console.log(object.preventextensions(p)); // "called" // false the following code violates the invariant.
SharedArrayBuffer() constructor - JavaScript
length the size, in bytes, of the array buffer to create.
...r to create.
String.raw() - JavaScript
g.
...t.
Symbol.isConcatSpreadable - JavaScript
the symbol.isconcatspreadable well-known symbol is used to configure if an object should be flattened to its array elements when using the array.prototype.concat() method.
...d flattening in these cases.
WebAssembly.Memory() constructor - JavaScript
clamp this reservation request.
...ervation request.
WebAssembly.Memory - JavaScript
the webassembly.memory object is a resizable arraybuffer or sharedarraybuffer that holds the raw bytes of memory accessed by a webassembly instance.
...aw bytes of memory accessed by a webassembly instance.
WebAssembly.compileStreaming() - JavaScript
ld be used).
...yntax promise<webassembly.module> webassembly.compilestreaming(source); parameters source a response object or a promise that will fulfill with one, representing the underlying source of a .wasm module you want to stream and compile.
WebAssembly - JavaScript
aps from the start function).
...rom a streamed underlying source, returning both a module and its first instance.
isNaN() - JavaScript
eric values of non-numeric values for which no primitive numeric value is available.
...y zero does not.
Optional chaining (?.) - JavaScript
the implementation or because of a feature which isn't available on the user's device.
...n calls causes the expression to automatically return undefined instead of throwing an exception if the method isn't found: let result = someinterface.custommethod?.(); note: if there is a property with such a name and which is not a function, using ?.
Unary plus (+) - JavaScript
ay of converting something into a number, because it does not perform any other operations on the number.
...pported.
Function expression - JavaScript
as soon as it is defined.
... the variable name (implicit name).
import - JavaScript
the static import statement is used to import read only live bindings which are exported by another module.
...ch are exported by another module.
throw - JavaScript
ror object with the message of required also note that the throw statement is affected by automatic semicolon insertion (asi) as no line terminator between the throw keyword and the expression is allowed.
...ound to raise the exception var monthname = getmonthname(mymonth); } catch (e) { monthname = 'unknown'; console.error(e.message, e.name); // pass exception object to err handler } another example of throwing an object the following example tests an input string for a u.s.
with - JavaScript
with may not be forward compatible, especially when used with something other than a plain object.
... 5 environment, then the values reference inside the with statement will resolve to obj.
Transitioning to strict mode - JavaScript
ffect.
... the rules to make your code strictness-neutral: write your code as strict and make sure no strict-only errors (from the above "new runtime errors" section) are thrown.
Trailing commas - JavaScript
owever, disallows trailing commas.
...mmas.
MathML attribute reference - MathML
ilable on particular element pages.
...k:href, xlink:show and xlink:type are deprecated as well.
Mapping the width and height attributes of media container elements to their aspect-ratio - Web media technologies
the idea.
...ears in the browser's internal ua stylesheet, similar to the following: img, input[type="image"], video, embed, iframe, marquee, object, table { aspect-ratio: attr(width) / attr(height); } this actually affects any element that acts as a container for complex or mixed visual media — <embed>, <iframe>, <marquee>, <object>, <table>, and <video>, in addition to actual images (<img> and <input type="image">).
Animation performance and frame rate - Web Performance
animation on the web can be done via svg, javascript, including <canvas> and webgl, css animation, <video>, animated gifs and even animated pngs and other image types.
...sed on javascript canvas api functions.
How to make PWAs re-engageable using Notifications and Push - Progressive web apps (PWAs)
ionserverkey, which contains our successfully acquired and converted vapid key.
...he subscribe button is defined: document.getelementbyid('doit').onclick = function() { const payload = document.getelementbyid('notification-payload').value; const delay = document.getelementbyid('notification-delay').value; const ttl = document.getelementbyid('notification-ttl').value; fetch('./sendnotification', { method: 'post', headers: { 'content-type': 'application/json' }, body: json.stringify({ subscription: subscription, payload: payload, delay: delay, ttl: ttl, }), }); }; when the button is clicked, fetch asks the server to send the notification with the given parameters: payload is the text that to be shown in the notification, delay defines a delay in seconds u...
SVG Core Attributes - SVG: Scalable Vector Graphics
Web › SVG › Attribute › Core
uages (bcp47) ietf document.
...e used, xml:lang has priority over lang.
SVG Event Attributes - SVG: Scalable Vector Graphics
Web › SVG › Attribute › Events
event attributes always have their name starting with "on" followed by the name of the event for which they are intended.
... event attributes always have their name starting with "on" followed by the name of the event for which they are intended.
dur - SVG: Scalable Vector Graphics
Web › SVG › Attribute › dur
the dur attribute indicates the simple duration of an animation.
...atecolor>, <animatemotion>, <animatetransform>, and <set> html, body, svg { height: 100%; } <svg viewbox="0 0 220 150" xmlns="http://www.w3.org/2000/svg"> <rect x="0" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatcount="indefinite"/> </rect> <rect x="120" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="3s" repeatcount="indefinite"/> </rect> </svg> usage notes value <clock-value> | media | indefinite default value indefinite animatable no <clock-value> this value specifies the length of the simple duration.
exponent - SVG: Scalable Vector Graphics
efs> <lineargradient id="gradient" gradientunits="userspaceonuse" x1="0" y1="0" x2="200" y2="0"> <stop offset="0" stop-color="#ff0000" /> <stop offset="0.5" stop-color="#00ff00" /> <stop offset="1" stop-color="#0000ff" /> </lineargradient> </defs> <filter id="componenttransfer1" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="gamma" exponent="1"/> <fefuncg type="gamma" exponent="1"/> <fefuncb type="gamma" exponent="1"/> </fecomponenttransfer> </filter> <filter id="componenttransfer2" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="gamma" exponent="5"/> <fefuncg type="gamma" exponent="5"/> <fefuncb type="gamma" exponent="5"/> </fecomponenttrans...
... <rect x="0" y="0" width="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 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.
href - SVG: Scalable Vector Graphics
Web › SVG › Attribute › href
when the url refers to a valid target element.
... if the href attribute or the deprecated xlink:href attribute is not provided, then the target element will be the immediate parent element of the current animation element.
intercept - SVG: Scalable Vector Graphics
the intercept attribute defines the intercept of the linear function of color component transfers when the type attribute is set to linear.
...efs> <lineargradient id="gradient" gradientunits="userspaceonuse" x1="0" y1="0" x2="200" y2="0"> <stop offset="0" stop-color="#ff0000" /> <stop offset="0.5" stop-color="#00ff00" /> <stop offset="1" stop-color="#0000ff" /> </lineargradient> </defs> <filter id="componenttransfer1" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="linear" intercept="0"/> <fefuncg type="linear" intercept="0"/> <fefuncb type="linear" intercept="0"/> </fecomponenttransfer> </filter> <filter id="componenttransfer2" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="linear" intercept="0.3"/> <fefuncg type="linear" intercept="0.1"/> <fefuncb type="linear" intercept="0.8"/> ...
repeatCount - SVG: Scalable Vector Graphics
the repeatcount attribute indicates the number of times an animation will take place.
...e>, <animatecolor>, <animatemotion>, <animatetransform>, and <set> html, body, svg { height: 100%; } <svg viewbox="0 0 220 150" xmlns="http://www.w3.org/2000/svg"> <rect x="0" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatcount="5"/> </rect> <rect x="120" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatcount="indefinite"/> </rect> </svg> usage notes value <number> | indefinite default value none animatable no <number> this value specifies the number of iterations.
repeatDur - SVG: Scalable Vector Graphics
the repeatdur attribute specifies the total duration for repeating an animation.
...te>, <animatecolor>, <animatemotion>, <animatetransform>, and <set> html, body, svg { height: 100%; } <svg viewbox="0 0 220 150" xmlns="http://www.w3.org/2000/svg"> <rect x="0" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatdur="5s"/> </rect> <rect x="120" y="0" width="100" height="100"> <animate attributetype="xml" attributename="y" from="0" to="50" dur="1s" repeatdur="indefinite"/> </rect> </svg> usage notes value <clock-value> | indefinite default values none animatable no <clock-value> this value specifies the duration in presentation time to repeat the animation.
restart - SVG: Scalable Vector Graphics
Web › SVG › Attribute › restart
cifies whether or not an animation can restart.
...{ height: 100%; } a { fill: blue; text-decoration: underline; cursor: pointer; } <svg viewbox="0 0 220 200" xmlns="http://www.w3.org/2000/svg"> <rect y="30" width="100" height="100"> <animate attributetype="xml" attributename="y" from="30" to="100" dur="5s" repeatcount="1" restart="always" /> </rect> <rect x="120" y="30" width="100" height="100"> <animate attributetype="xml" attributename="y" from="30" to="100" dur="5s" repeatcount="1" restart="whennotactive"/> </rect> <a id="restart"><text y="20">restart animation</text></a> </svg> document.getelementbyid("restart").addeventlistener("click", evt => { document.queryselectorall("animate").foreach(element => { element.beginelement(); }); }); usage notes value always | whennot...
scale - SVG: Scalable Vector Graphics
Web › SVG › Attribute › scale
ilter primitive.
...80 220" xmlns="http://www.w3.org/2000/svg"> <filter id="displacementfilter" x="-20%" y="-20%" width="140%" height="140%"> <feturbulence type="turbulence" basefrequency="0.05" numoctaves="2" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="5"/> </filter> <filter id="displacementfilter2" x="-20%" y="-20%" width="140%" height="140%"> <feturbulence type="turbulence" basefrequency="0.05" numoctaves="2" result="turbulence"/> <fedisplacementmap in2="turbulence" in="sourcegraphic" scale="50"/> </filter> <circle cx="100" cy="100" r="80" style="filter: url(#displacementfilter);""/> <circle cx="100" cy="100" r="80" style="filter: url(#displacementfilter2); transform: translatex(240px);""/> </svg> usage notes value <number> ...
xlink:href - SVG: Scalable Vector Graphics
lement must be part of the current svg document fragment.
... fragment.
<feTurbulence> - SVG: Scalable Vector Graphics
arble.
...s core attributes presentation attributes filter primitive attributes class style specific attributes basefrequency numoctaves seed stitchtiles type dom interface this element implements the svgfeturbulenceelement interface.
<path> - SVG: Scalable Vector Graphics
Web › SVG › Element › path
element to define a shape.
...http://www.w3.org/2000/svg"> <path d="m 10,30 a 20,20 0,0,1 50,30 a 20,20 0,0,1 90,30 q 90,60 50,90 q 10,60 10,30 z"/> </svg> attributes d this attribute defines the shape of the path.
<polygon> - SVG: Scalable Vector Graphics
Web › SVG › Element › polygon
ample of a polygon with the default fill --> <polygon points="0,100 50,25 50,75 100,0" /> <!-- example of the same polygon shape with stroke and no fill --> <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg> attributes points this attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polygon.
...nd no fill --> <polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg> attributes points this attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polygon.
<polyline> - SVG: Scalable Vector Graphics
Web › SVG › Element › polyline
e of a polyline with the default fill --> <polyline points="0,100 50,25 50,75 100,0" /> <!-- example of the same polyline shape with stroke and no fill --> <polyline points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg> attributes points this attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polyline value type: <number>+ ; default value: ""; animatable: yes pathlength this attribute lets specify the total length for the path, in user units.
...d no fill --> <polyline points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg> attributes points this attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polyline value type: <number>+ ; default value: ""; animatable: yes pathlength this attribute lets specify the total length for the path, in user units.
<set> - SVG: Scalable Vector Graphics
Web › SVG › Element › set
the svg <set> element provides a simple means of just setting the value of an attribute for a specified duration.
...rect { cursor: pointer } .round { rx: 5px; fill: green; } </style> <rect id="me" width="10" height="10"> <set attributename="class" to="round" begin="me.click" dur="2s" /> </rect> </svg> attributes to this attribute defines the value to be applied to the target attribute for the duration of the animation.
SVG 1.1 Support in Firefox - SVG: Scalable Vector Graphics
element implementation status a quick overview of the svg 1.1 elements and the current status of the native support.
...ation status a quick overview of the svg 1.1 elements and the current status of the native support.
Basic shapes - SVG: Scalable Vector Graphics
must contain two numbers: an x coordinate and a y coordinate.
...coordinate.
Gradients in SVG - SVG: Scalable Vector Graphics
« previousnext » perhaps more exciting than just fills and strokes is the fact that you can also create and apply gradients as either fills or strokes.
...class="stop1" offset="0%"/> <stop class="stop2" offset="50%"/> <stop class="stop3" offset="100%"/> </lineargradient> <lineargradient id="gradient2" x1="0" x2="0" y1="0" y2="1"> <stop offset="0%" stop-color="red"/> <stop offset="50%" stop-color="black" stop-opacity="0"/> <stop offset="100%" stop-color="blue"/> </lineargradient> <style type="text/css"><![cdata[ #rect1 { fill: url(#gradient1); } .stop1 { stop-color: red; } .stop2 { stop-color: black; stop-opacity: 0; } .stop3 { stop-color: blue; } ]]></style> </defs> <rect id="rect1" x="10" y="10" rx="15" ry="15" width="100" height="100"/> <rect x="10" y="120" rx="15" ry="15" width="100" height="100" fill="url(#gradient2)"/> </svg> scree...
xml:base - XML: Extensible Markup Language
Web › XML › xml:base
> </defs> <line x1="100" y1="100" x2="333" y2="333" marker-start="url(#arrow)" class="link"></line> </svg> </body> </html> imagine a svg with font references.
.../foobar.s3-eu-west-1.amazonaws.com/uploads/15066845653629" width="909" height="1286" viewbox="0 0 909 1286"xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <style type="text/css"><![cdata[ .s9_999{ font-size: 9.17px; font-family: zapfdingbats_ghr; fill: #161615; } ]]></style> <text x="647" y="412" dx="0" class="s9_999" >r</text> <style type="text/css"><![cdata[ @font-face { font-family: zapfdingbats_ghr; src: url("fonts/zapfdingbats_ghr.woff") format("woff"); } ]]></style> </svg> setting the xml:base on the svg element means you can inline the svg and thereby bypass cors issue while not changing the base uri for your entire document.
XPath snippets - XPath
aluatearray('//a'); // alert(els[0].nodename); // gives 'a' in html document with at least one link function docevaluatearray (expr, doc, context, resolver) { var i, result, a = []; doc = doc || (context ?
... the following function allows one to pass an element and an xml document to find a unique string xpath expression leading back to that element.
PI Parameters - XSLT: Extensible Stylesheet Language Transformations
e implemented in firefox 2 (see supported versions below for details), <?xslt-param?> and <?xslt-param-namespace?>.
... the local-name part of the parameter name.
WebAssembly
webassembly is a new type of code that can be run in modern web browsers — it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as c/c++, c# and rust with a compilation target so that they can run on the web.
...assembly.instantiatestreaming() the webassembly.instantiatestreaming() function is the primary api for compiling and instantiating webassembly code, returning both a module and its first instance.
Window: deviceproximity event - Archive of obsolete content
in firefox 62, behind the device.sensors.proximity.enabled preference (bug 1462308).
Window: userproximity event - Archive of obsolete content
no interface userproximityevent target defaultview (window) default action none event handler property window.onuserroximity specification proximity sensor note: this event has been disabled by default in firefox 62, behind the device.sensors.proximity.enabled preference (bug 1462308).
Content Scripts - Archive of obsolete content
content scripts don't see any javascript objects added to the page by page scripts if a page script has redefined the behavior of some dom object, the content script sees the original behavior.
Content Processes - Archive of obsolete content
postmessage function.
Modules - Archive of obsolete content
, { loadscript: loadscript }).foo; => 5 // a.js: exports.foo = imports.loadscript("www.foo.com/b.js").bar; // b.js: exports.bar = 5; sandboxes and compartments the loadscript function as defined in the previous section still has some serious shortcomings.
hotkeys - Archive of obsolete content
consider making the combination you choose user-configurable.
notifications - Archive of obsolete content
p notifications or if its notifications service is not running: if firefox was started normally, notifications are logged to firefox's error console if the user launched firefox from the command line, notifications are logged to the terminal.
content/symbiont - Archive of obsolete content
tructor: function thing(options) { // `getmyframe` returns the host application frame in which // the page is loaded.
frame/hidden-frame - Archive of obsolete content
www.mozilla.org/"; let self = this; this.element.addeventlistener("domcontentloaded", function() { console.log(self.element.contentdocument.title); }, true, true); } })); see the panel module for a real-world example of usage of this module.
lang/functional - Archive of obsolete content
message is displayed since the function isn't executed parameters fn : function the function that will be executed only once inside the once wrapper.
net/url - Archive of obsolete content
experimental enables you to read content from a uri.
places/history - Archive of obsolete content
eries : object|array an object representing a query, or an array of objects representing queries.
preferences/event-target - Archive of obsolete content
the same preferences that are exposed to users in the about:config page.
util/object - Archive of obsolete content
t.
Release notes - Archive of obsolete content
r of the new ui modules.
cfx to jpm - Archive of obsolete content
ng add-ons, and the simple-storage module uses it to figure out which stored data belongs to which add-on.
jpm-mobile - Archive of obsolete content
to get jpm-mobile you need to have npm installed, if you haven't already.
jpm - Archive of obsolete content
le to add it to your path permanently (as the file .profile is executed every time a new terminal is opened): export path="$home/node_modules/.bin/:$path" installing jpm from git alternatively, you can also get the latest version of jpm using git: git clone https://github.com/mozilla-jetpack/jpm.git cd jpm npm install npm link after installing jpm after installation, at the command prompt, type: jpm you should see a screen summarizing the available jpm commands.
package.json - Archive of obsolete content
cess content in iframes or to make xmlhttprequests.
Implementing the widget - Archive of obsolete content
; }); widget.port.on('right-click', function() { console.log('show annotation list'); }); } the annotator is inactive by default.
Overview - Archive of obsolete content
event the user creating annotations when in private browsing mode.
Using XPCOM without chrome - Archive of obsolete content
eed to import ci and the xpcomutils const { class } = require("sdk/core/heritage"); const { unknown } = require('sdk/platform/xpcom'); const { placesutils } = require("resource://gre/modules/placesutils.jsm"); let bmlistener = class({ extends: unknown, interfaces: [ "nsinavbookmarkobserver" ], //this event most often handles all events onitemchanged: function(bid, prop, an, nv, lm, type, parentid, aguid, aparentguid) { console.log("onitemchanged", "bid: "+bid, "property: "+prop, "isanno: "+an, "new value: "+nv, "lastmod: "+lm, "type: "+type, "parentid:"+parentid, "aguid:"+aguid);0 // code to handle the event here } }); //we just have a class, but need an object.
Using third-party modules (jpm) - Archive of obsolete content
to use: npm install menuitem --save now you'll see a new directory in your add-on root called "node_modules" that contains a directory "menuitem".
JS XPCOM - Archive of obsolete content
ere as instanceof returns a boolean.
Post data to window - Archive of obsolete content
a.org/io/string-input-stream;1"].
Tree - Archive of obsolete content
view.iscontaineropen(i)) treeview.toggleopenstate(i); } to collapse all tree nodes just change the condition: var treeview = tree.treeboxobject.view; for (var i = 0; i < treeview.rowcount; i++) { if (treeview.iscontainer(i) && treeview.iscontaineropen(i)) treeview.toggleopenstate(i); } getting the text from the selected row assuming the given <tree>: <tree id="my-tree" seltype="single" onselect="ontreeselected()"> use the following javascript: function ontreeselected(){ var tree = document.getelementbyid("my-tree"); var cellindex = 0; var celltext = tree.view.getcelltext(tree.currentindex, tree.columns.getcolumnat(cellindex)); alert(celltext); } getting the tree item from the focused row assuming <tree id="my-tree">, you can use the following to get...
View Source for XUL Applications - Archive of obsolete content
importing gviewsourceutils xul applications wanting to show the source code for documents should import the viewsourceutils.js script instead of attempting to open the viewsource.xul window themselves: <script type="application/javascript" src="chrome://global/content/viewsourceutils.js"/> viewsourceutils.js exposes a gviewsourceutils global into the scope of the window that imports that script.
Windows - Archive of obsolete content
/this open a pop-up window that could be "blocked" client-side //the following code generate an error as describe in the following warning box var wm = components.classes["@mozilla.org/appshell/window-mediator;1"] .getservice(components.interfaces.nsiwindowmediator); var newwindow = wm.getmostrecentwindow("navigator:browser"); var b = newwindow.gbrowser; the code generate a typeerror from firefox console.
Common Pitfalls - Archive of obsolete content
ed_uri for // some applications return rv; } or, if the code can include nsnetutil.h: nscomptr<nsiuri> uriobj; nsresult rv = ns_newuri(getter_addrefs(uriobj), uristring, uricharset, baseuri); in all cases the baseuri can be null if the uristring should be treated as an absolute uri and uricharset can be null if there is no clear origin charset for the string (e.g.
Custom about: URLs - Archive of obsolete content
} createinstance(outer, iid) { if (outer) { throw cr.ns_error_no_aggregation; } return new this.component(); } register() { cm.registerfactory(this.component.classid, this.component.classdescription, this.component.contractid, this); } unregister() { cm.unregisterfactory(this.component.prototype.classid, this); } } instantiation firefox 4+ now in the startup procedure of your bootstrapped addon make sure to do register the factory, for example: let factory; function startup(adata, areason) { // ...
Default Preferences - Archive of obsolete content
ferences using the pref() function: pref("name", "value") example: pref('extensions.defaultprefs.example.int', 1); pref('extensions.defaultprefs.example.float', 0.1); pref('extensions.defaultprefs.example.string', 'fadf'); pref('extensions.defaultprefs.example.bool', true); notice that unlike when you're reading preferences, writing default preferences uses the same function no matter the data type of the preference.
Deploying a Plugin as an Extension - Archive of obsolete content
s for multiple platforms into a single extension, you can do that as well.
Developing add-ons - Archive of obsolete content
mozilla based software is typically extensible through add-ons.
Installing Extensions and Themes From Web Pages - Archive of obsolete content
there are a variety of ways you can install extensions and themes from web pages, including direct linking to the xpi files and using the installtrigger object.
Jetpack Processes - Archive of obsolete content
ime.
Migrating from Internal Linkage to Frozen Linkage - Archive of obsolete content
lossy)copy(ascii|utf8|16)to(ascii|utf8|16) do not accept character pointer parameters.
Adding Events and Commands - Archive of obsolete content
hey also save you the trouble of having to know if a given element is present in the dom or not.
Appendix C: Avoiding using eval in Add-ons - Archive of obsolete content
ue, true); document.getelementbyid("mymenu").dispatchevent(event); // fake a mouse click var mouseevent = document.createevent("mouseevents"); event.initmouseevent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); document.getelementbyid("mylabel").dispatchevent(mouseevent); please see the corresponding documentation on how to use and initialize particular event types.
Appendix F: Monitoring DOM changes - Archive of obsolete content
register the * listener.
Local Storage - Archive of obsolete content
@mozilla.org/file/directory_service;1"].
Observer Notifications - Archive of obsolete content
listener( "unload", function() { xulschoolchrome.browseroverlay.uninit(); }, false); in the observe method the notification topic is verified because you can have one observer listening to several topics.
Useful Mozilla Community Sites - Archive of obsolete content
« previous the mozilla community is very rich and active.
Overlay extensions - Archive of obsolete content
e, such as tabbrowser and javascript modules, to interact with the application and content.
Setting up an extension development environment - Archive of obsolete content
s there is a set of development preferences that, when enabled, allows you to view more information about application activity, thus making debugging easier.
Add-ons - Archive of obsolete content
installable bundle which can be downloaded and installed by a user, or provided pre-packaged with an application or by an external program.
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
ren't necessarily fair, because we're not comparing apples to apples-- we're comparing an old design using html, tables, and spacer gifs to a new design much richer in imagery and style.
chargingchange - Archive of obsolete content
nt is fired when the charging attribute of the battery api has changed.
chargingtimechange - Archive of obsolete content
s fired when the chargingtime attribute of the battery api has changed.
dischargingtimechange - Archive of obsolete content
ired when the dischargingtime attribute of the battery api has changed.
levelchange - Archive of obsolete content
event is fired when the level attribute of the battery api has changed.
cert_override.txt - Archive of obsolete content
aaaaaaa== fields fields are separated by a tab character.
Structure of an installable bundle - Archive of obsolete content
s/libmyplugin.dylib because xpt files are not platform-specific, any associated xpt files would go in the generic components directory: /components/myplugin.xpt if an extension has non-binary platform-specific code (such as code which uses the windows registry from script), it can also use just the operating system identifier as a platform-subdirectory: /platform/winnt/components/registerdoctype.js when platform-specific jar files are used, each platform directory should have its own chrome.manifest file: chrome.manifest chrome/mytheme-base.jar platform/darwin/chrome.manifest platform/darwin/chrome/mytheme-mac.jar platform/winnt/chrome.manifest platform/winnt/chrome/mytheme-win.jar the app/extension loader processes the base directory first, followed by the applicable platform direc...
Enabling the behavior - retrieving tinderbox status - Archive of obsolete content
rver every time a build finishes.
Specifying the appearance - Archive of obsolete content
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.
Creating a Release Tag - Archive of obsolete content
ed.
In-Depth - Archive of obsolete content
isted there by default (chrome://navigator/skin/icons/btn1.gif) is actually a bunch of images grouped together in one file, so somewhere one of the css attributes is telling it what portion of the larger image to cut out and display.
Error Console - Archive of obsolete content
into the error console, and how to make all exceptions get logged, read the article exception logging in javascript.
Documentation for BiDi Mozilla - Archive of obsolete content
based on bidi options in preferences, the text mode of form controls may be "logical", "visual" or "like containing document".
Repackaging Firefox - Archive of obsolete content
et you started, and some tips specific for creating a dex.
Help Viewer - Archive of obsolete content
aking applications useful.
Hidden prefs - Archive of obsolete content
== zip code @co == country if the pref is set to "", no "get map" button will appear in the addressbook card preview pane.
Basics - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Page modifications - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Content - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Extenders - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Libraries - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
First run - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Enabling Experimental Jetpack Features - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Me - Archive of obsolete content
Archive › Mozilla › Jetpack › Meta › Me
note: this page documents the jetpack prototype, which is no longer under active development.
Meta - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Jetpack Snippets - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
File access - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Simple Storage - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Storage - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Clipboard Test - Archive of obsolete content
jetpack's clipboard support api provides a standardized way for features to access the clipboard.
System information - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
System - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Notifications - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Panel - Archive of obsolete content
Archive › Mozilla › Jetpack › UI › Panel
note: this page documents the jetpack prototype, which is no longer under active development.
Selection - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Tabs - Archive of obsolete content
Archive › Mozilla › Jetpack › UI › Tabs
note: this page documents the jetpack prototype, which is no longer under active development.
slideBar - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
UI - Archive of obsolete content
note: this page documents the jetpack prototype, which is no longer under active development.
Litmus tests - Archive of obsolete content
litmus tests are (non-automated) tests that are documented in the litmus database.
Makefile.mozextension.2 - Archive of obsolete content
r>$(project_author)</creator> <contributor>here is a place for you who helped me</contributor> <homepageurl>http://$(project).mozdev.org/</homepageurl> <optionsurl>chrome://$(project)/content/settings.xul</optionsurl> <abouturl>chrome://$(project)/content/about.xul</abouturl> <iconurl>chrome://$(project)/skin/mainicon.png</iconurl> <updateurl>http://$(project).mozdev.org/update.rdf</updateurl> <type>2</type> <targetapplication> <description> <id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</id> <minversion>2.0</minversion> <maxversion>9.0</maxversion> </description> </targetapplication> </description> </rdf> endef export install_rdf install.rdf: @echo generating $(project)/install.rdf @echo "$$install_rdf" > $(project)/install.rdf ###### define overlay_xul <overlay id="$...
Mozilla Application Framework in Detail - Archive of obsolete content
brary, for example, is a set of xpcom components that can be accessed and used by any mozilla application.
Mozilla Crypto FAQ - Archive of obsolete content
.g., "technical assistance") were unconstitutional.
Overview of how downloads work - Archive of obsolete content
there are two ways of downloading files in mozilla.
Plug-n-Hack Phase1 - Archive of obsolete content
manifest over http(s) which defines the capabilities that the browser can make use of.
Installer - Archive of obsolete content
, prism is launched and automatically opens the web application.
Hacking wiki - Archive of obsolete content
st, check out the <tt>developer.mozilla.org</tt> project from svn.
Remote XUL - Archive of obsolete content
ity concern; support for it was disabled in gecko 2.0.
Space Manager High Level Design - Archive of obsolete content
the region that the float currently occupies is recorded.
String Quick Reference - Archive of obsolete content
med_literal_string(widestring, "some string"); callwidefunction(widestring); // use widestring again, but need a const prunichar* callwidewithflatstring(widestring.get()); // inline the string with ns_literal_string callwidefunction(ns_literal_string("another string")); converting literal strings to string objects what: converting from const prunichar*/const char* to the appropriate string type why: avoid making extra copies of strings, just to convert between types!
String Rosetta Stone - Archive of obsolete content
find a substring nsstring findinreadable(const nsastring& pattern, nsastring::const_iterator start, nsastring::const_iterator end, nsstringcomparator& acomparator = nsdefaultstringcomparator()) std::string size_type find(const basic_string& s, size_type pos = 0) const size_type find(const chart* s, size_type pos, size_type n) const size_type find(const chart* s, size_type pos = 0) const size_type find(chart c, size_type pos = 0) const qstring int qstring::indexof ( const qstring & str, int from = 0, qt::casesensitivity cs = qt::casesensitive ) const format a printf style string nsstring appendprintf() std::string n/a qstring qstring & qstring::sprintf ( const char * cformat, ...
Supporting private browsing mode - Archive of obsolete content
is sent when the browser purges private data that extensions can watch in order to know when it's time to do the same.
Table Cellmap - Archive of obsolete content
oes currently describe only the quick lookup part of the game, border collapse is still far away cellmap data - overview the entries in the cellmap contain information about the table cell frame corresponding to a given row and column number (celldata.h).
Table Layout Strategy - Archive of obsolete content
t more space if the sum of the col allocations is insufficient column width info columns get their width information from style info <col width="200px"> and from the cells that belong into this column.
Running Tamarin acceptance tests - Archive of obsolete content
test/asc.jar.
Tamarin build documentation - Archive of obsolete content
x $ make the resulting executable "shell" is built in the current directory.
Tamarin mercurial commit hook - Archive of obsolete content
it is highly recommended that all developers enable the mercurial commit hook for tamarin.
Treehydra Manual - Archive of obsolete content
ydra, treehydra sends program representations to the user javascript via callbacks.
Treehydra - Archive of obsolete content
is a gcc plugin that provides a low level javascript binding to gcc's gimple ast representation.
Uriloader - Archive of obsolete content
uriloader: responsible for the dispatch of content to content handlers as it comes in from the network.
Using addresses of stack variables with NSPR threads on win16 - Archive of obsolete content
would imagine.
Using cross commit - Archive of obsolete content
robably by applying the patch) patch -p0 < ~/caret.patch # commit on all the branches at once # make sure to use -m "commit message" when doing so tools/cross-commit --moz18 --branch mozilla_1_8_0_branch -m "fix some sort of security bug" layout/base/nscaret.h notes note that you must use a -m option with a cvs checkin message.
Binding Attachment and Detachment - Archive of obsolete content
elements (not generated content or pseudo-elements) inherited: no percentages: n/a the value of the -moz-binding property is a set of urls that identify specific bindings.
registerChrome - Archive of obsolete content
registerchrome registers chrome with the chrome registry.
Return Codes - Archive of obsolete content
registry key has been denied key_does_not_exist -242 registry key does not exist value_does_not_exist -243 registry value does not exist invalid_signature -260 the signature used in the xpi is not valid invalid_hash -261 the hash used in the xpi is not valid invalid_hash_type -262 the has used in the xpi is not of a valid type out_of_memory -299 insufficient memory for operation gestalt_unknown_error -5550 gestalt_invalid_argument -5551 ...
browserid - Archive of obsolete content
« xul reference home browserid type: string the id of the browser element to which the findbar is attached.
findnextaccesskey - Archive of obsolete content
« xul reference home findnextaccesskey type: string the access key for the "find next" toolbar button in the findbar.
findpreviousaccesskey - Archive of obsolete content
« xul reference home findpreviousaccesskey type: string the access key for the "find previous" toolbar button in the findbar.
highlightaccesskey - Archive of obsolete content
« xul reference home highlightaccesskey type: string the access key for the "highlight" toolbar button in the findbar.
highlightnonmatches - Archive of obsolete content
« xul reference home highlightnonmatches new in thunderbird 3 requires seamonkey 2.0 type: boolean if true, then the autocomplete field will be highlighted when no match has been found.
matchcaseaccesskey - Archive of obsolete content
« xul reference home matchcaseaccesskey type: string the access key for the "match case" checkbox in the findbar.
movetoclick - Archive of obsolete content
« xul reference home movetoclick type: boolean if true, clicking the slide area of the scale moves the thumb directly to that position.
norestorefocus - Archive of obsolete content
« xul reference home norestorefocus type: boolean if false, the default value, then when the panel is hidden, the keyboard focus will be restored to whatever had the focus before the panel was opened.
progressmeter.max - Archive of obsolete content
« xul reference home max type: integer the maximum value that progressmeter may have.
treelines - Archive of obsolete content
« xul reference home treelines type: boolean when set to true, lines are drawn connecting the lines in the tree; when false, the lines are not drawn.
accelerated - Archive of obsolete content
« xul reference homeaccelerated type: booleanset this attribute to true to allow hardware layer managers to accelerate the window.
acceltext - Archive of obsolete content
« xul reference home acceltext type: string text that appears beside the menu label to indicate the shortcut key (accelerator key) to use to invoke the command.
accessible - Archive of obsolete content
« xul reference home accessible type: nsiaccessible returns the accessibility object for the element.
accesskey - Archive of obsolete content
« xul reference home attribute of: button, checkbox, caption, description, label, listitem, menu, menuitem, menulist, tab, radio, toolbarbutton, textbox accesskey type: character this should be set to a character that is used as a shortcut key.
activetitlebarcolor - Archive of obsolete content
« xul reference home activetitlebarcolor type: color string specify background color of the window's titlebar when it is active (foreground).
afterselected - Archive of obsolete content
« xul reference home afterselected type: boolean this is set to true if the tab is immediately after the currently selected tab.
align - Archive of obsolete content
« xul reference home align type: one of the values below the align attribute specifies how child elements of the box are aligned, when the size of the box is larger than the total size of the children.
allowevents - Archive of obsolete content
« xul reference home allowevents type: boolean if true, events are passed to children of the element.
allownegativeassertions - Archive of obsolete content
« xul reference home allownegativeassertions type: boolean valid on any element that has a datasources attribute.
alternatingbackground - Archive of obsolete content
« xul reference home alternatingbackground obsolete since gecko 2.0 type: boolean if true, the background of the tree's rows will alternate between two colors.
alwaysopenpopup - Archive of obsolete content
« xul reference home alwaysopenpopup obsolete since gecko 1.9.1 type: boolean note: applies to: thunderbird and seamonkeyif true, the autocomplete popup will be displayed even when there are no matches.
attribute - Archive of obsolete content
« xul reference home attribute type: attribute name the attribute that the observer is observing.
autoFillAfterMatch - Archive of obsolete content
« xul reference home autofillaftermatch obsolete since gecko 1.9.1 type: boolean if set to true, the entire text of the best match will be displayed at the end of the input.
autocompleteenabled - Archive of obsolete content
« xul reference home autocompleteenabled type: boolean set to true to enable autocomplete of fields.
autocompletepopup - Archive of obsolete content
« xul reference home autocompletepopup type: id the id of a popup element used to hold autocomplete results for the element.
autocompletesearch - Archive of obsolete content
« xul reference home autocompletesearch new in thunderbird 2requires seamonkey 1.1 type: space-separated list of values a space-separated list of search component names, each of which implements the nsiautocompletesearch interface.
autocompletesearchparam - Archive of obsolete content
« xul reference home autocompletesearchparam new in thunderbird 3 requires seamonkey 1.1 type: string a string which is passed to the search component.
autofill - Archive of obsolete content
« xul reference home autofill new in thunderbird 3 requires seamonkey 2.0 type: boolean if set to true, the best match will be filled into the textbox as the user types.
autoscroll - Archive of obsolete content
« xul reference home autoscroll type: boolean set to false to disable autoscroll for this browser.
backdrag - Archive of obsolete content
« xul reference home backdrag type: boolean setting the backdrag attribute on a xul panel lets the user move the panel by clicking and dragging anywhere on its background area.
beforeselected - Archive of obsolete content
« xul reference home beforeselected type: boolean this is set to true if the tab is immediately before the currently selected tab.
bottom - Archive of obsolete content
« xul reference home bottom type: string (representing an integer) for elements placed directly within a stack, specifies the pixel position of the bottom edge of the element relative to the bottom edge of the stack.
buttonaccesskeyaccept - Archive of obsolete content
« xul reference home buttonaccesskeyaccept type: string the access key to use for the "accept" button.
buttonaccesskeycancel - Archive of obsolete content
« xul reference home buttonaccesskeycancel type: string the access key to use for the "cancel" button.
buttonaccesskeydisclosure - Archive of obsolete content
« xul reference home buttonaccesskeydisclosure type: string the access key to use for the "disclosure" button.
buttonaccesskeyextra1 - Archive of obsolete content
« xul reference home buttonaccesskeyextra1 type: string the access key to use for the first extra button.
buttonaccesskeyextra2 - Archive of obsolete content
« xul reference home buttonaccesskeyextra2 type: string the access key to use for the second extra button.
buttonaccesskeyhelp - Archive of obsolete content
« xul reference home buttonaccesskeyhelp type: string the access key to use for the "help" button.
buttonalign - Archive of obsolete content
« xul reference home buttonalign type: string the value of the align attribute for the box containing the buttons.
buttondir - Archive of obsolete content
« xul reference home buttondir type: string the value of the dir attribute for the box containing the buttons.
buttondisabledaccept - Archive of obsolete content
« xul reference home buttondisabledaccept type: boolean if true, the accept button is disabled.
buttonlabelaccept - Archive of obsolete content
« xul reference home buttonlabelaccept type: string the label to appear on the "accept" button.
buttonlabelcancel - Archive of obsolete content
« xul reference home buttonlabelcancel type: string the label to appear on the "cancel" button.
buttonlabeldisclosure - Archive of obsolete content
« xul reference home buttonlabeldisclosure type: string the label to appear on the "disclosure" button.
buttonlabelextra1 - Archive of obsolete content
« xul reference home buttonlabelextra1 type: string the label to appear on the first extra button.
buttonlabelextra2 - Archive of obsolete content
« xul reference home buttonlabelextra2 type: string the label to appear on the second extra button.
buttonlabelhelp - Archive of obsolete content
« xul reference home buttonlabelhelp type: string the label to appear on the "help" button.
buttonorient - Archive of obsolete content
« xul reference home buttonorient type: string the value of the orient attribute for the box containing the buttons.
buttonpack - Archive of obsolete content
« xul reference home buttonpack type: string the value of the pack attribute for the box containing the buttons.
buttons - Archive of obsolete content
« xul reference home buttons type: comma-separated list of the values below a comma-separated list of buttons to appear in the dialog box.
checkbox.src - Archive of obsolete content
« xul reference home src type: uri set this to an uri pointing to an image to appear in the checkbox.
chromemargin - Archive of obsolete content
« xul reference home chromemargin type: margin string controls the amount of chrome that should be visible on each side of the window.
class - Archive of obsolete content
« xul reference home class type: string the style class of the element.
clicktoscroll - Archive of obsolete content
« xul reference home clicktoscroll type: boolean clicktoscroll, if true, the arrows must be clicked to scroll the scrollbox content.
close - Archive of obsolete content
« xul reference home close type: boolean if the panel has a titlebar, set the panel's close attribute to true to have a close button appear on the titlebar.
closebutton - Archive of obsolete content
« xul reference home closebutton obsolete since gecko 1.9.2 type: boolean if this attribute is set to true, the tabs row will have a "new tab" button and "close" button on the ends.
closemenu - Archive of obsolete content
« xul reference home closemenu type: one of the values below indicates if the menu closes when the menuitem is activated.
coalesceduplicatearcs - Archive of obsolete content
« xul reference home coalesceduplicatearcs type: boolean valid on any element that has a datasources attribute.
collapse - Archive of obsolete content
« xul reference home collapse type: one of the values below determines which side of the splitter is collapsed when its grippy is clicked.
collapsed - Archive of obsolete content
« xul reference home collapsed type: boolean if true, then the element is collapsed and does not appear.
color - Archive of obsolete content
« xul reference home color type: color string the currently selected color.
cols - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › cols
« xul reference home cols type: integer for multiline textboxes, the number of columns to display.
command - Archive of obsolete content
« xul reference home command type: id set to the id of a command element that is being observed by the element.
commandupdater - Archive of obsolete content
« xul reference home commandupdater type: boolean if true, the commandset is used for updating commands.
completedefaultindex - Archive of obsolete content
« xul reference home completedefaultindex new in thunderbird 3 requires seamonkey 2.0 type: boolean if true, the best match value will be filled into the textbox as the user types.
completeselectedindex - Archive of obsolete content
« xul reference home completeselectedindex type: boolean if true, the text in the text field will be autocompleted as the user selects from the popup list.
panel.consumeoutsideclicks - Archive of obsolete content
« xul reference home consumeoutsideclicks type: boolean controls whether or not the event that caused the popup to be automatically dismissed (or "rolled up") should be consumed or be dispatched as a normal event.
container - Archive of obsolete content
« xul reference home container type: boolean set to true if the element is to act as a container which can have child elements.
containment - Archive of obsolete content
« xul reference home containment type: uri this attribute specifies rdf properties (an rdf predicate) that indicate that a resource is a container.
contentcontextmenu - Archive of obsolete content
« xul reference home contentcontextmenu type: id the id of a menupopup element serving as the context menu for the content area in the tabbrowser.
contenttooltip - Archive of obsolete content
« xul reference home contenttooltip type: id the id of a tooltip element to be used for the content area in the tabbrowser.
context - Archive of obsolete content
« xul reference home context type: id should be set to the value of the id of the popup element that should appear when the user context-clicks on the element.
contextmenu - Archive of obsolete content
« xul reference home contextmenu type: id alternate name for the context attribute, but also has a corresponding script property contextmenu.
control - Archive of obsolete content
« xul reference home control type: id this attribute specifies the id of the element with which the label is associated.
crop - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › crop
« xul reference home crop type: one of the values below if the label of the element is too big to fit in its given space, the text will be cropped on the side specified by the crop attribute.
curpos - Archive of obsolete content
« xul reference home curpos type: integer the current position of the scrollbar, which ranges from 0 to the value of the maxpos attribute.
current - Archive of obsolete content
« xul reference home current type: boolean this attribute will be set to true if the listitem is the current item.
currentset - Archive of obsolete content
« xul reference home currentset not in seamonkey 1.x type: comma-separated string the current set of displayed items on the toolbar.
customindex - Archive of obsolete content
« xul reference home customindex not in seamonkey 1.x type: integer this value is the index of the toolbar in the list of the custom toolbars.
customizable - Archive of obsolete content
« xul reference home customizable not in seamonkey 1.x type: boolean set this attribute to true on toolbars that can be customized.
cycler - Archive of obsolete content
« xul reference home cycler type: boolean if true, then the column is a cycler column.
datasources - Archive of obsolete content
« xul reference home datasources type: space separated list of datasource uris a space-separated list of datasources that an element's template will use for content generation.
datepicker.value - Archive of obsolete content
« xul reference home value type: string the initial value of the datepicker in the form yyyy-mm-dd.
decimalplaces - Archive of obsolete content
« xul reference home decimalplaces type: integer the number of decimal places to display.
default - Archive of obsolete content
« xul reference home default type: boolean if true, the tooltip is used as the default popup for displaying tooltips in the window.
defaultButton - Archive of obsolete content
« xul reference home defaultbutton type: string normally this attribute should not be set, but if it is, it specifies the default button in the dialog.
defaultset - Archive of obsolete content
« xul reference home defaultset not in seamonkey 1.x type: comma-separated list of item ids the default set of displayed items on the toolbar.
description - Archive of obsolete content
« xul reference home description type: string descriptive text to appear in addition to the dialog title.
dir - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › dir
« xul reference home dir type: one of the values below the direction in which the child elements of the element are placed.
disableautocomplete - Archive of obsolete content
« xul reference home disableautocomplete new in thunderbird 3requires seamonkey 2.0 type: boolean if true, the autocomplete behavior will be disabled.
disableKeyNavigation - Archive of obsolete content
« xul reference home disablekeynavigation type: boolean if this attribute is not used, the user can navigate to specific items within the element by pressing keys corresponding to letters in the item's label.
disableautoselect - Archive of obsolete content
« xul reference home disableautoselect type: boolean if this attribute is true or omitted, the selected item on the menu will update to match what the user entered in the textbox.
disablechrome - Archive of obsolete content
« xul reference home disablechrome type: boolean set this attribute to true to disable chrome in the window.
disableclose - Archive of obsolete content
« xul reference home disableclose type: boolean if this attribute is true the close button will be disabled.
disabled - Archive of obsolete content
« xul reference home disabled type: boolean indicates whether the element is disabled or not.
disablefastfind - Archive of obsolete content
« xul reference homedisablefastfindtype: booleanput disablefastfind="true" on the root element of a xul document, which is intended to be loaded in a tab, to disable the find bar for the tab with this document.
disableglobalhistory - Archive of obsolete content
« xul reference home disableglobalhistory type: boolean disables global history for the docshell attached to the browser while keeping session history active.
disablehistory - Archive of obsolete content
« xul reference home disablehistory type: boolean disables both session and global history for the docshell attached to the browser.
disablesecurity - Archive of obsolete content
« xul reference home disablesecurity type: boolean set this attribute to true to disable the security ui for this browser.
dragging - Archive of obsolete content
« xul reference home dragging type: boolean this attribute will be set to true if the column is being dragged.
drawintitlebar - Archive of obsolete content
« xul reference home drawintitlebar type: boolean if this attribute is true, the top of the window's content area will begin at the top edge of the title bar, instead of below the title bar.
droppedLinkHandler - Archive of obsolete content
« xul reference home droppedlinkhandler type: function this function is called when links are dropped to the browser element, with the following arguments.
editable - Archive of obsolete content
« xul reference home editable type: boolean indicates that the value of the menulist can be modified by typing directly into the value field.
element - Archive of obsolete content
« xul reference home element type: id the id of the broadcaster element that the observer is observing.
empty - Archive of obsolete content
« xul reference home empty type: boolean set to true if the element is a container that contains no children.
emptytext - Archive of obsolete content
« xul reference home emptytext deprecated since gecko 2 type: string a string that appears in the textbox when it has no value.
enableColumnDrag - Archive of obsolete content
« xul reference home enablecolumndrag type: boolean when set to true, the user may drag the column headers around to change the order in which they are displayed.
enablehistory - Archive of obsolete content
« xul reference home note: for seamonkey 2.0 and all versions of thunderbird prior to 3.0 you also need to provide the disablehistory attribute.
equalsize - Archive of obsolete content
« xul reference home equalsize type: one of the values below this attribute can be used to make the children of the element equal in size.
eventnode - Archive of obsolete content
« xul reference home eventnode type: one of the values below indicates where keyboard navigation events are listened to.
events - Archive of obsolete content
« xul reference home events type: comma-separated list a comma-separated list of event names that the command updater will update upon.
expr - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › expr
« xul reference home expr type: string for xml queries, an xpath expression which returns results.
fadein - Archive of obsolete content
« xul reference home fadein type: boolean this attribute is set to true if the tab is fading in or out.
first-tab - Archive of obsolete content
« xul reference home first-tab type: boolean this attribute will be set to true for the first tab.
firstdayofweek - Archive of obsolete content
« xul reference home firstdayofweek type: integer which day of the week to display as the first day in the grid.
firstpage - Archive of obsolete content
« xul reference home firstpage type: boolean true if the wizard is on the first page.
fixed - Archive of obsolete content
« xul reference home fixed type: boolean if true, the size of the column in the tree cannot be adjusted by the user.
flags - Archive of obsolete content
« xul reference home flags type: space-separated list of the values below a set of flags used for miscellaneous purposes.
flex - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › flex
« xul reference home flex type: string (representing an integer) indicates the flexibility of the element, which indicates how an element's container distributes remaining empty space among its children.
focused - Archive of obsolete content
« xul reference home focused type: boolean this attribute is true if the element is focused.
forcecomplete - Archive of obsolete content
« xul reference home forcecomplete new in thunderbird 3requires seamonkey 2.0 type: boolean if true, the textbox will be filled in with the best match when it loses the focus.
fullscreenbutton - Archive of obsolete content
« xul reference home fullscreenbutton type: boolean set this attribute to true to display a button in the window chrome to allow the user to switch the window into full screen mode.
grippyhidden - Archive of obsolete content
« xul reference home grippyhidden seamonkey only type: boolean when set to true, the grippy will be hidden.
grippytooltiptext - Archive of obsolete content
« xul reference home grippytooltiptext seamonkey only type: string the text to appear on the tooltip for the toolbar's grippy when the toolbar is collapsed.
group - Archive of obsolete content
« xul reference home group type: string group name buttons with type="radio" and the same value for their group attribute are put into the same group.
handleCtrlTab - Archive of obsolete content
« xul reference home handlectrltab type: boolean if set to true or omitted, the tabbox will switch to the next tab when the control and tab keys are pressed.
height - Archive of obsolete content
« xul reference home height type: string (representing an integer) the preferred height of the element in pixels.
helpURI - Archive of obsolete content
« xul reference home helpuri type: uri the uri of the help page associated with a preference panel.
hidden - Archive of obsolete content
« xul reference home hidden type: boolean if set to true, the element is not displayed.
hidechrome - Archive of obsolete content
« xul reference home hidechrome type: boolean set this attribute to true to have the chrome including the titlebar hidden.
hidecolumnpicker - Archive of obsolete content
« xul reference home hidecolumnpicker type: boolean when set to false, a drop-down will appear in the upper right corner of the tree, which the user may use to show and hide columns.
hideheader - Archive of obsolete content
« xul reference home hideheader type: boolean set this to true to indicate that the tree column header should be displayed without any column header styling.
hideseconds - Archive of obsolete content
« xul reference home hideseconds type: boolean indicates whether to show the seconds field.
hidespinbuttons - Archive of obsolete content
« xul reference home hidespinbuttons type: boolean if true, the number box does not have arrow buttons next to it to allow the user to adjust the value.
homepage - Archive of obsolete content
« xul reference home homepage type: url this attribute allows you to set a homepage for the browser element.
href - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › href
« xul reference home href type: string defines a url to open when this element is clicked.
icon - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › icon
« xul reference home icon mozilla 1.8 type: string this attribute should be used to set the usage for common buttons.
iconsize - Archive of obsolete content
« xul reference home iconsize type: string indicates whether the toolbar should display large icons or small icons; this should be the string "large" or "small", respectively.
id - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › id
« xul reference home id type: unique id a unique identifier so that you can identify the element with.
iframe.transparent - Archive of obsolete content
« xul reference hometransparenttype: one of the values belowset the background of an iframe as transparent.transparentthis results in the iframe's background being transparent.
ignoreblurwhilesearching - Archive of obsolete content
« xul reference home ignoreblurwhilesearching new in thunderbird 3requires seamonkey 2.0 type: boolean if true, blur events are ignored while searching, which means that the autocomplete popup will not disappear.
ignorecase - Archive of obsolete content
« xul reference home ignorecase type: boolean set to true to indicate that the case does not matter when making comparisons.
ignoreincolumnpicker - Archive of obsolete content
« xul reference home ignoreincolumnpicker type: boolean if true, the column does not appear in the column picker.
ignorekeys - Archive of obsolete content
« xul reference home ignorekeys type: boolean if true, keyboard navigation between items in the popup is disabled.
image.onload - Archive of obsolete content
« xul reference home image.onload type: script code this event handler will be called on the image element when the image has finished loading.
image - Archive of obsolete content
« xul reference home image type: uri the uri of the image to appear on the element.
inactivetitlebarcolor - Archive of obsolete content
« xul reference home inactivetitlebarcolor type: color string specify background color of the window's titlebar when it is inactive (background).
increment - Archive of obsolete content
« xul reference home increment type: integer the amount by which the curpos (for scroll bars) or value (for number boxes and scale) attribute changes when the arrows are clicked(or scales are dragged).
index - Archive of obsolete content
« xul reference home index type: integer the index within the sql statement of the parameter.
inputtooltiptext - Archive of obsolete content
« xul reference home inputtooltiptext type: string the tooltip text for the textbox.
insertafter - Archive of obsolete content
« xul reference home insertafter type: id when an element is in an overlay, the insertafter attribute specifies the id of the element in the base window that the element should appear after.
insertbefore - Archive of obsolete content
« xul reference home insertbefore type: id when an element is in an overlay, the insertbefore attribute specifies the id of the element in the base window that the element should appear before.
instantApply - Archive of obsolete content
« xul reference home instantapply type: boolean if true, the preference will be changed as soon as the user interface is modified.
inverted - Archive of obsolete content
« xul reference home inverted type: boolean for boolean preferences, if this attribute is set to true, it indicates that the value of the preference is the reverse of the user interface element attached to it.
iscontainer - Archive of obsolete content
« xul reference home iscontainer type: boolean indicates whether rules match based on containment.
isempty - Archive of obsolete content
« xul reference home isempty type: boolean indicates whether rules match based on emptyness.
key - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › key
« xul reference home key type: character the character that must be pressed.
keycode - Archive of obsolete content
« xul reference home keycode type: string key code for keys that do not have displayable characters, such as the enter key or function keys, use this attribute instead of the key attribute.
keytext - Archive of obsolete content
« xul reference home keytext type: string a label for the keyboard shortcut.
label - Archive of obsolete content
« xul reference home label type: string the label that will appear on the element.
label.value - Archive of obsolete content
« xul reference home value type: string the text to be used for the label.
last-tab - Archive of obsolete content
« xul reference home last-tab type: boolean this attribute will be set to true for the last tab.
lastSelected - Archive of obsolete content
« xul reference home lastselected type: string set this to the id of the last selected pane.
lastpage - Archive of obsolete content
« xul reference home lastpage type: boolean true if the wizard is on the last page.
left - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › left
« xul reference home left type: string (representing an integer) for elements placed directly within a stack, specifies the pixel position of the left edge of the element relative to the left edge of the stack.
lightweightthemes - Archive of obsolete content
« xul reference home lightweightthemes type: boolean true if the window supports lightweight themes, otherwise false.
lightweightthemesfooter - Archive of obsolete content
« xul reference home lightweightthemesfooter type: id specifies the id of an element to which a lightweight theme's footer image will be applied.
linkedpanel - Archive of obsolete content
« xul reference home linkedpanel type: id the id of the linked tabpanel element that will be displayed when the tab is selected.
max - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › max
« xul reference home type: integer the maximum value that the scale or number box may be set to.
maxheight - Archive of obsolete content
« xul reference home maxheight type: string (representing an integer) the maximum height of the element.
maxlength - Archive of obsolete content
« xul reference home maxlength type: integer the maximum number of characters that the textbox allows to be entered.
maxpos - Archive of obsolete content
« xul reference home maxpos type: integer the maximum position of the scrollbar.
maxrows - Archive of obsolete content
« xul reference home maxrows type: integer the number of rows to show in the results list at a time.
maxwidth - Archive of obsolete content
« xul reference home maxwidth type: string (representing an integer) the maximum width of the element.
member - Archive of obsolete content
« xul reference home member type: string may optionally be set to the variable to use as the member variable.
menu - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › menu
« xul reference home menu type: id alternate name for the popup attribute, but also has a corresponding script property 'menu'.
menuactive - Archive of obsolete content
« xul reference home menuactive type: boolean this attribute is set on an item in a menu when it is being hovered over.
menuitem.key - Archive of obsolete content
« xul reference home key type: id set to the id of a key element whose key shortcut is displayed in the menuitem.
min - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › min
« xul reference home min type: integer the minimum value the control's value may take.
minresultsforpopup - Archive of obsolete content
« xul reference home minresultsforpopup new in thunderbird 3requires seamonkey 2.0 type: integer the minimum number of results that must be returned for the popup to be displayed.
minheight - Archive of obsolete content
« xul reference home minheight type: string (representing an integer) the minimum height of the element.
minwidth - Archive of obsolete content
« xul reference home minwidth type: string (representing an integer) the minimum width of the element.
modifiers - Archive of obsolete content
« xul reference home modifiers type: space-separated list of the values below a list of modifier keys that should be pressed to invoke the keyboard shortcut.
mousethrough - Archive of obsolete content
« xul reference home mousethrough type: one of the values below determines whether mouse events are passed to the element or not.
multiline - Archive of obsolete content
« xul reference home multiline type: boolean if true, the textbox displays multiple lines.
multiple - Archive of obsolete content
« xul reference home multiple type: boolean set to true to indicate that the value contains multiple values separated by commas.
negate - Archive of obsolete content
« xul reference home negate type: boolean set to true to indicate that the comparison should be reversed.
newlines - Archive of obsolete content
« xul reference home newlines type: one of the values below how the text box handles pastes with newlines in them.
next - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › next
« xul reference home next type: id set to the pageid of the next wizardpage after this one.
noautofocus - Archive of obsolete content
« xul reference home noautofocus type: boolean if false, the default value, the currently focused element will be unfocused whenever the popup is opened or closed.
noautohide - Archive of obsolete content
« xul reference home noautohide type: boolean if this attribute is set to false or omitted, the tooltip will automatically disappear after a few seconds.
noinitialfocus - Archive of obsolete content
« xul reference homenoinitialfocustype: booleanif false, the default value, the element is considered when determining which element should be initially focused in a dialog.
nomatch - Archive of obsolete content
« xul reference home nomatch type: boolean this attribute will be set to true if the last search resulted in no matches.
object - Archive of obsolete content
« xul reference home object type: string the object of the element.
observes - Archive of obsolete content
« xul reference home observes type: id set to an id of a broadcaster element that is being observed by the element.
onbeforeaccept - Archive of obsolete content
« xul reference home onbeforeaccept type: script code the code in this attribute is called when the ok button is pressed or the acceptdialog method is called.
onbookmarkgroup - Archive of obsolete content
« xul reference home onbookmarkgroup not in firefox type: script code this code executes when the user chooses the "bookmark this group of tabs" command.
onclick - Archive of obsolete content
« xul reference home onclick type: script code this event handler is called when the object is clicked.
onclosetab - Archive of obsolete content
« xul reference home onclosetab type: script code this script will be called when the close tab button is clicked.
oncommand - Archive of obsolete content
« xul reference home oncommand type: script code this event handler is called when the command is activated.
oncommandupdate - Archive of obsolete content
« xul reference home oncommandupdate type: script code this event occurs when a command update occurs.
onerror - Archive of obsolete content
« xul reference home onerror type: script code this event is sent to an image element when an error occurs loading the image.
onerrorcommand - Archive of obsolete content
« xul reference home onerrorcommand type: script code this event handler is called when an error occurs when selecting a result from the popup.
oninput - Archive of obsolete content
« xul reference home oninput type: script code this event is sent when a user enters text in a textbox.
onnewtab - Archive of obsolete content
« xul reference home onnewtab not in firefox type: script code this script will be called when the new tab button is clicked.
onpaneload - Archive of obsolete content
« xul reference home onpaneload type: script code code defined here is called when the pane has been loaded, much like the load event for a window.
onpopuphidden - Archive of obsolete content
« xul reference home onpopuphidden type: script code this event is sent to a popup after it has been hidden.
onpopuphiding - Archive of obsolete content
« xul reference home onpopuphiding type: script code this event is sent to a popup when it is about to be hidden.
onpopupshowing - Archive of obsolete content
« xul reference home onpopupshowing type: script code this event is sent to a popup just before it is opened.
onpopupshown - Archive of obsolete content
« xul reference home onpopupshown type: script code this event is sent to a popup after it has been opened, much like the onload event is sent to a window when it is opened.
onsearchbegin - Archive of obsolete content
« xul reference home onsearchbegin type: script code this event handler is called when the autocomplete search begins.
onsearchcomplete - Archive of obsolete content
« xul reference home onsearchcomplete new in thunderbird 3requires seamonkey 2.0 type: script code this event handler is called when the autocomplete search is finished and results are available.
ontextcommand - Archive of obsolete content
« xul reference home ontextcommand obsolete since gecko 1.9.1 type: script code note: applies to: thunderbird, seamonkeythis event handler is called when a result is selected for the textbox.
ontextentered - Archive of obsolete content
« xul reference home ontextentered new in thunderbird 3requires seamonkey 2.0 type: script code this event handler is called when a result is selected for the textbox.
ontextrevert - Archive of obsolete content
« xul reference home ontextrevert obsolete since gecko 1.9.1 type: script code note: applies to: thunderbird, seamonkey this event handler is called when the user presses escape to revert the textbox to its original uncompleted value.
ontextreverted - Archive of obsolete content
« xul reference home ontextreverted new in thunderbird 3requires seamonkey 2.0 type: script code this event handler is called when the user presses escape to revert the textbox to its original uncompleted value.
open - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › open
« xul reference home open type: boolean for the menu type buttons, the open attribute is set to true when the menu is open.
ordinal - Archive of obsolete content
« xul reference home ordinal type: string (representing an integer) an integer which specifies the position of the element within its parent.
orient - Archive of obsolete content
« xul reference home orient type: one of the values below used to specify whether the children of the element are oriented horizontally or vertically.
pack - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › pack
« xul reference home pack type: one of the values below the pack attribute specifies where child elements of the box are placed when the box is larger that the size of the children.
pageid - Archive of obsolete content
« xul reference home pageid type: id this attribute should be set to a string that identifies the page's identifer in the wizard.
pageincrement - Archive of obsolete content
« xul reference home pageincrement type: integer the amount by which the value of the curpos or value attribute changes when the tray of the scroll bar (the area in which the scroll bar thumb moves) is clicked, or when the page up or page down keys are pressed.
pagestep - Archive of obsolete content
« xul reference home pagestep type: integer the index of the current page.
panel.fade - Archive of obsolete content
« xul reference homefadetype: one of the values belowthe fade attribute, which may only be used with arrow panels, lets you set up a panel that will automatically fade away after a short time.
panel.flip - Archive of obsolete content
« xul reference home flip type: string normally, when a popup opens near the edge of the screen, it flips over to open on the opposite side of the anchor, so that it doesn't extend off the screen.
panel.ignorekeys - Archive of obsolete content
« xul reference home ignorekeys type: boolean if false, the default value, the escape key may be used to close the panel.
panel.label - Archive of obsolete content
« xul reference home label type: string for panels with titlebars, the label on the titlebar.
panel.level - Archive of obsolete content
« xul reference home level type: one of the values below specifies whether the panel appears on top of all windows, or just on top of the window the panel is in.
panel.noautohide - Archive of obsolete content
« xul reference home noautohide type: boolean if false, the default value, the panel will be hidden when the user clicks outside the panel or switches focus to another application.
parent - Archive of obsolete content
« xul reference home parent type: element tag name if set, the rule will only match the corresponding tag.
pending - Archive of obsolete content
« xul reference home pending type: boolean this attribute is set to true if the tab is currently in the process of being restored by the session store service.
persist - Archive of obsolete content
« xul reference home persist type: space-separated list of attribute names a space-separated list of attributes that are maintained when the window is closed.
persistence - Archive of obsolete content
« xul reference home persistence type: integer the persistence may be set to a non-zero value so that the notificationbox's removetransientnotifications method does not remove them.
phase - Archive of obsolete content
« xul reference home phase type: string the event phase where the handler is invoked.
pickertooltiptext - Archive of obsolete content
« xul reference home pickertooltiptext type: string the text for the tooltip on the column picker.
pinned - Archive of obsolete content
« xul reference home pinned type: boolean this attribute is set to true if the tab has been pinned (that is, if it's an app tab).
placeholder - Archive of obsolete content
« xul reference home placeholder type: string a string that appears in the textbox when it has no value.
popup.left - Archive of obsolete content
« xul reference home left type: integer overrides the horizontal position of the popup specified by the showpopup method.
popup - Archive of obsolete content
« xul reference home popup type: id should be set to the value of the id of the popup element that should appear when the user clicks on the element.
popup.position - Archive of obsolete content
« xul reference home position type: string the position attribute determines where the popup appears relative to the element the user clicked to invoke the popup.
popup.top - Archive of obsolete content
« xul reference home top type: integer overrides the vertical position of the popup specified by the showpopup method.
popupalign - Archive of obsolete content
« xul reference homepopupaligntype: one of the values belowpopupalign is an optional attribute for specifying which side of the popup content should be attached to the popupanchor.
popupanchor - Archive of obsolete content
« xul reference homepopupanchortype: one of the values belowpopupanchor is an optional attribute for specifying where popup content should be anchored on the element.noneno anchortopleftanchor to the top left cornertoprightanchor to the top right cornerbottomleftanchor to the bottom left cornerbottomrightanchor to the bottom right cornersyntax<element popupanchor="none | topleft | topright | bottomleft | bottomright" /> example<element id="edit-context" popup="editor-popup" popupanchor="topleft" popupalign="bottomright" /> notesthe popupanchor attribute can be used to specify that the popup content should come up anchored to one of the four corners of the content object (e.g., the button popping up the content).
position - Archive of obsolete content
« xul reference home position type: string (representing an integer) when an element is in an overlay, the position is an index where the child is inserted.
predicate - Archive of obsolete content
« xul reference home predicate type: uri the predicate or property to match.
preference-editable - Archive of obsolete content
« xul reference home preference-editable mozilla 1.8 type: boolean if true, the element may be used as one that modifies a preference in a prefwindow.
preference.name - Archive of obsolete content
« xul reference home name type: string the name of the preference to change.
preference - Archive of obsolete content
« xul reference home preference type: id connects the element to a corresponding preference.
prefpane.selected - Archive of obsolete content
« xul reference home selected type: boolean this attribute will be set to true for the currently selected prefpane.
prefpane.src - Archive of obsolete content
« xul reference home src type: uri the uri of the overlay contents of preference pane.
prefwindow.onload - Archive of obsolete content
« xul reference home prefwindow.onload type: script code when a window finishes loading, it calls this event handler on the prefwindow element.
primary - Archive of obsolete content
« xul reference home primary type: boolean if set to true, the treecol will have indentation and twisties drawn to the left of it to indicate the hierarchy level of the rows.
priority - Archive of obsolete content
« xul reference home priority type: integer numeric value that specifies the order in which the notifications appear.
progressmeter.mode - Archive of obsolete content
« xul reference home mode type: one of the values below a determinedprogressmeter is used in cases where you know how long an operation will take.
progressmeter.value - Archive of obsolete content
« xul reference home value type: integer an integer ranging from 0 to the maximum value that indicates the progress.
properties - Archive of obsolete content
« xul reference home properties type: space-separated list of property names sets the properties of the element, which can be used to style the element.
query.name - Archive of obsolete content
« xul reference home name type: string the name of a parameter within the sql statement.
readonly - Archive of obsolete content
« xul reference home readonly type: boolean if set to true, then the user cannot change the value of the element.
ref - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › ref
« xul reference home ref type: uri for template-generated elements, this attribute is used to specify the root rdf node where content generation begins.
rel - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › rel
« xul reference home rel type: one of the values below the type of comparison to perform.
removeelement - Archive of obsolete content
« xul reference home removeelement type: id when placed on an element in an overlay, it indicates that the element in the base file should be removed from the window.
reserved - Archive of obsolete content
« xul reference home reserved type: string this attribute applies to a command element.
resizeafter - Archive of obsolete content
« xul reference home resizeafter type: one of the values below this attribute indicates which element to the right or below the splitter should be resized when the splitter is repositioned.
resizebefore - Archive of obsolete content
« xul reference home resizebefore type: one of the values below this attribute indicates which element to the left or above the splitter should be resized when the splitter is repositioned.
resizer.dir - Archive of obsolete content
« xul reference home dir type: one of the values below the direction that the window is resized.
resizer.element - Archive of obsolete content
« xul reference home element type: element to resize the id of the element that should be resized by the resizer.
right - Archive of obsolete content
« xul reference home right type: string (representing an integer) for elements placed directly within a stack, specifies the pixel position of the right edge of the element relative to the right edge of the stack.
rows - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › rows
« xul reference home rows type: integer the number of rows to display in the element.
screenX - Archive of obsolete content
« xul reference home screenx type: integer the horizontal position at which the window appears on the screen.
screenY - Archive of obsolete content
« xul reference home screeny type: integer the vertical position at which the window appears on the screen.
script.src - Archive of obsolete content
« xul reference home src type: uri the uri of the script.
searchlabel - Archive of obsolete content
« xul reference home searchlabel type: string text used for 'find-as-you-type' (fayt) searching.
selected - Archive of obsolete content
« xul reference home selected type: boolean indicates whether the element is selected or not.
selectedIndex - Archive of obsolete content
« xul reference home selectedindex type: integer gets and sets the index of the currently selected panel.
separator.orient - Archive of obsolete content
« xul reference home orient type: one of the values below used to specify whether the separator is a horizontal or vertical separator.
setfocus - Archive of obsolete content
« xul reference home setfocus type: boolean if true or omitted, the focus will be given to the first element in the corresponding tabpanel when the tabs are navigated via the keyboard.
showcommentcolumn - Archive of obsolete content
« xul reference home showcommentcolumn new in thunderbird 3requires seamonkey 2.0 type: boolean if true, a comment column appears in the popup.
showcaret - Archive of obsolete content
« xul reference home showcaret type: boolean whether or not to cause a typing caret to be visible in the content area.
showimagecolumn - Archive of obsolete content
« xul reference home showimagecolumn type: boolean if true, an image column appears in the popup.
showpopup - Archive of obsolete content
« xul reference home showpopup type: boolean note: applies to: thunderbird, seamonkeyif true, the popup will be shown.
size - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › size
« xul reference home size type: integer the number of characters that can be displayed in the textbox.
sizemode - Archive of obsolete content
« xul reference home sizemode type: one of the values below the state of the window.
sizetopopup - Archive of obsolete content
« xul reference home sizetopopup type: one of the values below indicates how the menu width and the menupopup width are determined.
smoothscroll - Archive of obsolete content
« xul reference home smoothscroll type: boolean true initially enables smooth scrolling for the corresponding arrowscrollbox, false disables it.
sort - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › sort
« xul reference home sort type: uri or xml attribute set this to a rdf property or xml attribute to have the data in the column sorted based on that property.
sortActive - Archive of obsolete content
« xul reference home sortactive type: boolean this should be set to true for the column which should be sorted by default.
sortDirection - Archive of obsolete content
« xul reference home sortdirection type: one of the values below set this attribute to set the direction that template-generated content is sorted.
sortResource - Archive of obsolete content
« xul reference home sortresource type: uri for template-generated content, this specifies the sort key, if you would like the content to be sorted.
sortResource2 - Archive of obsolete content
« xul reference home sortresource2 type: uri the value of this attribute is the uri of an rdf predicate that serves as a secondary key for sorted content.
src - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › src
« xul reference home src type: uri the uri of the content to appear in the element.
state - Archive of obsolete content
« xul reference home state type: one of the values below indicates whether the splitter has collapsed content or not.
statedatasource - Archive of obsolete content
« xul reference home statedatasource type: uri chrome xul may specify an rdf datasource to use to store tree state information.
statusbar - Archive of obsolete content
« 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.
statustext - Archive of obsolete content
« 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.
stringbundle.src - Archive of obsolete content
« xul reference home src type: uri the uri of the property file that contains the localized strings.
style - Archive of obsolete content
« xul reference home style type: css inline style css style rules to be applied to the element.
subject - Archive of obsolete content
« xul reference home subject type: string the subject of the element.
substate - Archive of obsolete content
« xul reference home substate type: one of the values below on splitters which have state="collapsed" and collapse="both", determines which direction the splitter is actually collapsed in.
suppressonselect - Archive of obsolete content
« xul reference home suppressonselect type: boolean if this attribute is not specified, a select event is fired whenever an item is selected, either by the user or by calling one of the select methods.
tab.selected - Archive of obsolete content
« xul reference home selected type: boolean this attribute is set to true if the tab is selected by default.
tabscrolling - Archive of obsolete content
« xul reference home tabscrolling new in thunderbird 3requires seamonkey 2.0 type: boolean if true, the user may cycle through the results list by pressing the tab key.
tabindex - Archive of obsolete content
« xul reference home tabindex type: integer the tab order of the element.
tabmodalPromptShowing - Archive of obsolete content
« xul reference home tabmodalpromptshowing type: integer the number of tab modal prompts currently attached to the current tab.
tabs.onselect - Archive of obsolete content
« xul reference home onselect type: script code this event is sent to the tabs element when this tab is changed.
targets - Archive of obsolete content
« xul reference home targets type: comma-separated list of element ids a comma-separated list of element ids that the command updater will update upon.
template.container - Archive of obsolete content
« xul reference home container type: string may optionally be set to the variable to use as the container or reference variable.
template - Archive of obsolete content
« xul reference home template type: id for template generated elements, this attribute may optionally be placed on the root node (the element with the datasources attribute) to refer to a template that exists elsewhere in the xul code.
textbox.autoFill - Archive of obsolete content
« xul reference home autofill obsolete since gecko 1.9.1 type: boolean note: applies to: thunderbird and seamonkeyif set to true, the best match will be filled into the textbox as the user types.
textbox.crop - Archive of obsolete content
« xul reference home crop type: boolean this attribute is not used and is only provided for compatibility with the menulist element.
textbox.disableAutocomplete - Archive of obsolete content
« xul reference home disableautocomplete obsolete since gecko 1.9.1 type: boolean if true, the autocomplete behavior will be disabled.
textbox.disablehistory - Archive of obsolete content
« xul reference home disablehistory obsolete since gecko 2.0 type: boolean note: applies to: thunderbird and seamonkeyif false, an arrow button will appear on the end of the textbox which will open a dropdown menu of all available results.
textbox.empty - Archive of obsolete content
« xul reference home empty type: boolean presence of this attribute indicates that the emptytext is now being displayed.
textbox.forceComplete - Archive of obsolete content
« xul reference home forcecomplete obsolete since gecko 1.9.1 type: boolean if true, the textbox will be filled in with the best match when it loses the focus.
textbox.ignoreBlurWhileSearching - Archive of obsolete content
« xul reference home ignoreblurwhilesearching obsolete since gecko 1.9.1 type: boolean if true, blur events are ignored while searching, which means that the autocomplete popup will not disappear.
textbox.label - Archive of obsolete content
« xul reference home label type: string if present and not empty, this will be exposed to screen readers through the label property.
textbox.min - Archive of obsolete content
« xul reference home min type: integer the minimum value the textbox's value may take.
textbox.minResultsForPopup - Archive of obsolete content
« xul reference home minresultsforpopup obsolete since gecko 1.9.1 type: integer the minimum number of results that must be returned for the popup to be displayed.
textbox.onblur - Archive of obsolete content
« xul reference home onblur type: script code this event is sent when a textbox loses keyboard focus.
textbox.onchange - Archive of obsolete content
« xul reference home onchange type: script code this event is sent when the value of the textbox is changed.
textbox.onfocus - Archive of obsolete content
« xul reference home onfocus type: script code this event is sent when a textbox receives keyboard focus.
textbox.showCommentColumn - Archive of obsolete content
« xul reference home showcommentcolumn obsolete since gecko 1.9.1 type: boolean if true, a comment column appears in the popup.
textbox.tabScrolling - Archive of obsolete content
« xul reference home tabscrolling obsolete since gecko 1.9.1 type: boolean if true, the user may cycle through the results list by pressing the tab key.
textbox.value - Archive of obsolete content
« xul reference home value type: string the default value entered in a textbox.
textnode.value - Archive of obsolete content
« xul reference home value type: uri the text value to display.
timepicker.increment - Archive of obsolete content
« xul reference home increment type: integer indicates the number of minutes to skip each time the arrows are pressed.
timepicker.value - Archive of obsolete content
« xul reference home value type: string the initial value of the timepicker in either the form hh:mm:ss or hh:mm.
title - Archive of obsolete content
« xul reference home title type: string the text to appear in the title bar of the window.
titlebar - Archive of obsolete content
« xul reference home titlebar type: string set the panel's titlebar attribute to the value normal to display a panel with a titlebar.
toolbar.mode - Archive of obsolete content
« xul reference home mode not in seamonkey 1.x type: one of the values below how the toolbarbuttons on the toolbar are displayed.
toolbarbutton.title - Archive of obsolete content
« xul reference home title type: string this functionality only applies when toolbarbutton is used in the customize toolbar dialog.
toolbarname - Archive of obsolete content
« xul reference home toolbarname not in seamonkey 1.x type: string the name of the toolbar, which is listed on the show/hide toolbars menu.
tooltip - Archive of obsolete content
« xul reference home tooltip type: id should be set to the value of the id of the tooltip or panel element that should be used as a tooltip window when the mouse hovers over the element for a moment.
tooltiptext - Archive of obsolete content
« xul reference home tooltiptext type: string used to set the text which appears in the tooltip when the user moves the mouse over the element.
tooltiptextnew - Archive of obsolete content
« xul reference home tooltiptextnew not in firefox type: string used to set the text which appears in the tooltip when the user moves the mouse over the new button in the tab row.
top - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › top
« xul reference home top type: string (representing an integer) for elements placed directly within a stack, specifies the pixel position of the top edge of the element relative to the top edge of the stack.
tree.editable - Archive of obsolete content
« xul reference home editable type: boolean indicates that the cells of the tree may be edited.
tree.onselect - Archive of obsolete content
« xul reference home onselect type: script code this event is sent to a tree when a row is selected, or whenever the selection changes.
treecell.editable - Archive of obsolete content
« xul reference home editable type: boolean allows the contents of individual cells in the column to be changed, especially useful when <treecol type="checkbox">.
treecell.mode - Archive of obsolete content
« xul reference home mode type: one of the values below for columns that are progress meters, this determines the type of progress meter to use.
treecell.src - Archive of obsolete content
« xul reference home src type: uri set this to the uri of an image to appear in the tree cell.
treecol.editable - Archive of obsolete content
« xul reference home editable type: boolean allows the contents of cells in the column to be changed, especially useful when type="checkbox".
treecol.src - Archive of obsolete content
« xul reference home src type: uri set this attribute to have the treecol element use an image for the header instead of a label.
treecol.width - Archive of obsolete content
« xul reference home width type: string (representing an integer) the preferred width of the tree column.
onunload - Archive of obsolete content
« xul reference home onunload type: script code closing the window calls this event handler on the prefwindow element.
unread - Archive of obsolete content
« xul reference home unread type: boolean this attribute is set to true if the tab is unread; that is, either it has not yet been selected during the current session, or has changed since the last time it was selected.
uri - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › uri
« xul reference home uri type: string for template-generated content, the attribute should be placed on the element where content generation should begin.
userAction - Archive of obsolete content
« xul reference home useraction type: one of the values below this attribute will be set to the action the user is currently performing.
validate - Archive of obsolete content
« xul reference home validate type: one of the values below this attribute indicates whether to load the image from the cache or not.
value - Archive of obsolete content
« xul reference home value type: string the string attribute allows you to associate a data value with an element.
var - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › var
« xul reference home var type: string for the xul assign attribute, this is the variable to assign the value to; otherwise it's a reference to a template variable such as "?name".
visuallyselected - Archive of obsolete content
« xul reference home visuallyselected type: boolean new in firefox 40.
wait-cursor - Archive of obsolete content
« xul reference home wait-cursor type: boolean set this attribute to true to have the cursor switch to a waiting cursor while the mouse is hovering over the element.
where.subject - Archive of obsolete content
« xul reference home subject type: string the variable or string to compare.
where.value - Archive of obsolete content
« xul reference home value type: string the value to compare.
width - Archive of obsolete content
« xul reference home width type: string (representing an integer) the preferred width of the element.
wrap - Archive of obsolete content
Archive › Mozilla › XUL › Attribute › wrap
« xul reference home wrap type: string set this attribute to the value off to disable word wrapping in the textbox.
wraparound - Archive of obsolete content
« xul reference home wraparound type: boolean if true, the value of the number box will wrap around when the maximum or minimum value is exceeded.
Deprecated and defunct markup - Archive of obsolete content
other elements; used in <arrowscrollbox> and large drop-down menus) so, not deprecated?
Reading from Files - Archive of obsolete content
reading from it.
addTabsProgressListener - Archive of obsolete content
« xul reference home addtabsprogresslistener( listener ) return type: no return value add a progress listener to the browser which will monitor loaded documents in all tabs in the tabbed browser.
onFindAgainCommand - Archive of obsolete content
« xul reference home onfindagaincommand( findprevious ) return type: no return value call this method to handle your application's "find next" and "find previous" commands.
open - Archive of obsolete content
Archive › Mozilla › XUL › Method › Open
« xul reference home open( mode ) return type: no return value opens the findbar using the specified mode, which should be one of find_normal, find_typeahead, or find_links.
removeTabsProgressListener - Archive of obsolete content
« xul reference home removetabsprogresslistener( listener ) return type: no return value removes a progress listener to the browser which has been monitoring all tabs.
swapDocShells - Archive of obsolete content
« xul reference home swapdocshells( otherbrowser ) return type: no return value swaps the content, history and current state of this browser with another browser.
toggleHighlight - Archive of obsolete content
« xul reference home togglehighlight( highlight ) return type: no return value turns highlighting of text matching the search term on and off; specify false to disable highlighting or true to enable it.
acceptDialog - Archive of obsolete content
« xul reference home acceptdialog() return type: no return value accepts the dialog and closes it, similar to pressing the ok button.
addItemToSelection - Archive of obsolete content
« xul reference home additemtoselection( item ) return type: no return value selects the given item, without deselecting any other items that are already selected.
addPane - Archive of obsolete content
Archive › Mozilla › XUL › Method › addPane
« xul reference home addpane( prefpane ) return type: no return value append a prefpane to a list of panes.
addProgressListener - Archive of obsolete content
« xul reference home addprogresslistener( listener ) return type: no return value add a progress listener to the browser which will monitor loaded documents.
addSession - Archive of obsolete content
« xul reference home addsession( session ) obsolete since gecko 26 return type: nsiautocompletesession adds a new session object to the autocomplete widget.
addTab - Archive of obsolete content
Archive › Mozilla › XUL › Method › addTab
« xul reference home addtab( url, referreruri, charset, postdata, owner, allowthirdpartyfixup ) addtab( url, {referreruri: ..., charset: ..., postdata: ..., owner: ..., allowthirdpartyfixup: ..., relatedtocurrent: ...
advance - Archive of obsolete content
Archive › Mozilla › XUL › Method › advance
« xul reference home advance( pageid ) return type: no return value call this method to go to the next page.
advanceSelectedTab - Archive of obsolete content
« xul reference home advanceselectedtab( dir, wrap ) return type: no return value if the argument dir is set to 1, the currently selected tab changes to the next tab.
appendCustomToolbar - Archive of obsolete content
« xul reference home appendcustomtoolbar( name, currentset ) firefox only return type: element adds a custom toolbar to the toolbox with the given name.
appendGroup - Archive of obsolete content
« xul reference home appendgroup( group ) return type: no return value not in firefox add several new tabs to the end of the existing tabs.
appendItem - Archive of obsolete content
« xul reference home appenditem( label, value ) return type: element creates a new item and adds it to the end of the existing list of items.
blur - Archive of obsolete content
Archive › Mozilla › XUL › Method › blur
« xul reference home blur() return type: no return value if the focus is on the element, it is removed.
cancel - Archive of obsolete content
Archive › Mozilla › XUL › Method › cancel
« xul reference home cancel() return type: no return value call this method to cancel and close the wizard.
cancelDialog - Archive of obsolete content
« xul reference home canceldialog() return type: no return value cancels the dialog and closes it, similar to pressing the cancel button.
centerWindowOnScreen - Archive of obsolete content
« xul reference home centerwindowonscreen() return type: no return value centers the dialog on the screen.
checkAdjacentElement - Archive of obsolete content
« xul reference home checkadjacentelement( dir ) return type: no return value deselects the currently selected radio button in the group and selects the one adjacent to it.
clearResults - Archive of obsolete content
« xul reference home clearresults() return type: ???
clearSelection - Archive of obsolete content
« xul reference home clearselection() return type: no return value deselects all of the items.
click - Archive of obsolete content
Archive › Mozilla › XUL › Method › click
« xul reference home click() return type: no return value calls the onclick handler for the element.
close - Archive of obsolete content
Archive › Mozilla › XUL › Method › close
« xul reference home close() return type: no return value closes the notification or findbar and removes it from its enclosing notificationbox or findbar.
collapseToolbar - Archive of obsolete content
« xul reference home collapsetoolbar( toolbar ) not in firefox return type: no return value collapse the given toolbar which should be contained within the toolbox.
contains - Archive of obsolete content
« xul reference home contains( item ) return type: boolean returns true if the menulist contains the specified menuitem as one of its items.
decrease - Archive of obsolete content
« xul reference home method of: scale textbox decrease() return type: no return value decreases the value of the scale or number box by the increment.
decreasePage - Archive of obsolete content
« xul reference home method of: scale decreasepage() return type: no return value decreases the value of the scale by the pageincrement.
doCommand - Archive of obsolete content
« xul reference home docommand() return type: no return value executes the command event for the element.
ensureElementIsVisible - Archive of obsolete content
« xul reference home ensureelementisvisible( element ) return type: no return value if the specified element is not currently visible to the user, the displayed items are scrolled so that it is.
ensureIndexIsVisible - Archive of obsolete content
« xul reference home ensureindexisvisible( index ) return type: no return value if the item at the specified index is not currently visible to the user the displayed items are scrolled so that it is.
ensureSelectedElementIsVisible - Archive of obsolete content
« xul reference home ensureselectedelementisvisible() return type: no return value if the currently selected element in the list box is not currently visible to the user, the list box view is scrolled so that it is.
expandToolbar - Archive of obsolete content
« xul reference home expandtoolbar( toolbar ) not in firefox return type: no return value expand the given toolbar which should be contained in the toolbox.
extra1 - Archive of obsolete content
Archive › Mozilla › XUL › Method › extra1
« xul reference home extra1() return type: no return value call this method to simulate clicking the extra1 button.
extra2 - Archive of obsolete content
Archive › Mozilla › XUL › Method › extra2
« xul reference home extra2() return type: no return value call this method to simulate clicking the extra2 button.
focus - Archive of obsolete content
Archive › Mozilla › XUL › Method › focus
« xul reference home focus() return type: no return value assigns the focus to the element, if it can accept the focus.
getBrowserAtIndex - Archive of obsolete content
« xul reference home getbrowseratindex( index ) return type: browser element returns a browser at the specified tab index.
getBrowserForDocument - Archive of obsolete content
« xul reference home getbrowserfordocument( document ) return type: browser element returns a browser for the specified document.
getBrowserForTab - Archive of obsolete content
« xul reference home getbrowserfortab( tab ) return type: browser element returns a browser for the specified tab element.
getBrowserIndexForDocument - Archive of obsolete content
« xul reference home getbrowserindexfordocument( document ) return type: integer returns the index of the browser for the specified document in the tabbrowser the method was invoked on.
getButton - Archive of obsolete content
« xul reference home getbutton( type ) return type: button element returns the button element in the dialog corresponding to the given type.
getDefaultSession - Archive of obsolete content
« xul reference home getdefaultsession return type: session name returns the name of the first session with available results.
getEditor - Archive of obsolete content
« xul reference home geteditor( window ) return type: nsieditor returns the editing interface for the editor which contains numerous methods for manipulating the document.
getElementsByAttribute - Archive of obsolete content
« xul reference home getelementsbyattribute( attrib, value ) return type: dom nodelist returns a nodelist of all the child elements of the element that have the attribute given by the first argument set to the value given by the second argument.
getElementsByAttributeNS - Archive of obsolete content
« xul reference home getelementsbyattributens(ns, attrib, value ) return type: dom nodelist returns an array of all the child elements of the element that have the attribute namespace given by the first argument, the attribute name given by the second argument, and the value given by the third argument.
getFormattedString - Archive of obsolete content
« xul reference home getformattedstring( key, strarray ) return type: string looks up the format string for the given key name in the string bundle and returns a formatted copy where each occurrence of %s (uppercase) is replaced by each successive element in the supplied array.
getHTMLEditor - Archive of obsolete content
« xul reference home gethtmleditor( window ) return type: nsihtmleditor returns the html editing interface for the editor which contains methods for manipulating an html document.
getIcon - Archive of obsolete content
Archive › Mozilla › XUL › Method › getIcon
« xul reference home geticon( atab ) return type: string returns the url of the specified tab's favicon.
getIndexOfFirstVisibleRow - Archive of obsolete content
« xul reference home getindexoffirstvisiblerow() return type: integer returns the index of the first displayed row.
getIndexOfItem - Archive of obsolete content
« xul reference home getindexofitem( item ) return type: integer returns the zero-based position of the specified item.
getItemAtIndex - Archive of obsolete content
« xul reference home getitematindex( index ) return type: element returns the element that is at the specified index.
getNextItem - Archive of obsolete content
« xul reference home getnextitem( startitem, delta ) return type: element this method returns the item a given distance (delta) after the specified startitem, or null if no such item exists.
getNotificationBox - Archive of obsolete content
« xul reference home getnotificationbox( browser ) return type: notificationbox element returns a notificationbox for the specified browser element.
getNotificationWithValue - Archive of obsolete content
« xul reference home getnotificationwithvalue( value ) return type: notification element retrieve the notification with a particular value.
getNumberOfVisibleRows - Archive of obsolete content
« xul reference home getnumberofvisiblerows() return type: integer returns the number of rows that are currently visible to the user.
getPageById - Archive of obsolete content
« xul reference home getpagebyid( pageid ) return type: wizardpage element returns the wizardpage element corresponding to the specified pageid.
getPreviousItem - Archive of obsolete content
« xul reference home getpreviousitem( startitem, delta ) return type: element this method returns the item a given distance (delta) before the specified startitem, or null if no such item exists.
getResultValueAt - Archive of obsolete content
« xul reference home getresultvalueat( index ) return type: result value returns the result value at the specified index.
getRowCount - Archive of obsolete content
« xul reference home getrowcount() return type: integer returns the total number of rows in the element, regardless of how many rows are displayed.
getSearchAt - Archive of obsolete content
« xul reference home getsearchat( index ) return type: string returns the search component with the given index.
getSelectedItem - Archive of obsolete content
« xul reference home getselecteditem( index ) return type: element when multiple items are selected, you can retrieve each selected item using this method.
getSessionResultAt - Archive of obsolete content
« xul reference home getsessionresultat( session, index ) obsolete since gecko 26 return type: result item returns the result item at the specified index for the specified session.
getSessionStatusAt - Archive of obsolete content
« 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.
getSessionValueAt - Archive of obsolete content
« xul reference home getsessionvalueat( session, index ) return type: result value returns the result value at the specified index for a specific session.
getString - Archive of obsolete content
« xul reference home getstring( key ) return type: string returns the string with the given key name from the string bundle.
getTabForBrowser - Archive of obsolete content
« xul reference home gettabforbrowser( browser ) return type: tab returns the xul tab which contains the specified browser.
getTabModalPromptBox - Archive of obsolete content
« xul reference home gettabmodalpromptbox( browser ) return type: object returns an object that manages tab-modal prompts for the specified browser.
goBack - Archive of obsolete content
Archive › Mozilla › XUL › Method › goBack
« xul reference home goback() return type: no return value go back one page in the history.
goBackGroup - Archive of obsolete content
« xul reference home gobackgroup() not in firefox return type: no return value returns to the previous group of tabs.
goDown - Archive of obsolete content
Archive › Mozilla › XUL › Method › goDown
« xul reference home godown() return type: no return value move the selection down by one item.
goForward - Archive of obsolete content
« xul reference home goforward() return type: no return value go forward one page in the history.
goForwardGroup - Archive of obsolete content
« xul reference home goforwardgroup() not in firefox return type: no return value go forward to the next group of tabs.
goHome - Archive of obsolete content
Archive › Mozilla › XUL › Method › goHome
« xul reference home gohome() return type: no return value load the user's home page into the browser.
goTo - Archive of obsolete content
Archive › Mozilla › XUL › Method › goTo
« xul reference home goto( pageid ) return type: no return value this method is used to change which page is currently displayed, specified by the pageid argument.
goUp - Archive of obsolete content
Archive › Mozilla › XUL › Method › goUp
« xul reference home goup() return type: no return value move the selection up by one item.
gotoIndex - Archive of obsolete content
« xul reference home gotoindex( index ) return type: no return value navigate to the page in the history with the given index.
hasUserValue - Archive of obsolete content
« xul reference home hasuservalue() return type: boolean returns true if the preference has been changed from its default value.
hidePopup - Archive of obsolete content
« xul reference home method of: popup, menupopup, tooltip hidepopup() return type: no return value closes the popup immediately.
increase - Archive of obsolete content
« xul reference home method of: scale textbox increase() return type: no return value increases the value of the scale or number box by the increment.
increasePage - Archive of obsolete content
« xul reference home method of: scale increasepage() return type: no return value increases the value of the scale by the page increment.
insertItem - Archive of obsolete content
« xul reference home insertitem( id, beforenode, wrapper, beforepermanent ) not in seamonkey 1.x return type: element add an item with the given id to the toolbar.
insertItemAt - Archive of obsolete content
« xul reference home insertitemat( index, label, value ) return type: element this method creates a new item and inserts it at the specified position.
invertSelection - Archive of obsolete content
« xul reference home invertselection() return type: no return value reverses the selected state of all items.
loadGroup - Archive of obsolete content
« xul reference home loadgroup( group ) not in firefox return type: the first tab loads a group of pages into multiple tabs.
loadOneTab - Archive of obsolete content
« xul reference home loadonetab( url, referreruri, charset, postdata, loadinbackground, allowthirdpartyfixup ) loadonetab( url, { referreruri: ..., charset: ..., postdata: ..., inbackground: ..., allowthirdpartyfixup: ..., relatedtocurrent: ...
loadTabs - Archive of obsolete content
« xul reference home loadtabs( uris, loadinbackground, replace ) loadtabs( uris, params ) return type: no return value loads a set of uris, specified by the array uris, into tabs.
loadURI - Archive of obsolete content
Archive › Mozilla › XUL › Method › loadURI
« xul reference home note: this is the xul method on <browser> / <tabbrowser>, not the global function in chrome://browser/content/browser.js.
loadURIWithFlags - Archive of obsolete content
« xul reference home loaduriwithflags( uri, flags, referrer, charset, postdata ) return type: no return value load a url into the document, with the specified load flags, the given referrer, character set, and post data.
menulist.appendItem - Archive of obsolete content
« xul reference home appenditem( label, value, description ) return type: element creates a new menuitem element and adds it to the end of the menulist.
menulist.select - Archive of obsolete content
« xul reference home select() return type: no return value select all the text in the menulist's textbox.
moveByOffset - Archive of obsolete content
« xul reference home movebyoffset( offset , isselecting, isselectingrange) return type: no return value if offset is positive, adjusts the focused item forward by that many items.
moveTabTo - Archive of obsolete content
« xul reference home movetabto(tab, index) return type: tab element tries to moves an existing tab to a given index.
moveTo - Archive of obsolete content
Archive › Mozilla › XUL › Method › moveTo
« xul reference home moveto( x, y ) return type: no return value moves the popup to a new location defined by screen coordinates (and not client coordinates).
moveToAlertPosition - Archive of obsolete content
« xul reference home movetoalertposition() return type: no return value moves and resizes the dialog to a position and size suitable for an alert box.
onSearchComplete - Archive of obsolete content
« xul reference home onsearchcomplete() return type: no return value calls the onsearchcomplete event handler.
onTextEntered - Archive of obsolete content
« xul reference home ontextentered() return type: event result calls the ontextentered event handler.
onTextReverted - Archive of obsolete content
« xul reference home ontextreverted() return type: event result calls the ontextreverted event handler.
openPopupAtScreen - Archive of obsolete content
« xul reference home openpopupatscreen( x, y, iscontextmenu ) return type: no return value open the popup at a specific screen position specified by x and y.
pinTab - Archive of obsolete content
Archive › Mozilla › XUL › Method › pinTab
« xul reference home pintab( tabelement ) return type: no return value pins the specified tab element as an app tab.
preferenceForElement - Archive of obsolete content
« xul reference home preferenceforelement( uielement ) return type: preference element returns the preference element to which a user interface element is attached.
reload - Archive of obsolete content
Archive › Mozilla › XUL › Method › reload
« xul reference home reload() return type: no return value reloads the document in the browser element on which you call this method.
reloadAllTabs - Archive of obsolete content
« xul reference home reloadalltabs() return type: no return value reloads the contents of all the tabs.
reloadTab - Archive of obsolete content
« xul reference home reloadtab( tab ) return type: no return value reloads the contents of a specific tab.
reloadWithFlags - Archive of obsolete content
« xul reference home reloadwithflags( flags ) return type: no return value reloads the document in the browser with the given load flags.
removeAllItems - Archive of obsolete content
« xul reference home removeallitems() return type: no return value removes all of the items in the menu.
removeAllNotifications - Archive of obsolete content
« xul reference home removeallnotifications( immediate ) return type: no return value remove all notifications.
removeAllTabsBut - Archive of obsolete content
« xul reference home removealltabsbut( tabelement ) return type: no return value removes all of the tab panels except for the one corresponding to the specified tab.
removeCurrentNotification - Archive of obsolete content
« xul reference home removecurrentnotification() return type: no return value remove the current notification.
removeCurrentTab - Archive of obsolete content
« xul reference home removecurrenttab() return type: tab element removes the currently displayed tab page.
removeItemAt - Archive of obsolete content
« xul reference home removeitemat( index ) return type: element removes the child item in the element at the specified index.
removeItemFromSelection - Archive of obsolete content
« xul reference home removeitemfromselection( item ) return type: no return value deselects the specified item without deselecting other items.
removeNotification - Archive of obsolete content
« xul reference home removenotification( item ) return type: element remove a notification, displaying the next one if the removed item is the current one.
removeProgressListener - Archive of obsolete content
« xul reference home removeprogresslistener( listener ) return type: no return value remove a nsiwebprogresslistener from the browser.
removeSession - Archive of obsolete content
« xul reference home removesession( session ) obsolete since gecko 26 return type: void removes a session object from the autocomplete widget.
removeTab - Archive of obsolete content
« xul reference home removetab( tabelement ) return type: no return value removes a specific tabbed page corresponding to the given tab element.
removeTransientNotifications - Archive of obsolete content
« xul reference home removetransientnotifications( ) return type: no return value remove only those notifications that have a persistence value of zero, and decrements by one the persistence value of those that have a non-zero value.
replaceGroup - Archive of obsolete content
« xul reference home replacegroup( group ) not in firefox return type: array of session history objects replaces existing tabs with a new set.
reset - Archive of obsolete content
Archive › Mozilla › XUL › Method › reset
« xul reference home reset() return type: no return value resets the preference to its default value.
rewind - Archive of obsolete content
Archive › Mozilla › XUL › Method › rewind
« xul reference home rewind() return type: no return value call this method to go back a page.
scrollByIndex - Archive of obsolete content
« xul reference home scrollbyindex( lines ) return type: no return value scrolls the contents of the arrowscrollbox by a certain number of lines.
scrollByPixels - Archive of obsolete content
« xul reference home scrollbypixels( pixels ) return type: no return value scrolls the contents of the arrowscrollbox by a certain number of pixels.
scrollToIndex - Archive of obsolete content
« xul reference home scrolltoindex( index ) return type: no return value scrolls the element to the specified index.
select - Archive of obsolete content
Archive › Mozilla › XUL › Method › select
« xul reference home select() return type: no return value selects all the text in the textbox.
selectAll - Archive of obsolete content
« xul reference home selectall() return type: no return value selects all of the items.
selectItem - Archive of obsolete content
« xul reference home selectitem( item ) return type: no return value deselects all of the currently selected items and selects the given item.
selectItemRange - Archive of obsolete content
« xul reference home selectitemrange( startitem, enditem ) return type: no return value selects the items between the two items given as arguments, including the start and end items.
selectTabAtIndex - Archive of obsolete content
« xul reference home selecttabatindex( index, event ) return type: no return value selects the tab at the given index.
setIcon - Archive of obsolete content
Archive › Mozilla › XUL › Method › setIcon
« xul reference home seticon( atab, auri ) return type: no return value sets the specified tab's favicon to the image specified by auri.
setSelectionRange - Archive of obsolete content
« xul reference home setselectionrange( start, end ) return type: no return value sets the selected portion of the textbox, where the start argument is the index of the first character to select and the end argument is the index of the character after the selection.
showOnlyTheseTabs - Archive of obsolete content
« xul reference home showonlythesetabs( atabs ) return type: no return value makes all tabs in the atabs array visible, and all other tabs hidden.
showPane - Archive of obsolete content
« xul reference home showpane( prefpane ) return type: no return value switch to a particular pane.
sizeTo - Archive of obsolete content
Archive › Mozilla › XUL › Method › sizeTo
« xul reference home sizeto( width, height ) return type: no return value changes the current size of the popup to the new width and height.
startEditing - Archive of obsolete content
« xul reference home startediting( row, column ) return type: no return value activates user editing of the given cell, which is specified by row index number and the nsitreecolumn in which it is located.
stop - Archive of obsolete content
Archive › Mozilla › XUL › Method › stop
« xul reference home stop() return type: no return value equivalent to pressing the stop button, this method stops the currently loading document.
stopEditing - Archive of obsolete content
« xul reference home stopediting( shouldaccept ) return type: no return value stops editing the cell currently being edited.
syncSessions - Archive of obsolete content
« xul reference home syncsessions( autocompleteelement ) obsolete since gecko 26 return type: void copy the sessions from another autocomplete element.
timedSelect - Archive of obsolete content
« xul reference home timedselect( item, timeout ) return type: no return value selects the item specified by the argument item after the number of milliseconds given by the timeout argument.
toggleItemSelection - Archive of obsolete content
« xul reference home toggleitemselection( item ) return type: no return value if the specified item is selected, it is deselected.
unpinTab - Archive of obsolete content
« xul reference home unpintab( tabelement ) return type: no return value unpins the specified tab element, making it no longer an app tab.
Namespaces - Archive of obsolete content
uri because urls are an easy way to hope for uniqueness.
Floating Panels - Archive of obsolete content
r.
PopupEvents - Archive of obsolete content
u pertaining to images, whereas clicking on a link would display only those items pertaining to links.
Tooltips - Archive of obsolete content
t the toolbar's tooltip will apply when the mouse is moved over the close button, as well as when the mouse is over an empty part of the toolbar.
browser - Archive of obsolete content
« xul reference browser type: browser element lets you set and get the browser in which the findbar is located.
flexGroup - Archive of obsolete content
« xul referenceflexgrouptype: integergets and sets the value of the flexgroup attribute.
hasUserValue - Archive of obsolete content
« xul reference hasuservalue type: boolean true if the preference has been changed from its default value.
highlightNonMatches - Archive of obsolete content
« xul reference highlightnonmatches new in thunderbird 1 requires seamonkey 1.0 type: boolean gets and sets the value of the highlightnonmatches attribute.
searchButton - Archive of obsolete content
« xul reference searchbutton type: boolean gets and sets the value of the searchbutton attribute.
accessKey - Archive of obsolete content
« xul reference accesskey type: character gets and sets the value of the accesskey attribute.
accessible - Archive of obsolete content
« xul reference accessible type: nsiaccessible returns the accessibility object for the element.
align - Archive of obsolete content
Archive › Mozilla › XUL › Property › align
« xul reference align type: string gets and sets the value of the align attribute.
allNotifications - Archive of obsolete content
« xul reference allnotifications type: nodelist nodelist of all notifications.
allowEvents - Archive of obsolete content
« xul reference allowevents type: boolean gets and sets the value of the allowevents attribute.
alwaysOpenPopup - Archive of obsolete content
« xul reference alwaysopenpopup obsolete since gecko 1.9.1 type: boolean gets and sets the value of the alwaysopenpopup attribute.
amIndicator - Archive of obsolete content
« xul reference amindicator type: string the string value displayed for hours between midnight and noon, defaulting to am.
anchorNode - Archive of obsolete content
« xul reference anchornode type: nsidomelement this read-only property holds the dom node that was specified as the anchor when opening the popup.
appLocale - Archive of obsolete content
« xul reference applocale obsolete since gecko 1.9.1 type: nsilocale returns the xpcom object which holds information about the user's locale.
autoCheck - Archive of obsolete content
« xul reference autocheck type: boolean gets and sets the value of the autocheck attribute.
autoFill - Archive of obsolete content
« xul reference autofill type: boolean gets and sets the value of the autofill (or autofill) attribute.
autoFillAfterMatch - Archive of obsolete content
« xul reference autofillaftermatch obsolete since gecko 1.9.1 type: boolean gets and sets the value of the autofillaftermatch attribute.
boxObject - Archive of obsolete content
« xul reference boxobject type: nsiboxobject this property is available for elements that are derived from boxes, which is most displayable xul elements.
browser.preferences - Archive of obsolete content
« xul reference preferences type: nsiprefservice this read-only property contains an nsipref object for getting and setting user preferences.
browsers - Archive of obsolete content
« xul reference browsers type: nodelist of browser elements holds a list of the browser elements inside the tabbrowser.
builder - Archive of obsolete content
« xul reference builder type: nsixultemplatebuilder for content generated from a template, this is the xpcom object that is responsible for generating the content.
builderView - Archive of obsolete content
« xul reference builderview type: nsixultreebuilder a reference to the tree builder which constructed the tree data.
buttons - Archive of obsolete content
« xul reference buttons type: comma-separated list of the values below a comma-separated list of buttons to appear on the dialog box.
canAdvance - Archive of obsolete content
« xul reference canadvance type: boolean this property is set to true if the user can press the next button to go to the next page.
canGoBack - Archive of obsolete content
« xul reference cangoback type: boolean this read-only property is true if there is a page to go back to in the session history and the back button should be enabled.
canGoForward - Archive of obsolete content
« xul reference cangoforward type: boolean this read-only property is true if there is a page to go forward to in the session history and the forward button should be enabled.
canRewind - Archive of obsolete content
« xul reference canrewind type: boolean this property is set to true if the user can press the back button to go to the previous page.
checkState - Archive of obsolete content
« xul reference checkstate type: integer, values 0, 1, or 2 gets and sets the value of the checkstate attribute.
checked - Archive of obsolete content
« xul reference checked type: boolean gets and sets the value of the checked attribute.
child - Archive of obsolete content
Archive › Mozilla › XUL › Property › child
« xul reference child type: ?
children - Archive of obsolete content
« xul reference children type: array of elements returns the list of items in the richlistbox.
className - Archive of obsolete content
« xul reference classname type: string gets and sets the value of the class attribute.
clickSelectsAll - Archive of obsolete content
« xul reference clickselectsall type: boolean if set to true, the contents of the textbox are selected when focused; otherwise, the cursor is left unchanged.
collapsed - Archive of obsolete content
« xul reference collapsed type: boolean gets and sets the value of the collapsed attribute.
color - Archive of obsolete content
Archive › Mozilla › XUL › Property › color
« xul reference color type: color string the currently selected color.
colorpicker.open - Archive of obsolete content
« xul reference open type: boolean returns true if the popup for a button-type colorpicker is open.
columns - Archive of obsolete content
« xul reference columns type: nsitreecolumns returns the columns for the tree as an nsitreecolumns object.
command - Archive of obsolete content
« xul reference command type: element id gets and sets the value of the command attribute.
commandManager - Archive of obsolete content
« xul reference commandmanager type: nsicommandmanager the command manager handles operations on the editor.
completeDefaultIndex - Archive of obsolete content
« xul reference completedefaultindex new in thunderbird 3requires seamonkey 2.0 type: boolean gets and sets the value of the completedefaultindex attribute.
container - Archive of obsolete content
« xul reference container type: ?
contentDocument - Archive of obsolete content
« xul reference contentdocument type: document this read-only property contains the document object in the element.
contentPrincipal - Archive of obsolete content
« xul reference contentprincipal type: nsiprincipal this read-only property contains the principal for the content loaded in the browser, which provides security context information.
contentTitle - Archive of obsolete content
« xul reference contenttitle type: string this read-only property contains the title of the document object in the browser.
contentView - Archive of obsolete content
« xul reference contentview type: nsitreecontentview for trees built with a content builder - that is, those that do not have flags set -- the contentview will be a reference to the nsitreecontentview for the tree.
contentViewerEdit - Archive of obsolete content
« xul reference contentvieweredit type: nsicontentvieweredit this read-only property contains the nsicontentvieweredit which handles clipboard operations on the document.
contentViewerFile - Archive of obsolete content
« xul reference contentviewerfile type: nsicontentviewerfile reference to the nsicontentviewerfile interface for the document.
contentWindow - Archive of obsolete content
« xul reference contentwindow type: todo use the contentwindow.wrappedjsobject to obtain a dom(html) window object ...
contextMenu - Archive of obsolete content
« xul reference contextmenu type: popup element id gets and sets the value of the contextmenu attribute.
control - Archive of obsolete content
« xul reference control type: element id gets and sets the value of the control attribute.
controller - Archive of obsolete content
« xul reference controller type: nsiautocompletecontroller returns the controller for the auto complete element.
controllers - Archive of obsolete content
« xul reference controllers type: nsicontrollers a controllers list attached to the element.
crop - Archive of obsolete content
Archive › Mozilla › XUL › Property › crop
« xul reference crop type: string gets and sets the value of the crop attribute.
current - Archive of obsolete content
« xul reference current type: boolean gets and sets the value of the current attribute.
currentItem - Archive of obsolete content
« xul reference currentitem type: listitem element returns the currently focused item in the list box, which is only useful in a multiple selection list box.
currentNotification - Archive of obsolete content
« xul reference currentnotification type: notification element the currently displayed notification element or null.
currentPage - Archive of obsolete content
« xul reference currentpage type: wizardpage element this property returns the wizardpage element that is currently displayed.
currentPane - Archive of obsolete content
« xul reference currentpane type: prefpane element reference to the currently displayed pane.
currentSet - Archive of obsolete content
« xul reference currentset not in seamonkey 1.x type: comma-separated list of strings holds a comma-separated list of the ids of the items currently on the toolbar.
currentURI - Archive of obsolete content
« xul reference currenturi type: nsiuri this read-only property contains the currently loaded url.
customToolbarCount - Archive of obsolete content
« xul reference customtoolbarcount firefox only type: integer the number of custom toolbars currently within the toolbox.
database - Archive of obsolete content
« xul reference database type: nsirdfcompositedatasource returns the composite datasource created when all the datasources of an element are combined.
datasources - Archive of obsolete content
« xul reference datasources type: space-separated list of datasource uris gets and sets the value of the datasources attribute.
date - Archive of obsolete content
Archive › Mozilla › XUL › Property › date
« xul reference date type: integer the currently selected date of the month from 1 to 31.
dateLeadingZero - Archive of obsolete content
« xul reference dateleadingzero type: boolean a read only value indicating whether a leading zero should be displayed before the date when it is less than 10.
dateValue - Archive of obsolete content
« xul reference datevalue type: date the date that is currently entered or selected in the datepicker as a date object.
datepicker.open - Archive of obsolete content
« xul reference open type: boolean for popup type datepickers, specifies whether the popup is open.
datepicker.value - Archive of obsolete content
« xul reference value type: string the currently selected date in the form yyyy-mm-dd.
decimalPlaces - Archive of obsolete content
« xul reference decimalplaces type: integer gets and sets the value of the decimalplaces attribute.
decimalSymbol - Archive of obsolete content
« xul reference decimalsymbol type: string the character used for the decimal place indicator.
deck.selectedPanel - Archive of obsolete content
« xul reference do not hide panels; the deck element only understands visible panels.
defaultButton - Archive of obsolete content
« xul reference defaultbutton type: string normally this attribute should not be set, but if it is, it specifies the default button in the dialog.
defaultValue - Archive of obsolete content
« xul reference defaultvalue type: string gets and sets the the default value in a textbox.
description - Archive of obsolete content
« xul reference description type: string set to the description of the currently selected menuitem.
dir - Archive of obsolete content
Archive › Mozilla › XUL › Property › dir
« xul reference dir type: string gets and sets the value of the dir attribute.
disableAutocomplete - Archive of obsolete content
« xul reference disableautocomplete type: boolean gets and sets the value of the disableautocomplete (or disableautocomplete) attribute.
disableKeyNavigation - Archive of obsolete content
« xul reference disablekeynavigation type: boolean gets or sets the value of the disablekeynavigation attribute.
disableautoselect - Archive of obsolete content
« xul reference disableautoselect type: boolean gets and sets the value of the disableautoselect attribute.
disabled - Archive of obsolete content
« xul reference disabled type: boolean gets and sets the value of the disabled attribute.
docShell - Archive of obsolete content
« xul reference docshell type: nsidocshell this read-only property contains the nsidocshell object for the document.
documentCharsetInfo - Archive of obsolete content
« xul reference documentcharsetinfo obsolete since gecko 12.0 type: nsidocumentcharsetinfo this read-only property contains the nsidocumentcharsetinfo object for the document which is used to handle which character set should be used to display the document.
editable - Archive of obsolete content
« xul reference editable type: boolean returns true if the element is editable.
editingColumn - Archive of obsolete content
« xul reference editingcolumn type: nsitreecolumn the column of the tree cell currently being edited, or null if there is no cell being edited.
editingRow - Archive of obsolete content
« xul reference editingrow type: integer the row index of the tree cell currently being edited, or -1 if there is no cell currently being edited.
editingSession - Archive of obsolete content
« xul reference editingsession type: nsieditingsession the editing session for the editor which is used to initialize the editor.
editor - Archive of obsolete content
« xul reference editor type: nsieditor a reference to the nsieditor for editable text.
emptyText - Archive of obsolete content
« xul reference emptytext deprecated since gecko 2 type: string gets and sets a string that appears in the textbox when it has no value.
enableColumnDrag - Archive of obsolete content
« xul reference enablecolumndrag type: boolean when set to true, the user may drag the column headers around to change the order in which they are displayed.
eventNode - Archive of obsolete content
« xul reference eventnode type: eventtarget indicates the node where keyboard navigation events listener is set up.
externalToolbars - Archive of obsolete content
« xul reference externaltoolbars type: array of elements an array of external toolbars; that is, toolbar elements that should be considered to be members of this toolbox, even if they are not actually children of the toolbox.
firstOrdinalColumn - Archive of obsolete content
« xul reference firstordinalcolumn type: treecol element a reference to the first treecol element, which or may not be the first column displayed in the tree.
firstPermanentChild - Archive of obsolete content
« xul reference firstpermanentchild not in seamonkey 1.x type: element the first permanent child of the toolbar.
flex - Archive of obsolete content
Archive › Mozilla › XUL › Property › flex
« xul reference flex type: integer gets and sets the value of the flex attribute.
focused - Archive of obsolete content
« xul reference focused type: boolean gets and sets the value of the focused attribute.
focusedItem - Archive of obsolete content
« xul reference focuseditem type: radio element holds the currently focused item in the radiogroup, which may or may not be the same as the selected item.
forceComplete - Archive of obsolete content
« xul reference forcecomplete type: boolean gets and sets the value of the forcecomplete (or forcecomplete) attribute.
group - Archive of obsolete content
Archive › Mozilla › XUL › Property › group
« xul reference group type: string group name gets and sets the value of the group attribute.
handleCtrlPageUpDown - Archive of obsolete content
« xul reference handlectrlpageupdown type: boolean gets and sets the value of the handlectrlpageupdown attribute.
handleCtrlTab - Archive of obsolete content
« xul reference handlectrltab type: boolean gets and sets the value of the handlectrltab attibute.
height - Archive of obsolete content
« xul reference height type: integer gets and sets the value of the height attribute.
hidden - Archive of obsolete content
« xul reference hidden type: boolean gets and sets the value of the hidden attribute.
hideSeconds - Archive of obsolete content
« xul reference hideseconds type: boolean indicates whether the seconds field is visible or not.
homePage - Archive of obsolete content
« xul reference homepage type: string home page url this property holds the value of the user's home page setting.
hour - Archive of obsolete content
Archive › Mozilla › XUL › Property › hour
« xul reference hour type: integer the currently selected hour from 0 to 23.
hourLeadingZero - Archive of obsolete content
« xul reference hourleadingzero type: boolean a read only value indicating whether a leading zero should be displayed before the hour when it is less than 10.
id - Archive of obsolete content
Archive › Mozilla › XUL › Property › id
« xul reference id type: element id, must be unique in the window gets and sets the value of the id attribute.
ignoreBlurWhileSearching - Archive of obsolete content
« xul reference ignoreblurwhilesearching type: boolean gets and sets the value of the ignoreblurwhilesearching (or ignoreblurwhilesearching) attribute.
image - Archive of obsolete content
Archive › Mozilla › XUL › Property › image
« xul reference image type: image url gets and sets the value of the image attribute.
increment - Archive of obsolete content
« xul reference increment type: integer gets and sets the value of the increment attribute.
inputField - Archive of obsolete content
« xul reference inputfield type: textbox element in mozilla, the xul textbox is implemented as a wrapper around an html input element.
instantApply - Archive of obsolete content
« xul referenceinstantapplytype: booleanyou can set this attribute to true to make the preference apply instantly, even when the global setting is not to use instant apply.
inverted - Archive of obsolete content
« xul reference inverted type: boolean gets and sets the value of the inverted attribute.
is24HourClock - Archive of obsolete content
« xul reference is24hourclock type: boolean a read only value indicating whether a 12-hour or 24-hour clock is used to display times.
isPM - Archive of obsolete content
Archive › Mozilla › XUL › Property › isPM
« xul reference ispm type: boolean if false, the hour is between 0 and 11, and if true, the hour is 12 or greater.
isSearching - Archive of obsolete content
« xul reference issearching type: boolean this property is set to true while a search is occuring.
isWaiting - Archive of obsolete content
« xul reference iswaiting type: boolean this property is set to true during the period while waiting for the timeout between the time when a user has pressed a key and a search is performed.
itemCount - Archive of obsolete content
« xul reference itemcount type: integer read only property holding the number of child items.
label - Archive of obsolete content
Archive › Mozilla › XUL › Property › label
« xul reference label type: string gets and sets the value of the label attribute.
labelElement - Archive of obsolete content
« xul reference labelelement type: label element the label element associated with the control.
lastPermanentChild - Archive of obsolete content
« xul reference lastpermanentchild not in seamonkey 1.x type: element the last permanent child of the toolbar.
lastSelected - Archive of obsolete content
« xul reference lastselected type: string set this to the id of the last selected pane.
left - Archive of obsolete content
Archive › Mozilla › XUL › Property › left
« xul reference left type: integer gets and sets the value of the left attribute.
linkedPanel - Archive of obsolete content
« xul reference linkedpanel type: id of a tabpanel element gets and sets the value of the linkedpanel attribute.
listBoxObject - Archive of obsolete content
« xul reference listboxobject type: nsilistboxobject the nsilistboxobject behind the list box.
locked - Archive of obsolete content
« xul reference locked type: boolean if true, the preference has been locked and disabled in the system configuration, preventing the value from being changed.
markupDocumentViewer - Archive of obsolete content
« xul reference markupdocumentviewer type: nsimarkupdocumentviewer this read-only property contains the nsimarkupdocumentviewer which is responsible for drawing the document.
max - Archive of obsolete content
Archive › Mozilla › XUL › Property › max
« xul reference max type: integer gets and sets the value of the max attribute.
maxHeight - Archive of obsolete content
« xul reference maxheight type: integer gets and sets the value of the maxheight attribute.
maxLength - Archive of obsolete content
« xul reference maxlength type: integer the maximum number of characters that the textbox allows to be entered.
maxRows - Archive of obsolete content
« xul reference maxrows type: integer gets and sets the value of the maxrows attribute.
maxWidth - Archive of obsolete content
« xul reference maxwidth type: integer gets and sets the value of the maxwidth attribute.
menu.open - Archive of obsolete content
« xul reference open type: boolean this property will be set to true when the menu is open.
menu - Archive of obsolete content
Archive › Mozilla › XUL › Property › menu
« xul reference menu type: popup element id gets and sets the value of the menu attribute.
menuBoxObject - Archive of obsolete content
« xul reference menuboxobject type: nsimenuboxobject a reference to the nsimenuboxobject which implements the menu.
menuitem.control - Archive of obsolete content
« xul reference control type: menu element returns the enclosing menu that the item is inside, if any, or null if there is no enclosing menu.
menulist.image - Archive of obsolete content
« xul reference image type: image url the image associated with the currently selected item.
menulist.inputField - Archive of obsolete content
« xul reference inputfield type: textbox element a reference to the textbox element used for editable menu lists.
menupopup - Archive of obsolete content
« xul reference menupopup type: menupopup element a reference to the menupopup used by the menu or menulist.
min - Archive of obsolete content
Archive › Mozilla › XUL › Property › min
« xul reference min type: integer gets and sets the value of the min attribute.
minHeight - Archive of obsolete content
« xul reference minheight type: integer gets and sets the value of the minheight attribute.
minResultsForPopup - Archive of obsolete content
« xul reference minresultsforpopup type: integer gets and sets the value of the minresultsforpopup (or minresultsforpopup) attribute.
minWidth - Archive of obsolete content
« xul reference minwidth type: integer gets and sets the value of the minwidth attribute.
minute - Archive of obsolete content
« xul reference minute type: integer the currently selected minute from 0 to 59.
minuteLeadingZero - Archive of obsolete content
« xul reference minuteleadingzero type: boolean a read only value indicating whether a leading zero should be displayed before the minute when it is less than 10.
mode - Archive of obsolete content
Archive › Mozilla › XUL › Property › mode
« xul reference mode type: string gets and sets the value of the mode attribute.
month - Archive of obsolete content
Archive › Mozilla › XUL › Property › month
« xul reference month type: integer the currently selected month from 0 to 11.
monthLeadingZero - Archive of obsolete content
« xul reference monthleadingzero type: boolean a read only value indicating whether a leading zero should be displayed before the month when it is less than 10.
name - Archive of obsolete content
Archive › Mozilla › XUL › Property › name
« xul reference name type: string the name of the preference to change.
next - Archive of obsolete content
Archive › Mozilla › XUL › Property › next
« xul reference next type: string wizardpage id set to the pageid of the next page after this one.
noMatch - Archive of obsolete content
« xul reference nomatch type: boolean this property will be set to true if the last search resulted in no matches.
notificationsHidden - Archive of obsolete content
« xul reference notificationshidden type: boolean indicating whether the notification area should be hidden.
object - Archive of obsolete content
« xul reference object type: string the object of the element.
observes - Archive of obsolete content
« xul reference observes type: broadcaster element id gets and sets the value of the observes attribute.
onFirstPage - Archive of obsolete content
« xul reference onfirstpage type: boolean this property is set to true if the user is on the first page, which may or may not be the first index.
onLastPage - Archive of obsolete content
« xul reference onlastpage type: boolean this property is set to true if the user is on the last page of the wizard.
open - Archive of obsolete content
Archive › Mozilla › XUL › Property › open
« xul reference open type: boolean gets and sets the value of the open attribute.
ordinal - Archive of obsolete content
« xul reference ordinal type: integer gets and sets the value of the ordinal attribute.
orient - Archive of obsolete content
« xul reference orient type: string gets and sets the value of the orient attribute.
pack - Archive of obsolete content
Archive › Mozilla › XUL › Property › pack
« xul reference pack type: string gets and sets the value of the pack attribute.
pageCount - Archive of obsolete content
« xul reference pagecount type: integer this property holds the number of pages in the wizard.
pageIncrement - Archive of obsolete content
« xul reference pageincrement type: integer gets and sets the value of the pageincrement attribute.
pageIndex - Archive of obsolete content
« xul reference pageindex type: integer this property returns the index of the currently selected page.
pageStep - Archive of obsolete content
« xul reference pagestep type: integer this property returns the number of pages that the user has navigated through so far, meaning that the user would press the back button this many times to go back to the beginning.
pageid - Archive of obsolete content
« xul reference pageid type: string wizardpage id this attribute should be set to a string that identifies the page's identifer in the wizard.
palette - Archive of obsolete content
« xul reference palette firefox only type: element the toolbarpalette within the toolbox.
parentContainer - Archive of obsolete content
« xul reference parentcontainer type: menu element read only property that returns the containing menu element, or null if there isn't a containing menu.
persist - Archive of obsolete content
« xul reference persist type: space-separated list of attribute names gets and sets the value of the persist attribute.
persistence - Archive of obsolete content
« xul reference persistence type: integer gets and sets the value of the persistence attribute.
placeholder - Archive of obsolete content
« xul reference placeholder type: string gets and sets a string that appears in the textbox when it has no value.
pmIndicator - Archive of obsolete content
« xul reference pmindicator type: string the string value displayed for hours between noon and midnight, defaulting to pm.
popup - Archive of obsolete content
Archive › Mozilla › XUL › Property › popup
« xul reference popup new in thunderbird 14 requires seamonkey 2.11 type: popup element should be set to the popup element that should appear when the user clicks on the textbox.
popupBoxObject - Archive of obsolete content
« xul reference popupboxobject type: nsipopupboxobject this read-only property holds the nsipopupboxobject that implements the popup.
popupOpen - Archive of obsolete content
« xul reference popupopen new in thunderbird 15 requires seamonkey 2.12 type: boolean indicates whether the popup is open or not.
position - Archive of obsolete content
« xul reference position type: string gets and sets the value of the position attribute.
predicate - Archive of obsolete content
« xul reference predicate type: uri the predicate or property to match.
preference.preferences - Archive of obsolete content
« xul reference preferences type: element reference to the containing preferences element.
preferenceElements - Archive of obsolete content
« xul reference preferenceelements type: dom nodelist holds a list of the ui elements in the pane that are attached to preferences.
preferencePanes - Archive of obsolete content
« xul reference preferencepanes type: dom nodelist holds a list of all the prefpane elements in the window.
prefpane.preferences - Archive of obsolete content
« xul reference preferences type: dom nodelist holds a list of the preference elements in the pane.
priority - Archive of obsolete content
« xul reference priority type: string gets and sets the value of the priority attribute.
radio.control - Archive of obsolete content
« xul reference control type: radiogroup element returns the enclosing radiogroup that the radio element is contained within, which may or may not be its direct parent.
radioGroup - Archive of obsolete content
« xul reference radiogroup type: radiogroup element equivalent to the control property.
readOnly - Archive of obsolete content
« xul reference readonly type: boolean if set to true, then the user cannot modify the value of the element.
ref - Archive of obsolete content
Archive › Mozilla › XUL › Property › ref
« xul reference ref type: uri of an rdf resource gets and sets the value of the ref attribute.
resource - Archive of obsolete content
« xul reference resource type: nsirdfresource returns an rdf resource with the value of the element's ref attribute.
resultsPopup - Archive of obsolete content
« xul reference resultspopup type: popup element this property is set to the popup element that displays the results.
richlistitem.label - Archive of obsolete content
« xul reference label type: string gets the concatentation of text from any child label elements.
scrollBoxObject - Archive of obsolete content
« xul reference scrollboxobject type: nsiscrollboxobject the scroll box object implements the nsiscrollboxobject interface, which may be used to retrieve and adjust the scroll position of the list box.
scrollIncrement - Archive of obsolete content
« xul reference scrollincrement type: integer a read only property that lets you retrieve the number of pixels by which scrolling will occur when the arrowscrollbox is clicked.
searchCount - Archive of obsolete content
« xul reference searchcount new in thunderbird 15 requires seamonkey 2.12 type: integer returns the number of search components used.
searchLabel - Archive of obsolete content
« xul reference searchlabel type: string gets and sets the value of the searchlabel attribute.
searchParam - Archive of obsolete content
« xul reference searchparam new in thunderbird 15 requires seamonkey 2.12 type: string gets and sets the value of the autocompletesearchparam attribute.
searchSessions - Archive of obsolete content
« xul reference searchsessions obsolete since gecko 26 type: space-separated list of session names gets the value of the searchsessions attribute.
second - Archive of obsolete content
« xul reference second type: integer the currently selected second from 0 to 59.
secondLeadingZero - Archive of obsolete content
« xul reference secondleadingzero type: boolean a read only value indicating whether a leading zero should be displayed before the second when it is less than 10.
securityUI - Archive of obsolete content
« xul reference securityui type: nsisecurebrowserui the read-only property holds an object which may be used to determine the security level of the loaded document.
selected - Archive of obsolete content
« xul reference selected type: boolean this property's value is true if this element is selected, or false if it is not.
selectedBrowser - Archive of obsolete content
« xul reference selectedbrowser type: browser element this read-only property returns the currently displayed browser element.
selectedCount - Archive of obsolete content
« xul reference selectedcount type: integer returns the number of items that are currently selected.
selectedIndex - Archive of obsolete content
« xul reference selectedindex type: integer returns the index of the currently selected item.
selectedItem - Archive of obsolete content
« xul reference selecteditem type: element holds the currently selected item.
selectedItems - Archive of obsolete content
« xul reference selecteditems type: array of listitems returns an array of the selected items in the list.
selectedPanel - Archive of obsolete content
« xul reference selectedpanel type: element holds a reference to the currently selected panel within a <tabbox> element.
selectedTab - Archive of obsolete content
« xul reference selectedtab type: tab element a reference to the currently selected tab, which will always be one of the tab elements in the tabs element.
selectionEnd - Archive of obsolete content
« xul reference selectionend type: integer get or set the end of the selected portion of the field's text.
selectionStart - Archive of obsolete content
« xul reference selectionstart type: integer get or set the beginning of the selected portion of the field's text.
selstyle - Archive of obsolete content
« xul reference selstyle type: string if set to the value primary, only the label of the primary column will be highlighted when an item in the tree is selected.
sessionCount - Archive of obsolete content
« xul reference sessioncount type: integer holds the number of sessions.
sessionHistory - Archive of obsolete content
« xul reference sessionhistory type: nsishistory this read-only property contains the nsishistory object which holds the session history.
showCommentColumn - Archive of obsolete content
« xul reference showcommentcolumn type: boolean gets and sets the value of the showcommentcolumn (or showcommentcolumn) attribute.
showImageColumn - Archive of obsolete content
« xul reference showimagecolumn type: boolean gets and sets the value of the showimagecolumn attribute.
showPopup - Archive of obsolete content
« xul reference showpopup type: boolean gets and sets the value of the showpopup attribute.
size - Archive of obsolete content
Archive › Mozilla › XUL › Property › size
« xul reference size type: integer gets and sets the value of the size attribute.
smoothScroll - Archive of obsolete content
« xul reference smoothscroll type: boolean can be set to enable or disable smooth scrolling for the corresponding arrowscrollbox.
spinButtons - Archive of obsolete content
« xul reference spinbuttons type: element the read-only property returns a reference to the spinbuttons element used by the number box.
src - Archive of obsolete content
Archive › Mozilla › XUL › Property › src
« xul reference src type: url gets and sets the value of the src attribute.
state - Archive of obsolete content
Archive › Mozilla › XUL › Property › state
« xul reference state type: string this read only property indicates whether the popup is open or not.
statusText - Archive of obsolete content
« xul reference statustext type: string gets and sets the value of the statustext attribute.
statusbar - Archive of obsolete content
« xul reference statusbar type: id of statusbar element gets and sets the value of the statusbar attribute.
stringBundle - Archive of obsolete content
« xul reference stringbundle type: nsistringbundle returns the xpcom string bundle object which implements nsistringbundle.
strings - Archive of obsolete content
« xul reference strings type: nsisimpleenumerator an enumeration of all of the strings in the string bundle.
style - Archive of obsolete content
Archive › Mozilla › XUL › Property › style
« xul reference style type: css inline style gets and sets the value of the style attribute.
subject - Archive of obsolete content
« xul reference subject type: string the subject of the element.
suppressOnSelect - Archive of obsolete content
« xul reference suppressonselect type: boolean gets and sets the value of the suppressonselect attribute.
tab.control - Archive of obsolete content
« xul reference control type: tabs element returns the enclosing tabs element.
tabContainer - Archive of obsolete content
« xul reference tabcontainer type: tabs element returns the tabs element that contains the tabs.
tabIndex - Archive of obsolete content
« xul reference tabindex type: integer gets and sets the value of the tabindex attribute.
tabScrolling - Archive of obsolete content
« xul reference tabscrolling type: boolean gets and sets the value of the tabscrolling (or tabscrolling) attribute.
tabbox - Archive of obsolete content
« xul reference tabbox type: tabbox element returns the tabbox element that contains the tabs.
tabbox.tabs - Archive of obsolete content
« xul reference tabs type: tabs element the tabs element contained within the tabbox.
tabbrowser.tabs - Archive of obsolete content
« xul reference tabs type: array a nodelist containing the tab objects for each tab in the tabbrowser.
tabpanels - Archive of obsolete content
« xul reference tabpanels type: tabpanels element the tabpanels element contained within the tabbox.
tabs - Archive of obsolete content
Archive › Mozilla › XUL › Property › tabs
« xul reference tabs type: tabs element the tabs element that the tab is contained within.
tag - Archive of obsolete content
Archive › Mozilla › XUL › Property › tag
« xul reference tag type: tag name this may be set to a tag name.
textLength - Archive of obsolete content
« xul reference textlength type: integer holds the length of the text entered in the textbox.
textValue - Archive of obsolete content
« xul reference textvalue new in thunderbird 15 requires seamonkey 2.12 type: string returns the content of the textbox.
textbox.label - Archive of obsolete content
« xul reference label type: string sets the label attribute.
textbox.value - Archive of obsolete content
« xul reference value type: string holds the current value of the textbox as a string.
timeout - Archive of obsolete content
« xul reference timeout type: integer gets and sets the value of the timeout attribute.
timepicker.value - Archive of obsolete content
« xul reference value type: string the currently entered time of the form hh:mm:ss.
title - Archive of obsolete content
Archive › Mozilla › XUL › Property › title
« xul reference title type: string the title that appears at the top of the wizard.
toolbarName - Archive of obsolete content
« xul reference toolbarname not in seamonkey 1.x type: string the name of the toolbar.
toolbarset - Archive of obsolete content
« xul reference toolbarset firefox only type: element the toolbarset within the toolbox.
toolboxid - Archive of obsolete content
« xul reference toolboxid type: string the id of the toolbox this toolbar is a member of.
tooltip - Archive of obsolete content
« xul reference tooltip type: tooltip element id gets and sets the value of the tooltip attribute.
tooltipText - Archive of obsolete content
« xul reference tooltiptext type: string gets and sets the value of the tooltiptext attribute.
top - Archive of obsolete content
Archive › Mozilla › XUL › Property › top
« xul reference top type: integer gets and sets the value of the top attribute.
tree.inputField - Archive of obsolete content
« xul reference home inputfield type: textbox element read-only property that holds the textbox that is used for editing.
treeBoxObject - Archive of obsolete content
« xul reference treeboxobject type: nsitreeboxobject the box object is responsible for rendering the tree on the window.
triggerNode - Archive of obsolete content
« xul reference triggernode type: nsidomnode this read-only property holds the dom node that generated the event triggering the opening of the popup.
uri - Archive of obsolete content
Archive › Mozilla › XUL › Property › uri
« xul reference uri type: ?
userAction - Archive of obsolete content
« xul reference useraction type: string gets and sets the value of the useraction attribute.
value - Archive of obsolete content
Archive › Mozilla › XUL › Property › value
« xul reference value type: string gets and sets the value of the value attribute.
valueNumber - Archive of obsolete content
« xul reference valuenumber type: number in contrast to the value property which holds a string representation, the valuenumber property is a number containing the current value of the number box.
view - Archive of obsolete content
Archive › Mozilla › XUL › Property › view
« xul reference view type: nsitreeview the view for the tree, which is the object which generates the data to be displayed.
visibleTabs - Archive of obsolete content
« xul reference visibletabs type: array an array containing tab objects for each visible tab in the tabbrowser.
webBrowserFind - Archive of obsolete content
« xul reference webbrowserfind type: nsiwebbrowserfind this read-only property contains an nsiwebbrowserfind object which can be used to search for text in the document.
webNavigation - Archive of obsolete content
« xul reference webnavigation type: nsiwebnavigation this read-only property contains the nsiwebnavigation object for the document.
webProgress - Archive of obsolete content
« xul reference webprogress type: nsiwebprogress this read-only property contains an nsiwebprogress object which is used to monitor the progress of a document loading.
width - Archive of obsolete content
Archive › Mozilla › XUL › Property › width
« xul reference width type: integer gets and sets the value of the width attribute.
wizardPages - Archive of obsolete content
« xul reference wizardpages type: dom nodelist of wizardpage elements this property holds the list of wizardpage elements in the wizard.
wrapAround - Archive of obsolete content
« xul reference wraparound type: boolean gets and sets the value of the wraparound attribute.
year - Archive of obsolete content
Archive › Mozilla › XUL › Property › year
« xul reference year type: integer the currently selected year from 1 to 9999.
yearLeadingZero - Archive of obsolete content
« xul reference yearleadingzero type: boolean a read only value indicating whether a leading zero should be displayed before the year when it is less than 1000.
Multiple Queries - Archive of obsolete content
« previousnext » so far, every template has contained only a single query, even for recursive content.
Rule Compilation - Archive of obsolete content
« previousnext » query a xul template is made up of a query and a series of rules.
Using Multiple Queries to Generate More Results - Archive of obsolete content
/elements/1.1/title" object="?title"/> <action> <label uri="?item" value="?title"/> </action> </rule> </queryset> </template> you can view the example.
XML Assignments - Archive of obsolete content
m nodes as results.
Things I've tried to do with XUL - Archive of obsolete content
this is a grab-bag type of faq, with a list of things that should work (hopefully with bug numbers), things that don't work (hopefully with explanations), and workarounds for both of the above.
Creating toolbar buttons (Customize Toolbar Window) - Archive of obsolete content
ll"] #myextension-button { list-style-image: url("chrome://myextension/skin/btn_small.png"); } applying the stylesheet remember to attach the stylesheet you created to both the overlay file and the customize toolbar window.
Adding Buttons - Archive of obsolete content
uttons will appear to stretch across the window.
Adding Event Handlers - Archive of obsolete content
ions.
Adding Event Handlers to XBL-defined Elements - Archive of obsolete content
he handler events, it is simply passed to the inner content as usual.
Adding Properties to XBL-defined Elements - Archive of obsolete content
script and the dom provide access to get and set the properties of elements.
Additional Install Features - Archive of obsolete content
ur package out of the way.
Commands - Archive of obsolete content
lf, and might be handled internally by a widget.
Custom Tree Views - Archive of obsolete content
s property at any time to set or change the view.
Element Positioning - Archive of obsolete content
h the pack attribute, the align attribute applies to the box containing the elements to be aligned, not to the elements themselves.
Install Scripts - Archive of obsolete content
ddirectory("findfile"); the example above will specify that the findfile directory from the installer archive should be installed.
Manipulating Lists - Archive of obsolete content
method of deleting the selected items properly: example 4 : source view <script> function deleteselection(){ var list = document.getelementbyid('thelist'); var count = list.selectedcount; while (count--){ var item = list.selecteditems[0]; list.removeitemat(list.getindexofitem(item)); } } </script> <button label="delete" oncommand="deleteselection();"/> <listbox id="thelist" seltype="multiple"> <listitem label="cheddar"/> <listitem label="cheshire"/> <listitem label="edam"/> <listitem label="gouda"/> <listitem label="havartie"/> </listbox> inside the while loop we first get the selecteditem at index 0.
Stack Positioning - Archive of obsolete content
the size of the stack.
Tabboxes - Archive of obsolete content
bs> <tab label="search"/> <tab label="options"/> </tabs> <tabpanels> <tabpanel id="searchpanel" orient="vertical"> <description> enter your search criteria below and select the find button to begin the search.
Toolbars - Archive of obsolete content
« previousnext » a toolbar is usually placed along the top of a window and contains a number of buttons that perform common functions.
Tree Selection - Archive of obsolete content
« previousnext » the section will describe how to get and set the selected items in a tree.
Trees and Templates - Archive of obsolete content
s when using a tree, you will often use a template to build its content, to handle a large amount of hierarchial data.
Using Spacers - Archive of obsolete content
t the elements inside it.
XPCOM Interfaces - Archive of obsolete content
t, the component "@mozilla.org/browser/bookmarks-service;1" is retrieved and its service is placed in the variable bmarks.
XUL Tutorial - Archive of obsolete content
ata skins and locales adding style sheets styling a tree modifying the default skin creating a skin skinning xul files by hand localization property files bindings introduction to xbl anonymous content xbl attribute inheritance adding properties adding methods adding event handlers xbl inheritance creating reusable content using css and xbl xbl example specialized window types features of a window creating dialogs open and save dialogs creating a wizard more wizards overlays cross package overlays installation creating an installer install scripts additional install features this xul tutorial was originally created by neil deakin.
Urlbar-icons - Archive of obsolete content
to add your own items.
XUL Changes for Firefox 1.5 - Archive of obsolete content
rks similarly to the <listbox> which is designed primarily for lists of textual items.
XULBrowserWindow - Archive of obsolete content
r nsiwebprogresslistener2 nsisupportsweakreference note: this page is not complete at this time.
XUL Template Primer - Bindings - Archive of obsolete content
his is different from the variables specified in the rule's conditions, where a value must be found for each variable for the rule to match.
XUL Coding Style Guidelines - Archive of obsolete content
introduction xul, pronounced as "zool", stands for "xml-based user interface language", is a cross platform way of describing user interface.
XUL Event Propagation - Archive of obsolete content
he combination of basic these two basic event flow mechanisms, event bubbling and event capturing, mean that events raised in the interface can be caught anywhere above the element that raised the event.
action - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheigh...
bbox - Archive of obsolete content
Archive › Mozilla › XUL › bbox
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
box - Archive of obsolete content
Archive › Mozilla › XUL › box
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
broadcaster - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
broadcasterset - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
clicktoscroll - Archive of obsolete content
« xul reference home clicktoscroll type: boolean if true, the up or down arrow(s) must be clicked to scroll the content.
column - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
columns - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
conditions - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
XUL:Property:flexGroup - Archive of obsolete content
« xul reference flexgroup type: integer gets and sets the value of the flexgroup attribute ...
grippy - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
hbox - Archive of obsolete content
Archive › Mozilla › XUL › hbox
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
keyset - Archive of obsolete content
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 disabled type: boolean indicates whether the element is disabled or not.
listcol - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
listcols - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
page - Archive of obsolete content
Archive › Mozilla › XUL › page
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
popupset - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
progressmeter.max - Archive of obsolete content
« xul reference home max type: integer the maximum value that the progressmeter may reach.
queryset - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
row - Archive of obsolete content
Archive › Mozilla › XUL › row
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
rows - Archive of obsolete content
Archive › Mozilla › XUL › rows
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
scrollbox - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
scrollcorner - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
spacer - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
stack - Archive of obsolete content
Archive › Mozilla › XUL › stack
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
stringbundleset - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
tabpanel - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
titlebar - Archive of obsolete content
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 note: the allowevents attribute did not work for title bars prior to firefox 3.
toolbargrippy - Archive of obsolete content
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 accessible type: nsiaccessible returns the accessibility object for the element.
toolbaritem - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
toolbarpalette - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
toolbarset - Archive of obsolete content
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight...
vbox - Archive of obsolete content
Archive › Mozilla › XUL › vbox
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 inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, datasources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheig...
XULRunner 1.9.2 Release Notes - Archive of obsolete content
s you registered it during installation.
Creating a Windows Inno Setup installer for XULRunner applications - Archive of obsolete content
_started_with_xulrunner appupdatesurl=http://developer.mozilla.org/en/docs/getting_started_with_xulrunner defaultdirname={pf}\my app defaultgroupname=my app allownoicons=yes outputdir=..\build\output outputbasefilename=myapp-1.0-win32 ; setupiconfile= compression=lzma solidcompression=yes [languages] name: english; messagesfile: compiler:default.isl [components] name: main; description: my app; types: full compact custom; flags: fixed name: runtime; description: xul runner runtime; types: full custom [tasks] name: desktopicon; description: {cm:createdesktopicon}; groupdescription: {cm:additionalicons}; flags: unchecked name: quicklaunchicon; description: {cm:createquicklaunchicon}; groupdescription: {cm:additionalicons}; flags: unchecked [files] source: c:\develop\xulrunnerinstaller\myapp\...
What XULRunner Provides - Archive of obsolete content
thunderbird), as well as providing an embedding mechanism.
mozilla.dev.platform FAQ - Archive of obsolete content
uses the embedded framework successfully.
Mozprofile - Archive of obsolete content
ons addons may be installed individually or from a manifest.
reftest opportunities files - Archive of obsolete content
rmelem http://dbaron.org/css/test/sec010303 http://dbaron.org/css/test/sec0302 http://dbaron.org/css/test/sec0302_xml http://dbaron.org/css/test/parsing http://dbaron.org/css/test/parsing2 http://dbaron.org/css/test/parsing4 http://dbaron.org/css/test/parsing5 http://dbaron.org/css/test/parsing6 http://dbaron.org/css/test/sec040102 http://dbaron.org/css/test/casesens http://dbaron.org/css/test/xmltypesel http://dbaron.org/css/test/unitless http://dbaron.org/css/test/exunit http://dbaron.org/css/test/emunit http://dbaron.org/css/test/sec040310 http://dbaron.org/css/test/parsing3 http://dbaron.org/css/test/selector_confusion http://dbaron.org/css/test/univsel http://dbaron.org/css/test/childsel http://dbaron.org/css/test/sibsel http://dbaron.org/css/test/attrsel http://dbaron.org/css/test/twocla...
2006-10-13 - Archive of obsolete content
bug: https://bugzilla.mozilla.org/show_bug.cgi?id=300198, regarding middle clicking on a tab.
2006-10-06 - Archive of obsolete content
however, testing is required before release can be issued.
2006-11-24 - Archive of obsolete content
on-default toolkit or on a non tier-1 platform you'll need to disable svg in your mozconfig.
Extentsions FAQ - Archive of obsolete content
do not get changed until after it's upgrade?
2006-10-27 - Archive of obsolete content
summary: mozilla.dev.l10n - october 27, 2006 announcements drafts of eulas for several lanugages available for review drafts of eulas for several lanugages available for review final ff release already announced a french site has already announced final ff 2.0 and gives download links on its own site.
2006-11-17 - Archive of obsolete content
er not recognizing xulwidgets for verbosio?
2006-09-29 - Archive of obsolete content
summary: mozilla.dev.security - september 23, 2006 to september 29, 2006 return to mozilla-dev-security announcements none during this week.
2006-12-01 - Archive of obsolete content
summary: mozilla.dev.tech.xpcom - nov 25- dec 01, 2006 announcements none during this week.
External resources for plugin creation - Archive of obsolete content
eators): firebreath is a cross-platform browser plugin framework written in c++.
Monitoring plugins - Archive of obsolete content
verservice.removeobserver(this, "experimental-notify-plugin-call"); skeleton observer class below is a skeleton class that you may use to listen to runtime notifications: function pluginobserver() { this.registered = false; this.register(); //takes care of registering this class with observer services as an observer for plugin runtime notifications } pluginwatcherobserver.prototype = { observe: function(subject, topic, data) { if (topic == "experimental-notify-plugin-call") //in case your class is registered to listen to other topics //this gets executed each time a runtime notification arrives // --your code goes here-- } }, //takes care of registering the observer services for the "experimental-notify-plugin-call" topic register: fu...
NPEmbedPrint - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary substructure of npprint that contains platform-specific information used during embedded mode printing.
NPFullPrint - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary substructure of npprint that contains platform-specific information used during full-page mode printing.
NPN_GetURLNotify - Archive of obsolete content
notification of the result.
NPN_GetValue - Archive of obsolete content
this method to help create a menu or dialog box for a windowless plug-in.
NPN_IdentifierIsString - Archive of obsolete content
« gecko plugin api reference « scripting plugins summary determines whether or not an identifier is a string.
NPP_HandleEvent - Archive of obsolete content
the plug-in handles the event, the function should return true.
NPP_Print - Archive of obsolete content
ded plug-in, set the printinfo field to npembedprint.
NPP_Write - Archive of obsolete content
livered to the plug-in instance in a series of calls to npp_writeready and npp_write.
NPPrint - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary contains information the plug-in needs to print itself in full-page or embedded mode.
NPRect - Archive of obsolete content
« gecko plugin api reference « browser side plug-in api summary represents a rectangular area of a plug-in's content area.
NPSavedData - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary block of instance information saved after the plug-in instance is deleted; can be returned to the plug-in to restore the data in future instances of the plug-in.
NPString - Archive of obsolete content
ecko plugin api reference « scripting plugins summary npstring is a struct that holds a pointer to a sequence of 8-bit units (nputf8) making up a utf-8 string, and the number of 8-bit units in the utf-8 string.
NP_Port - Archive of obsolete content
« gecko plugin api reference « plug-in side plug-in api summary used on mac os only contains information required by the window field of an npwindow structure.
Shipping a plugin as a Toolkit bundle - Archive of obsolete content
install.js scripts is no longer supported and plugins must either be shipped as an executable installer or in a bundle as described here.
XEmbed Extension for Mozilla Plugins - Archive of obsolete content
ns of the browser that don't support xembed functionality.
Use Case - Archive of obsolete content
rss use cases this section contains common rss use cases.
title - Archive of obsolete content
rsstitle element <title>...</title> - the rss title element has 4 uses.
Threats - Archive of obsolete content
ould alter an order for goods or change a person's resume.
Sunbird Theme Tutorial - Archive of obsolete content
"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="just-testing@example.com" em:name="just testing" em:creator="rod whiteley" em:description="a test theme for sunbird" em:homepageurl="http://developer.mozilla.org/" em:version="0.1" em:internalname="testing" em:type="4" > <em:targetapplication><!-- sunbird --> <description em:id="{718e30fb-e89b-41dd-9da7-e25a45638b28}" em:minversion="0.2.9" em:maxversion="0.4" /> </em:targetapplication> </description> </rdf> in the line that starts <tt>em:id</tt>, paste your identifier between the double-quote characters, replacing the identifier that is there now.
The Basics of Web Services - Archive of obsolete content
h as php or asp) to post and send data.
Create Your Own Firefox Background Theme - Archive of obsolete content
t a reviewer may reject your theme if it is obvious that your category and/or tags are unrelated to your theme.
UUID - Archive of obsolete content
uuid: universal unique identifier a uuid can be obtained by visiting http://www.famkruithof.net/uuid/uuidgen or by typing "firebot: uuid?" on irc.mozilla.org in a channel where nickname "firebot" is present.
Using workers in extensions - Archive of obsolete content
in the previous version, except that it's done in response to an event instead of within the refreshinformation() method.
-moz-binding - Archive of obsolete content
mlbindings.xml#checkbox); /* global values */ -moz-binding: inherited; -moz-binding: initial; -moz-binding: unset; values <url> the url for the xbl binding (including the fragment identifier).
-moz-border-bottom-colors - Archive of obsolete content
has a border that is larger than a single css pixel, each line of pixels uses the next color specified in this property, from the outside in.
-moz-border-left-colors - Archive of obsolete content
has a border that is larger than a single css pixel, each line of pixels uses the next color specified in this property, from the outside in.
-moz-border-right-colors - Archive of obsolete content
has a border that is larger than a single css pixel, each line of pixels uses the next color specified in this property, from the outside in.
-moz-border-top-colors - Archive of obsolete content
has a border that is larger than a single css pixel, each line of pixels uses the next color specified in this property, from the outside in.
-moz-stack-sizing - Archive of obsolete content
as possible to work around the problem by setting very large negative bottom and right margins on the stack element and equally large positive bottom and right margins on the children whose size you didn't want to ignore.
-moz-text-blink - Archive of obsolete content
the -moz-text-blink non-standard mozilla css extension specifies the blink mode.
-moz-window-shadow - Archive of obsolete content
, for these windows shadows were turned off and there was no way to turn them on.
-ms-block-progression - Archive of obsolete content
the -ms-block-progression css property is a microsoft extension that specifies the block progression and layout orientation.
-ms-content-zoom-chaining - Archive of obsolete content
the -ms-content-zoom-chaining css property is a microsoft extension specifying the zoom behavior that occurs when a user hits the zoom limit during page manipulation.
-ms-content-zoom-limit-max - Archive of obsolete content
-zoom-limit-max css property is a microsoft extension that specifies the selected elements' maximum zoom factor.
-ms-content-zoom-limit-min - Archive of obsolete content
the -ms-content-zoom-limit-min css property is a microsoft extension that specifies the minimum zoom factor.
-ms-content-zoom-limit - Archive of obsolete content
zoom factor of 100% corresponds to no zooming.
-ms-content-zooming - Archive of obsolete content
the -ms-content-zooming css property is a microsoft extension that specifies whether zooming is enabled.
-ms-flow-from - Archive of obsolete content
the -ms-flow-from css property is a microsoft extension that gets or sets a value identifying a region container in the document that accepts the content flow from the data source.
-ms-flow-into - Archive of obsolete content
the -ms-flow-into css property is a microsoft extension that gets or sets a value identifying an iframe container in the document that serves as the region's data source.
-ms-high-contrast-adjust - Archive of obsolete content
the -ms-high-contrast-adjust css property is a microsoft extension that gets or sets a value indicating whether to override any css properties that would have been set in high contrast mode.
-ms-hyphenate-limit-chars - Archive of obsolete content
henate-limit-chars css property is a microsoft extension that specifies one to three values indicating the minimum number of characters in a hyphenated word.
-ms-hyphenate-limit-lines - Archive of obsolete content
the -ms-hyphenate-limit-lines css property is a microsoft extension specifying the maximum number of consecutive lines in an element that may be ended with a hyphenated word.
-ms-ime-align - Archive of obsolete content
s, the ime may enforce a reasonable minimum size.
-ms-overflow-style - Archive of obsolete content
the -ms-overflow-style css property is a microsoft extension controlling the behavior of scrollbars when the content of an element overflows.
-ms-scroll-limit-x-max - Archive of obsolete content
the -ms-scroll-limit-x-max css property is a microsoft extension that specifies the maximum value for the element.scrollleft property.
-ms-scroll-limit-x-min - Archive of obsolete content
the -ms-scroll-limit-x-min css property is a microsoft extension that specifies the minimum value for the element.scrollleft property.
-ms-scroll-limit-y-max - Archive of obsolete content
the -ms-scroll-limit-y-max css property is a microsoft extension that specifies the maximum value for the element.scrolltop property.
-ms-scroll-limit-y-min - Archive of obsolete content
the -ms-scroll-limit-y-min css property is a microsoft extension that specifies the minimum value for the element.scrolltop property.
-ms-scroll-limit - Archive of obsolete content
-limit-x-min: 0-ms-scroll-limit-y-min: 0-ms-scroll-limit-x-max: auto-ms-scroll-limit-y-max: autoapplies tonon-replaced block-level elements and non-replaced inline-block elementsinheritednocomputed valueas each of the properties of the shorthand:-ms-scroll-limit-x-min: as specified-ms-scroll-limit-y-min: as specified-ms-scroll-limit-x-max: as specified-ms-scroll-limit-y-max: as specifiedanimation typediscrete syntax the -ms-scroll-limit property is specified as one or more of the following scroll limit values, in the order listed, separated by spaces.
-ms-scroll-rails - Archive of obsolete content
the -ms-scroll-rails css property is a microsoft extension that specifies whether scrolling locks to the primary axis of motion.
-ms-scroll-translation - Archive of obsolete content
the -ms-scroll-translation css property is a microsoft extension that specifies whether vertical-to-horizontal scroll wheel translation occurs on the specified element.
-ms-scrollbar-arrow-color - Archive of obsolete content
the -ms-scrollbar-arrow-color css property is a microsoft extension that specifies the color of the arrow elements of a scroll arrow.
-ms-scrollbar-base-color - Archive of obsolete content
the -ms-scrollbar-base-color css property is a microsoft extension that specifies the base color of the main elements of a scroll bar.
-ms-scrollbar-face-color - Archive of obsolete content
the -ms-scrollbar-face-color css property is a microsoft extension that specifies the color of the scroll box and scroll arrows of a scroll bar.
-ms-scrollbar-highlight-color - Archive of obsolete content
the -ms-scrollbar-highlight-color css property is a microsoft extension that specifies the color of the slider tray, the top and left edges of the scroll box, and the scroll arrows of a scroll bar.
-ms-scrollbar-track-color - Archive of obsolete content
the -ms-scrollbar-track-color css property is a microsoft extension that specifies the color of the track element of a scrollbar.
-ms-text-autospace - Archive of obsolete content
the -ms-text-autospace css property is a microsoft extension that specifies the autospacing and narrow space width adjustment of text.
-ms-touch-select - Archive of obsolete content
the -ms-touch-select css property is a microsoft extension that toggles the gripper visual elements that enable touch text selection.
-ms-wrap-flow - Archive of obsolete content
the -ms-wrap-flow css property is a microsoft extension that specifies how exclusions impact inline content within block-level elements.
-ms-wrap-margin - Archive of obsolete content
the -ms-wrap-margin css property is a microsoft extension that specifies a margin that offsets the inner wrap shape from other shapes.
-ms-wrap-through - Archive of obsolete content
the -ms-wrap-through css property is a microsoft extension that specifies how content should wrap around an exclusion element.
::-ms-fill-lower - Archive of obsolete content
the ::-ms-fill-lower css pseudo-element represents the lower portion of the track of a slider control; that is, the portion corresponding to values less than the value currently selected by the thumb.
::-ms-fill-upper - Archive of obsolete content
the ::-ms-fill-upper css pseudo-element is a microsoft extension that represents the upper portion of the track of a slider control; that is, the portion corresponding to values greater than the value currently selected by the thumb.
::-ms-reveal - Archive of obsolete content
the ::-ms-reveal css pseudo-element is a microsoft extension that is used to display a password reveal button for use with a password field created by <input type="password">.
::-ms-thumb - Archive of obsolete content
the ::-ms-thumb css pseudo-element is a microsoft extension that represents the thumb that the user moves within the track of a slider control to alter its numerical value.
::-ms-ticks-after - Archive of obsolete content
the ::-ms-ticks-after css pseudo-element is a microsoft extension that applies one or more styles to the tick marks that appear after the track of a slider control.
::-ms-ticks-before - Archive of obsolete content
the ::-ms-ticks-before css pseudo-element is a microsoft extension that applies one or more styles to the tick marks that appear before the track of a slider control.
::-ms-tooltip - Archive of obsolete content
the ::-ms-tooltip css pseudo-element is a microsoft extension that represents the tooltip of a slider control.
::-ms-track - Archive of obsolete content
the ::-ms-track css pseudo-element is a microsoft extension that represents the track of a slider control.
azimuth - Archive of obsolete content
Archive › Web › CSS › azimuth
.
Descendants and Filters - Archive of obsolete content
t = <pets> <dogs> <fido color="red"/> <spike color="blue"/> </dogs> </pets>; element..fido.@color = "green"; element..spike.@color = "purple"; changes the colors of both of our pet dogs.
Using JavaScript Generators in Firefox - Archive of obsolete content
warning: this technique works only in firefox, not ie, chrome, safari, etc.
Expression closures - Archive of obsolete content
u to leave off the braces and 'return' statement - making them implicit.
Function.arity - Archive of obsolete content
the arity property used to return the number of arguments expected by the function, however, it no longer exists and has been replaced by the function.prototype.length property.
New in JavaScript 1.7 - Archive of obsolete content
rsion was included in firefox 2 (october 2006).
ECMAScript 5 support in Mozilla - Archive of obsolete content
.1 features.
Reflect.enumerate() - Archive of obsolete content
() method used to return an iterator with the enumerable own and inherited properties of the target object, but has been removed in ecmascript 2016 and is deprecated in browsers.
JavaClass - Archive of obsolete content
bjects.
XForms Help Element - Archive of obsolete content
e data, in a remote document, or as inline text.
XForms Hint Element - Archive of obsolete content
stance data, in a remote document, or as inline text.
XForms Label Element - Archive of obsolete content
icked or its accesskey is activated then the form control that contains the label will be given the focus.
XForms Message Element - Archive of obsolete content
n one source of message is specified in this element, the order of precedence is: single node binding attributes, linking attributes, inline text.
Window: devicelight event - Archive of obsolete content
the devicelight event is fired when fresh data is available from a light sensor.
Displaying a graphic with audio samples - Archive of obsolete content
the following example shows how to take samples from an audio stream and display them behind an image (in this case, the mozilla logo), giving the impression that the image is built from the samples.
Issues Arising From Arbitrary-Element hover - Archive of obsolete content
uld have its foreground colored red." thus, hovering over paragraphs, tables, headings, and any other element in a document will cause text to become red.
Popup Window Controls - Archive of obsolete content
popup windows even if the user has popup controls enabled on your site.
RDF in Fifty Words or Less - Archive of obsolete content
okay, so maybe this is a bit more than fifty words, but the key points are pretty simple (and put into bold text for you manager-types who just want to get straight to the point).
Web Standards - Archive of obsolete content
web standards are carefully designed to deliver the greatest benefits to the greatest number of web users while ensuring the long-term viability of any document published on the web.
XQuery - Archive of obsolete content
sides its also being open source), but now some problems may exist with bdbxml (unlike saxon).
Examples - Game development
island and defeat the monsters.
Game monetization - Game development
forums.
Bounding volume collision detection with THREE.js - Game development
re); sphere vs.
3D collision detection - Game development
because of performance reasons.
Building up a basic demo with PlayCanvas editor - Game development
select the script option, and name your new script file boxanimation.js.
Desktop mouse and keyboard controls - Game development
ntage of built-in functions in frameworks like phaser — these will make your life easier and development a lot faster.
Mobile touch controls - Game development
oninputdown, oninputup, ondragstart, or ondragstop: this.button.events.oninputover.add(itemtouched, this); function itemtouched(button, pointer) { // do something } that way you'll be able to attach an event to any object in the game, like the player's ship, and react to the actions performed by the user.
Efficient animation for web games - Game development
rame.
Square tilemaps implementation: Scrolling maps - Game development
lementing static square tilemaps — you should read that too if you've not done so already.
asm.js - Game development
browsers.
Create the Canvas and draw on it - Game development
nality, we need to create a basic structure to render the game inside.
Track the score and win - Game development
eed a drawscore() function, to create and update the score display.
Animations and tweens - Game development
disappear.
Initialize the framework - Game development
this can be done using html — the phaser framework will generate the required <canvas> element.
Player paddle and controls - Game development
e following add.sprite() call inside the create() function — add it right at the bottom: paddle = game.add.sprite(game.world.width*0.5, game.world.height-5, 'paddle'); we can use the world.width and world.height values to position the paddle exactly where we want it: game.world.width*0.5 will be right in the middle of the screen.
Tutorials - Game development
this page contains multiple tutorial series that highlight different workflows for effectively creating different types of web games.
Visual JS GE - Game development
visual-js gameengine is a small but comprehensive canvas/websocket-based game engine with gui source editor only for windows.
Accessibility tree (AOM) - MDN Web Docs Glossary: Definitions of Web-related terms
ain what kind of info that table offers.
Breadcrumb - MDN Web Docs Glossary: Definitions of Web-related terms
splaying either a hierarchy of the current page in relation to the the site's structure, from top level to current page, or a list of the links the user followed to get to the current page, in the order visited.
Browser - MDN Web Docs Glossary: Definitions of Web-related terms
a web browser or browser is a program that retrieves and displays pages from the web, and lets users access further pages through hyperlinks.
CORS-safelisted response header - MDN Web Docs Glossary: Definitions of Web-related terms
a cors-safelisted response header is an http header which has been safelisted so that it will not be filtered when responses are processed by cors, since they're considered safe (as the headers listed in access-control-expose-headers).
CSP - MDN Web Docs Glossary: Definitions of Web-related terms
a csp (content security policy) is used to detect and mitigate certain types of website related attacks like xss and data injections.
Card sorting - MDN Web Docs Glossary: Definitions of Web-related terms
card sorting is a simple technique used in information architecture whereby people involved in the design of a website (or other type of product) are invited to write down the content / services / features they feel the product should contain, and then organize those features into categories or groupings.
Class - MDN Web Docs Glossary: Definitions of Web-related terms
in object-oriented programming, a class defines an object's characteristics.
Codec - MDN Web Docs Glossary: Definitions of Web-related terms
a codec (a blend word derived from "coder-decoder") is a program, algorithm, or device that encodes or decodes a data stream.
Compile - MDN Web Docs Glossary: Definitions of Web-related terms
pically indiciates more than just compilation is done, e.g.
Dynamic programming language - MDN Web Docs Glossary: Definitions of Web-related terms
a dynamic programming language is a programming language in which operations otherwise done at compile-time can be done at run-time.
Empty element - MDN Web Docs Glossary: Definitions of Web-related terms
an element from html, svg, or mathml that cannot have any child nodes (i.e., nested elements or text nodes).
Entity - MDN Web Docs Glossary: Definitions of Web-related terms
an html entity is a piece of text ("string") that begins with an ampersand (&) and ends with a semicolon (;) .
Falsy - MDN Web Docs Glossary: Definitions of Web-related terms
a falsy (sometimes written falsey) value is a value that is considered false when encountered in a boolean context.
Fetch directive - MDN Web Docs Glossary: Definitions of Web-related terms
csp fetch directives are used in a content-security-policy header and control locations from which certain resource types may be loaded.
HTTP header - MDN Web Docs Glossary: Definitions of Web-related terms
y transmitted in the body.
Houdini - MDN Web Docs Glossary: Definitions of Web-related terms
ocesses — before applying any style updates found in scripts: layout, paint, and composite processes are repeated for updated javascript styles to be implemented.
Inheritance - MDN Web Docs Glossary: Definitions of Web-related terms
data abstraction can be carried up several levels, that is, classes can have superclasses and subclasses.
Java - MDN Web Docs Glossary: Definitions of Web-related terms
java is a compiled, object-oriented, highly portable programming language.
Mutable - MDN Web Docs Glossary: Definitions of Web-related terms
mutable is a type of variable that can be changed.
NaN - MDN Web Docs Glossary: Definitions of Web-related terms
nan (not a number) is a numeric data type that means an undefined value or value that cannot be represented, especially results of floating-point calculations.
Navigation directive - MDN Web Docs Glossary: Definitions of Web-related terms
ls to which a document can initiate navigation by any means, including <form> (if form-action is not specified), <a>, window.location, window.open, etc.
OOP - MDN Web Docs Glossary: Definitions of Web-related terms
oop (object-oriented programming) is an approach in programming in which data is encapsulated within objects and the object itself is operated on, rather than its component parts.
Packet - MDN Web Docs Glossary: Definitions of Web-related terms
rded.
Page prediction - MDN Web Docs Glossary: Definitions of Web-related terms
e user is likely to visit before the user requests the content.
Parent object - MDN Web Docs Glossary: Definitions of Web-related terms
the object to which a given property or method belongs.
Proxy server - MDN Web Docs Glossary: Definitions of Web-related terms
e world wide web.
Quaternion - MDN Web Docs Glossary: Definitions of Web-related terms
a quaternion is the quotient of two 3d vectors and is used in 3d graphics and in accelerometer-based sensors to represent orientation or rotational data.
REST - MDN Web Docs Glossary: Definitions of Web-related terms
software architecture design constraints that bring about efficient, reliable and scalable distributed systems.
RGB - MDN Web Docs Glossary: Definitions of Web-related terms
omponents are fractions (floating-point numbers between 0.0 and 1.0), although in the actual color buffer they are typically stored as 8-bit integers.
RTCP (RTP Control Protocol) - MDN Web Docs Glossary: Definitions of Web-related terms
le using the underlying packet delivery layer to transmit the rtcp signals as well as the rtp and media contents.
Signature - MDN Web Docs Glossary: Definitions of Web-related terms
the term signature can have several meanings depending on the context.
State machine - MDN Web Docs Glossary: Definitions of Web-related terms
is a description of the status of a system waiting to execute a transition.
Static method - MDN Web Docs Glossary: Definitions of Web-related terms
a static method (or static function) is a method defined as a member of an object but is accessible directly from an api object's constructor, rather than from an object instance created via the constructor.
String - MDN Web Docs Glossary: Definitions of Web-related terms
in any computer programming language, a string is a sequence of characters used to represent text.
Synchronous - MDN Web Docs Glossary: Definitions of Web-related terms
synchronous refers to real-time communication where each party receives (and if necessary, processes and replies to) messages instantly (or as near to instantly as possible).
Thread - MDN Web Docs Glossary: Definitions of Web-related terms
, which can be used to spin off a sub-program which runs concurrently with the main thread in a thread of its own.
Truthy - MDN Web Docs Glossary: Definitions of Web-related terms
in javascript, a truthy value is a value that is considered true when encountered in a boolean context.
WebDAV - MDN Web Docs Glossary: Definitions of Web-related terms
eb distributed authoring and versioning) is an http extension that lets web developers update their content remotely from a client.
WebIDL - MDN Web Docs Glossary: Definitions of Web-related terms
webidl is the interface description language used to describe the data types, interfaces, methods, properties, and other components which make up a web application programming interface (api).
XLink - MDN Web Docs Glossary: Definitions of Web-related terms
e its behaviors are left to the implementation to determine how to handle.
Array - MDN Web Docs Glossary: Definitions of Web-related terms
iable that can store only one value.
markup - MDN Web Docs Glossary: Definitions of Web-related terms
a markup language is one that is designed for defining and presenting text.
undefined - MDN Web Docs Glossary: Definitions of Web-related terms
undefined is a primitive value automatically assigned to variables that have just been declared, or to formal arguments for which there are no actual arguments.
What is accessibility? - Learn web development
it from many such improvements.
Debugging CSS - Learn web development
that you get faster at figuring out issues.
Handling different text directions - Learn web development
d inline direction — and how text flow changes with a change in writing mode — will be very useful going forward.
Overflowing content - Learn web development
sson introduced the concept of overflow.
Attribute selectors - Learn web development
ere matching is normally case-insensitive, however this is less well supported in browsers and isn't very useful in an html context.
Combinators - Learn web development
mation?
Sizing items in CSS - Learn web development
ry this lesson has given you a rundown of some key issues that you might run into when sizing things on the web.
How CSS works - Learn web development
he dom is explained in a bit more detail in the next section.
What is CSS? - Learn web development
presenting a document to a user means converting it into a form usable by your audience.
Styling text - Learn web development
ace features such as navigation menus and tabs.
Learn to style HTML using CSS - Learn web development
the basics of how it works, what the syntax looks like, and how you can start using it to add styling to html.
How do you upload your files to a web server? - Learn web development
te is hosted by [hosting service].” when you first go to your web address.
What is a web server? - Learn web development
es how to transfer hypertext (linked web documents) between two computers.
What is accessibility? - Learn web development
ccessibility initiative (wai) promoting accessibility through guidelines, support material, and international resources.
Common questions - Learn web development
fine what you want to accomplish with it.
Example 3 - Learn web development
: 0 0 .4em .4em; box-shadow: 0 .2em .4em rgba(0,0,0,.4); -moz-box-sizing : border-box; box-sizing : border-box; min-width : 100%; max-height: 10em; /* 100px */ overflow-y: auto; overflow-x: hidden; } .select .option { padding: .2em .3em; } .select .highlight { background: #000; color: #ffffff; } javascript content // ------- // // helpers // // ------- // nodelist.prototype.foreach = function (callback) { array.prototype.foreach.call(this, callback); } // -------------------- // // function definitions // // -------------------- // function deactivateselect(select) { if (!select.classlist.contains('active')) return; var optlist = select.queryselector('.optlist'); optlist.classlist.add('hidden'); select.classlist.remove('active'); } function activesele...
Example 4 - Learn web development
: 0 0 .4em .4em; box-shadow: 0 .2em .4em rgba(0,0,0,.4); -moz-box-sizing : border-box; box-sizing : border-box; min-width : 100%; max-height: 10em; /* 100px */ overflow-y: auto; overflow-x: hidden; } .select .option { padding: .2em .3em; } .select .highlight { background: #000; color: #ffffff; } javascript content // ------- // // helpers // // ------- // nodelist.prototype.foreach = function (callback) { array.prototype.foreach.call(this, callback); } // -------------------- // // function definitions // // -------------------- // function deactivateselect(select) { if (!select.classlist.contains('active')) return; var optlist = select.queryselector('.optlist'); optlist.classlist.add('hidden'); select.classlist.remove('active'); } function activesele...
Example 5 - Learn web development
: 0 0 .4em .4em; box-shadow: 0 .2em .4em rgba(0,0,0,.4); -moz-box-sizing : border-box; box-sizing : border-box; min-width : 100%; max-height: 10em; /* 100px */ overflow-y: auto; overflow-x: hidden; } .select .option { padding: .2em .3em; } .select .highlight { background: #000; color: #ffffff; } javascript content // ------- // // helpers // // ------- // nodelist.prototype.foreach = function (callback) { array.prototype.foreach.call(this, callback); } // -------------------- // // function definitions // // -------------------- // function deactivateselect(select) { if (!select.classlist.contains('active')) return; var optlist = select.queryselector('.optlist'); optlist.classlist.add('hidden'); select.classlist.remove('active'); } function activesele...
Test your skills: Form validation - Learn web development
ddle, or glitch to work on the tasks.
Test your skills: Other controls - Learn web development
or in an online editor.
The web and web standards - Learn web development
you'll soon start to come across various tools that can be used to make your work easier or more efficient.
Creating hyperlinks - Learn web development
ation.
Test your skills: Multimedia and embedding - Learn web development
er know in advance what video formats the sources point to, so it can make an informed choice of which one to download ahead of time.
HTML table advanced features and accessibility - Learn web development
e to write much more complicated selectors/rules to apply the same styling.
Functions — reusable blocks of code - Learn web development
previous overview: building blocks next another essential concept in coding is functions, which allow you to store a piece of code that does a single task inside a defined block, and then call that code whenever you need it using a single short command — rather than having to type out the same code multiple times.
Test your skills: Object basics - Learn web development
example: download the starting point for this task to work in your own editor or in an online editor.
JavaScript — Dynamic client-side scripting - Learn web development
k like?", and "what can it do?", before moving on to taking you through your first practical experience of writing javascript.
The business case for web performance - Learn web development
can help you make sure the team stays on track in keeping the site and help prevent regressions.
The "why" of web performance - Learn web development
pages for performance resulted in a 40% decrease in wait time, a 15% increase in seo traffic and a 15% increase in conversion rate to signup.
Learning area release notes - Learn web development
yling, validation, the basics of how to send data and process it on the server, and more besides.
Server-side website programming first steps - Learn web development
.
Ember resources and troubleshooting - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Getting started with React - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
React resources - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Vue resources - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Introduction to cross browser testing - Learn web development
overview: cross browser testing next this article starts the module off by providing an overview of the topic of (cross) browser testing, answering questions such as "what is cross browser testing?", "what are the most common types of problems you'll encounter?", and "what are the main approaches for testing, identifying, and fixing problems?" prerequisites: familiarity with the core html, css, and javascript languages.
Strategies for carrying out testing - Learn web development
previous overview: cross browser testing next this article starts the module off by providing an overview of the topic of (cross) browser testing, answering questions such as "what is cross-browser testing?", "what are the most common types of problems you'll encounter?", and "what are the main approaches for testing, identifying, and fixing problems?" prerequisites: familiarity with the core html, css, and javascript languages; an idea of the high level principles of cross-browser testing.
Setting up your own test automation environment - Learn web development
h accepts as a parameter a selection method.
Deploying our app - Learn web development
here's a good deal of ways to approach the problem: end-to-end testing, which involves your visitor clicking a thing and some other thing happening.
Understanding client-side web development tools - Learn web development
client-side tooling can be intimidating, but this series of articles aims to illustrate the purpose of some of the most common client-side tool types, explain the tools you can chain together, how to install them using package managers, and control them using the command line.
Accessibility information for UI designers and developers
nsure users can change submissions, automatically check for errors.
Information for External Developers Dealing with Accessibility
mac os x: this document list all functions of specified keys, known keyboard shortcuts, explains how to create keyboard shortcuts, explains appropriate use for the arrow keys, how to move the insertion point with keys, how to extent text selection with keys, functions of function keys, what are reserved keyboard shortcuts, how to create your own keyboard shortcuts, keyboard focus and navigation, type-ahead and key-repeat, etc.
Mozilla's Section 508 Compliance
ed textually.
Accessible Toolkit Checklist
ighlight color when the list is not focused.
Accessibility and Mozilla
le with disabilities.
Frequently Asked Questions for Lightweight themes
are lightweight themes?
Lightweight themes
t a reviewer may reject your theme if it is obvious that your category and/or tags are unrelated to your theme.
A bird's-eye view of the Mozilla framework
me and extensions are examples of packages.
Building SpiderMonkey with UBSan
think is actually undefined behavior (aside from the question of whether cpu overflow flags are set) vptr, a check that requires rtti, which is disabled by default in spidermonkey 4.
Creating JavaScript callbacks in components
vice.
Creating a Login Manager storage module
g code snippet is a javascript component that implements a dummy nsiloginmanagerstorage interface.
Capturing a minidump
output at the top and an input box at the bottom.
Debugging JavaScript
ecially if you also set the devtools.debugger.force-local preference to false.) then, the browser toolbox displays the available tools for debugging.
Debugging Table Reflow
ds for: #define width_not_set -1 this is followed by a reference to the column frame pointers: col frame cache -> 0=00b93138 1=00b931f0 2=024dd728 3=024dd780 this is followed by the information which width has been set for each column.
Debugging on Windows
ortable with this, don't do it.
Building Firefox with Debug Symbols
reakpad symbol format.
Gmake vs. Pymake
ake uses native windows paths ("c:\dev\foo").
Old Thunderbird build
comm-central mercurial code repository: hg clone https://hg.mozilla.org/comm-central then, get all the repositories it depends on.
Inner and outer windows
nd outer windows.
Contributing to the Mozilla code base
ntribute to firefox for ios firefox focus for ios swift contribute to firefox focus for ios mozilla hubs javascript and/or html/css, vr contribute to mozilla hubs servo rust contribute to servo there are even many ways to contribute to the mozilla mission without programming.
Listening to events on all tabs
wser the browser that fired the notification.
Experimental features in Firefox
nnel version added enabled by default?
Communicating with frame scripts
wsermm = gbrowser.selectedbrowser.messagemanager; browsermm.loadframescript("chrome://my-addon@me.org/content/frame-script.js", false); messagemanagers.push(browsermm); console.log(messagemanagers.length); we can listen for message-manager-disconnect to update the array when the message managers disconnect (for example because the user closed the tab): function myobserver() { } myobserver.prototype = { observe: function(subject, topic, data) { var index = messagemanagers.indexof(subject); if (index != -1) { console.log("one of our message managers disconnected"); mms.splice(index, 1); } }, register: function() { var observerservice = cc["@mozilla.org/observer-service;1"] .getservice(ci.nsiobserverservice); observerservice.addob...
Frame script loading and lifetime
lowdelayedload, the script is loaded into a new tab as soon as it is created.
Message manager overview
frame scripts into the content process use the frame message manager api to communicate with the frame script some older articles on multiprocess firefox and the message manager might refer to "content scripts" instead of "frame scripts", but this usage is deprecated because the add-on sdk uses "content script" to refer to a similar but different kind of script.
Performance best practices for Firefox front-end engineers
cted that over time, script will update the dom, requiring us to recalculate styles, and then update layout.
Firefox UI considerations for web developers
he icon closest in size to 96 pixels is selected.
Using the Browser API
Mozilla › Gecko › Chrome › API › Browser API › Using
you don't use it, you run the risk of your application being compromised by a malicious web site.
HTMLIFrameElement.getStructuredData()
erloadend',function() { var request = browser.getstructureddata(); request.onsuccess = function() { console.log(request.result); } }); running this code in a browser api app and then loading up a page that contains microdata (such as the website of british alt-country band salter cane) will result in a json object being returned, along the lines of: { "items": [ { "type":["http://microformats.org/profile/hcard"], "properties":{"fn":["chris askew"], "n":[ { "properties": { "given-name":["chris"], "family-name":["askew"], ...
-moz-window-dragging
me code, and only on mac os x.
::-moz-tree-progressmeter
activated when the type attribute is set to progressmeter.
overflow-clip-box-block
ecifies relative to which box the clipping happens when there is an overflow — in the block direction.
overflow-clip-box-inline
s relative to which box the clipping happens when there is an overflow — in the inline direction.
Chrome-only CSS reference
Mozilla › Gecko › Chrome › CSS
if the mouse cursor is presently hovering over text in a tree cell.::-moz-tree-columnactivated by the properties attribute.::-moz-tree-drop-feedbackactivated by the properties attribute.::-moz-tree-imageactivated by the properties attribute.::-moz-tree-indentationactivated by the properties attribute.::-moz-tree-lineactivated by the properties attribute.::-moz-tree-progressmeteractivated when the type attribute is set to progressmeter.
MozBeforePaint
times per second, e.g.
Embedding Tips
browser object via the nsiwebbrowser::parenturicontentlistener attribute.
Script security
& b subsumes a a and b are same-origin.
Getting from Content to Layout
e a trivial example of when this might be necessary, consider: "<span>foo <div></div> bar</span>".
HTTP Cache
service only, fully thread-safe, scriptable.
How to get a stacktrace for a bug report
e "tell mozilla about this crash" checkbox and click the restart button.
How to get a stacktrace with WinDbg
/t c:\temp\firefox-debug.log .childdbg 1 .tlist sxn gp lm if you see firefox.exe listed in the output from .tlist more than once, then you are already running the application and need to close the running instance first before you start debugging, otherwise you won't get useful results.
IPDL Best Practices
t it happen - that is a guaranteed crash right there.
Extending a Protocol
d); return nullptr; } refptr<promise> echopromise = promise::create(mwindow->asglobal(), arv); if (ns_warn_if(arv.failed())) { return nullptr; } // message passing magic will happen here!
IPC Protocol Definition Language (IPDL)
or "ipc (inter-process communication) protocol definition language", is a mozilla-specific language allowing c++ code to pass messages between processes or threads in an organized and secure way.
AddonAuthor
represents a creator, developer, contributor or translator of an add-on attributes attribute type description name string the name of the person.
AddonScreenshot
a screenshot object for an add-on can have following attributes.
UpdateCheckListener
methods onupdatecheckcomplete() called when the update check completed successfully.
UpdateInfo
updateinfo objects hold information about available versions of add-ons and are generated as a result of an update check performed by addonupdatechecker.
AsyncShutdown.jsm
ompletion of profilebeforechange }); if the promise returned by condition is not resolved/rejected within one minute, the process will crash to avoid blocking system shutdown, preventing the user from restarting firefox or burning through battery.
DownloadError
a downloaderror object provides detailed information about a download failure.
DownloadSource
a downloadsource object represents the source of a download, for example a document or an uri.
DownloadSummary
provides an aggregated view on the contents of a downloadlist.
DownloadTarget
a downloadtarget object represents the target of a download, for example a file in the global downloads directory, or a file in the system temporary directory.
OS.File.Info
rmining the owner of a file let promise = os.file.stat() promise.then( function onsuccess(info) { if ("unixowner" in info) { // info.unixowner holds the owner of the file } else { // information is not available on this platform } } ); evolution of this example bug 802534 will introduce the ability to check whether field unixowner appears in os.file.info.prototype, which will make it possible to write faster code.
OS.File for the main thread
tionsoptional an object that may contain some of the following fields: bytes an upper bound to the number of bytes to write to the file.
Promise
y value, including undefined, though it is generally an error object, like in exception handling.
Deferred
a deferred object is returned by the promiseutils.defer() method to provide a new promise along with methods to change its state.
Translation phase
congratulations on completing the initial setup!
Creating localizable web applications
x 1px; display:inline; line-height: 25px; padding: 6px 6px 6px 10px; } .button .arrow { background: transparent url(../img/main-sprites.png) no-repeat scroll -651px 1px; padding: 6px 15px; } html[dir='rtl'] .button .arrow { /* flip the arrow to point to the left*/ background: transparent url(../img/main-sprites.png) no-repeat scroll -601px 1px; } html/php: <button type="submit" class="button"><span><?= _('get started'); ?></span><span class="arrow"></span></button> don't put captions in the images image 1.
Setting up the infrastructure
first, make your project's file type decision (see localization formats for details): html/php .lang gettext (.po) assuming you chose gettext, you'll need to follow the steps below to set up the infrastructure for localizing your web application.
What every Mozilla translator should know
hanges to your hg repository.
gettext
istributed under the same license as the package package.
MathML Screenshots
screenshot of start screenshot of basics.
MathML Demo: <mo> - operator, fence, separator, or accent
ich they occur directly.
Mozilla Style System
or presentational attributes in html.
Measuring performance using the PerfMeasurement.jsm code module
322) and osx (bug 583323) as well, and we welcome patches for other operating systems.
Profiling with Xperf
merged data; you can delete main.etl and heap.etl.
Refcount tracing and balancing
about where the leaks might be occurring from.
Scroll-linked effects
tabs or other windows.
about:memory
be used.
accessibility.tabfocus
the preference accessibility.tabfocus controls what elements receive focus when the user presses the tab key.
browser.altClickSave
the preference browser.altclicksave controls whether clicking a link while holding the alt key starts the download of that link.
browser.dom.window.dump.file
browser.dom.window.dump.file redirects the ouput of window.dump() calls to a file whose address is specified in this preference if browser.dom.window.dump.enabled is set to true.
browser.download.lastDir.savePerSite
browser.download.lastdir.savepersite controls whether the directory preselected in the file picker for saving a file download is being remembered on a per-website (host) base.
browser.pagethumbnails.capturing_disabled
the preference browser.pagethumbnails.capturing_disabled controls whether the application creates screenshots of visited pages which will be shown if the web page is shown in the grid of the "new tab page" (about:newtab) which offers the most often visited pages for fast navigation.
browser.search.context.loadInBackground
browser.search.context.loadinbackground controls whether a search from the context menu with "search <search engine> for <selected text>" opening a new tab will give focus to it and load it in the foreground or keep focus on the current tab and open it in the background.
browser.urlbar.formatting.enabled
the preference browser.urlbar.formatting.enabled controls whether the domain name including the top level domain is highlighted in the address bar by coloring it black and the other parts grey.
browser.urlbar.trimURLs
the preference browser.urlbar.trimurls controls whether the protocol http and the trailing slash behind domain name (if the open page is exactly the domain name) are hidden.
dom.event.clipboardevents.enabled
dom.event.clipboardevents.enabled lets websites get notifications if the user copies, pastes, or cuts something from a web page, and it lets them know which part of the page had been selected.
javascript.options.showInConsole
the preference javascript.options.showinconsole controls whether errors or warnings in chrome code are shown in the error console.
mail.tabs.drawInTitlebar
starting in thunderbird 17.0, the tabs are drawn in the title bar.
nglayout.debug.disable xul fastload
the preference nglayout.debug.disable_xul_fastload controls whether or not xul fastload is used.
reader.parse-on-load.force-enabled
the preference reader.parse-on-load.force-enabled controls if the reader mode used in firefox mobile should be enabled independent of the memory available in the device.
ui.SpellCheckerUnderline
ui.spellcheckerunderline holds the colour which is used to underline words not recognized by the spellchecker.
ui.SpellCheckerUnderlineStyle
ui.spellcheckerunderlinestyle holds the style which is used to underline words not recognized by the spellchecker.
ui.alertNotificationOrigin
ui.alertnotificationorigin controls the position and direction from which popup notifications invoked by nsialertsservice are sliding in.
ui.textSelectBackground
ui.textselectbackground saves the color in which the background of a text selection in the user interface or in content will be styled.
ui.textSelectForeground
ui.textselectforeground saves the color in which the text of a text selection in the user interface or the content will be styled.
ui.tooltipDelay
ui.tooltipdelay stores the delay in milliseconds between the mouse stopping over an element and the appearing of its tooltip.
view_source.syntax_highlight
the preference view_source.syntax_highlight controls whether markup in the view source view is syntax highlighted.
Preferences system
d | examples | troubleshooting reference: prefwindow | prefpane | preferences | preference | xul attributes use code for a typical preferences window may look like this: <prefwindow id="apppreferences" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <prefpane id="pane1" label="&pane1.title;"> <preferences> <preference id="pref1" name="pref.name" type="bool"/> </preferences> ..
Research and prep
ondary engine should produce the best local language results and the primary/default position should produce the best global results.
Crash reporting
e breakpad client and server libraries mozilla-specific crash reporting user interface and bootstrap code socorro collection and reporting server where did my crash get submitted?
Firefox Sync
firefox sync is built into the desktop versions of firefox, as well as firefox for android and firefox for ios.
AsyncTestUtils extended framework
most of the things you will want to do already have helper functions that take care of all of this, so all you need to do is pass their return values through.
NSPR Poll Method
otocol of that layer is implemented by a priomethods table.
NSPR's Position On Abrupt Thread Termination
most expediant solution available.
Anonymous Shared Memory
this chapter describes the nspr api for anonymous shared memory.
Memory Management Operations
eing memory that was allocated by such libraries, you must use these nspr functions rather than the libc equivalents.
PLHashAllocOps
syntax #include <plhash.h> typedef struct plhashallocops { void *(pr_callback *alloctable)(void *pool, prsize size); void (pr_callback *freetable)(void *pool, void *item); plhashentry *(pr_callback *allocentry)(void *pool, const void *key); void (pr_callback *freeentry)(void *pool, plhashentry *he, pruintn flag); } plhashallocops; #define ht_free_value 0 /* just free the entry's value */ #define ht_free_entry 1 /* free value and entire entry */ description users of the hash table functions can provide their own memory allocation functions.
PLHashEntry
syntax #include <plhash.h> typedef struct plhashentry plhashentry; description plhashentry is a structure that represents an entry in the hash table.
PLHashFunction
syntax #include <plhash.h> typedef plhashnumber (pr_callback *plhashfunction)(const void *key); description plhashnumber is a function type that maps the key of a hash table entry to a hash number.
PL_NewHashTable
tructure that must exist throughout the lifetime of the new hash table.
PRAccessHow
this is the declaration for the enumeration praccesshow, used in the how parameter of pr_access: #include <prio.h> typedef enum praccesshow { pr_access_exists = 1, pr_access_write_ok = 2, pr_access_read_ok = 3 } praccesshow; see pr_access for what each of these values mean.
PRCallOnceFN
defines the signature of the function a client must implement.
PRCondVar
structure for a condition variable.
PRDescIdentity
the identity of a file descriptor's layer.
PRDir
directory structure used with directory i/o functions.
PRExplodedTime
a clock/calendar representation of times.
PRFilePrivate
layer-dependent implementation data.
PRJobFn
syntax #include <prtpool.h> typedef void (pr_callback *prjobfn)(void *arg); ...
PRJobIoDesc
syntax #include <prtpool.h> typedef struct prjobiodesc { prfiledesc *socket; prerrorcode error; printervaltime timeout; } prjobiodesc; ...
PRLibrary
an opaque structure identifying a library.
PRLock
a mutual exclusion lock.
PRLogModuleInfo
the prlogmoduleinfo structure controls logging from within your application.
PRMonitor
an opaque structure managed entirely by the client.
PR_Initialize
the type for the root function used by pr_initialize is specified as follows: syntax typedef printn (pr_callback *prprimordialfn)(printn argc, char **argv); see also pr_initialize ...
PRProcess
represents a process.
PRProcessAttr
represents the attributes of a new process.
PRProtoEnt
protocol entry returned by pr_getprotobyname and pr_getprotobynumber.
PRSeekWhence
specifies how to interpret the offset parameter in setting the file pointer associated with the fd parameter for the pr_seek and pr_seek64 functions.
PRStaticLinkTable
y can be created by a client of the runtime so that other clients can access static or dynamic libraries transparently.
PRThreadPriority
a thread's priority setting.
PRThreadPrivateDTOR
the destructor function passed to pr_newthreadprivateindex that is associated with the resulting thread private index.
PR_AttachThread
the opaque prthreadstack structure is only used in the third argument "prthreadstack *stack" to the pr_attachthread function.
PRThreadState
a thread's thread state is either joinable or unjoinable.
PRTimeParameters
a representation of time zone information.
PR_Calloc
allocates zeroed memory from the heap for a number of objects of a given size.
PR_Connect
initiates a connection on a specified socket.
PR_DestroyMonitor
destroys a monitor object.
PR_EnterMonitor
enters the lock associated with a specified monitor.
PR_ExitMonitor
decrements the entry count associated with a specified monitor and, if the entry count reaches zero, releases the monitor's lock.
PR_GetHostByAddr
this structure is filled in by the runtime if the function returns pr_success.
PR_GetOpenFileInfo
filedesc object for an open file.
PR_GetOpenFileInfo64
o a prfileinfo64 object.
PR_GetSocketOption
retrieves the socket options set for a specified socket.
PR_GetThreadScope
gets the scoping of the current thread.
PR_InitializeNetAddr
val is not within the ranges defined by prnetaddrvalue.
PR_MALLOC
allocates memory of a specified size from the heap.
PR_NewThreadPrivateIndex
s successful, every thread in the same process is capable of associating private data with the new index.
PR_Notify
notifies a monitor that a change in state of the monitored data has occurred.
PR_NotifyAll
promotes all threads waiting on a specified monitor to a ready state.
PR_Poll
data structure is set to indicate what kind of i/o is ready on the respective descriptor.
PR_Realloc
resizes allocated memory on the heap.
PR_Recv
#include <prio.h> print32 pr_recv( prfiledesc *fd, void *buf, print32 amount, printn flags, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a socket.
PR_RecvFrom
parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a socket.
PR_Seek
deprecated in favor of pr_seek64.
PR_Seek64
t expressed as a 64-bit integer.
PR_Send
2 pr_send( prfiledesc *fd, const void *buf, print32 amount, printn flags, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a socket.
PR_SendTo
ags, const prnetaddr *addr, printervaltime timeout); parameters the function has the following parameters: fd a pointer to a prfiledesc object representing a socket.
PR_SetSocketOption
retrieves the socket options set for a specified socket.
PR_Shutdown
tdown_send.
PR_TransmitFile
t flag is ignored.
PR_Wait
waits for an application-defined state of the monitored data to exist.
PR_dtoa
converts a floating point number to a string.
Process Initialization
nterrupts pr_unblockclockinterrupts pr_setconcurrency pr_processexit pr_abort module initialization initialization can be tricky in a threaded environment, especially initialization that must happen exactly once.
CERT_FindCertByDERCert
find a certificate in the database that matches a der-encoded certificate.
Deprecated SSL functions
laced with newer versions.
HTTP delegation
nously.
HTTP delegation
nously.
4.3 Release Notes
3 a list of bug fixes and enhancement requests were implemented in this release can be obtained by running this bugzilla query jss 4.3 requires nss 3.12 or higher.
JSS FAQ
Mozilla › Projects › NSS › JSS › JSS FAQ
to the latest jss, or, in the cryptomanager.initializationvalues object you pass to cryptomanager.initialize(), set removesunproivider=true.
JSS Provider Notes
dsa rsa the securerandom argument passed to initialize() is ignored, because nss does not support specifying an external source of randomness.
Mozilla-JSS JCA Provider notes
s not support specifying an external source of randomness.
JSS
Mozilla › Projects › NSS › JSS
ormation can still be found at: source: https://hg.mozilla.org/projects/jss issues: https://bugzilla.mozilla.org/buglist.cgi?product=jss wiki: /docs/mozilla/projects/nss/jss network security services for java (jss) is a java interface to nss.
NSS Memory allocation
e two consequences of the use of plarenapools that affect leak analysis.
NSS_3.12.1_release_notes.html
t defined bug 436577: uninitialized variable in sec_pkcs5createalgorithmid bug 438685: libpkix doesn't try all the issuers in a bridge with multiple certs bug 438876: signtool is still using static libraries.
NSS_3.12.2_release_notes.html
xtension is not used in some bridge ca / known certs configuration bug 437804: certutil -r for cert renewal should derive the subject from the cert if none is specified.
NSS 3.12.9 release notes
11_keygenwithtemplate function to pk11wrap (for firefox sync) bug 610162: sha-512 and sha-384 hashes are incorrect for inputs of 512mb or larger when running under windows and other 32-bit platforms (fx 3.6.12 and 4.0b6) bug 518551: vfychain crashes in pkits tests.
NSS 3.14.2 release notes
x 5.x systems, install the binutils220 package and add /usr/libexec/binutils220 to the beginning of your path environment variable.
NSS 3.14.3 release notes
oduced in this release.
NSS 3.14.4 release notes
encouraged to upgrade immediately.
NSS 3.14.5 release notes
levant bugs have been resolved in nss 3.14.5.
NSS 3.15.4 release notes
added the --empty-password command-line option to certutil, to be used with -n: use an empty password when creating a new database.
NSS 3.15 release notes
em->len on allocation.
NSS 3.18 release notes
2decoderrenamecertnicknames - call an application provided callback for each certificate found in a sec_pkcs12decodercontext.
NSS 3.28.3 release notes
hes or malfunctioning with applications that use that data structure directly, or indirectly through ecpublickey, ecprivatekey, nsslowkeypublickey, nsslowkeyprivatekey, or potentially other data structures that reference ecparams.
NSS 3.29.1 release notes
hes or malfunctioning with applications that use that data structure directly, or indirectly through ecpublickey, ecprivatekey, nsslowkeypublickey, nsslowkeyprivatekey, or potentially other data structures that reference ecparams.
NSS 3.55 release notes
g 1647752 - update dtls 1.3 implementation to draft-38.
NSS Sample Code sample3
d secret key" << endl; /* initialize data */ memset(data, 0xbc, sizeof data); /* create a key */ key = pk11_keygen(slot, ckm_generic_secret_key_gen, 0, 128, 0); if (!key) { cout << "create key failed" << endl; goto done; } cout << (void *)key << endl; /* create parameters for crypto context */ /* note: params must be provided, but may be empty */ secitem noparams; noparams.type = sibuffer; noparams.data = 0; noparams.len = 0; /* create context using the same slot as the key */ // context = pk11_createdigestcontext(sec_oid_md5); context = pk11_createcontextbysymkey(ckm_md5, cka_digest, key, &noparams); if (!context) { cout << "createdigestcontext failed" << endl; goto done; } s = pk11_digestbegin(context); if (s != secsuccess) { cout << "digestbegin fail...
NSS Sample Code sample5
n;i++) { buf1[i]= (i %26) + 'a'; } buf1[modulus_len-1] = '\0'; fprintf(stderr, "buffer being encrypted = \n%s\n", buf1); /* encrypt buf1, result will be in buf2 */ rv = pk11_pubencryptraw(pubkey, buf2, buf1, modulus_len, null); if (rv != secsuccess) { fprintf(stderr, "encrypt with public key failed (err %d)\n", pr_geterror()); goto cleanup; } nickname.type = sibuffer; nickname.data = "pvtkeynickname"; nickname.len = strlen("pvtkeynickname"); rv = atob_convertasciitoitem(&der, pvtkstr); if (rv!= secsuccess) { fprintf(stderr, "atob_convertasciitoitem failed %d\n", pr_geterror()); goto cleanup; } /* ku_all includes a lot of different key usages, ku_data_encipherment * is enough for just rsa encryption.
Utilities for nss samples
/2.0/.
Overview of NSS
lman key agreement.
PKCS11 FAQ
Mozilla › Projects › NSS › PKCS11 › FAQ
ficate database.
PKCS #11 Module Specs
rary does not find its application/library specific data, it should use it's defaults for this pkcs #11 library.
PKCS 12 functions
the public functions listed here perform pkcs #12 operations required by some of the nss tools and other applications.
Sample manual installation
ories, so this needs to be done manually.
FC_GetSessionInfo
ut logging into the token (to assume the nss user role).
FC_InitPIN
value fc_initpin() returns the following return codes.
NSS Key Functions
b database provided with nss.
sslkey.html
functions used to manipulate private keys and key databases such as the key3.db database provided with communicator.
SSL functions
ence documents the functions most commonly used by applications to support ssl.
NSS Tools
rce, documentation, signver 1.1 verify signatures on digitally-signed objects.
NSS Tools pk12util
[-v] [common-options] or pk12util -o p12file -n certname [-c keycipher] [-c certcipher] [-m | --key_len keylen] [-n | --cert_key_len certkeylen] [common-options] or pk12util -l p12file [-h tokenname] [-r] [common-options] where [common-options] = [-d dir] [-p dbprefix] [-k slotpasswordfile | -k slotpassword] [-w p12filepasswordfile | -w p12filepassword] syntax to run the pkcs #12 tool, type ther command pk12util option [arguments] where option and arguments are combinations of the options and arguments listed in the following section.
Rhino optimization
elimination of recursive functions.
Rhino requirements and limitations
ers.
SpiderMonkey compartments
between.
Future directions
has stabilized.
Functions
there are several flavors of javascript function.
JS::AutoIdArray
this article covers features introduced in spidermonkey 17 take ownership of a jsidarray and free it later.
JS::AutoSaveExceptionState
this article covers features introduced in spidermonkey 31 save and later restore the current exception state of a given jscontext.
JS::AutoValueArray
this article covers features introduced in spidermonkey 31 root an internal fixed-size array of js::values.
JS::Call
alue fun, const js::handlevaluearray& args, js::mutablehandlevalue rval); bool js::call(jscontext *cx, js::handlevalue thisv, js::handlevalue fun, const js::handlevaluearray& args, js::mutablehandlevalue rval); bool js::call(jscontext *cx, js::handlevalue thisv, js::handleobject funobj, const js::handlevaluearray& args, js::mutablehandlevalue rval); name type description cx jscontext * pointer to a js context from which to derive runtime information.
JS::CallArgs
this article covers features introduced in spidermonkey 17 helper class encapsulating access to the callee, this value, arguments, and argument count for a function call.
JS::Compile
th, js::mutablehandlescript script); bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, file *file, js::mutablehandlescript script); bool js::compile(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char *filename, js::mutablehandlescript script); name type description cx jscontext * pointer to a js context from which to derive runtime information.
JS::CompileFunction
js::sourcebufferholder &srcbuf, js::mutablehandlefunction fun); bool js::compilefunction(jscontext *cx, js::autoobjectvector &scopechain, const js::readonlycompileoptions &options, const char *name, unsigned nargs, const char *const *argnames, const char *bytes, size_t length, js::mutablehandlefunction fun); name type description cx jscontext * the context in which to compile the function.
JS::CompileOffThread
cx, const js::readonlycompileoptions &options, size_t length); bool js::compileoffthread(jscontext *cx, const js::readonlycompileoptions &options, const char16_t *chars, size_t length, js::offthreadcompilecallback callback, void *callbackdata); jsscript * js::finishoffthreadscript(jscontext *maybecx, jsruntime *rt, void *token); typedef void (*js::offthreadcompilecallback)(void *token, void *callbackdata); name type description cx / maybe jscontext * pointer to a js context from which to derive runtime information.
JS::Construct
this article covers features introduced in spidermonkey 38 call a specified js constructor.
JS::CurrentGlobalOrNull
this article covers features introduced in spidermonkey 31 return the global object for the active function on the context.
JS::DeflateStringToUTF8Buffer
in spidermonkey 38 encode the given string as utf8 into given buffer.
JS::Evaluate
levalue rval); bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char *bytes, size_t length, js::mutablehandlevalue rval); bool js::evaluate(jscontext *cx, js::handleobject obj, const js::readonlycompileoptions &options, const char *filename, js::mutablehandlevalue rval); name type description cx jscontext * the context in which to run the script.
JS::GetDeflatedUTF8StringLength
this article covers features introduced in spidermonkey 38 returns the length of the char buffer required to encode given string as utf8.
JS::GetSelfHostedFunction
this article covers features introduced in spidermonkey 31 create a new javascript function that is implemented in self-hosted javascript.
JS::IsCallable
this article covers features introduced in spidermonkey 38 return whether the given function object is callable/a valid constructor.
JS::NewFunctionFromSpec
create a new function based on the given jsfunctionspec.
JS::ObjectOrNullValue
this article covers features introduced in spidermonkey 24 convert a jsobject or null pointer to a js::value.
JS::ObjectValue
this article covers features introduced in spidermonkey 24 convert a jsobject to a js::value.
JS::PropertySpecNameEqualsId
this article covers features introduced in spidermonkey 38 determine if the given jspropertyspec::name or jsfunctionspec::name value equals the given jsid.
JS::PropertySpecNameToPermanentId
this article covers features introduced in spidermonkey 38 create a jsid that does not need to be marked for gc.
JS::Remove*Root
ectroot(jscontext *cx, js::heap<jsobject *> *rp); void removescriptroot(jscontext *cx, js::heap<jsscript *> *rp); void removevaluerootrt(jsruntime *rt, js::heap<js::value> *vp); void removestringrootrt(jsruntime *rt, js::heap<jsstring *> *rp); void removeobjectrootrt(jsruntime *rt, js::heap<jsobject *> *rp); void removescriptrootrt(jsruntime *rt, js::heap<jsscript *> *rp); name type description cx jscontext * the context from which to remove the root.
JS::SourceBufferHolder
this article covers features introduced in spidermonkey 31 container class for passing in script source buffers to the js engine.
JS::StringValue
this article covers features introduced in spidermonkey 24 convert a jsstring to a js::value.
JS::SymbolValue
this article covers features introduced in spidermonkey 38 convert a js::symbol to a js::value.
JS::ToBoolean
this article covers features introduced in spidermonkey 17 convert any javascript value to a boolean.
JS::ToInt32
this article covers features introduced in spidermonkey 17 convert any javascript value to a signed 32bit integer.
JS::ToInt64
this article covers features introduced in spidermonkey 17 convert any javascript value to a signed 64bit integer.
JS::ToNumber
this article covers features introduced in spidermonkey 17 convert any javascript value to a double.
JS::ToString
this article covers features introduced in spidermonkey 31 convert any javascript value to a string.
JS::ToUint16
this article covers features introduced in spidermonkey 17 convert any javascript value to an unsigned 16bit integer.
JS::ToUint32
this article covers features introduced in spidermonkey 17 convert any javascript value to an unsigned 32bit integer.
JS::ToUint64
this article covers features introduced in spidermonkey 17 convert any javascript value to an unsigned 64bit integer.
JSAutoByteString
this article covers features introduced in spidermonkey 17 take ownership of a string and free it later.
JSAutoCompartment
this article covers features introduced in spidermonkey 24 raii helper to enter a different compartment on the given context and automatically leave it once the jsautocompartment instance gets out of scope.
JSClass.call
the jsclass.call and jsclass.construct hooks are called when a custom object is used like a function.
JSExtendedClass
and properties implemented in c/c++.
JSFreeOp
this article covers features introduced in spidermonkey 17 structure used during finalization instead of jscontext.
JSID_IS_EMPTY
test whether a js id is jsid_empty.
JSID_IS_GCTHING
testing and conversion functions between a js id and a gc thing.
JSID_IS_INT
testing and conversion functions between a js id and an integer.
JSID_IS_STRING
testing and conversion functions between a js id and a js string.
JSID_IS_SYMBOL
this article covers features introduced in spidermonkey 38 testing and conversion functions between a js id and a js symbol.
JSID_IS_VOID
test whether a js id is jsid_void.
JSID_IS_ZERO
test whether a js id is a zero id.
JSObjectOps.defineProperty
considered spidermonkey internals documentation, not api documentation.
JSObjectOps.enumerate
warning!
JSPRINCIPALS_HOLD
obsolete since jsapi 13this feature is obsolete.
JSProperty
internal use only.
JSPropertyDescriptor
g...) configurable declare that the property can be modified and deleted enumerable declare that the property can be enumerated, and the enumerable genus can be traversed by the for...in loop.
JSScript
jsscript is a type in the jsapi.
JSStringFinalizer
this article covers features introduced in spidermonkey 17 finalize external strings created by js_newexternalstring.
JSVAL_IS_DOUBLE
sented as a jsdouble.
JSVAL_IS_GCTHING
obsolete since jsapi 32this feature is obsolete.
JSVAL_IS_OBJECT
e is obsolete.
JSVAL_IS_PRIMITIVE
obsolete since jsapi 32this feature is obsolete.
JS_ASSERT_STRING_IS_FLAT
this article covers features introduced in spidermonkey 1.8.5 assert a string is flattened.
JS_AliasElement
obsolete since jsapi 8this feature is obsolete.
JS_AliasProperty
obsolete since jsapi 8this feature is obsolete.
JS_BindCallable
this article covers features introduced in spidermonkey 17 bind the given callable to use the given object as this.
JS_BufferIsCompilableUnit
determine whether a buffer is compilable unit.
JS_CallFunction
unction(jscontext *cx, jsobject *obj, jsfunction *fun, unsigned argc, jsval *argv, jsval *rval); bool js_callfunctionname(jscontext *cx, jsobject *obj, const char *name, unsigned argc, jsval *argv, jsval *rval); bool js_callfunctionvalue(jscontext *cx, jsobject *obj, jsval fval, unsigned argc, jsval *argv, jsval *rval); name type description cx jscontext * pointer to a js context from which to derive runtime information.
JS_CheckForInterrupt
this article covers features introduced in spidermonkey 45 check for and handle interrupt.
JS_ClearContextThread
obsolete since jsapi 8this feature is obsolete.
JS_ClearDateCaches
this article covers features introduced in spidermonkey 17 clear the cache of calculated local time from each date object.
JS_ClearPendingException
clear the currently pending exception in a context.
JS_ClearRegExpStatics
clear the pending regexp input and flags.
JS_CompareStrings
compare two js strings.
JS_CompileFileHandleForPrincipals
this article covers features introduced in spidermonkey 1.8.5 please provide a description of this function.
JS_CompileFileHandleForPrincipalsVersion
this article covers features introduced in spidermonkey 1.8.5 please provide a description for this function.
JS_CompileFunction
sobject *obj, const char *name, unsigned int nargs, const char **argnames, const char *body, size_t length, const char *filename, unsigned int lineno); jsfunction * js_compileucfunction(jscontext *cx, jsobject *obj, const char *name, unsigned int nargs, const char **argnames, const jschar *body, size_t length, const char *filename, unsigned int lineno); name type description cx jscontext * the context in which to compile the function.
JS_CompileFunctionForPrincipals
unsigned int nargs, const char **argnames, const char *body, size_t length, const char *filename, unsigned int lineno); jsfunction * js_compileucfunctionforprincipals(jscontext *cx, jsobject *obj, jsprincipals *principals, const char *name, unsigned int nargs, const char **argnames, const jschar *body, size_t length, const char *filename, unsigned int lineno); name type description cx jscontext * the context in which to compile the function.
JS_CompileScript
j, const char *ascii, size_t length, const js::compileoptions &options, js::mutablehandlescript script); bool js_compileucscript(jscontext *cx, js::handleobject obj, const char16_t *chars, size_t length, const js::compileoptions &options, js::mutablehandlescript script); name type description cx jscontext * pointer to a js context from which to derive runtime information.
JS_CompileScriptForPrincipals
*principals, const char *src, size_t length, const char *filename, unsigned int lineno, jsversion version); // obsoleted since jsapi 19 jsobject * js_compileucscriptforprincipalsversion(jscontext *cx, jsobject *obj, jsprincipals *principals, const jschar *src, size_t length, const char *filename, unsigned int lineno, jsversion version); // obsoleted since jsapi 19 name type description cx jscontext * the context in which to compile the script.
JS_CompileUCFunctionForPrincipalsVersion
atures introduced in spidermonkey 1.8.5 please provide a description for this function.
JS_CompileUTF8File
obsolete since jsapi 19this feature is obsolete.
JS_CompileUTF8FileHandle
uld be removed at any time.
JS_ConcatStrings
concatenate two js strings.
JS_DecompileFunction
generates the complete source code of a function declaration from a compiled function.
JS_DecompileFunctionBody
generate the source code representing the body of a function, minus the function keyword, name, parameters, and braces.
JS_DecompileScript
return the source code of the script or the function.
JS_DecompileScriptObject
this article covers features introduced in spidermonkey 1.8.5 fixme: please provide a description for this function.
JS_DeepFreezeObject
this article covers features introduced in spidermonkey 1.8.5 freeze obj, and all objects it refers to, recursively.
JS_DefineConstDoubles
create multiple constant double or integer valued properties on an object.
JS_DefineFunction
text *cx, js::handle<jsobject*> obj, const char16_t *name, size_t namelen, jsnative call, unsigned nargs, unsigned attrs); jsfunction * js_definefunctionbyid(jscontext *cx, js::handle<jsobject*> obj, js::handle<jsid> id, jsnative call, unsigned nargs, unsigned attrs); // added in spidermonkey 17 name type description cx jscontext * the context in which to define the function.
JS_DefineOwnProperty
ay still work in some browsers, its use is discouraged since it could be removed at any time.
JS_DefineProperties
define multiple properties for a single object.
JS_DefinePropertyWithTinyId
definepropertywithtinyid( jscontext *cx, jsobject *obj, const char *name, int8 tinyid, jsval value, jspropertyop getter, jspropertyop setter, unsigned int attrs); jsbool js_defineucpropertywithtinyid( jscontext *cx, jsobject *obj, const jschar *name, size_t namelen, int8 tinyid, jsval value, jspropertyop getter, jspropertyop setter, unsigned int attrs); name type description cx jscontext * the context in which to define the property.
JS_DestroyContext
destroy a jscontext.
JS_DestroyIdArray
free a jsidarray.
JS_DestroyRuntime
frees a javascript runtime.
JS_DestroyScript
free a compiled script that is no longer needed.
JS_DoubleIsInt32
this article covers features introduced in spidermonkey 17 compare double value and int32_t value.
JS_DropExceptionState
destroys a jsexceptionstate object previously created using js_saveexceptionstate.
JS_EncodeCharacters
obsolete since jsapi 19this feature is obsolete.
JS_EncodeString
this article covers features introduced in spidermonkey 1.8 convert a javascript string to a c string.
JS_EncodeStringToBuffer
this article covers features introduced in spidermonkey 1.8.5 convert a javascript string to a c string.
JS_EnterCompartment
this article covers features introduced in spidermonkey 24 note: the preferred way of changing a context's current compartment is using jsautocompartment.
JS_EnterCrossCompartmentCall
using it.
JS_EnterLocalRootScope
obsolete since javascript 1.8.5this feature is obsolete.
JS_EnumerateResolvedStandardClasses
obsolete since jsapi 24this feature is obsolete.
JS_EnumerateStandardClasses
enumerate standard class in an object.
JS_ErrorFromException
get or create jserrorreport from an exception object.
JS_EvaluateScript
avoid using it.
JS_EvaluateScriptForPrincipals
jsprincipals *principals, const char *bytes, unsigned int length, const char *filename, unsigned int lineno, jsval *rval, jsversion version); jsbool js_evaluateucscriptforprincipalsversion(jscontext *cx, jsobject *obj, jsprincipals *principals, const jschar *chars, unsigned int length, const char *filename, unsigned int lineno, jsval *rval, jsversion version); name type description cx jscontext * the context in which to run the script.
JS_ExecuteRegExp
:handleobject reobj, char16_t *chars, size_t length, size_t *indexp, bool test, js::mutablehandlevalue rval); bool js_executeregexpnostatics(jscontext *cx, js::handleobject reobj, char16_t *chars, size_t length, size_t *indexp, bool test, js::mutablehandlevalue rval); name type description cx jscontext * the context.
JS_ExecuteScript
jscontext *cx, js::handleobject obj, js::handlescript script); // obsolete since jsapi 39 bool js::cloneandexecutescript(jscontext *cx, js::handle<jsscript*> script); // added in spidermonkey 45 bool js::cloneandexecutescript(jscontext *cx, js::handle<jsobject*> obj, js::handle<jsscript*> script); // added in spidermonkey 31, obsoleted since jsapi 39 name type description cx jscontext * the context in which to execute the script.
JS_ExecuteScriptVersion
lthough it may still work in some browsers, its use is discouraged since it could be removed at any time.
JS_FORGET_STRING_FLATNESS
this article covers features introduced in spidermonkey 1.8.5 convert jsflatstring to jsstring.
JS_FS
e,selfhostedname,nargs,flags) ...
JS_FileEscapedString
this article covers features introduced in spidermonkey 1.8.5 write string into file with escaping.
JS_Finish
obsolete since jsapi 19this feature is obsolete.
JS_FlushCaches
rk in some browsers, its use is discouraged since it could be removed at any time.
JS_ForgetLocalRoot
obsolete since javascript 1.8.5this feature is obsolete.
JS_ForwardGetPropertyTo
a specified property and retrieve its value.
JS_FreezeObject
this article covers features introduced in spidermonkey 1.8.5 freeze an object.
JS_GC
performs garbage collection in the js memory pool.
JS_GetArrayLength
retrieve the number of elements in an array object.
JS_GetContextThread
obsolete since jsapi 8this feature is obsolete.
JS_GetDefaultFreeOp
this article covers features introduced in spidermonkey 17 return default jsfreeop for the runtime.
JS_GetEmptyString
this article covers features introduced in spidermonkey 1.8.5 returns the empty string as a jsstring object.
JS_GetExternalStringClosure
is obsolete.
JS_GetExternalStringFinalizer
this article covers features introduced in spidermonkey 17 get the string finalizer of an external string.
JS_GetFlatStringChars
since jsapi 33this feature is obsolete.
JS_GetFunctionArity
get the number of arguments a function expects.
JS_GetFunctionCallback
t any time.
JS_GetFunctionId
get a function's name as a jsstring.
JS_GetFunctionName
retrieve the given name for a specified function.
JS_GetFunctionObject
retrieves the object for a specified function.
JS_GetFunctionScript
this article covers features introduced in spidermonkey 38 retrieves a jsscript for a specified function.
JS_GetGlobalForCompartmentOrNull
this article covers features introduced in spidermonkey 17 return the global object for the specified compartment.
JS_GetGlobalForObject
returns the global object for the given object.
JS_GetGlobalForScopeChain
re is obsolete.
JS_GetGlobalObject
obsolete since jsapi 24this feature is obsolete.
JS_GetInstancePrivate
object, if that object is an instance of a specified class.
JS_GetInternedStringChars
hough it may still work in some browsers, its use is discouraged since it could be removed at any time.
JS_GetLatin1FlatStringChars
this article covers features introduced in spidermonkey 38 get the chars of a flat string.
JS_GetLatin1InternedStringChars
his article covers features introduced in spidermonkey 38 get the chars of an interned string.
JS_GetLatin1StringCharsAndLength
ars and the length of a string.
JS_GetObjectRuntime
this article covers features introduced in spidermonkey 17 retrieve a pointer to the jsruntime of a specified object.
JS_GetOptions
obsolete since jsapi 27this feature is obsolete.
JS_GetParentRuntime
this article covers features introduced in spidermonkey 31 retrieve a pointer to the parent jsruntime.
JS_GetPendingException
get the current pending exception for a given jscontext.
JS_GetRegExpFlags
this article covers features introduced in spidermonkey 17 get the flags of the given regexp object.
JS_GetRegExpSource
this article covers features introduced in spidermonkey 17 get the source string of the given regexp object.
JS_GetReservedSlot
access an object's reserved slots.
JS_GetRuntime
retrieves a pointer to the jsruntime.
JS_GetScopeChain
to avoid using it.
JS_GetStringBytes
obsolete since jsapi 1.8.5this feature is obsolete.
JS_GetStringCharAt
this article covers features introduced in spidermonkey 38 return a specified character from a string.
JS_GetStringChars
work in some browsers, its use is discouraged since it could be removed at any time.
JS_GetStringCharsAndLength
ce jsapi 33this feature is obsolete.
JS_GetStringEncodingLength
this article covers features introduced in spidermonkey 1.8.5 get the length of a javascript string in bytes.
JS_GetStringLength
return the length, in 16-bit code units, of a javascript string.
JS_GetTwoByteExternalStringChars
this article covers features introduced in spidermonkey 38 get the chars of an external string.
JS_GetVersion
retrieves the javascript version number used within a specified executable script context.
JS_HasArrayLength
obsolete since jsapi 8this feature is obsolete.
JS_IdArrayGet
this article covers features introduced in spidermonkey 17 get the item of a jsidarray.
JS_IdArrayLength
this article covers features introduced in spidermonkey 17 get the length of a jsidarray.
JS_IdToValue
convert a js id to a js value.
JS_InternJSString
this article covers features introduced in spidermonkey 1.8.5 make a string to interned string.
JS_InternString
d from gc and automatically shared with other code that needs a jsstring with the same value.
JS_IsArrayObject
determine if a specified object is an array.
JS_IsAssigning
obsolete since javascript 1.8.5this feature is obsolete.
JS_IsBuiltinEvalFunction
this article covers features introduced in spidermonkey 17 return whether the given function is the global eval function.
JS_IsBuiltinFunctionConstructor
this article covers features introduced in spidermonkey 17 return whether the given function is the global function constructor.
JS_IsConstructing
still work in some browsers, its use is discouraged since it could be removed at any time.
JS_IsConstructor
this article covers features introduced in spidermonkey 24 return whether the given function is a valid constructor.
JS_IsExceptionPending
determine whether an exception is pending in the js engine.
JS_IsExtensible
this article covers features introduced in spidermonkey 1.8.5 query [[extensible]] properly of the given object.
JS_IsExternalString
this article covers features introduced in spidermonkey 17 determines whether or not the specified jsstring is an external string (that is, a string created by calling js_newexternalstring rather than js_newexternalstringwithclosure).
JS_IsGlobalObject
this article covers features introduced in spidermonkey 24 determine if given object is a global object.
JS_IsIdentifier
this article covers features introduced in spidermonkey 17 test whether the given string is a valid ecmascript identifier.
JS_IsNative
this article covers features introduced in spidermonkey 17 determines if given jsobject is a native object.
JS_IsNativeFunction
this article covers features introduced in spidermonkey 17 return whether the given function object equals the specified native function.
JS_IsRunning
indicates whether or not a script or function is currently executing in a given context.
JS_IsStopIteration
this article covers features introduced in spidermonkey 31 determine whether the value is a stopiteration exception or not.
JS_LeaveCompartment
this article covers features introduced in spidermonkey 24 note: the preferred way of changing a context's current compartment is using jsautocompartment.
JS_LeaveCrossCompartmentCall
try to avoid using it.
JS_LeaveLocalRootScope
obsolete since javascript 1.8.5this feature is obsolete.
JS_LeaveLocalRootScopeWithResult
obsolete since javascript 1.8.5this feature is obsolete.
JS_Lock
obsolete since jsapi 12this feature is obsolete.
JS_LockGCThing
uld be removed at any time.
JS_LookupElement
obsolete since jsapi 37this feature is obsolete.
JS_LooselyEqual
this article covers features introduced in spidermonkey 1.8.1 determine whether two javascript values are equal in the sense of the == operator.
JS_MakeStringImmutable
obsolete since javascript 1.8.5this feature is obsolete.
JS_MapGCRoots
void using it.
JS_MaybeGC
offer the javascript engine an opportunity to perform garbage collection if needed.
JS_NewArrayObject
create a new array object.
JS_NewCompartmentAndGlobalObject
o avoid using it.
JS_NewContext
create a new jscontext.
JS_NewDateObject
this article covers features introduced in spidermonkey 1.8.5 creates a new date object instance for the given time and date.
JS_NewDateObjectMsec
this article covers features introduced in spidermonkey 1.8.5 creates a new date object instance, configured to represent the date and time indicated by the specified time in milliseconds since the unix epoch.
JS_NewDependentString
create a new javascript string containing a range of characters from an existing string.
JS_NewDouble
obsolete since jsapi 17this feature is obsolete.
JS_NewDoubleValue
obsolete since jsapi 17this feature is obsolete.
JS_NewFunction
d); // obsolete since jsapi 39 jsfunction * js_newfunction(jscontext *cx, jsnative call, unsigned nargs, unsigned flags, js::handle<jsobject*> parent, const char *name); jsfunction * js_newfunctionbyid(jscontext *cx, jsnative call, unsigned nargs, unsigned flags, js::handle<jsobject*> parent, js::handle<jsid> id); // added in spidermonkey 17 name type description cx jscontext * the context in which to create the new function.
JS_NewRegExpObject
::handleobject obj, const char16_t *chars, size_t length, unsigned flags); jsobject * js_newregexpobjectnostatics(jscontext *cx, char *bytes, size_t length, unsigned flags); jsobject * js_newucregexpobjectnostatics(jscontext *cx, char16_t *chars, size_t length, unsigned flags); name type description cx jscontext * the context in which to create the new object.
JS_NewRuntime
initializes the javascript runtime.
JS_NewUCString
note: js_newstring() was removed in spidermonkey 1.8.5.
JS_NewStringCopyZ
create a new javascript string based on a null-terminated c string.
JS_NextProperty
obsolete since jsapi 36this feature is obsolete.
JS_ObjectIsDate
this article covers features introduced in spidermonkey 1.8.5 determines if a specified object is a date object.
JS_ObjectIsFunction
test whether a given object is a function.
JS_ObjectIsRegExp
this article covers features introduced in spidermonkey 17 determine if a specified object is a regexp.
JS_PSGS
r describing properties, for use with js_defineproperties and js_initclass.
JS_ParseJSON
this article covers features introduced in spidermonkey 1.8.6 parse a string using the json syntax described in ecmascript 5 and return the corresponding value.
JS_PopArguments
obsolete since javascript 1.8.5this feature is obsolete.
JS_PutEscapedString
this article covers features introduced in spidermonkey 1.8.5 write a string into buffer with escaping.
JS_Remove*Root
thing so that it is no longer a member of the garbage collector's root set.
JS_RemoveRootRT
unregisters a pointer to a gc thing so that it is no longer a member of the garbage collector's root set.
JS_ReportError
create a formatted error or warning message to pass to a user-defined error reporting function.
JS_ReportOutOfMemory
reports a memory allocation error.
JS_ReportPendingException
forward the current pending exception in a given jscontext to the current jserrorreporter callback.
JS_RestoreExceptionState
restores the exception state from a jsexceptionstate object previously created using js_saveexceptionstate.
JS_SameValue
1, v2) { if (v1 === 0 && v2 === 0) return 1 / v1 === 1 / v2; if (v1 !== v1 && v2 !== v2) return true; return v1 === v2; } syntax // added in spidermonkey 45 bool js_samevalue(jscontext *cx, js::handle<js::value> v1, js::handle<js::value> v2, bool *same); // obsolete since jsapi 39 bool js_samevalue(jscontext *cx, jsval v1, jsval v2, bool *same); name type description cx jscontext * pointer to a js context from which to derive runtime information.
JS_SaveExceptionState
saves the exception state from the specified context.
JS_SaveFrameChain
saves and restores frame chains.
JS_SealObject
at of js_sealobject.
JS_SetArrayLength
set the length property of an object.
JS_SetCheckObjectAccessCallback
set the runtime-wide check-object-access callback.
JS_SetDefaultLocale
this article covers features introduced in spidermonkey 24 set and reset the default locale for the ecmascript internationalization api.
JS_SetElement
32_t index, int32_t v); bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, uint32_t v); bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, double v); /* obsolete since jsapi 29 */ bool js_setelement(jscontext *cx, js::handleobject obj, uint32_t index, js::mutablehandlevalue vp); name type description cx jscontext * the context in which to set the element.
JS_SetExtraGCRoots
this article covers features introduced in spidermonkey 1.8 register externally maintained gc roots.
JS_SetGCParametersBasedOnAvailableMemory
this article covers features introduced in spidermonkey 31 adjust performance parameters related to garbage collection based on available memory.
JS_SetGCZeal
this article covers features introduced in spidermonkey 1.8 enable gc zeal, a testing and debugging feature that helps find gc-related bugs in jsapi applications.
JS_SetGlobalObject
obsolete since jsapi 25this feature is obsolete.
JS_SetICUMemoryFunctions
sets the memory allocation and deallocation functions used by the icu internationalization library.
JS_SetNativeStackQuota
this article covers features introduced in spidermonkey 17 enable or disable checks to avoid overflowing the c stack.
JS_SetObjectPrincipalsFinder
set the runtime-wide object-principals-finder callback.
JS_SetOptions
obsolete since jsapi 27this feature is obsolete.
JS_SetParent
obsolete since jsapi 39this feature is obsolete.
JS_SetPendingException
sets the current exception being thrown within a context.
JS_SetPrincipalsTranscoder
set the runtime-wide principals transcoder callback.
JS_SetProperty
*cx, js::handleobject obj, const char *name, js::handlevalue v); bool js_setucproperty(jscontext *cx, js::handleobject obj, const char16_t *name, size_t namelen, js::handlevalue v); bool js_setpropertybyid(jscontext *cx, js::handleobject obj, js::handleid id, js::handlevalue v); // added in spidermonkey 1.8.1 name type description cx jscontext * pointer to a js context from which to derive runtime information.
JS_SetPropertyAttributes
it could be removed at any time.
JS_SetRegExpInput
set the pending regexp input.
JS_SetScriptStackQuota
set the maximum amount of memory a context will use for certain data structures.
JS_SetThreadStackLimit
obsolete since jsapi 13this feature is obsolete.
JS_StrictlyEqual
introduced in spidermonkey 1.8.1 determine whether two javascript values are equal in the sense of the === operator.
JS_StringEqualsAscii
this article covers features introduced in spidermonkey 1.8.5 compare flat string and ascii string.
JS_StringHasBeenInterned
this article covers features introduced in spidermonkey 17 determine if string is interned.
JS_StringHasLatin1Chars
this article covers features introduced in spidermonkey 38 determine if a string's characters are stored as latin1.
JS_StringIsFlat
this article covers features introduced in spidermonkey 38 determine if a string is flattened.
JS_StringToVersion
returns a jsversion value representing the version string.
JS_SuspendRequest
nkey at or prior to version 45.
JS_ThrowStopIteration
this article covers features introduced in spidermonkey js1.8 throw a stopiteration exception.
JS_ToggleOptions
obsolete since jsapi 27this feature is obsolete.
JS_Unlock
obsolete since jsapi 12this feature is obsolete.
JS_ValueToBoolean
obsolete since jsapi 28this feature is obsolete.
JS_ValueToInt32
obsolete since jsapi 28this feature is obsolete.
JS_ValueToSource
convert a js::value to a javascript source.
JS_VersionToString
returns a string representation of a jsversion value.
JS_YieldRequest
obsolete since jsapi 18this feature is obsolete.
JS_freeop
this article covers features introduced in spidermonkey 17 a wrapper for js_free.
JS_malloc
allocate and free memory that is not managed by the garbage collector.
JS_updateMallocCounter
this article covers features introduced in spidermonkey 17 decrement malloc counter.
Stored value
in the jsapi, the stored value of an object property is its last known value.
TPS Bookmark Lists
iled bookmarks folder "places": the places root folder ("menu", "toolbar", and "unfiled" are all children of this) sub-folders are preceded with forward slashes, so "menu/folder1" denotes that "folder1" is a sub-folder of "menu".
Web Replay
ordreplay/processredirectdarwin.cpp.
The Rust programming language
esigned to help developers create fast, secure applications which take full advantage of the powerful features of modern multi-core processors.
AT Development
technology as it has developed.
Feed content access API
ase, we're loading a document into a string, then parsing that string using its parsefromstring() method.
Mork
Mozilla › Tech › Mork
and atom scope.
extIExtension
ontent covers features introduced in thunderbird 3 the extiextension interface represents an extension.
Generating GUIDs
guids are used in mozilla programming for identifying several types of entities, including xpcom interfaces (this type of guids is callled iid), components (cid), and legacy add-ons—like extensions and themes—that were created prior to firefox 1.5.
Avoiding leaks in JavaScript XPCOM components
a pointer to j, so the wrapper wrapping j exists as long as n doesn't release the pointer, and creates a garbage collection root that roots j.
Using XPCOM Components
mponent object and pass in the contract id for the component you want and ask for either a singleton or an instance of that component to be returned: var cmgr = components.classes["@mozilla.org/cookiemanager;1"] .getservice(); the resulting cookiemanager object then provides access to all of the methods for that component that have been defined in idl and compiled into the type library.
Making cross-thread calls using runnables
ay we have a function, calculatepi(int digits), which will calculate π to an arbitrary number of digits: void calculatepi(int digits, nscstring& result); // this is synchronous this can take a while, so we don't want to run this on the main thread.
Interfacing with the XPCOM cycle collector
ecl_cycle_collecting_isupports in the definition of nsfoo.
Components.interfaces
e.
Components.isSuccessCode
summary determines whether a given xpcom return code (that is, an nsresult value) indicates the success or failure of an operation, returning true or false respectively.
Components.results
numerated using a for-in loop.
Components.stack
components.stack is a read only property of type nsistackframe (idl definition) that represents a snapshot of the current javascript callstack.
Components.utils.exportFunction
// "bill" }, false); note that this is subject to the normal rules of xrays: for example, an expando property added to a dom node will not be visible in the original object.
Components.utils.waiveXrays
e an expando property on a dom object.
Components object
ope of the specified object's compartment.
Other Resources
other resources embedding mozilla xpconnect - javascript-xpcom bridge blackconnect - java-xpcom bridge (no longer supported) xpidl to java types - from blackconnect ...
XPConnect wrappers
s responsible for mapping calls from javascript into c++.
XPCShell Reference
specified.
Language bindings
sicomponentmanager interface can be called directly on this object.components.resultscomponents.results is a read-only object whose properties are the names listed as the first parameters of the macros in js/xpconnect/src/xpc.msg (also at table of errors), with the value of each corresponding to that constant's value.components.returncodecomponents.stackcomponents.stack is a read only property of type nsistackframe (idl definition) that represents a snapshot of the current javascript callstack.
Core XPCOM functions
platform independent representation of a file path.ns_newnativelocalfilethe ns_newnativelocalfile function creates an 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.
NS_ConvertASCIItoUTF16
ichar**) const - source get a const pointer to the string's internal buffer.
NS_ConvertUTF16toUTF8
data(const char**) const - source get a const pointer to the string's internal buffer.
NS_ConvertUTF8toUTF16
ichar**) const - source get a const pointer to the string's internal buffer.
NS_LossyConvertUTF16toASCII
data(const char**) const - source get a const pointer to the string's internal buffer.
BeginReading
« xpcom api reference summary the beginreading function returns a const pointer to the first element of the string's internal buffer.
Length
« xpcom api reference summary the length function returns the number of storage units in the string's internal buffer (not including the null-terminator if present).
BeginReading
« xpcom api reference summary the beginreading function returns a const pointer to the first element of the string's internal buffer.
Length
« xpcom api reference summary the length function returns the number of storage units in the string's internal buffer (not including the null-terminator if present).
nsAdoptingCString
data(const char**) const - source get a const pointer to the string's internal buffer.
nsAdoptingString
ichar**) const - source get a const pointer to the string's internal buffer.
nsAutoString
ichar**) const - source get a const pointer to the string's internal buffer.
nsCAutoString
har**) const - source get a const pointer to the string's internal buffer.
nsCString
data(const char**) const - source get a const pointer to the string's internal buffer.
nsDependentCSubstring
data(const char**) const - source get a const pointer to the string's internal buffer.
nsDependentSubstring
ichar**) const - source get a const pointer to the string's internal buffer.
get
« xpcom api reference summary the get function returns a const pointer to the string's null-terminated, internal buffer.
get
« xpcom api reference summary the get function returns a const pointer to the string's null-terminated, internal buffer.
nsFixedCString
data(const char**) const - source get a const pointer to the string's internal buffer.
nsFixedString
ichar**) const - source get a const pointer to the string's internal buffer.
nsPromiseFlatCString
data(const char**) const - source get a const pointer to the string's internal buffer.
nsPromiseFlatString
ichar**) const - source get a const pointer to the string's internal buffer.
nsString
ichar**) const - source get a const pointer to the string's internal buffer.
amIWebInstallInfo
plementation of amiwebinstalllistener to communicate with the running application and allow it to warn the user about blocked installs and start the installs running.
jsdIStackFrame
rom that handler the bottom frame, and any frame you found attached through it, are invalidated via the jsdiephemeral interface.
mozIJSSubScriptLoader
expressed as an object, and a new ignorecache option is available.
mozIPersonalDictionary
boolean check(in wstring word, in wstring lang); void endsession(); void getcorrection(in wstring word, [array, size_is(count)] out wstring words, out pruint32 count); void ignoreword(in wstring word); void load(); void removecorrection(in wstring word,in wstring correction, in wstring lang); void removeword(in wstring word, in wstring lang); void save(); attributes attribute type description wordlist nsistringenumerator get the (lexicographically sorted) list of words.
mozIPlaceInfo
warning: this interface is experimental and will change after gecko 2.0.
mozIRegistry
s itself) would suffice.
mozISpellCheckingEngine
ry(in nsifile dir); boolean check(in wstring word); void getdictionarylist([array, size_is(count)] out wstring dictionaries, out pruint32 count); void removedirectory(in nsifile dir); void suggest(in wstring word,[array, size_is(count)] out wstring suggestions, out pruint32 count); attributes attribute type description copyright wstring a string indicating the copyright of the engine.
mozIStorageBindingParamsArray
to this article.
mozIStorageStatement
parameter(in unsigned long aparamindex); void bindblobparameter(in unsigned long aparamindex, [array,const,size_is(avaluesize)] in octet avalue, in unsigned long avaluesize); mozistoragependingstatement executeasync(mozistoragestatementcallback acallback); boolean executestep(); boolean step(); void execute(); attributes attribute type description columncount unsigned long number of columns returned.
mozIStorageStatementWrapper
ed.
mozIStorageVacuumParticipant
rvice.
nsIAbstractWorker
dom/interfaces/threads/nsidomworkers.idlscriptable this interface is an abstract interface used to implement the web workers architecture.
nsIAccessible
this method returns an accessible node geometrically to the left of this one.
nsIAccessibleCaretMoveEvent
accessible/public/nsiaccessibleevent.idlscriptable please add a summary to this article.
nsIAccessibleEditableText
cuttext(in long startpos, in long endpos); void deletetext(in long startpos, in long endpos); void inserttext(in astring text, in long position); void pastetext(in long position); void setattributes(in long startpos, in long endpos, in nsisupports attributes); unimplemented void settextcontents(in astring text); attributes attribute type description associatededitor nsieditor returns an editor associated with the accessible.
nsIAccessibleHyperLink
specific properties and methods.
nsIAccessibleHyperText
l implementation is to implement this interface on the small text object such as a paragraph of text.
nsIAccessibleSelectable
lection of accessible nodes.
nsIAccessibleStateChangeEvent
accessible/public/nsiaccessibleevent.idlscriptable please add a summary to this article.
nsIAccessibleTable
long columnindex); boolean iscolumnselected(in long columnindex); boolean isprobablyforlayout(); boolean isrowselected(in long rowindex); void selectcolumn(in long columnindex); void selectrow(in long rowindex); void unselectcolumn(in long columnindex); void unselectrow(in long rowindex); attributes attribute type description caption nsiaccessible the caption accessible for the table.
nsIAccessibleTableCell
accessible/public/nsiaccessibletable.idlscriptable please add a summary to this article.
nsIAccessibleTableChangeEvent
accessible/public/nsiaccessibleevent.idlscriptable please add a summary to this article.
nsIAccessibleTextChangeEvent
accessible/public/nsiaccessibleevent.idlscriptable please add a summary to this article.
nsIAccessibleValue
accessible/public/nsiaccessiblevalue.idlscriptable please add a summary to this article.
nsIAccessibleWin32Object
accessible/public/msaa/nsiaccessiblewin32object.idlscriptable please add a summary to this article.
nsIAppShell
nt(in prboolref arealevent, in voidptrref aevent); obsolete since gecko 1.9 void listentoeventqueue(in nsieventqueue aqueue, in prbool alisten); obsolete since gecko 1.9 void resumenative(); void run(); void runinstablestate(in nsirunnable arunnable); void spindown(); obsolete since gecko 1.9 void spinup(); obsolete since gecko 1.9 void suspendnative(); attributes attribute type description eventloopnestinglevel unsigned long the current event loop nesting level.
nsIAppStartup
void exitlastwindowclosingsurvivalarea(); void getstartupinfo(); void hidesplashscreen(); obsolete since gecko 1.9.1 void initialize(in nsisupports nativeappsupportorsplashscreen); obsolete since gecko 1.9.1 void quit(in pruint32 amode); void restartinsafemode(in pruint32 aquitmode); void run(); attributes attribute type description interrupted boolean true if the startup process was interrupted by an interactive prompt.
nsIApplicationCacheChannel
public/nsiapplicationcachechannel.idlscriptable this interface is implemented by communication channels that support application caches.
nsIApplicationCacheContainer
netwerk/base/public/nsiapplicationcachecontainer.idlscriptable this interface is used by objects that can be associated with an application cache.
nsIApplicationUpdateService
nderbird 3.3 / seamonkey 2.1) method overview void adddownloadlistener(in nsirequestobserver listener); astring downloadupdate(in nsiupdate update, in boolean background); void pausedownload(); void removedownloadlistener(in nsirequestobserver listener); nsiupdate selectupdate([array, size_is(updatecount)] in nsiupdate updates, in unsigned long updatecount); attributes attribute type description backgroundchecker nsiupdatechecker the update checker being used for background update checking.
nsIArray
ned an nsimutablearray!
nsIAuthInformation
caller of nsiauthprompt2.promptusernameandpassword() or nsiauthprompt2.promptpasswordasync() provides an object implementing this interface; the prompt implementation can then read the values here to prefill the dialog.
nsIAutoCompleteInput
hanged in gecko 1.9 (firefox 3) method overview acstring getsearchat(in unsigned long index); void onsearchbegin(); void onsearchcomplete(); boolean ontextentered(); boolean ontextreverted(); void selecttextrange(in long startindex, in long endindex); attributes attribute type description completedefaultindex boolean if a search result has its defaultindex set, this will optionally try to complete the text in the textbox to the entire text of the result at the default index as the user types.
nsIAutoCompleteItem
xpfe/components/autocomplete/public/nsiautocompleteresults.idlscriptable please add a summary to this article.
nsIAutoCompleteListener
telistener.idlscriptable this interface is deprecated.
nsIBidiKeyboard
o-right and right-to-left directions (that is users who use arabic, iranian (persian), or israel (hebrew) keyboard layout, beside an us (english) layout.) inherits from: nsisupports last changed in gecko 9.0 (firefox 9.0 / thunderbird 9.0 / seamonkey 2.6) method overview boolean islangrtl(); void setlangfrombidilevel(in pruint8 alevel); attributes attribute type description havebidikeyboards boolean indicates whether or not the system has at least one keyboard for each direction (left-to-right and right-to-left) installed.
nsIBinaryInputStream
xpcom/io/nsibinaryinputstream.idlscriptable this interface allows consumption of primitive data types from a "binary stream" containing untagged, big-endian binary data, that is as produced by an implementation of nsibinaryoutputstream.
nsIBinaryOutputStream
xpcom/io/nsibinaryoutputstream.idlscriptable this interface allows writing of primitive data types (integers, floating-point values, booleans, and so on.) to a stream in a binary, untagged, fixed-endianness format.
nsIBoxObject
okandfeelmetric(in wstring propertyname); obsolete since gecko 1.9 wstring getproperty(in wstring propertyname); nsisupports getpropertyassupports(in wstring propertyname); void removeproperty(in wstring propertyname); void setproperty(in wstring propertyname, in wstring propertyvalue); void setpropertyassupports(in wstring propertyname, in nsisupports value); attributes attribute type description element nsidomelement read only.
nsIBrowserBoxObject
layout/xul/base/public/nsibrowserboxobject.idlscriptable please add a summary to this article.
nsICRLInfo
security/manager/ssl/public/nsicrlinfo.idlscriptable information on a certificate revocation list (crl) issued by a certificate authority (ca).
nsICacheDeviceInfo
netwerk/cache/nsicachevisitor.idlscriptable this interface provides information about a cache device.
nsICacheEntryDescriptor
nt(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 the access granted to this descriptor.
nsICacheEntryInfo
netwerk/cache/nsicachevisitor.idlscriptable this interface provides information about a cache entry.
nsICacheService
in boolean streambased); acstring createtemporaryclientid(in nscachestoragepolicy storagepolicy); obsolete since gecko 1.9.2 void evictentries(in nscachestoragepolicy storagepolicy); void init(); obsolete since gecko 1.8 void shutdown(); obsolete since gecko 1.8 void visitentries(in nsicachevisitor visitor); attributes attribute type description cacheiotarget nsieventtarget the event target for cache i/o operation notifications.
nsICacheSession
ncopencacheentry(in acstring key, in nscacheaccessmode accessrequested, in nsicachelistener listener, [optional] in boolean nowait); void evictentries(); prbool isstorageenabled(); nsicacheentrydescriptor opencacheentry(in acstring key, in nscacheaccessmode accessrequested, in boolean blockingmode); void doomentry(in acstring key, in nsicachelistener listener); attributes attribute type description doomentriesifexpired prbool expired entries will be doomed or evicted if this attribute is set to true.
nsICachingChannel
d data in the cache (for printing and save-as).
nsIClipboardDragDropHooks
as prevent a drag from starting, adding or removing data and flavors, or preventing the drop.
nsICommandLineHandler
clh;1 command-line-handler m-edit @mozilla.org/composer/clh;1 command-line-handler m-irc @mozilla.org/chatzilla/clh;1 command-line-handler y-final @mozilla.org/browser/clh-final;1 method overview void handle(in nsicommandline acommandline); attributes attribute type description helpinfo autf8string when the application is launched with the -help argument, this attribute is retrieved and displayed to the user (on stdout).
nsIConsoleMessage
iconsolemessage.idlscriptable this interface is a base interface for messages passed to or from the nsiconsoleservice.
nsIContainerBoxObject
layout/xul/base/public/nsicontainerboxobject.idlscriptable please add a summary to this article.
nsIContentPref
nsicontentpref dom/interfaces/base/nsicontentprefservice2.idlscriptable a content preference 1.0 66 introduced gecko 20.0 inherits from: nsisupports last changed in gecko 20.0 (firefox 20.0 / thunderbird 20.0 / seamonkey 2.17) attributes attribute type description domain astring read only.
nsIContentView
note: currently, only <frame> and <iframe> elements are handled as content views.
nsIContentViewManager
of the browser display, then use those nsicontentview objects to manipulate the content views.
nsIContentViewer
idocumentptr adocument, in boolean aforcereuseinnerwindow); native code only!
nsIControllers
ong controllerid); unsigned long getcontrollercount(); nsicontroller getcontrollerforcommand(in string command); unsigned long getcontrollerid(in nsicontroller controller); void insertcontrollerat(in unsigned long index, in nsicontroller controller); void removecontroller(in nsicontroller controller); nsicontroller removecontrollerat(in unsigned long index); attributes attribute type description commanddispatcher nsidomxulcommanddispatcher obsolete since gecko 1.9 methods appendcontroller() adds a controller to the end of the list.
nsICookie
an optional interface for accessing the http or javascript cookie object.
nsICookie2
the nsicookie2 interface provides information about a cookie, and extends the nsicookie interface.
nsICrashReporter
s last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview void annotatecrashreport(in acstring key, in acstring data); void appendappnotestocrashreport(in acstring data); void appendobjcexceptioninfotoappnotes(in voidptr aexception); native code only!
nsIDNSRecord
a dns query may return more than one resolved ip address, the record acts like an enumerator, allowing the caller to easily step through the list of ip addresses.
nsIDNSService
onnections.
nsIDOMChromeWindow
n gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview void beginwindowmove(in nsidomevent mousedownevent); void getattention(); void getattentionwithcyclecount(in long acyclecount); void maximize(); void minimize(); void notifydefaultbuttonloaded(in nsidomelement defaultbutton); void restore(); void setcursor(in domstring cursor); attributes attribute type description browserdomwindow nsibrowserdomwindow the related nsibrowserdomwindow instance which provides access to yet another layer of utility functions by chrome script.
nsIDOMElement
ibutenode(in nsidomattr oldattr) void removeattributens(in domstring namespaceuri, in domstring localname) void setattribute(in domstring name, in domstring value) nsidomattr setattributenode(in nsidomattr newattr) nsidomattr setattributenodens(in nsidomattr newattr) void setattributens(in domstring namespaceuri, in domstring qualifiedname, in domstring value) attributes attribute type description tagname domstring the element tag name.
nsIDOMFile
the nsidomfile interface retrieves data from a file submitted to a form using the input type "file".
nsIDOMFileException
interface represents exceptions that can be raised by calls to the methods in the nsidomfile interface.
nsIDOMFontFaceList
layout/inspector/public/nsidomfontfacelist.idlscriptable a list of nsidomfontface objects, each representing a single font face.
nsIDOMGeoGeolocation
orcallback errorcallback, [optional] in nsidomgeopositionoptions options); unsigned short watchposition(in nsidomgeopositioncallback successcallback, [optional] in nsidomgeopositionerrorcallback errorcallback, [optional] in nsidomgeopositionoptions options); attributes attribute type description lastposition nsidomgeoposition the most recently retrieved location as seen by the provider.
nsIDOMGeoPosition
dom/interfaces/geolocation/nsidomgeoposition.idlscriptable this interface describes a geographical location at a specific time.
nsIDOMGeoPositionCoords
the nsidomgeopositioncoords interface describes a geographical location.
nsIDOMGeoPositionError
the nsidomgeopositionerror interface represents an error that occurred while performing geolocation operations.
nsIDOMGeoPositionOptions
the nsidomgeopositionoptions interface is used to specify options for geolocation operations.
nsIDOMHTMLTimeRanges
nd times of each range, specifying the index number of the range to look up.
nsIDOMMozNetworkStatsData
dom/network/interfaces/nsidomnetworkstats.idlscriptable represents a single record in the network statistics database, as reported using the nsidommoznetworkstatsmanager interface.
nsIDOMNavigatorDesktopNotification
dom/interfaces/notification/nsidomnavigatordesktopnotification.idlscriptable property that extends the navigator object.
nsIDOMOfflineResourceList
last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) inherits from: nsisupports method overview void mozadd(in domstring uri); boolean mozhasitem(in domstring uri); domstring mozitem(in unsigned long index); void mozremove(in domstring uri); void swapcache(); void update(); attributes attribute type description mozitems nsidomofflineresourcelist the list of dynamically-managed entries in the offline resource list.
nsIDOMStorage
ticular order with the condition that this order not change by merely changing the value associated with a key, but the order may change when a key is added or removed.
nsIDOMStorage2
rage2.idlscriptable please add a summary to this article.
nsIDOMStorageItem
terface represents an object in dom storage.
nsIDOMStorageWindow
client side storage objects.
nsIDOMUserDataHandler
node_renamed 4 unimplemented node_adopted 5 the node was adopted into a new document.
nsIDOMWindow2
ns <iframe> elements.
nsIDOMWindowInternal
boolean wholeword, [optional] in boolean searchinframes, [optional] in boolean showdialog) domstring atob(in domstring aasciistring) domstring btoa(in domstring abase64data) nsivariant showmodaldialog(in nsivariant aargs, [optional] in domstring aoptions) void postmessage(in domstring message, in domstring targetorigin) attributes attribute type description window nsidomwindowinternal readonly: the window object itself.
nsIDOMXULControlElement
dom/interfaces/xul/nsidomxulcontrolelement.idlscriptable provides additional attributes specific to control elements.
nsIDOMXULElement
introduced gecko 1.0 inherits from: nsidomelement last changed in gecko 1.9 (firefox 3) method overview void blur(); void click(); void docommand(); void focus(); nsidomnodelist getelementsbyattribute(in domstring name, in domstring value); nsidomnodelist getelementsbyattributens(in domstring namespaceuri, in domstring name, in domstring value); attributes attribute type description align domstring gets/sets the value of the element's align attribute.
nsIDOMXULLabeledControlElement
dom/interfaces/xul/nsidomxullabeledcontrolel.idlscriptable this interface is used as a basis for labeled control elements in xul.
nsIDOMXULSelectControlElement
trolitemelement appenditem(in domstring label, in domstring value); long getindexofitem(in nsidomxulselectcontrolitemelement item); nsidomxulselectcontrolitemelement getitematindex(in long index); nsidomxulselectcontrolitemelement insertitemat(in long index, in domstring label, in domstring value); nsidomxulselectcontrolitemelement removeitemat(in long index); attributes attribute type description itemcount unsigned long read only.
nsIDOMXULSelectControlItemElement
dom/interfaces/xul/nsidomxulselectcntrlitemel.idlscriptable please add a summary to this article.
nsIDebug2
xpcom/base/nsidebug2.idlscriptable adds access to additional information in debug builds of mozilla code by expanding upon the features in nsidebug 1.0 66 introduced gecko 1.9.2 inherits from: nsidebug last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) attributes attribute type description assertioncount long the number of assertions since process start.
nsIDialogParamBlock
.
nsIDirIndexParser
netwerk/streamconv/public/nsidirindexlistener.idlscriptable a parser for 'application/http-index-format' directories.
nsIDirectoryEnumerator
is similar to nsisimpleenumerator except the retrieved entries are qi'ed to nsifile, and there is a mechanism for closing the directory when the enumeration is complete.
nsIDirectoryIterator
interface provides a way to iterate over the entries in a directory.
nsIDirectoryServiceProvider2
xpcom/io/nsidirectoryservice.idlscriptable an extension of nsidirectoryserviceprovider which allows multiple files to be returned for the given key.
nsIDocumentLoader
est, in nsresult astatus, in wstring amessage); obsolete since gecko 1.8 void getcontentviewercontainer(in nsisupports adocumentid, out nsicontentviewercontainer aresult); native code only!
nsIDownloadHistory
docshell/base/nsidownloadhistory.idlscriptable this interface can be used to add a download to history.
nsIDownloadManagerUI
t download manager user interface, implement this interface.
nsIDownloadProgressListener
oad 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.
nsIEditorBoxObject
layout/xul/base/public/nsieditorboxobject.idlscriptable please add a summary to this article.
nsIEditorDocShell
docshell.idlscriptable provides a way to get an editor from a specific frame in a docshell hierarchy.
nsIEditorIMESupport
imeonblur(); obsolete since gecko 1.9.1 void notifyimeonfocus(); obsolete since gecko 1.9.1 void querycomposition(in nstexteventreplyptr areply); native code only!
nsIException
xpcom/base/nsiexception.idlscriptable please add a summary to this article.
nsIFTPChannel
hannel, and offering additional information about the ftp channel.
nsIFactory
xpcom/components/nsifactory.idlscriptable this interface is a class factory that allows for the creation of nsisupports derived classes without specifying a concrete class type.
nsIFeedElementBase
toolkit/components/feeds/public/nsifeedelementbase.idlscriptable this interface is a base interface from which several of the other feed access interfaces derive.
nsIFeedEntry
toolkit/components/feeds/public/nsifeedentry.idlscriptable this interface describes a single entry in an rss or atom news feed, providing attributes allowing access to the entry's data.
nsIFeedGenerator
toolkit/components/feeds/public/nsifeedgenerator.idlscriptable this interface describes the software that generated an rss or atom news feed.
nsIFeedPerson
toolkit/components/feeds/public/nsifeedperson.idlscriptable this interface describes an author of or a contributor to an rss or atom feed.
nsIFeedProcessor
mponents.classes["@mozilla.org/feed-processor;1"] .createinstance(components.interfaces.nsifeedprocessor); method overview void parseasync(in nsirequestobserver requestobserver, in nsiuri uri); void parsefromstream(in nsiinputstream stream, in nsiuri uri); void parsefromstring(in astring str, in nsiuri uri); attributes attribute type description listener nsifeedresultlistener the feed result listener that will respond to feed events.
nsIFeedResult
eedresult.idlscriptable this interface provides access to http and parsing metadata for a feed or entry.
nsIFileURL
netwerk/base/public/nsifileurl.idlscriptable provides access to the underlying nsifile object corresponding to a url.
nsIFormHistory2
hod overview void addentry(in astring name, in astring value); boolean entryexists(in astring name, in astring value); boolean nameexists(in astring name); void removeallentries(); void removeentriesbytimeframe(in long long abegintime, in long long aendtime); void removeentriesforname(in astring name); void removeentry(in astring name, in astring value); attributes attribute type description dbconnection mozistorageconnection returns the underlying db connection the form history module is using.
nsIFrameLoaderOwner
epresents the owner of an nsiframeloader.
nsIHttpChannelInternal
.0 / seamonkey 2.3) method overview void getrequestversion(out unsigned long major, out unsigned long minor); void getresponseversion(out unsigned long major, out unsigned long minor); void httpupgrade(in acstring aprotocolname, in nsihttpupgradelistener alistener); void setcookie(in string acookieheader); void setupfallbackchannel(in string afallbackkey); attributes attribute type description canceled boolean returns true if and only if the channel has been canceled.
nsIIFrameBoxObject
layout/xul/base/public/nsiiframeboxobject.idlscriptable please add a summary to this article.
nsIIdleService
ice;1.
nsIInstallLocation
installlocation("add-on id") method overview astring getidforlocation(in nsifile file); nsifile getitemfile(in astring id, in astring path); nsifile getitemlocation(in astring id); nsifile getstagefile(in astring id); boolean itemismanagedindependently(in astring id); void removefile(in nsifile file); nsifile stagefile(in nsifile file, in astring id); attributes attribute type description canaccess boolean whether or not the user can write to the install location with the current access privileges.
nsIJSID
ults when you implement a function that is passed an nsiidref parameter, such as queryinterface().
nsILocale
hod overview astring getcategory(in astring category); methods getcategory() retrieves a string with the current locale name.
nsILoginInfo
w nsilogininfo clone(); boolean equals(in nsilogininfo alogininfo); void init(in astring ahostname, in astring aformsubmiturl, in astring ahttprealm, in astring ausername, in astring apassword, in astring ausernamefield, in astring apasswordfield); boolean matches(in nsilogininfo alogininfo, in boolean ignorepassword); attributes attribute type description formsubmiturl astring the origin, not url, a form-based login was submitted to.
Using nsILoginManager
, usernamefield, passwordfield ); examples creating a login for a web page var formlogininfo = new nslogininfo( 'http://www.example.com', 'http://login.example.com', null, 'joe', 'secret123', 'uname', 'pword' ); this login would correspond to a html form such as: <form action="http://login.example.com/foo/authenticate.cgi"> <div>please log in.</div> <label>username:</label> <input type="text" name="uname"> <label>password:</label> <input type="password" name="pword"> </form> creating a site authentication login var authlogininfo = new nslogininfo( 'http://www.example.com', null, 'exampleco login', 'alice', 'secret321', "", "" ); this would correspond to a login on http://www.example.com when the server sends a reply such as: http/1.0 401 authorization required s...
nsILoginManagerCrypto
toolkit/components/passwordmgr/public/nsiloginmanagercrypto.idlscriptable please add a summary to this article.
nsILoginManagerStorage
in nsifile aoutputfile); void modifylogin(in nsilogininfo oldlogin, in nsisupports newlogindata); void removealllogins(); void removelogin(in nsilogininfo alogin); void searchlogins(out unsigned long count, in nsipropertybag matchdata, [retval, array, size_is(count)] out nsilogininfo logins); void setloginsavingenabled(in astring ahost, in boolean isenabled); attributes attribute type description uibusy boolean true when a master password prompt is being shown.
nsILoginMetaInfo
riate default values.
nsIMemoryMultiReporter
to gather and generate reports, you need to call collectreports().
nsIMemoryReporterManager
reporters(); void init(); void registermultireporter(in nsimemorymultireporter reporter); void registerreporter(in nsimemoryreporter reporter); void unregistermultireporter(in nsimemorymultireporter reporter); void unregisterreporter(in nsimemoryreporter reporter); attributes attribute type description explicit print64 gets the total size of explicit memory allocations, both at the operating system level (for example, via mmap, virtualalloc) and at the heap level (for example, via malloc(), calloc(), operator new).
nsIMenuBoxObject
s last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) to get access to the box object for a given menu, use code like this: var boxobject = xulmenu.boxobject.queryinterface(components.interfaces.nsimenuboxobject); method overview boolean handlekeypress(in nsidomkeyevent keyevent); void openmenu(in boolean openflag); attributes attribute type description activechild nsidomelement the currently active menu or menuitem child of the menu box.
nsIMessageSender
sender is not initialized.
nsIMicrosummary
anged in gecko 1.9 (firefox 3) warning: microsummary support was removed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) method overview void addobserver(in nsimicrosummaryobserver observer); boolean equals(in nsimicrosummary aother); void removeobserver(in nsimicrosummaryobserver observer); void update(); attributes attribute type description content astring the content of the microsummary.
nsIMicrosummaryGenerator
0 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) warning: microsummary support was removed in gecko 6.0 (firefox 6.0 / thunderbird 6.0 / seamonkey 2.3) method overview long calculateupdateinterval(in nsidomnode apagecontent); boolean equals(in nsimicrosummarygenerator aother); astring generatemicrosummary(in nsidomnode apagecontent); attributes attribute type description loaded boolean has the generator itself (which may be a remote resource) been loaded.
nsIMimeHeaders
r mimeheaders = components.classes["@mozilla.org/????????????????????????????"] .createinstance(components.interfaces.nsimimeheaders); method overview string extractheader([const] in string headername, in boolean getallofthem); void initialize([const] in string allheaders, in long allheaderssize); attributes attribute type description allheaders string read only.
nsIMsgAccount
count mailnews/base/public/nsimsgaccount.idlscriptable an account consists of an incoming server and one or more outgoing identities.
nsIMsgAccountManagerExtension
new entry with the contact id of the component to the "mailnews-accountmanager-extensions" category.
nsIMsgSearchValue
defined in comm-central/ mailnews/ base/ search/ public/ nsimsgsearchvalue.idl #include "nsmsgsearchcore.idl" interface nsimsgfolder; [scriptable, uuid(783758a0-cdb5-11dc-95ff-0800200c9a66)] interface nsimsgsearchvalue : nsisupports { // type of object attribute nsmsgsearchattribvalue attrib; // accessing these will throw an exception if the above // attribute does not match the type!
nsIMsgSendLater
.getservice(components.interfaces.nsimsgsendlater); method overview void sendunsentmessages(in nsimsgidentity identity); void removelistener(in nsimsgsendlaterlistener listener); void addlistener(in nsimsgsendlaterlistener listener); nsimsgfolder getunsentmessagesfolder](in nsimsgidentity identity); attributes attribute type description msgwindow nsimsgwindow methods sendunsentmessages() sends all unsent messages for an identity.
nsIMsgThread
rat(in long index); nsimsgdbhdr getroothdr(out long index); void removechildat(in long index); void removechildhdr(in nsimsgdbhdr child, in nsidbchangeannouncer announcer); void markchildread(in boolean bread); nsimsgdbhdr getfirstunreadchild(); nsisimpleenumerator enumeratemessages(in nsmsgkey parent); attributes attribute type description threadkey nsmsgkey unsigned long key designating this thread.
nsIMsgWindow
.createinstance(components.interfaces.nsimsgwindow); in thunderbird the default message window is stored in the global variable msgwindow.
nsINavHistoryResult
r interface.
nsINavHistoryResultTreeViewer
e same viewer, you need to keep your own reference to it, then reinitialize it when the tree changes.
nsINavHistoryResultViewer
void nodereplaced(in nsinavhistorycontainerresultnode parent, in nsinavhistoryresultnode olditem, in nsinavhistoryresultnode newitem, in unsigned long index); void nodeinserted(in nsinavhistorycontainerresultnode aparent, in nsinavhistoryresultnode anode , in unsigned long anewindex); void sortingchanged(in unsigned short sortingmode); attributes attribute type description result nsinavhistoryresult the nsinavhistoryresult this viewer monitors.
nsIPasswordManager
.getservice(components.interfaces.nsipasswordmanager); method overview void adduser(in autf8string ahost, in astring auser, in astring apassword); void removeuser(in autf8string ahost, in astring auser); void addreject(in autf8string ahost); void removereject(in autf8string ahost); attributes attribute type description enumerator nsisimpleenumerator readonly: an enumeration of the stored usernames and passwords as nsipassword objects.
nsIPipe
ents an in-process buffer that can be read using nsiinputstream and written using nsioutputstream.
nsIPlacesView
of the built-in places views.
nsIPrefLocalizedString
l wide strings nsisupportsstring) and 'localized' wide strings, which get their default values from properites files.
nsIPrincipal
istrusted); boolean iscapabilityenabled(in string capability, in voidptr annotation); native code only!
nsIPrinterEnumerator
void displaypropertiesdlg(in wstring aprinter, in nsiprintsettings aprintsettings); void enumerateprinters(out pruint32 acount,[retval, array, size_is(acount)] out wstring aresult); obsolete since gecko 1.9 void initprintsettingsfromprinter(in wstring aprintername, in nsiprintsettings aprintsettings); attributes attribute type description defaultprintername wstring the name of the system default printer.
nsIPrivateBrowsingService
the service from javascript, use: var pbs = components.classes["@mozilla.org/privatebrowsing;1"] .getservice(components.interfaces.nsiprivatebrowsingservice); c++ callers should use the contract id @mozilla.org/privatebrowsing-wrapper;1 instead.
nsIProcess
n unsigned long count, [optional] in nsiobserver observer, [optional] in boolean holdweak); void runw(in boolean blocking, [array, size_is(count)] in wstring args, in unsigned long count); void runwasync([array, size_is(count)] in wstring args, in unsigned long count, [optional] in nsiobserver observer, [optional] in boolean holdweak); attributes attribute type description exitvalue long the value returned by the process upon exit.
nsIProfileLock
toolkit/profile/public/nsitoolkitprofile.idlscriptable an object returned by the nsitoolkitprofile.lock method; as long as you hold a reference to the object, the profile remains locked.
nsIProperty
xpcom/ds/nsiproperty.idlscriptable please add a summary to this article.
nsIPropertyElement
xpcom/ds/nsipersistentproperties2.idlscriptable this interface provides access to individual entries within a stringbundle.
nsIPushSubscription
tion.
nsIRequest
firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) for example nsichannel typically passes itself as the nsirequest argument to the nsistreamlistener on each onstartrequest, ondataavaliable, and onstoprequest invocation.
nsIResumableChannel
l and ftp channels).
nsIRunnable
nsirunnable is generated from nsirunnable.idl here is the prototype of nsirunnable.idl /** * represents a task which can be dispatched to a thread for execution.
nsISOCKSSocketInfo
netwerk/socket/nsisockssocketinfo.idlscriptable this interface provides information about a socks socket.
nsISSLSocketControl
netwerk/socket/nsisslsocketcontrol.idlscriptable this interface establishes tls and ssl connections.
nsIScreen
omponents.interfaces.nsiscreen); method overview void getavailrect(out long left, out long top, out long width, out long height); void getrect(out long left, out long top, out long width, out long height); void lockminimumbrightness(in unsigned long brightness); void unlockminimumbrightness(in unsigned long brightness); attributes attribute type description colordepth long the screen's color depth; this is the number of bits used to represent a color.
nsIScriptError2
thunderbird 9.0 / seamonkey 2.6) in gecko 12.0 this interface was merged into the nsiscripterror interface.
nsIScriptableInputStream
allowing a nsiscriptableinputstream instance to be reused.
nsIScriptableUnicodeConverter
astring converttounicode(in acstring asrc); astring convertfrombytearray([const,array,size_is(acount)] in octet adata, in unsigned long acount); void converttobytearray(in astring astring,[optional] out unsigned long alen,[array, size_is(alen),retval] out octet adata); nsiinputstream converttoinputstream(in astring astring); attributes attribute type description charset string current character set.
nsIScrollable
/docshell/base/nsiscrollable.idlscriptable this interface can be implemented by a control that supports scrolling.
nsISearchSubmission
netwerk/base/public/nsibrowsersearchservice.idlscriptable please add a summary to this article.
nsISecurityCheckedComponent
the "universalxpconnect" capability is allowed to access all of xpcom.
nsISelection
idomrange getrangeat(in long index); void modify(in domstring alter, in domstring direction, in domstring granularity); void removeallranges(); void removerange(in nsidomrange range); void selectallchildren(in nsidomnode parentnode); void selectionlanguagechange(in boolean langrtl); domstring tostring(); attributes attribute type description anchornode nsidomnode returns the node in which the selection begins.
nsIServerSocket
erfaces.nsiserversocket); method overview void init(in long aport, in boolean aloopbackonly, in long abacklog); void initwithaddress([const] in prnetaddrptr aaddr, in long abacklog);native code only!
nsISessionStore
astringvalue); void setwindowstate(in nsidomwindow awindow, in astring astate, in boolean aoverwrite); void setwindowvalue(in nsidomwindow awindow, in astring akey, in astring astringvalue); nsidomnode undoclosetab(in nsidomwindow awindow, in unsigned long aindex); nsidomwindow undoclosewindow(in unsigned long aindex); attributes attribute type description canrestorelastsession boolean is it possible to restore the previous session.
nsIStackFrame
xpcom/base/nsiexception.idlscriptable please add a summary to this article.
nsIStructuredCloneContainer
bject it stores by calling deserializetovariant().
nsISupports
retval] out nsqiresult result); nsrefcnt release();violates the xpcom interface guidelines methods violates the xpcom interface guidelines addref() notifies the object that an interface pointer has been duplicated.
nsISupportsPriority
strictly define what happens when the priority of an object is changed.
nsITaggingService
overview void taguri(in nsiuri auri, in nsivariant atags); void untaguri(in nsiuri auri, in nsivariant atags); nsivariant geturisfortag(in astring atag); nsivariant gettagsforuri(in nsiuri auri, [optional] out unsigned long length, [retval, array, size_is(length)] out wstring atags); attributes attribute type description alltags nsivariant retrieves all tags used to tag uris in the data-base (sorted by name).
nsITaskbarPreview
skbar previews.
nsITaskbarPreviewButton
button properties.
nsITaskbarPreviewController
nd attributes need to be implemented.
nsITaskbarTabPreview
ny tab previews as memory allows.
nsITaskbarWindowPreview
n is an nsitaskbarpreviewbutton object.
nsITextInputProcessorCallback
utprocessorcallback is defined for receiving requests and notifications to ime from gecko.
nsIThread
n the thread.
nsIThreadInternal
mented by the xpcom thread object to let consumers observe dispatch activity on a thread.
nsIThreadManager
which is represented by an nsithread.
nsIThreadPool
t changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) a thread pool provides a convenient way to process events off the main thread.
nsIToolkitProfile
inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) you should not create these objects yourself; to obtain them, use the nsitoolkitprofileservice interface to create and obtain them.
nsIToolkitProfileService
cko 18 (firefox 18.0 / thunderbird 18.0 / seamonkey 2.15).
nsITraceableChannel
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, ainputstream, aoffset, acount) { var istream = new binaryinputstream(ainputstream) // binaryainputstream var sstream = new storagestream(8192, acount, null); // storagestream // not sure why its 8192 but thats how eveyrone is doing it, we should ask why var ostream = new binaryoutputstream(sstream.getoutputstream(0)); // binaryoutputstream ...
nsITransaction
editor/txmgr/idl/nsitransaction.idlscriptable please add a summary to this article.
nsITransactionList
editor/txmgr/idl/nsitransactionlist.idlscriptable please add a summary to this article.
nsITransactionManager
listener); void beginbatch(); void clear(); void dotransaction(in nsitransaction atransaction); void endbatch(); nsitransactionlist getredolist(); nsitransactionlist getundolist(); nsitransaction peekredostack(); nsitransaction peekundostack(); void redotransaction(); void removelistener(in nsitransactionlistener alistener); void undotransaction(); attributes attribute type description maxtransactioncount long sets the maximum number of transaction items the transaction manager will maintain at any time.
nsITransportSecurityInfo
netwerk/socket/nsitransportsecurityinfo.idlscriptable this interface provides information about transport security, including the security state and any error message for the connection.
nsITreeBoxObject
orcellitem(in long row, in nsitreecolumn col, in acstring element, out long x, out long y, out long width, out long height); boolean iscellcropped(in long row, in nsitreecolumn col); void rowcountchanged(in long index, in long count); void beginupdatebatch(); void endupdatebatch(); void clearstyleandimagecaches(); attributes attribute type description columns nsitreecolumns readonly: obtain the columns.
nsITreeColumns
nsitreecolumn getcolumnat(in long index); nsitreecolumn getcolumnfor(in nsidomelement element); nsitreecolumn getfirstcolumn(); nsitreecolumn getkeycolumn(); nsitreecolumn getlastcolumn(); nsitreecolumn getnamedcolumn(in astring id); nsitreecolumn getprimarycolumn(); nsitreecolumn getsortedcolumn(); void invalidatecolumns(); void restorenaturalorder(); attributes attribute type description count long the number of columns.
nsITreeContentView
re backed by dom content.
nsITreeSelection
void invalidateselection(); void invertselection(); boolean isselected(in long index); void rangedselect(in long startindex, in long endindex, in boolean augment); void select(in long index); void selectall(); void timedselect(in long index, in long delay); void toggleselect(in long index); attributes attribute type description count long the number of rows currently selected in this tree.
nsIURI
sword @ hostname : portnumber /pathname?query=value #ref method overview nsiuri clone(); nsiuri cloneignoringref(); boolean equals(in nsiuri other); boolean equalsexceptref(in nsiuri other); autf8string resolve(in autf8string relativepath); boolean schemeis(in string scheme); attributes attribute type description asciihost acstring the uri host with an ascii compatible encoding.
nsIURIFixupInfo
docshell/base/nsiurifixup.idlscriptable interface indicating what we found/corrected when fixing up a uri.
nsIURL
l); try { var myurl = myuri.queryinterface(components.interfaces.nsiurl); } catch(e) { // the uri is not an url } or using instanceof: if (myuri instanceof components.interfaces.nsiurl) { // your code here } method overview autf8string getcommonbasespec(in nsiuri auritocompare); autf8string getrelativespec(in nsiuri auritocompare); attributes attribute type description directory autf8string directory portion of a url.
nsIUpdateManager
terface describes a global application service that maintains a list of previously installed updates, as well as the currently in use update.
nsIUserInfo
he current user.
nsIWebBrowserFind
face on an nsiwebbrowser.
nsIWebBrowserFindInFrames
embedding/components/find/public/nsiwebbrowserfind.idlscriptable controls how find behaves when multiple frames or iframes are present.
nsIWifiAccessPoint
netwerk/wifi/nsiwifiaccesspoint.idlscriptable this interface provides information about a single access point.
nsIWinAppHelper
an instance, use: var xulappinfo = components.classes["@mozilla.org/xre/app-info;1"] .getservice(components.interfaces.nsiwinapphelper); the nsixulappinfo and nsixulruntime interfaces are also implemented by "xre/app-info".
nsIWinTaskbar
nsijumplistbuilder createjumplistbuilder(); nsitaskbartabpreview createtaskbartabpreview(in nsidocshell shell, in nsitaskbarpreviewcontroller controller); nsitaskbarprogress gettaskbarprogress(in nsidocshell shell); nsitaskbarwindowpreview gettaskbarwindowpreview(in nsidocshell shell); void setgroupidforwindow(in nsidomwindow aparent, in astring aidentifier); attributes attribute type description available boolean returns true if the operating system supports windows 7 or later taskbar features; you can use this instead of in-place operating system version checking.
nsIWindowsShellService
ry to this article.
nsIWorker
face represents a dom worker thread.
nsIWorkerGlobalScope
s/threads/nsidomworkers.idlscriptable this interface is an abstract interface representing the 'inside' of a worker.
nsIWorkerScope
this interface represents the global scope in which a worker's script runs.
nsIXMLHttpRequestEventTarget
content/base/public/nsixmlhttprequest.idlscriptable this interface provides access to the event listeners used when uploading data using the xmlhttprequest object.
nsIXMLHttpRequestUpload
content/base/public/nsixmlhttprequest.idlscriptable this interface provides access to the features needed when uploading data using nsixmlhttprequest.
nsIXPCException
js/src/xpconnect/idl/xpcexception.idlscriptable these exception objects are the preferred types of exceptions when implementing xpcom interfaces in javascript.
nsIXSLTException
content/xslt/public/nsixsltexception.idlscriptable please add a summary to this article.
nsIXULAppInfo
ific information from application.ini.
nsIXmlRpcFault
scriptable an xml-rpc exception.
nsIZipReader
file zipfile); obsolete since gecko 1.9 void open(in nsifile zipfile); void openinner(in nsizipreader zipreader, in autf8string zipentry); void openinner(in nsizipreader zipreader, in string zipentry); obsolete since gecko 10 void test(in autf8string aentryname); void test(in string aentryname); obsolete since gecko 10 attributes attribute type description file nsifile the file that represents the zip with which this zip reader was initialized.
nsIZipWriter
aqueue); void close(); nsizipentry getentry(in autf8string azipentry); boolean hasentry(in autf8string azipentry); void open(in nsifile afile, in print32 aioflags); void processqueue(in nsirequestobserver aobserver, in nsisupports acontext); void removeentry(in autf8string azipentry, in boolean aqueue); attributes attribute type description comment acstring gets or sets the comment associated with the currently open zip file.
nsMsgFilterFileAttribValue
lnews/ base/ search/ public/ nsimsgfilterlist.idl const nsmsgfilterfileattribvalue attribnone = 0; const nsmsgfilterfileattribvalue attribversion = 1; const nsmsgfilterfileattribvalue attriblogging = 2; const nsmsgfilterfileattribvalue attribname = 3; const nsmsgfilterfileattribvalue attribenabled = 4; const nsmsgfilterfileattribvalue attribdescription = 5; const nsmsgfilterfileattribvalue attribtype = 6; const nsmsgfilterfileattribvalue attribscriptfile = 7; const nsmsgfilterfileattribvalue attribaction = 8; const nsmsgfilterfileattribvalue attribactionvalue = 9; const nsmsgfilterfileattribvalue attribcondition = 10; const nsmsgfilterfileattribvalue attribcustomid = 11; ...
nsMsgJunkStatus
defined in comm-central/ mailnews/ base/ public/ mailnewstypes2.idl typedef unsigned long nsmsgjunkstatus; typedef unsigned long nsmsgjunkscore; ...
nsMsgKey
defined in comm-central/ mailnews/ base/ public/ mailnewstypes2.idl typedef unsigned long nsmsgkey; ...
nsMsgLabelValue
defined in comm-central/ mailnews/ base/ public/ mailnewstypes2.idl typedef unsigned long nsmsglabelvalue; ...
nsMsgPriorityValue
defined in comm-central/ mailnews/ base/ public/ mailnewstypes2.idl typedef long nsmsgpriorityvalue; [scriptable, uuid(94c0d8d8-2045-11d3-8a8f-0060b0fc04d2)] interface nsmsgpriority { const nsmsgpriorityvalue notset = 0; const nsmsgpriorityvalue none = 1; const nsmsgpriorityvalue lowest = 2; const nsmsgpriorityvalue low = 3; const nsmsgpriorityvalue normal = 4; const nsmsgpriorityvalue high = 5; const nsmsgpriorityvalue highest = 6; // the default for a priority picker const nsmsgpriorityvalue default = 4; }; ...
nsMsgSearchAttrib
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl typedef long nsmsgsearchattribvalue; /** * definitions of search attribute types.
nsMsgSearchOp
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl typedef long nsmsgsearchopvalue; [scriptable, uuid(9160b196-6fcb-4eba-aaaf-6c806c4ee420)] interface nsmsgsearchop { const nsmsgsearchopvalue contains = 0; /* for text attributes */ const nsmsgsearchopvalue doesntcontain = 1; const nsmsgsearchopvalue is = 2; /* is and isn't also apply to some non-text attrs */ const nsmsgsearchopvalue isnt = 3; const nsmsgsearchopvalue isempty = 4; const nsmsgsearchopvalue isbefore = 5; /* for date attributes */ const nsmsgsearchopvalue isafter = 6; const nsmsgsearchopvalue ishigherthan = 7; /* for priority.
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; ...
nsMsgSearchWidgetValue
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl fes use this to help build the search dialog box typedef long nsmsgsearchwidgetvalue; /* fes use this to help build the search dialog box */ [scriptable,uuid(903dd2e8-304e-11d3-92e6-00a0c900d445)] interface nsmsgsearchwidget { const nsmsgsearchwidgetvalue text = 0; const nsmsgsearchwidgetvalue date = 1; const nsmsgsearchwidgetvalue menu = 2; const nsmsgsearchwidgetvalue int = 3; /* added to account for age in days which requires an integer field */ const nsmsgsearchwidgetvalue none = 4; }; ...
XPCOM Interface Reference by grouping
tils nsidynamiccontainer nsieditor event nsidomevent nsidomeventgroup nsidomeventlistener nsidomeventtarget nsidommousescrollevent nsidommoztouchevent nsidomorientationevent nsidomprogressevent nsidomsimplegestureevent nsidragdrophandler nsidragservice nsidragsession html nsiaccessibilityservice nsiaccessiblecoordinatetype nsiaccessibledocument nsiaccessibleeditabletext nsiaccessibleevent nsiaccessiblehyperlink nsiaccessiblehypertext nsiaccessibleimage nsiaccessibleprovider nsiaccessibleretrieval nsiaccessiblerole nsiaccessiblescrolltype nsiaccessibleselectable nsiaccessiblestates nsiaccessibletable nsiaccessibletext nsiaccessibletreecache nsiaccessib...
nsIMsgSearchValue
defined in comm-central/ mailnews/ base/ search/ public/ nsimsgsearchvalue.idl #include "nsmsgsearchcore.idl" interface nsimsgfolder; [scriptable, uuid(783758a0-cdb5-11dc-95ff-0800200c9a66)] interface nsimsgsearchvalue : nsisupports { // type of object attribute nsmsgsearchattribvalue attrib; // accessing these will throw an exception if the above // attribute does not match the type!
nsICookie2 MOZILLA 1 8 BRANCH
netwerk/cookie/public/nsicookie2.idlscriptable please add a summary to this article.
nsMsgSearchOpValue
nsmsgsearchopvalue defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl 146 typedef long nsmsgsearchopvalue; 147 148 [scriptable, uuid(9160b196-6fcb-4eba-aaaf-6c806c4ee420)] 149 interface nsmsgsearchop { 150 const nsmsgsearchopvalue contains = 0; /* for text attributes */ 151 const nsmsgsearchopvalue doesntcontain = 1; 152 const nsmsgsearchopvalue is = 2; /* is and isn't also apply to some non-text attrs */ 153 const nsmsgsearchopvalue isnt = 3; 154 const nsmsgsearchopvalue isempty = 4; 155 156 const nsmsgsearchopvalue isbefore = 5; /* for date attributes */ 157 const nsmsgsearchopvalue isafter = 6; 158 159 const nsmsgsearchopvalue ishigherthan = 7; /* for priority.
nsStaticModuleInfo
summary this data structure is used by ns_initxpcom3 to specify static xpcom modules.
Frequently Asked Questions
e errors the build just broke.
Status, Recent Changes, and Plans
ou may want to skip directly to the getting started guide, the reference manual, or the faq.
Using nsIDirectoryService
r and then, after auto-registering components, manually register your own and replace the existing one -- all in all, a big pain.
XPCOM tasks
p3 improve the performance of the registry.
already_AddRefed
« xpcom api reference already_addrefed in association with nscomptr allows you to assign in a pointer without addrefing it.
Xptcall Porting Guide
e and stubs...
Autoconfiguration in Thunderbird
dress that you own) <virtualhost 10.2.3.4:80> #must be the first and only virtual host with this ip!
MailNews fakeserver
ws/test/fakeserver/.
Main Windows
ust beginning to look at it.
Thunderbird API documentation
la.org, and may or may not be relevant.
Thunderbird Binaries
described below are three types of generally available thunderbird packages - releases, early preview releases, and nightly builds (including trunk development builds) - and their downloaded locations.
Creating a Custom Column
/keymaster/gatekeeper/there.is.only.xul"> <tree id="threadtree"> <treecols id="threadcols"> <splitter class="tree-splitter" /> <treecol id="colreplyto" persist="hidden ordinal width" currentview="unthreaded" flex="2" label="reply-to" tooltiptext="click to sort by the reply-to header" /> </treecols> </tree> <!-- include our javascript file --> <script type="text/javascript" src="chrome://replyto_col/content/replyto_col.js"/> </overlay> that's it!
Add Toolbar Button
example xul overlay file: <?xml version="1.0"?> <?xml-stylesheet href="chrome://demo/skin/overlay.css" type="text/css" ?> <overlay id="messengerwindow" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <script type="application/x-javascript" src="overlay.js" /> <toolbarpalette id="mailtoolbarpalette"> <toolbarbutton id="demo-button" class="demo-button toolbarbutton-1" label="demo" type="button" oncommand="demo.load();" /> </toolbarpalette> </overlay> add this to the css file you referenced in your xul file: #demo-button, [place="palette"] > #demo-button { list-style-image: url("chrome://demo/skin/icon.png") !important; } ...
Thunderbird extensions
odebase.
Using Mozilla code in other projects
a toolkit api.
Using the Mozilla source server
he switch to mercurial, you'll need cvs.exe, added to your path (the cvs.exe from mozillabuild has problems, use this one instead) note: do not use the cvs from mozillabuild, it will not work!
XPI
t files stored uncompressed or compressed using the "deflate" method.
PKCS #11 Netscape Trust Objects - Network Security Services
rred to by the der value of the issuer field, and the serial number.
Blocking By Domain - Plugins
ed for firefox 55.
Plug-in Side Plug-in API - Plugins
an overview of how these two sides of the plug-in api interact, see the how plug-ins work and overview of plug-in structure sections in the introduction.
Preferences System
d | examples | troubleshooting reference: prefwindow | prefpane | preferences | preference | xul attributes use code for a typical preferences window may look like this: <prefwindow id="apppreferences" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <prefpane id="pane1" label="&pane1.title;"> <preferences> <preference id="pref1" name="pref.name" type="bool"/> </preferences> ..
Inspecting web app manifests - Firefox Developer Tools
cessfully deployed, you'll get the following output shown: deploying a manifest to get a manifest deployed successfully, you need to include a <link> element in the <head> of your document that points to your .webmanifest file: <link rel="manifest" href="/manifest.webmanifest"> the .webmanifest extension is recommended in the spec, and should be served with an application/manifest+json mime type, although browsers generally tend to support manifests with other appropriate extensions like .json (mime type: application/json).
Examine, modify, and watch variables - Firefox Developer Tools
mized away by the javascript engine, then it is shown in the variables view, but is given the value (optimized away), and is not editable.
Set watch expressions - Firefox Developer Tools
when debugging code, sometimes it's useful to watch expressions as executions are paused.
Set a breakpoint - Firefox Developer Tools
there are many different types of breakpoint that can be set in the debugger; this article covers standard (unconditional) breakpoints and conditional breakpoints.
Use a source map - Firefox Developer Tools
the javascript sources executed by the browser are often transformed in some way from the original sources created by a developer.
Set a logpoint - Firefox Developer Tools
sometimes you want to view a value in your code but you don't want to pause execution.
Source map errors - Firefox Developer Tools
pen one of the original sources in the debugger.
Deprecated tools - Firefox Developer Tools
ription the web audio editor allowed you to examine an audio context constructed in the page and provided a visualization of its graph.
JSON viewer - Firefox Developer Tools
default only in firefox developer edition and firefox nightly.
Memory - Firefox Developer Tools
wo snapshots deleting snapshots saving and loading snapshots recording call stacks analyzing snapshots the tree map view is new in firefox 48, and the dominators view is new in firefox 46.
Edit CSS filters - Firefox Developer Tools
will be apparent as soon as youpress enter.
Edit Shape Paths in CSS - Firefox Developer Tools
the margin box will make up part of this line.
Work with animations - Firefox Developer Tools
perty being transitioned.
Animating CSS properties - Firefox Developer Tools
e frame, since the screen isn't updated until it is complete.
Cache Storage - Firefox Developer Tools
under the cache storage type within the storage inspector you can see the contents of any dom caches created using the cache api.
Cookies - Firefox Developer Tools
when you select an origin inside the cookies storage type from the storage tree, all the cookies present for that origin will be listed in a table.
Extension Storage - Firefox Developer Tools
this storage type is only shown when debugging extensions.
Web Audio Editor - Firefox Developer Tools
io stream.
about:debugging (before Firefox 68) - Firefox Developer Tools
the about:debugging page provides a single place from which you can attach the firefox developer tools to a number of debugging targets.
about:debugging - Firefox Developer Tools
the about:debugging page provides a single place from which you can attach the firefox developer tools to a number of debugging targets.
Firefox Developer Tools
ript.
ANGLE_instanced_arrays.drawArraysInstancedANGLE() - Web APIs
raysinstancedangle() method of the webgl api renders primitives from array data like the gl.drawarrays() method.
ANGLE_instanced_arrays - Web APIs
the angle_instanced_arrays extension is part of the webgl api and allows to draw the same object, or groups of similar objects multiple times, if they share the same vertex data, primitive count and type.
AnalyserNode.frequencyBinCount - Web APIs
e interface is an unsigned integer half that of the analysernode.fftsize.
AnalyserNode.getFloatFrequencyData() - Web APIs
wing example shows basic usage of an audiocontext to connect a mediaelementaudiosourcenode to an analysernode.
Animation.effect - Web APIs
Web › API › Animation › effect
the animation.effect property of the web animations api gets and sets the target effect of an animation.
Attr.prefix - Web APIs
Web › API › Attr › prefix
of the specified attribute, or null if no prefix is specified.
AudioBuffer - Web APIs
the audiobuffer interface represents a short audio asset residing in memory, created from an audio file using the audiocontext.decodeaudiodata() method, or from raw data using audiocontext.createbuffer().
AudioBufferSourceNode.loop - Web APIs
de.
AudioBufferSourceNode.loopEnd - Web APIs
the current play position will loop back to the 20 second mark and continue playing until the 25 second mark, ad infinitum (or at least until stop() is called).
AudioBufferSourceNode.loopStart - Web APIs
g loopstart and loopend.
AudioBufferSourceNode.start() - Web APIs
cond audio buffer is still 5.
AudioContext.createMediaStreamSource() - Web APIs
ta = function(e) { video.play(); video.muted = true; }; // create a mediastreamaudiosourcenode // feed the htmlmediaelement into it var audioctx = new audiocontext(); var source = audioctx.createmediastreamsource(stream); // create a biquadfilter var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = range.value; // connect the audiobuffersourcenode to the gainnode // and the gainnode to the destination, so we can play the // music and adjust the volume using the mouse cursor source.connect(biquadfilter); biquadfilter.connect(audioctx.destination); // ...
AudioContext.createMediaStreamTrackSource() - Web APIs
audio context's destination.
AudioContextLatencyCategory - Web APIs
the audiocontextlatencycategory type is an enumerated set of strings which are used to select one of a number of default values for acceptable maximum latency of an audio context.
AudioNodeOptions - Web APIs
the audionodeoptions dictionary of the web audio api specifies options that can be used when creating new audionode objects.
AudioParam.setValueAtTime() - Web APIs
t audiocontext.currenttime.
AudioParam.value - Web APIs
Web › API › AudioParam › value
ng audioparam.setvalueattime with the time returned by the audiocontext's currenttime property..
AudioScheduledSourceNode.onended - Web APIs
ly when the node is stopped using its stop() method.
AudioScheduledSourceNode - Web APIs
the audioscheduledsourcenode interface—part of the web audio api—is a parent interface for several types of audio source node interfaces which share the ability to be started and stopped, optionally at specified times.
AudioTrack.kind - Web APIs
Web › API › AudioTrack › kind
the kind property contains a string indicating the category of audio contained in the audiotrack.
AudioTrackList.length - Web APIs
entries in the audiotracklist, each of which is an audiotrack representing one audio track in the media element.
AudioWorkletGlobalScope.registerProcessor - Web APIs
the name is to be referred to when creating an audioworkletnode based on the registered processor.
AudioWorkletProcessor.process - Web APIs
if the combination of the return value and the state of the node causes the browser to decide to stop the node, process() will not be called again.
AuthenticatorAttestationResponse.attestationObject - Web APIs
attestation statement that is of the format defined by "fmt".
AuthenticatorAttestationResponse.getTransports() - Web APIs
ed over ble (bluetooth low energy) "internal": the authenticator is specifically bound to the client device (cannot be removed).
AuthenticatorAttestationResponse - Web APIs
(e.g.
AuthenticatorResponse - Web APIs
eed with the control of the credential }).catch(function (err) { console.error(err); }); getting an authenticatorattestationresponse var publickey = { challenge: /* from the server */, rp: { name: "example corp", id : "login.example.com" }, user: { id: new uint8array(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 definit...
Background Tasks API - Web APIs
lidlecallback || function(id) { cleartimeout(id); } if cancelidlecallback() isn't defined, this creates one which simply passes the specified callback id through to cleartimeout().
BaseAudioContext.createConvolver() - Web APIs
rmation, check out our voice-change-o-matic demo (see app.js for relevant code).
BaseAudioContext.createIIRFilter() - Web APIs
the createiirfilter() method of the baseaudiocontext interface creates an iirfilternode, which represents a general infinite impulse response (iir) filter which can be configured to serve as various types of filter.
BaseAudioContext.createOscillator() - Web APIs
ge of an audiocontext to create an oscillator node.
BaseAudioContext.createScriptProcessor() - Web APIs
e = audioctx.createbuffersource(); // create a scriptprocessornode with a buffersize of 4096 and a single input and output channel var scriptnode = audioctx.createscriptprocessor(4096, 1, 1); console.log(scriptnode.buffersize); // load in an audio track via xhr and decodeaudiodata function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // give the node a function to process audio events scriptnode.onaudioprocess = function(audioprocessingev...
BaseAudioContext.createWaveShaper() - Web APIs
moid functions are commonly used for distortion curves because of their natural properties.
BasicCardResponse - Web APIs
options.
BiquadFilterNode.Q - Web APIs
= audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(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; 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
= audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(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; biquadfilter.detune.value = 100; specifications specification status comment web audio apithe definition of 'detune' in that specification.
BiquadFilterNode.frequency - Web APIs
= audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(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
= audioctx.createbiquadfilter(); var convolver = audioctx.createconvolver(); // connect the nodes together source = audioctx.createmediastreamsource(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
"freq-response-output"> </ul> var freqresponseoutput = document.queryselector('.freq-response-output'); finally, after creating our biquad filter, we use getfrequencyresponse() to generate the response data and put it in our arrays, then loop through each data set and output them in a human-readable list at the bottom of the page: var biquadfilter = audioctx.createbiquadfilter(); biquadfilter.type = "lowshelf"; biquadfilter.frequency.value = 1000; biquadfilter.gain.value = range.value; ...
Blob.text() - Web APIs
Web › API › Blob › text
-8 format.
Bluetooth.requestDevice() - Web APIs
device request.
Bluetooth - Web APIs
Web › API › Bluetooth
ce read only returns a reference to the device, if any, from which the user opened the current page.
Body.arrayBuffer() - Web APIs
Web › API › Body › arrayBuffer
onnect(audioctx.destination); }); }); }; // wire up buttons to stop and play audio play.onclick = function() { getdata(); source.start(0); play.setattribute('disabled', 'disabled'); } reading files the response() constructor accepts files and blobs, so it may be used to read a file into other formats.
BroadcastChannel.onmessageerror - Web APIs
the onmessageerror event handler of the broadcastchannel interface is an eventlistener, called whenever an messageevent of type messageerror is fired on the broadcastchannel instance — that is, when it receives a message that cannot be deserialized.
CSSKeyframeRule - Web APIs
the csskeyframerule interface describes an object representing a set of style for a given keyframe.
CSSKeyframesRule - Web APIs
the csskeyframesrule interface describes an object representing a complete set of keyframes for a css animation.
CSSKeywordValue.CSSKeywordValue() - Web APIs
ee 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
e csskeywordvalue.value = val value a usvstring.
CSSMathProduct.CSSMathProduct() - Web APIs
the cssmathproduct() constructor creates a new cssmathproduct object which creates a new cssmathproduct object which syntax var cssmathproduct = new cssmathproduct() parameters arg a value for the cssmathproduct object to be constructed either a double integer or a cssnumericvalue.
CSSMathProduct.values - Web APIs
the cssmathproduct.values read-only property of the cssmathproduct interface returns a cssnumericarray object which contains one or more cssnumericvalue objects.
CSSMathSum.CSSMathSum() - Web APIs
the cssmathsum() constructor creates a new cssmathsum object which creates a new csskeywordvalue object which represents the result obtained by calling add(), sub(), or tosum() on cssnumericvalue.
CSSMathSum.values - Web APIs
Web › API › CSSMathSum › values
the cssmathsum.values read-only property of the cssmathsum interface returns a cssnumericarray object which contains one or more cssnumericvalue objects.
CSSMediaRule - Web APIs
the cssmediarule interface represents a single css @media rule.
CSSNamespaceRule - Web APIs
the cssnamespacerule interface describes an object representing a single css @namespace at-rule.
CSSNumericValue.parse() - Web APIs
.parse(csstext); parameters csstext a string containing numeric and unit parts.
CSSPageRule - Web APIs
csspagerule is an interface representing a single css @page rule.
CSSPositionValue - Web APIs
the csspositionvalue interface of the the css typed object model api represents values for properties that take a position, for example object-position.
CSSPrimitiveValue.getCounterValue() - Web APIs
) method of the cssprimitivevalue interface is used to get the counter value.
CSSPrimitiveValue.getRGBColorValue() - Web APIs
od of the cssprimitivevalue interface is used to get an rgb color value.
CSSPrimitiveValue.getRectValue() - Web APIs
the getrectvalue() method of the cssprimitivevalue interface is used to get a rect value.
CSSPrimitiveValue.getStringValue() - Web APIs
the getstringvalue() method of the cssprimitivevalue interface is used to get a string value.
CSSStyleDeclaration.item() - Web APIs
the cssstyledeclaration.item() method interface returns a css property name from a cssstyledeclaration by index.
CSSStyleRule.styleMap - Web APIs
the stylemap read-only property of the cssstylerule interface returns a stylepropertymap object which provides access to the rule's property-value pairs.
CSSStyleRule - Web APIs
cssstylerule represents a single css style rule.
CSSStyleValue.parse() - Web APIs
declarations for the transform property.
CSSStyleValue.parseAll() - Web APIs
ing one of the supplied values.
CSSSupportsRule - Web APIs
the csssupportsrule interface describes an object representing a single css @supports at-rule.
CSSUnitValue.value - Web APIs
alue; value a double.
CSSUnparsedValue.CSSUnparsedValue() - Web APIs
usvstring or a cssvariablereferencevalue.
CSSUnparsedValue.forEach() - Web APIs
alue the value of the current element being processed.
CSSUnparsedValue.keys() - Web APIs
the cssunparsedvalue.keys() method returns a new array iterator object that contains the keys for each index in the array.
CSSUnparsedValue.length - Web APIs
returns the number of items in the object.
CSSUnparsedValue.values() - Web APIs
the cssunparsedvalue.values() method returns a new array iterator object that contains the values for each index in the cssunparsedvalue object.
CSSVariableReferenceValue() - Web APIs
creates a new cssvariablereferencevalue.
CSSVariableReferenceValue.fallback - Web APIs
the fallback read-only property of the cssvariablereferencevalue interface returns the custom property fallback value of the cssvariablereferencevalue.
CSSVariableReferenceValue.variable - Web APIs
the variable property of the cssvariablereferencevalue interface returns the custom property name of the cssvariablereferencevalue.
Cache.addAll() - Web APIs
Web › API › Cache › addAll
the same addall() method.
CacheStorage - Web APIs
the cachestorage interface represents the storage for cache objects.
CanvasImageSource - Web APIs
canvasimagesource provides a mechanism for other interfaces to be used as image sources for some methods of the canvasdrawimage and canvasfillstrokestyles interfaces.
CanvasPattern.setTransform() - Web APIs
so for example you could replace the svgmatrix in the above example with the following: const matrix = new dommatrix([1, .2, .8, 1, 0, 0]); edit the code below and see your changes update live in the canvas: playable code <canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> <svg id="svg1" style="display:none"></svg> <div class="playable-buttons"> <input id="edit" type="button" value="edit" /> <input id="reset" type="button" value="reset" /> </div> <textarea id="code" class="playable-code" style="height:120px"> var img = new image(); img.src = 'https://mdn.mozillademos.org/files/222/canvas_createpattern.png'; img.onload = function() { var pattern = ctx.createpattern(img, 'repeat'); pattern.settransform(matrix.rotate(-45).scale(1.5)); ctx.fillstyle = pat...
CanvasRenderingContext2D.arcTo() - Web APIs
ipt const canvas = document.getelementbyid('canvas'); const ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.moveto(180, 90); ctx.arcto(180,130, 110,130, 130); ctx.lineto(110, 130); ctx.stroke(); result live demo more sophisticated demo of the method.
CanvasRenderingContext2D.drawImage() - Web APIs
wn image.
ChildNode.remove() - Web APIs
Web › API › ChildNode › remove
z/js_piece/blob/master/dom/childnode/remove()/remove().md (function (arr) { arr.foreach(function (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.
Client.postMessage() - Web APIs
stmessage() method of the client interface allows a service worker to send a message to a client (a window, worker, or sharedworker).
Client.url - Web APIs
Web › API › Client › url
eturns the url of the current service worker client.
Clients.openWindow() - Web APIs
data: { url: self.location.origin + '/some/path' }, // data: { url: 'http://example.com' }, }; self.registration.shownotification('you\'ve got messages!', notificationobject); } // notification click event listener self.addeventlistener('notificationclick', e => { // close the notification popout e.notification.close(); // get all the window clients e.waituntil(clients.matchall({ type: 'window' }).then(clientsarr => { // if a window tab matching the targeted url already exists, focus that; const hadwindowtofocus = clientsarr.some(windowclient => windowclient.url === e.notification.data.url ?
Clients - Web APIs
Web › API › Clients
the clients interface provides access to client objects.
ClipboardEvent - Web APIs
ted to modification of the clipboard, that is cut, copy, and paste events.
CloseEvent - Web APIs
1001 going away the endpoint is going away, either because of a server failure or because the browser is navigating away from the page that opened the connection.
CompositionEvent.data - Web APIs
the data read-only property of the compositionevent interface returns the characters generated by the input method that raised the event; its exact nature varies depending on the type of event that generated the compositionevent object.
CompositionEvent - Web APIs
></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor compositionevent() creates a new compositionevent object instance.
ConstrainDOMString - Web APIs
on status comment media capture and streamsthe definition of 'constraindomstring' in that specification.
ContentIndex - Web APIs
item in the correct format and creating an asynchronous function which uses the add() method to register it with the content index.
ContentIndexEvent - Web APIs
s event is sent to the global scope of a serviceworker.
Content Index API - Web APIs
item in the correct format and creating an asynchronous function which uses the add() method to register it with the content index.
ConvolverNode.buffer - Web APIs
convolver(); convolver.buffer = myaudiobuffer; value an audiobuffer.
ConvolverNode.normalize - Web APIs
ctx.createconvolver(); convolver.normalize = false; value a boolean.
CrashReportBody - Web APIs
rent possible reasons are: oom: the browser ran out of memory.
Credential Management API - Web APIs
site credentials and user agents can provide better assistance with the management of their credentials.
CredentialsContainer.create() - Web APIs
of the credentialscontainer interface returns a promise that resolves with a new credential instance based on the provided options, or null if no credential object can be created.
Crypto - Web APIs
Web › API › Crypto
erty, which is a crypto object.
CryptoKey - Web APIs
Web › API › CryptoKey
the cryptokey interface of the web crypto api represents a cryptographic key obtained from one of the subtlecrypto methods generatekey(), derivekey(), importkey(), or unwrapkey().
CustomEvent - Web APIs
r web compatibility purposes.
DOMImplementation.createHTMLDocument() - Web APIs
6 pulls the contentdocument of the frame; this is the document into which we'll be injecting the new content.
DOMPointReadOnly.fromPoint() - Web APIs
al to the source point).
DOMRect - Web APIs
Web › API › DOMRect
a domrect represents a rectangle.
DOMRectReadOnly - Web APIs
the domrectreadonly interface specifies the standard properties used by domrect to define a rectangle whose properties are immutable.
DOMStringList - Web APIs
a type returned by some apis which contains a list of domstring (strings).
DOMTimeStamp - Web APIs
the domtimestamp type represents an absolute or relative number of milliseconds, depending on the specification in which it appears.
DOMTokenList.forEach() - Web APIs
class="a b c"></span> javascript let span = document.queryselector("span"); let classes = span.classlist; let iterator = classes.values(); classes.foreach( function(value, key, listobj) { span.textcontent += `${value} ${key}/${this} ++ `; }, "arg" ); 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.keys() - Web APIs
Web › API › DOMTokenList › keys
the keys() method of the domtokenlist interface returns an iterator allowing to go through all keys contained in this object.
DOMTokenList.replace() - Web APIs
og(result); if (result) { span.textcontent = classes; } else { span.textcontent = 'token not replaced successfully'; } the output looks like this: polyfill the following polyfill will add the replace method to the domtokenlist class.
DataTransfer.dropEffect - Web APIs
the datatransfer.dropeffect property controls the feedback (typically visual) the user is given during a drag and drop operation.
DataTransfer.effectAllowed - Web APIs
perations are permitted.
DataTransfer.setDragImage() - Web APIs
zontal offset within the image.
DedicatedWorkerGlobalScope.onmessageerror - Web APIs
the onmessageerror event handler of the dedicatedworkerglobalscope interface is an eventlistener, called whenever an messageevent of type messageerror is fired on the worker—that is, when it receives a message that cannot be deserialized.
DedicatedWorkerGlobalScope - Web APIs
erties and methods available.
DirectoryReaderSync - Web APIs
ocument was last updated on march 2, 2012 and follows the w3c specifications (working draft) drafted on april 19, 2011.
Document: DOMContentLoaded event - Web APIs
has a chance to run, so it is wise to check before adding a listener.
Document.anchors - Web APIs
Web › API › Document › anchors
the anchors read-only property of the document interface returns a list of all of the anchors in the document.
Document.caretRangeFromPoint() - Web APIs
cument.caretpositionfrompoint) { range = document.caretpositionfrompoint(e.clientx, e.clienty); textnode = range.offsetnode; offset = range.offset; } else if (document.caretrangefrompoint) { range = document.caretrangefrompoint(e.clientx, e.clienty); textnode = range.startcontainer; offset = range.startoffset; } // only split text_nodes if (textnode && textnode.nodetype == 3) { let replacement = textnode.splittext(offset); let br = document.createelement('br'); textnode.parentnode.insertbefore(br, replacement); } } let paragraphs = document.getelementsbytagname("p"); for (let i = 0; i < paragraphs.length; i++) { paragraphs[i].addeventlistener('click', insertbreakatpoint, false); } result ...
Document.characterSet - Web APIs
perty returns the character encoding of the document that it's currently rendered with.
Document.cookie - Web APIs
Web › API › Document › cookie
okies.
Document.createTextNode() - Web APIs
creates a new text node.
Document.getElementsByTagName() - Web APIs
ch the tag name parameter.
Document.implementation - Web APIs
e w3c's dom level 1 recommendation only specified the hasfeature method, which is one way to determine if a dom module is supported by a browser (see example above and what does your user agent claim to support?).
Document.mozSetImageElement() - Web APIs
ing the name of an element that has been specified as a background image using the -moz-element css function.
Document.popupNode - Web APIs
at was clicked on.
Document: readystatechange event - Web APIs
the readystatechange event is fired when the readystate attribute of a document has changed.
Document.registerElement() - Web APIs
ctor for the new element.
Document.title - Web APIs
Web › API › Document › title
ntains the title specified in the markup (see the notes below).
Document.write() - Web APIs
Web › API › Document › write
ent.open().
Document.writeln() - Web APIs
Web › API › Document › writeln
</p>"); notes document.writeln is the same as document.write but adds a newline.
DocumentFragment - Web APIs
</svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor documentfragment() creates and returns a new documentfragment object.
DocumentOrShadowRoot.activeElement - Web APIs
faces returns the element within the dom or shadow dom tree that currently has focus.
DocumentOrShadowRoot.caretPositionFromPoint() - Web APIs
; if (document.caretpositionfrompoint) { range = document.caretpositionfrompoint(e.clientx, e.clienty); textnode = range.offsetnode; offset = range.offset; } else if (document.caretrangefrompoint) { range = document.caretrangefrompoint(e.clientx, e.clienty); textnode = range.startcontainer; offset = range.startoffset; } // only split text_nodes if (textnode.nodetype == 3) { 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 spec...
DocumentTimeline.DocumentTimeline() - Web APIs
ent of the active document for the current browsing context.
EXT_color_buffer_half_float - Web APIs
l tutorial.
EXT_frag_depth - Web APIs
.
EXT_shader_texture_lod - Web APIs
x, vec2 dpdy) vec4 texture2dprojgradext(sampler2d sampler, vec3 p, vec2 dpdx, vec2 dpdy) vec4 texture2dprojgradext(sampler2d sampler, vec4 p, vec2 dpdx, vec2 dpdy) vec4 texturecubegradext(samplercube sampler, vec3 p, vec3 dpdx, vec3 dpdy) examples enabling the extensions: gl.getextension('ext_shader_texture_lod'); shader code that avoids artifacts when wrapping texture coordinates: <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...
EffectTiming.fill - Web APIs
Web › API › EffectTiming › fill
re simpler and more performant.
EffectTiming.iterations - Web APIs
berofiterations }; timingproperties.iterations = numberofiterations; value a floating-point value specifying the number of times the animation sequence will play through.
Element.attachShadow() - Web APIs
the element.attachshadow() method attaches a shadow dom tree to the specified element and returns a reference to its shadowroot.
Element.computedStyleMap() - Web APIs
n browsers that support computedstylemap(), you'll see a list of all the css properties and values.
Element.insertAdjacentElement() - Web APIs
s first child.
Element: overflow event - Web APIs
by its content or has been rendered for the first time in this state (only works for elements styled with overflow != visible).
Element.prefix - Web APIs
Web › API › Element › prefix
y returns the namespace prefix of the specified element, or null if no prefix is specified.
Element.scrollLeft - Web APIs
(e.g., it has no overflow), scrollleft is set to 0.
Element.scrollWidth - Web APIs
ements such as ::before or ::after.
Element: select event - Web APIs
the select event fires when some text has been selected.
Element: show event - Web APIs
the show event is fired when a contextmenu event was fired on/bubbled to an element that has a contextmenu attribute.
Element.tagName - Web APIs
Web › API › Element › tagName
gname read-only property of the element interface returns the tag name of the element on which it's called.
Element.toggleAttribute() - Web APIs
directly (seldom 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 - polyfill if (!element.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 ...
Element: underflow event - Web APIs
an element is no longer overflowed by its content.
ElementCSSInlineStyle.style - Web APIs
t those that come from style rules elsewhere, such as style rules in the <head> section, or external style sheets.
ElementCSSInlineStyle - Web APIs
the elementcssinlinestyle mixin describes cssom-specific features common to the htmlelement, svgelement and mathmlelement interfaces.
Encoding API - Web APIs
us character encodings, including legacy non-utf-8 encodings.
Event.cancelable - Web APIs
Web › API › Event › cancelable
code control if they can be canceled when they are created.
Event.composed - Web APIs
Web › API › Event › composed
note: this property was formerly named scoped.
Event.eventPhase - Web APIs
Web › API › Event › eventPhase
triggered during this process.
Event.stopImmediatePropagation() - Web APIs
the stopimmediatepropagation() method of the event interface prevents other listeners of the same event from being called.
EventListener - Web APIs
e need for compatibility with legacy content, eventlistener accepts both a function and an object with a handleevent() property function.
EventSource.onmessage - Web APIs
the onmessage property of the eventsource interface is an eventhandler called when a message event is received, that is when a message is coming from the source.
ExtendableMessageEvent - Web APIs
erviceworkerglobalscope from another context) — extends the lifetime of such events.
FetchEvent - Web APIs
this is the event type for fetch events dispatched on the service worker global scope.
Fetch API - Web APIs
Web › API › Fetch API
e.fetch() the fetch() method used to fetch a resource.
File.lastModified - Web APIs
Web › API › File › lastModified
lastmodified read-only property provides the last modified date of the file as the number of milliseconds since the unix epoch (january 1, 1970 at midnight).
File.lastModifiedDate - Web APIs
the file.lastmodifieddate read-only property returns the last modified date of the file.
File.name - Web APIs
Web › API › File › name
returns the name of the file represented by a file object.
File.webkitRelativePath - Web APIs
path = file.webkitrelativepath value a usvstring containing the path of the file relative to the ancestor directory the user selected.
FileReader: error event - Web APIs
the error event is fired when the read failed due to an error (for example, because the file was not found or not readable).
onerror - Web APIs
the filereader onerror handler receives an event object, not an error object, as a parameter, but an error can be accessed from the filereader object, as instanceoffilereader.error // callback from a <input type="file" onchange="onchange(event)"> function onchange(event) { var file = event.target.files[0]; var reader = new filereader(); reader.onerror = function(event) { alert("failed to read file!\n\n" + reader.error); reader.abort(); // (...does this do anything useful in an onerror handler?) }; reader.readastext(file); } ...
FileReader.onload - Web APIs
Web › API › FileReader › onload
the filereader.onload property contains an event handler executed when the load event is fired, when content read with readasarraybuffer, readasbinarystring, readasdataurl or readastext is available.
FileSystemDirectoryEntry.removeRecursively() - Web APIs
ameters.
FileSystemEntry.isDirectory - Web APIs
the read-only isdirectory property of the filesystementry interface is true if the entry represents a directory (meaning it's a filesystemdirectoryentry) and false if it's not.
FileSystemEntry.isFile - Web APIs
the read-only isfile property of the filesystementry interface is true if the entry represents a file (meaning it's a filesystemfileentry) and false if it's not.
FileSystemSync - Web APIs
h 2, 2012 and follows the w3c specifications (working draft) drafted on april 19, 2011.
FocusEvent.relatedTarget - Web APIs
the focusevent.relatedtarget read-only property is the secondary target, depending on the type of event: event name target relatedtarget blur the eventtarget losing focus the eventtarget receiving focus (if any).
FontFace.FontFace() - Web APIs
Web › API › FontFace › FontFace
the fontface() constructor creates a new fontface object.
FormData() - Web APIs
Web › API › FormData › FormData
a object: var formdata = new formdata(); // currently empty you could add a key/value pair to this using formdata.append: formdata.append('username', 'chris'); or you can specify the optional form argument when creating the formdata object, to prepopulate it with values from the specified form: <form id="myform" name="myform"> <div> <label for="username">enter name:</label> <input type="text" id="username" name="username"> </div> <div> <label for="useracc">enter account number:</label> <input type="text" id="useracc" name="useracc"> </div> <div> <label for="userfile">upload file:</label> <input type="file" id="userfile" name="userfile"> </div> <input type="submit" value="submit!"> </form> note: only successful form controls are included in a formd...
FormData - Web APIs
Web › API › FormData
the formdata interface provides a way to easily construct a set of key/value pairs representing form fields and their values, which can then be easily sent using the xmlhttprequest.send() method.
FormDataEntryValue - Web APIs
a string or file that represents a single value from a set of formdata key-value pairs.
Gamepad.buttons - Web APIs
Web › API › Gamepad › buttons
on github.) note the code fork — in chrome navigator.getgamepads needs a webkit prefix and the button values are stores as an array of double values, whereas in firefox navigator.getgamepads doesn't need a prefix, and the button values are stored as an array of gamepadbutton objects; it is the gamepadbutton.value or gamepadbutton.pressed properties of these we need to access, depending on what type of buttons they are.
GamepadHapticActuator.pulse() - Web APIs
the pulse() method of the gamepadhapticactuator interface makes the hardware pulse at a certain intensity for a specified duration.
GeolocationCoordinates.longitude - Web APIs
the geolocationcoordinates interface's read-only longitude property is a double-precision floating point value which represents the longitude of a geographical position, specified in decimal degrees.
GeolocationPositionError.code - Web APIs
the geolocationpositionerror.code read-only property is an unsigned short representing the error code.
GeometryUtils - Web APIs
the geometryutils interface provides different utility function to retrieve geometry information about dom nodes.
GestureEvent - Web APIs
eginning of the gesture.
GlobalEventHandlers.onblur - Web APIs
nt, document, and window.
GlobalEventHandlers.ondrag - Web APIs
a global event handler for the drag event.
GlobalEventHandlers.ondragend - Web APIs
a global event handler for the dragend event.
GlobalEventHandlers.ondragenter - Web APIs
a global event handler for the dragenter event.
GlobalEventHandlers.ondragexit - Web APIs
ic event listener.
GlobalEventHandlers.ondragleave - Web APIs
a global event handler for the dragleave event.
GlobalEventHandlers.ondragover - Web APIs
a global event handler for the dragover event.
GlobalEventHandlers.ondragstart - Web APIs
a global event handler for the dragstart event.
GlobalEventHandlers.ondrop - Web APIs
a global event handler for the drop event.
GlobalEventHandlers.onfocus - Web APIs
index attribute (see building keyboard accessibility back in for more details).
GlobalEventHandlers.onload - Web APIs
of the globaleventhandlers mixin is an eventhandler that processes load events on a window, xmlhttprequest, <img> element, etc.
GlobalEventHandlers.onselect - Web APIs
the onselect property of the globaleventhandlers mixin is an eventhandler that processes select events.
HTMLAnchorElement.rel - Web APIs
the htmlanchorelement.rel property reflects the rel attribute.
HTMLAreaElement.rel - Web APIs
the htmlareaelement.rel property reflects the rel attribute.
HTMLAreaElement.relList - Web APIs
the htmlareaelement.rellist read-only property reflects the rel attribute.
HTMLCanvasElement.mozOpaque - Web APIs
xt with htmlcanvaselement.getcontext().
HTMLDialogElement.close() - Web APIs
dialog id="favdialog"> <form method="dialog"> <section> <p><label for="favanimal">favorite animal:</label> <select id="favanimal" name="favanimal"> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select></p> </section> <menu> <button id="cancel" type="reset">cancel</button> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); ...
HTMLDialogElement.open - Web APIs
dialog id="favdialog"> <form method="dialog"> <section> <p><label for="favanimal">favorite animal:</label> <select id="favanimal" name="favanimal"> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select></p> </section> <menu> <button id="cancel" type="reset">cancel</button> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); ...
HTMLDialogElement.show() - Web APIs
dialog id="favdialog"> <form method="dialog"> <section> <p><label for="favanimal">favorite animal:</label> <select id="favanimal" name="favanimal"> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select></p> </section> <menu> <button id="cancel" type="reset">cancel</button> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); ...
HTMLDialogElement.showModal() - Web APIs
dialog id="favdialog"> <form method="dialog"> <section> <p><label for="favanimal">favorite animal:</label> <select id="favanimal" name="favanimal"> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select></p> </section> <menu> <button id="cancel" type="reset">cancel</button> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); ...
HTMLDialogElement - Web APIs
dialog id="favdialog"> <form method="dialog"> <section> <p><label for="favanimal">favorite animal:</label> <select id="favanimal" name="favanimal"> <option></option> <option>brine shrimp</option> <option>red panda</option> <option>spider monkey</option> </select></p> </section> <menu> <button id="cancel" type="reset">cancel</button> <button type="submit">confirm</button> </menu> </form> </dialog> <menu> <button id="updatedetails">update details</button> </menu> <script> (function() { var updatebutton = document.getelementbyid('updatedetails'); var cancelbutton = document.getelementbyid('cancel'); var dialog = document.getelementbyid('favdialog'); ...
HTMLElement: animationcancel event - Web APIs
erty instead of addeventlistener(): const animated = document.queryselector('.animated'); animated.onanimationcancel = () => { console.log('animation canceled'); }; animated.style.display = 'none'; live example html <div class="animation-example"> <div class="container"> <p class="animation">you chose a cold night to visit our planet.</p> </div> <button class="activate" type="button">activate animation</button> <div class="event-log"></div> </div> css .container { height: 3rem; } .event-log { width: 25rem; height: 2rem; border: 1px solid black; margin: 0.2rem; padding: 0.2rem; } .animation.active { animation-duration: 2s; animation-name: slidein; animation-iteration-count: 2; } @keyframes slidein { from { transform: translatex(100%) ...
HTMLElement: animationend event - Web APIs
ded'); }); the same, but using the onanimationend event handler property: const animated = document.queryselector('.animated'); animated.onanimationend = () => { console.log('animation ended'); }; live example html <div class="animation-example"> <div class="container"> <p class="animation">you chose a cold night to visit our planet.</p> </div> <button class="activate" type="button">activate animation</button> <div class="event-log"></div> </div> css .container { height: 3rem; } .event-log { width: 25rem; height: 2rem; border: 1px solid black; margin: .2rem; padding: .2rem; } .animation.active { animation-duration: 2s; animation-name: slidein; animation-iteration-count: 2; } @keyframes slidein { from { margin-left: 100%; width: ...
HTMLElement: animationiteration event - Web APIs
t animated = document.queryselector('.animated'); let iterationcount = 0; animated.onanimationiteration = () => { iterationcount++; console.log(`animation iteration count: ${iterationcount}`); }; live example html <div class="animation-example"> <div class="container"> <p class="animation">you chose a cold night to visit our planet.</p> </div> <button class="activate" type="button">activate animation</button> <div class="event-log"></div> </div> css .container { height: 3rem; } .event-log { width: 25rem; height: 2rem; border: 1px solid black; margin: 0.2rem; padding: 0.2rem; } .animation.active { animation-duration: 2s; animation-name: slidein; animation-iteration-count: 2; } @keyframes slidein { from { transform: translatex(100%) ...
HTMLElement: animationstart event - Web APIs
log('animation started'); }); the same, but using onanimationstart: const animated = document.queryselector('.animated'); animated.onanimationstart = () => { console.log('animation started'); }; live example html <div class="animation-example"> <div class="container"> <p class="animation">you chose a cold night to visit our planet.</p> </div> <button class="activate" type="button">activate animation</button> <div class="event-log"></div> </div> css .container { height: 3rem; } .event-log { width: 25rem; height: 2rem; border: 1px solid black; margin: 0.2rem; padding: 0.2rem; } .animation.active { animation-duration: 2s; animation-name: slidein; animation-iteration-count: 2; } @keyframes slidein { from { transform: translatex(100%) ...
HTMLElement.click() - Web APIs
Web › API › HTMLElement › click
click() method simulates a mouse click on an element.
HTMLElement.offsetLeft - Web APIs
er, and a red box that one might think should describe the boundaries of the span.
HTMLElement: pointermove event - Web APIs
the pointermove event is fired when a pointer changes coordinates, and the pointer has not been canceled by a browser touch-action.
HTMLFormControlsCollection.namedItem() - Web APIs
ted from htmlcollection.
HTMLFormElement.encoding - Web APIs
the htmlformelement.encoding property is an alternative name for the enctype element on the dom htmlformelement object.
HTMLFormElement.length - Web APIs
ment.
HTMLFormElement.submit() - Web APIs
t event is raised.
HTMLHtmlElement.version - Web APIs
this property has been declared as deprecated by the w3c technical recommendation for html 4.01 in favor of use of the dtd for obtaining version information for a document.
HTMLHtmlElement - Web APIs
"416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlhtmlelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
HTMLHyperlinkElementUtils - Web APIs
the htmlhyperlinkelementutils mixin defines utility methods and properties to work with htmlanchorelement and htmlareaelement.
srcdoc - Web APIs
the srcdoc property of the htmliframeelement specifies the content of the page.
HTMLInputElement.select() - Web APIs
the htmlinputelement.select() method selects all the text in a <textarea> element or in an <input> element that includes a text field.
HTMLInputElement.setRangeText() - Web APIs
elects the newly inserted text.
HTMLInputElement.webkitdirectory - Web APIs
hough the filelist is flat.
HTMLLabelElement.control - Web APIs
the read-only htmllabelelement.control property returns a reference to the control (in the form of an object of type htmlelement or one of its derivatives) with which the <label> element is associated, or null if the label isn't associated with a control.
HTMLLinkElement.as - Web APIs
the as property of the htmllinkelement interface returns a domstring representing the type of content being loaded by the html link, one of "script", "style", "image", "video", "audio", "track", "font", "fetch".
HTMLLinkElement.rel - Web APIs
the htmllinkelement.rel property reflects the rel attribute.
HTMLLinkElement.relList - Web APIs
the htmllinkelement.rellist read-only property reflects the rel attribute.
HTMLMediaElement: abort event - Web APIs
cancelable no interface event event handler property onabort 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: loadedmetadata event - Web APIs
the loadedmetadata event is fired when the metadata has been loaded.
HTMLMediaElement.networkState - Web APIs
tive and has selected a resource, but is not using the network.
HTMLMediaElement.readyState - Web APIs
h data is available—and the download rate is high enough—that the media can be played through to the end without interruption.
HTMLMediaElement.srcObject - Web APIs
iasource is assigned to a newly-created <video> element, with fallback for older browsers and browsers that don't yet support assignment of mediasource directly.
HTMLMenuElement - Web APIs
methods from: htmlelement specifications specification status comment html living standardthe definition of 'htmlmenuelement' in that specification.
HTMLMetaElement - Web APIs
eight="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="416" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmlmetaelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties inherits properties from its parent, htmlelement.
HTMLOptionsCollection - Web APIs
rget="_top"><rect x="181" y="1" width="210" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="286" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">htmloptionscollection</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties name type description length unsigned long as optionally allowed by the spec, this property isn't read-only.
HTMLOrForeignElement - Web APIs
the htmlorforeignelement mixin describes several features common to the htmlelement, svgelement and mathmlelement interfaces.
HTMLOutputElement - Web APIs
ml attribute, containing a list of ids of other elements in the same document that contribute to (or otherwise affect) the calculated value.
HTMLSelectElement.disabled - Web APIs
the htmlselectelement.disabled is a boolean that reflects the disabled html attribute, which indicates whether the control is disabled.
HTMLSelectElement.item() - Web APIs
in the parameter, or null if there are none.
onMSVideoFormatChanged - Web APIs
proprietary property is specific to internet explorer and microsoft edge.
onMSVideoFrameStepCompleted - Web APIs
ry property is specific to internet explorer and microsoft edge.
Headers.values() - Web APIs
Web › API › Headers › values
the headers.values() method returns an iterator allowing to go through all values contained in this object.
IDBCursor.continue() - Web APIs
n along its direction, to the item whose key matches the optional key parameter.
IDBCursor.continuePrimaryKey() - Web APIs
y valid for cursors coming from an index.
IDBCursor.delete() - Web APIs
Web › API › IDBCursor › delete
rsors obtained from idbindex.openkeycursor().
IDBCursor.update() - Web APIs
Web › API › IDBCursor › update
you have to use idbindex.opencursor() instead.
IDBCursorSync - Web APIs
senting a cursor, but you can have an unlimited number of cursors at the same time.
IDBDatabase.createObjectStore() - Web APIs
or not specified, the object store is created without a key path and uses out-of-line keys.
IDBDatabase.deleteObjectStore() - Web APIs
database, along with any indexes that reference it.
IDBDatabaseException - Web APIs
obsolete: this interface was removed from the specification and was replaced by usage of domexception.
IDBDatabaseSync - Web APIs
mstring name, in optional unsigned short mode) raises (idbdatabaseexception); void removeobjectstore (in domstring storename) raises (idbdatabaseexception); void setversion (in domstring version); idbtransactionsync transaction (in optional domstringlist storenames, in optional unsigned int timeout) raises (idbdatabaseexception); attributes attribute type description description readonly domstring the human-readable description of the connected database.
IDBEnvironmentSync - Web APIs
ous version of the indexeddb api was originally intended for use only with web workers, and was eventually removed from the spec because its need was questionable.
IDBFactory.cmp() - Web APIs
Web › API › IDBFactory › cmp
compare.
databases - Web APIs
nd browser compatibility is limited.
IDBIndex.count() - Web APIs
Web › API › IDBIndex › count
ey range.
IDBIndex.get() - Web APIs
Web › API › IDBIndex › get
web workers.
IDBIndex.getKey() - Web APIs
Web › API › IDBIndex › getKey
eb workers.
IDBIndex.keyPath - Web APIs
Web › API › IDBIndex › keyPath
the keypath property of the idbindex interface returns the key path of the current index.
IDBIndexSync - Web APIs
e range, in optional unsigned short direction) raises (idbdatabaseexception); void openobjectcursor (in optional idbkeyrange range, in optional unsigned short direction) raises (idbdatabaseexception); any put (in any value, in optional any key) raises (idbdatabaseexception); void remove (in any key) raises (idbdatabaseexception); attributes attribute type description keypath readonly domstring the key path of this index.
IDBKeyRange.bound() - Web APIs
Web › API › IDBKeyRange › bound
e.
IDBKeyRange.lower - Web APIs
Web › API › IDBKeyRange › lower
the lower read-only property of the idbkeyrange interface returns the lower bound of the key range.
IDBKeyRange.lowerBound() - Web APIs
bkeyrange = idbkeyrange.lowerbound(lower); var myidbkeyrange = idbkeyrange.lowerbound(lower, open); parameters lower specifies the lower bound of the new key range.
IDBKeyRange.only() - Web APIs
Web › API › IDBKeyRange › only
the only() method of the idbkeyrange interface creates a new key range containing a single value.
IDBKeyRange.upper - Web APIs
Web › API › IDBKeyRange › upper
the upper read-only property of the idbkeyrange interface returns the upper bound of the key range.
IDBKeyRange.upperBound() - Web APIs
ure is available in web workers.
IDBKeyRange - Web APIs
the idbkeyrange interface of the indexeddb api represents a continuous interval over some data type that is used for keys.
IDBObjectStore.add() - Web APIs
s.
IDBObjectStore.clear() - Web APIs
s that reference the object store.
IDBObjectStore.count() - Web APIs
available in web workers.
IDBObjectStore.delete() - Web APIs
store.delete(key); var request = objectstore.delete(keyrange); parameters key the key of the record to be deleted, or an idbkeyrange to delete all records with keys in range.
IDBObjectStore.deleteIndex() - Web APIs
only from a versionchange transaction mode callback.
IDBObjectStore.get() - Web APIs
record exists, and no cursor if it does not.
IDBObjectStore.getKey() - Web APIs
d set as the result of the request object.
IDBObjectStore.index() - Web APIs
t store, after which it can be used to, for example, return a series of records sorted by that index using a cursor.
IDBObjectStore.keyPath - Web APIs
the keypath read-only property of the idbobjectstore interface returns the key path of this object store.
IDBObjectStore.openCursor() - Web APIs
at selects all the records in this object store.
IDBObjectStore.openKeyCursor() - Web APIs
at selects all the records in this object store.
IDBObjectStore.put() - Web APIs
an autoincrement primary key, therefore the key is not in a field on the record object.
IDBObjectStoreSync - Web APIs
direction) raises (idbdatabaseexception); idbindexsync openindex (in domstring name) raises (idbdatabaseexception); any put (in any value, in optional any key) raises (idbdatabaseexception); void remove (in any key) raises (idbdatabaseexception); void removeindex (in domstring indexname) raises (idbdatabaseexception); attributes attribute type description indexnames readonly domstringlist a list of the names of the indexes on this object store.
IDBRequest.error - Web APIs
Web › API › IDBRequest › error
roperty returns a domexception because domerror has been removed from the dom standard.
IDBRequest.onerror - Web APIs
the onerror event handler of the idbrequest interface handles the error event, fired when a request returns an error.
IDBRequest.onsuccess - Web APIs
the onsuccess event handler of the idbrequest interface handles the success event, fired when the result of a request is successfully returned.
IDBTransaction.abort() - Web APIs
ort() method of the idbtransaction interface rolls back all the changes to objects in the database associated with this transaction.
IDBTransaction.error - Web APIs
the idbtransaction.error property of the idbtransaction interface returns one of several types of error when there is an unsuccessful transaction.
IDBTransaction.objectStore() - Web APIs
method is called on a different transaction object, a different idbobjectstore instance is returned.
IDBTransaction - Web APIs
e recomputed later) you can force a transaction to flush to disk before delivering the complete event by creating a transaction using the experimental (non-standard) readwriteflush mode (see idbdatabase.transaction.
IDBTransactionSync - Web APIs
tabase.
IDBVersionChangeRequest - Web APIs
interface the indexeddb api represents a request to change the version of a database.
IIRFilterNode - Web APIs
the iirfilternode interface of the web audio api is a audionode processor which implements a general infinite impulse response (iir) filter; this type of filter can be used to implement tone control devices and graphic equalizers as well.
IdleDeadline - Web APIs
the idledeadline interface is used as the data type of the input parameter to idle callbacks established by calling window.requestidlecallback().
ImageCapture.getPhotoCapabilities() - Web APIs
hat resolves with a photocapabilities object.
ImageCapture.getPhotoSettings() - Web APIs
-eye reduction should be used if it is available.
ImageData() - Web APIs
the imagedata() constructor returns a newly instantiated imagedata object built from the typed array given and having the specified width and height.
Checking when a deadline is due - Web APIs
th a number of different representations.
InputDeviceCapabilities API - Web APIs
ovides details about the underlying sources of input events.
InputEvent.data - Web APIs
Web › API › InputEvent › data
ng = inputevent.data; value a domstring.
Timing element visibility with the Intersection Observer API - Web APIs
ntry.intersectionratio === 0.0) && (adbox.dataset.totalviewtime >= 60000)) { replacead(adbox); } } }); } as previously mentioned, the intersectionobserver callback receives as input an array of all of the observer's targeted elements which have become either more or less visible than one of the intersection observer ratios.
Intersection Observer API - Web APIs
guration.
KeyboardEvent.altKey - Web APIs
the keyboardevent.altkey read-only property is a boolean that indicates if the alt key (option or ⌥ on os x) was pressed (true) or not (false) when the event occured.
KeyboardEvent.ctrlKey - Web APIs
the keyboardevent.ctrlkey read-only property returns a boolean that indicates if the control key was pressed (true) or not (false) when the event occured.
KeyboardEvent.shiftKey - Web APIs
the keyboardevent.shiftkey read-only property is a boolean that indicates if the shift key was pressed (true) or not (false) when the event occurred.
KeyboardEvent.which - Web APIs
e (charcode) for an alphanumeric key pressed.
KeyboardLayoutMap.entries - Web APIs
the entries read-only property of the keyboardlayoutmap interface returns an array of a given object's own enumerable property [key, value] pairs, in the same order as that provided by a for...in loop (the difference being that a for-in loop enumerates properties in the prototype chain as well).
KeyboardLayoutMap - Web APIs
string associated with specific physical keys.
LinkStyle - Web APIs
Web › API › LinkStyle
the linkstyle interface provides access to the associated css style sheet of a node.
Long Tasks API - Web APIs
provide information as to the source of the task.
MSCandidateWindowHide - Web APIs
ages on internet explorer for the desktop might not support this event.
MSCandidateWindowShow - Web APIs
languages on internet explorer for the desktop might not support this event.
MSCandidateWindowUpdate - Web APIs
uages on internet explorer for the desktop might not support this event.
MSGestureEvent - Web APIs
on of the x-axis.
MSManipulationEvent - Web APIs
redicted vertical scroll offset after the inertia phase completes.
MediaDevices.getDisplayMedia() - Web APIs
sources of screen video are available for capture.
MediaDevices - Web APIs
); } else if (error.name === 'permissiondeniederror') { errormsg('permissions have not been granted to 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.
MediaError.code - Web APIs
Web › API › MediaError › code
the read-only property mediaerror.code returns a numeric value which represents the kind of error that occurred on a media element.
msExtendedCode - Web APIs
tibilities between implementations and the behavior may change in the future.
MediaError - Web APIs
e handling media in an html media element based on htmlmediaelement, such as <audio> or <video>.
update() - Web APIs
the mediakeysession.update() method loads messages and licenses to the cdm, and then returns a promise .
createSession() - Web APIs
the mediakeys.createsession() method returns a new mediakeysession object, which represents a context for message exchange with a content decryption module (cdm).
setServerCertificate() - Web APIs
the mediakeys.setservercertificate() method a promise to a server certificate to be used to encrypt messages to the license server.
MediaRecorder.ondataavailable - Web APIs
rty.
MediaRecorder.onstop - Web APIs
ailable for you to use in your application.
MediaSettingsRange - Web APIs
srange.min returns the minimum value of this setting.
MediaSource.MediaSource() - Web APIs
simple example written by nick desaulniers (view the full demo live, or download the source for further investigation.) var video = document.queryselector('video'); var asseturl = 'frag_bunny.mp4'; // need to be specific for blink regarding codecs // ./mp4info frag_bunny.mp4 | grep codec var mimecodec = 'video/mp4; codecs="avc1.42e01e, mp4a.40.2"'; if ('mediasource' in window && mediasource.istypesupported(mimecodec)) { var mediasource = new mediasource; //console.log(mediasource.readystate); // closed video.src = url.createobjecturl(mediasource); mediasource.addeventlistener('sourceopen', sourceopen); } else { console.error('unsupported mime type or codec: ', mimecodec); } ...
MediaSource.endOfStream() - Web APIs
example the following snippet is from a simple example written by nick desaulniers (view the full demo live, or download the source for further investigation.) var asseturl = 'frag_bunny.mp4'; // need to be specific for blink regarding codecs // ./mp4info frag_bunny.mp4 | grep codec var mimecodec = 'video/mp4; codecs="avc1.42e01e, mp4a.40.2"'; if ('mediasource' in window && mediasource.istypesupported(mimecodec)) { var mediasource = new mediasource; //console.log(mediasource.readystate); // closed video.src = url.createobjecturl(mediasource); mediasource.addeventlistener('sourceopen', sourceopen); } else { console.error('unsupported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var source...
MediaStream.addTrack() - Web APIs
the mediastream.addtrack() method adds a new track to the stream.
MediaStream.getAudioTracks() - Web APIs
dio track contained in the stream.
MediaStream.getVideoTracks() - Web APIs
h video track contained in the media stream.
MediaStreamConstraints.audio - Web APIs
aints dictionary's audio property is used to indicate what kind of audio track, if any, should be included in the mediastream returned by a call to getusermedia().
MediaStreamConstraints.video - Web APIs
aints dictionary's video property is used to indicate what kind of video track, if any, should be included in the mediastream returned by a call to getusermedia().
MediaStreamTrack.kind - Web APIs
the mediastreamtrack.kind read-only property returns a domstring set to "audio" if the track is an audio track and to "video", if it is a video track.
MediaStreamTrack.onoverconstrained - Web APIs
the overconstrained event is received.
MediaTrackSettings.cursor - Web APIs
the mediatracksettings dictionary's cursor property indicates whether or not the cursor should be captured as part of the video track included in the mediastream returned by getdisplaymedia().
MediaTrackSettings - Web APIs
re: always the mouse is always visible in the video content of the {domxref("mediastream"), unless the mouse has moved outside the area of the content.
Capabilities, constraints, and settings - Web APIs
tbyid("videoconstrainteditor"); let audioconstrainteditor = document.getelementbyid("audioconstrainteditor"); let videosettingstext = document.getelementbyid("videosettingstext"); let audiosettingstext = document.getelementbyid("audiosettingstext"); these elements are: videoelement the <video> element that will show the stream.
Media Capture and Streams API (Media Stream) - Web APIs
mediastreamconstraints mediastreamevent mediastreamtrack mediastreamtrackevent mediatrackconstraints mediatracksettings mediatracksupportedconstraints overconstrainederror url early versions of the media capture and streams api specification included separate audiostreamtrack and videostreamtrack interfaces—each based upon mediastreamtrack—which represented streams of those types.
MessageEvent.data - Web APIs
Web › API › MessageEvent › data
the data read-only property of the messageevent interface represents the data sent by the message emitter.
MessagePort.onmessage - Web APIs
the onmessage event handler of the messageport interface is an eventlistener, called whenever an messageevent of type message is fired on the port — that is, when the port receives a message.
MessagePort.onmessageerror - Web APIs
the onmessageerror event handler of the messageport interface is an eventlistener, called whenever an messageevent of type messageerror is fired on the port—that is, when it receives a message that cannot be deserialized.
MessagePort.postMessage() - Web APIs
the postmessage() method of the messageport interface sends a message from the port, and optionally, transfers ownership of objects to other browsing contexts.
Microsoft API extensions - Web APIs
ontentzoom msmanipulationevent msmanipulationstatechanged msmanipulationviewsenabled mspointerhover media apis htmlvideoelement.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 onmsvi...
MouseEvent.mozInputSource - Web APIs
non-standard this feature is non-standard and is not on a standards track.
MouseWheelEvent - Web APIs
the mousewheelevent interface represents events that occur due to the user turning a mouse wheel.
msGraphicsTrustStatus - Web APIs
and the behavior may change in the future.
msPlayToSource - Web APIs
object from an audio, video, or img element using the msplaytosource property and pass it to e.setsource, then set the playtosource.next property to the msplaytosource of another element for continual playing.
msSetMediaProtectionManager - Web APIs
nager); parameters the windows.media.protection namespace provides classes to manage digital rights management (drm) media contents.
MutationObserver - Web APIs
st targetnode = document.getelementbyid('some-id'); // options for the observer (which mutations to observe) const config = { attributes: true, childlist: true, subtree: true }; // callback function to execute when mutations are observed const callback = function(mutationslist, observer) { // use traditional 'for loops' for ie 11 for(let mutation of mutationslist) { if (mutation.type === 'childlist') { console.log('a child node has been added or removed.'); } else if (mutation.type === 'attributes') { console.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 n...
NavigatorID - Web APIs
the navigatorid interface contains methods and properties related to the identity of the browser.
NavigatorLanguage - Web APIs
navigatorlanguage contains methods and properties related to the language of the navigator.
Online and offline events - Web APIs
javascript part: window.addeventlistener('load', function() { var status = document.getelementbyid("status"); var log = document.getelementbyid("log"); function updateonlinestatus(event) { var condition = navigator.online ?
NavigatorOnLine - Web APIs
the navigatoronline interface contains methods and properties related to the connectivity status of the browser.
Node.childNodes - Web APIs
Web › API › Node › childNodes
lement while (box.firstchild) { //the list is live so it will re-index each call box.removechild(box.firstchild); } notes the items in the collection of nodes are objects, not strings.
Node.insertBefore() - Web APIs
Web › API › Node › insertBefore
new node to insert let newnode = document.createelement("span") // get a reference to the parent node let parentdiv = document.getelementbyid("childelement").parentnode // begin test case [ 1 ] : existing childelement (all works correctly) let sp2 = document.getelementbyid("childelement") parentdiv.insertbefore(newnode, sp2) // end test case [ 1 ] // begin test case [ 2 ] : childelement is of type undefined let sp2 = undefined // non-existent node of id "childelement" parentdiv.insertbefore(newnode, sp2) // implicit dynamic cast to type node // end test case [ 2 ] // begin test case [ 3 ] : childelement is of type "undefined" ( string ) let sp2 = "undefined" // non-existent node of id "childelement" parentdiv.insertbefore(newnode, sp2) // generates "type error: invalid argument" // end te...
Node.namespaceURI - Web APIs
Web › API › Node › namespaceURI
computed value that is the result of a namespace lookup based on an examination of the namespace declarations in scope.
Node.nodeValue - Web APIs
Web › API › Node › nodeValue
nodes, nodevalue returns the content of the node.
Node.prefix - Web APIs
Web › API › Node › prefix
ns the namespace prefix of the specified node, or null if no prefix is specified.
Node.setUserData() - Web APIs
Web › API › Node › setUserData
ey by which one may subsequently obtain the stored data.
NodeFilter.acceptNode() - Web APIs
loring the acceptnode() method to its needs, and using it with some treewalker or nodeiterator objects.
NodeFilter - Web APIs
d by nodefilter.acceptnode() for nodes to be skipped by the nodeiterator or treewalker object.
NodeList.item() - Web APIs
Web › API › NodeList › item
returns a node from a nodelist by index.
Notification.Notification() - Web APIs
f the notification, which is displayed below the title.
Notification - Web APIs
onshow a handler for the show event.
NotificationEvent.notification - Web APIs
ion click'); // data can be attached to the notification so that you // can process it in the notificationclick handler.
NotificationEvent - Web APIs
extendableevent.waituntil() extends the lifetime of the event.
Notifications API - Web APIs
ervice worker additions serviceworkerregistration includes the serviceworkerregistration.shownotification() and serviceworkerregistration.getnotifications() method, for controlling the display of notifications.
OES_texture_float_linear - Web APIs
the oes_texture_float_linear extension is part of the webgl api and allows linear filtering with floating-point pixel types for textures.
OES_texture_half_float_linear - Web APIs
the oes_texture_half_float_linear extension is part of the webgl api and allows linear filtering with half floating-point pixel types for textures.
OfflineAudioContext.oncomplete - Web APIs
the oncomplete event handler of the offlineaudiocontext interface is called when the audio processing is terminated, that is when the complete event (of type offlineaudiocompletionevent) is raised.
OscillatorNode.OscillatorNode() - Web APIs
y method instead.
OscillatorNode.detune - Web APIs
oparam.
OscillatorNode.frequency - Web APIs
-rate audioparam.
OscillatorNode.onended - Web APIs
nction() { ...
OscillatorNode.setPeriodicWave() - Web APIs
the setperiodicwave() method of the oscillatornode interface is used to point to a periodicwave defining a periodic waveform that can be used to shape the oscillator's output, when type is custom.
OscillatorNode.start() - Web APIs
ing immediately.
PageTransitionEvent - Web APIs
nsolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">pagetransitionevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface also inherits properties from its parent, event.
PaintWorklet.registerPaint - Web APIs
the paintworklet.registerpaint() method of the paintworklet interface registers a class programmatically generate an image where a css property expects a file.
PannerNode.coneInnerAngle - Web APIs
here ensures the output values are always normalised // i.e.
PannerNode.coneOuterAngle - Web APIs
here ensures the output values are always normalised // i.e.
PannerNode.coneOuterGain - Web APIs
here ensures the output values are always normalised // i.e.
PannerNode.distanceModel - Web APIs
stance) - refdistance)) exponential: an exponential distance model calculating the gain induced by the distance according to: pow((math.max(distance, refdistance) / refdistance, -rollofffactor).
PannerNode.orientationX - Web APIs
here ensures the output values are always normalised // i.e.
PannerNode.orientationY - Web APIs
here ensures the output values are always normalised // i.e.
PannerNode.orientationZ - Web APIs
here ensures the output values are always normalised // i.e.
PannerNode.panningModel - Web APIs
qual-power panning algorithm, generally regarded as simple and efficient.
ParentNode - Web APIs
the parentnode mixin contains methods and properties that are common to all types of node objects that can have children.
PasswordCredential.additionalData - Web APIs
tionaldata value one of a formdata instance, a urlsearchparams instance, or null.
PaymentResponse.onpayerdetailchange - Web APIs
: oldpayername, payeremail: oldpayeremail, payerphone: oldpayerphone, } = response; // set up a handler for payerdetailchange events, to // request corrections as needed.
PaymentResponse: payerdetailchange event - Web APIs
: oldpayername, payeremail: oldpayeremail, payerphone: oldpayerphone, } = response; // set up a handler for payerdetailchange events, to // request corrections as needed.
Payment processing concepts - Web APIs
heir communication technology, and so forth.
Payment Request API - Web APIs
payment information.
Performance.navigation - Web APIs
this property is deprecated in the navigation timing level 2 specification.
performance.now() - Web APIs
Web › API › Performance › now
cess-isolates your document and potential attackers can't access to your global object if they were opening it in a popup, preventing a set of cross-origin attacks dubbed xs-leaks.
PerformanceNavigationTiming.toJSON() - Web APIs
igationtiming object.
PerformanceObserver.takeRecords() - Web APIs
performance observer, emptying it out.
PerformanceResourceTiming.toJSON() - Web APIs
eresourcetiming object.
PerformanceServerTiming - Web APIs
dur=47.2 `.replace(/\n/g, '') }; response.writehead(200, headers); response.write(''); return settimeout(_ => { response.end(); }, 1000) }; http.createserver(requesthandler).listen(3000).on('error', console.error); the performanceservertiming entries are now observable from javascript via the performanceresourcetiming.servertiming 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 'perfo...
Permissions.query() - Web APIs
Web › API › Permissions › query
e user, in the relevant permissions dialog), navigator.permissions.query() will return true for both notifications and push.
Permissions.revoke() - Web APIs
relevant permissions dialog), navigator.permissions.query() will return true for both notifications and push.
PhotoCapabilities - Web APIs
ns.
PointerEvent.tiltX - Web APIs
the tiltx read-only property of the pointerevent interface is the angle (in degrees) between the y-z plane of the pointer and the screen.
PointerEvent.tiltY - Web APIs
the tilty read-only property of the pointerevent interface is the angle (in degrees) between the x-z plane of the pointer and the screen.
PromiseRejectionEvent - Web APIs
="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="221" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">promiserejectionevent</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constructor promiserejectionevent() creates a promiserejectionevent event, given the type of event (unhandledrejection or rejectionhandled) and other details.
PublicKeyCredential.getClientExtensionResults() - Web APIs
nclude location information in attestation "uvi": true // user verification index: how the user was verified }, challenge: new uint8array(16) /* from the server */, rp: { name: "example corp", id : "login.example.com" }, user: { id: new uint8array(16) /* from the server */, name: "jdoe@example.com", displayname: "john doe" }, pubkeycredparams: [ { 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...
PublicKeyCredential.id - Web APIs
se64url encoded version of publickeycredential.rawid.
PublicKeyCredential.rawId - Web APIs
current publickeycredential and its associated authenticatorassertionresponse.
PublicKeyCredential.response - Web APIs
ins data from the client (authenticatorresponse/clientdatajson) and from the authenticator.
PublicKeyCredentialCreationOptions.attestation - Web APIs
e default value is "none".
PublicKeyCredentialCreationOptions.authenticatorSelection - Web APIs
t: "cross-platform", requireresidentkey: true, userverification: "required" }, challenge: new uint8array(26) /* this actually is given from the server */, rp: { name: "example corp", id : "login.example.com" }, user: { id: new uint8array(26), /* to be changed for each user */ name: "jdoe@example.com", displayname: "john 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 authentica...
PublicKeyCredentialCreationOptions.challenge - Web APIs
onse) to the relying party's server for verification.
PublicKeyCredentialCreationOptions.rp - Web APIs
the relying party.
PublicKeyCredentialCreationOptions.timeout - Web APIs
publickey = { timeout: 6000, // accepting to wait for a minute before giving up.
PublicKeyCredentialCreationOptions.user - Web APIs
/* this actually is given from the server */, rp: { name: "example corp", id : "login.example.com" }, user: { // to be changed for each user id: new uint8array.from(window.atob("laegmlkjnrlkgnamlafalfka="), c=>c.charcodeat(0)); name: "jdoe@example.com", displayname: "john doe", icon: "https://gravatar.com/avatar/jdoe.png" }, 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 au...
Web Push API Notifications best practices - Web APIs
cations so they can essentially say "look at me!
RTCConfiguration.bundlePolicy - Web APIs
ax let rtcconfiguration = { bundlepolicy: policy }; rtcconfiguration.bundlepolicy = policy; value a domstring identifying the sdp bundling policy to use for the rtp streams used by the rtcpeerconnection.
RTCConfiguration.iceTransportPolicy - Web APIs
the webrtc device api dictionary rtcconfiguration's icetransportpolicy property is a string indicating the transport selection policy the ice agent should use during negotiation of connections.
RTCDTMFSender.ontonechange - Web APIs
the ontonechange property of the rtcdtmfsender interface is used to set the event handler for the tonechange event, which is sent to the rtcdtmfsender each time a tone begins or ends.
RTCDTMFToneChangeEvent - Web APIs
es in addition to the properties of event, this interface offers the following: rtcdtmftonechangeevent.tone read only a domstring specifying the tone which has begun playing, or an empty string ("") if the previous tone has finished playing.
RTCDataChannel: message event - Web APIs
the webrtc message event is sent to the onmessage event handler on an rtcdatachannel object when a message has been received from the remote peer.
RTCDataChannel.onclose - Web APIs
thandler which specifies a function to be called by the browser when the close event is received by the rtcdatachannel.
RTCDataChannel.onclosing - Web APIs
l is being closed, that is, rtcdatachannel transitions to "closing" state.
RTCDataChannel.onopen - Web APIs
ed when the open event is fired; this is a simple event which is sent when the data channel's underlying data transport—the link over which the rtcdatachannel's messages flow—is established or re-established.
RTCDataChannel: open event - Web APIs
this example adds to the rtcdatachannel dc a handler for the open event that adjusts the user interface to indicate that a chat window is ready to be used after a connection has been established.
RTCDataChannel.send() - Web APIs
l uses a separate transport channel from the media content, it must establish its own connection; if it hasn't finished doing so (that is, its readystate is "connecting"), this error occurs without sending or buffering the data.
RTCDtlsTransport.state - Web APIs
the state read-only property of the rtcdtlstransport interface provides information which describes a datagram transport layer security (dtls) transport state.
RTCDtlsTransport - Web APIs
every rtcrtpsender and rtcrtpreceiver, has its own transport, and all rtcdatachannel objects share a transport dedicated to sctp.
RTCError - Web APIs
Web › API › RTCError
rtcerror object initialized with the properties of the provided rtcerrorinit dictionary and, optionally, a string to use as the value of the error's message property.
RTCErrorEvent.error - Web APIs
ng.
RTCIceCandidate.candidate - Web APIs
being equal.
RTCIceCandidate.component - Web APIs
0.56 44323 typ host this is an ice candidate a-line, whose foundation is 4234997325.
RTCIceCandidate.sdpMLineIndex - Web APIs
tax var sdpmlineindex = rtcicecandidate.sdpmlineindex; value a number containing a 0-based index into the set of m-lines providing media descriptions, indicating which media source is associated with the candidate, or null if no such association is available.
RTCIceCandidate.sdpMid - Web APIs
acted from the specified candidate m-line string.
RTCIceCandidateInit.candidate - Web APIs
being equal.
RTCIceCandidateInit.sdpMLineIndex - Web APIs
of the rtcicecandidate object's sdpmlineindex property.
RTCIceCandidateInit.sdpMid - Web APIs
cecandidateinit dictionary specifies the value of the rtcicecandidate object's sdpmid property.
RTCIceCandidatePairStats.state - Web APIs
the state property in an rtcicecandidatepairstats object indicates the state of the check list of which the candidate pair is a member.
RTCIceGathererState - Web APIs
the rtcicegathererstate enumerated type provides the string values which can be returned by an rtcicetransport object's gatheringstate.
RTCIceRole - Web APIs
the rtcicerole enumerated type lists the string values that identify whether a connection's ice agent is serving as the controlling agent or the controlled agent, as indicated by rtcicetransport.role.
RTCIceServers.urls - Web APIs
Web › API › RTCIceServer › urls
{ urls: ["turns:turnserver.example.org", "turn:turnserver.example.org"], username: "webrtc", credential: "turnpassword" }, { urls: "stun: stunserver.example.org" } ] }); two ice servers are provided.
RTCIceTransport.component - Web APIs
the read-only rtcicetransport property component specifies whether the object is serving to transport rtp or rtcp.
RTCIceTransport.role - Web APIs
e transport is fulfilling: that of the controlling agent, or the agent that is being controlled.
RTCIceTransport.state - Web APIs
rtcicetransport property state returns the current state of the ice transport, so you can determine the state of ice gathering in which the ice agent currently is operating.
RTCIceTransportState - Web APIs
the rtcicetransportstate enumerated type defines the string values which may be returned by the state property on rtcicetransport objects.
RTCIdentityErrorEvent - Web APIs
the rtcidentityerrorevent interface represents an error associated with the identity provider (idp).
RTCIdentityEvent - Web APIs
the rtcidentityevent interface represents an identity assertion generated by an identity provider (idp).
RTCInboundRtpStreamStats.qpSum - Web APIs
uses to adjust the compression.
RTCInboundRtpStreamStats - Web APIs
to getstats().
RTCOutboundRtpStreamStats.qpSum - Web APIs
uses to adjust the compression.
RTCOutboundRtpStreamStats.qualityLimitationReason - Web APIs
solution, or an increase in compression factor.
RTCOutboundRtpStreamStats - Web APIs
e encoded by this rtcrtpsender.
RTCPeerConnection() - Web APIs
ing options to configure the new connection.
RTCPeerConnection.addIceCandidate() - Web APIs
the candidate has been successfully added to the remote peer's description by the ice agent.
RTCPeerConnection.addTrack() - Web APIs
r streams) automatically on the other end of the connection, and will then automatically add the received track to those streams.
RTCPeerConnection.connectionState - Web APIs
onstate; value the current state of the connection, as a value from the enum rtcpeerconnectionstate.
RTCPeerConnection: connectionstatechange event - Web APIs
the connectionstatechange event is sent to the ontrack event handler on an rtcpeerconnection object after a new track has been added to an rtcrtpreceiver which is part of the connection.
RTCPeerConnection.createAnswer() - Web APIs
e code that goes with the article signaling and video calling.
RTCPeerConnection.createDataChannel() - Web APIs
sing the rtcdatachannelinit dictionary represent the script-settable subset of the properties on the rtcdatachannel interface.
RTCPeerConnection.iceConnectionState - Web APIs
the read-only property rtcpeerconnection.iceconnectionstate returns an enum of type rtciceconnectionstate which state of the ice agent associated with the rtcpeerconnection.
RTCPeerConnection: icecandidateerror event - Web APIs
the webrtc api event icecandidateerror is sent to an rtcpeerconnection if an error occurs while performing ice negotiations through a stun or turn server.
RTCPeerConnection.onconnectionstatechange - Web APIs
tion changes.
RTCPeerConnection.ondatachannel - Web APIs
the rtcpeerconnection.ondatachannel property is an eventhandler which specifies a function which is called when the datachannel event occurs on an rtcpeerconnection.
RTCPeerConnection.ontrack - Web APIs
the rtcpeerconnection property ontrack is an eventhandler which specifies a function to be called when the track event occurs, indicating that a track has been added to the rtcpeerconnection.
RTCPeerConnection: track event - Web APIs
vent is sent to the ontrack event handler on rtcpeerconnections after a new track has been added to an rtcrtpreceiver which is part of the connection.
RTCRtpContributingSource.audioLevel - Web APIs
a value of 1.0 represents 0 dbov (maximum volume), a value of 0.0 represents silence, and a value of 0.5 represents approximately 6 db spl (decibels of sound pressure level) change in the sound pressure level from 0 dbov.
RTCRtpSender.replaceTrack() - Web APIs
is fulfilled, the fulfillment handler receives a value of undefined.
RTCRtpStreamStats.qpSum - Web APIs
e only parameter the codec uses to adjust the compression.
RTCRtpTransceiverInit - Web APIs
rtcpeerconnection.addtransceiver() to provide configuration options for the new transceiver.
RTCSctpTransport.state - Web APIs
the state read-only property of the rtcsctptransport interface provides information which describes a stream control transmission protocol (sctp) transport state.
RTCStats.id - Web APIs
Web › API › RTCStats › id
ction, or an rtcdatachannel.
RTCStatsIceCandidatePairState - Web APIs
the rtcstatsicecandidatepairstate enumerated type represents the set of string values which are possible for the rtcicecandidatepairstats object's state property.
Range.cloneContents() - Web APIs
the range.clonecontents() returns a documentfragment copying the objects of type node included in the range.
ReadableByteStreamController.close() - Web APIs
the close() method of the readablebytestreamcontroller interface closes the associated stream.
ReadableByteStreamController.enqueue() - Web APIs
the enqueue() method of the readablebytestreamcontroller interface enqueues a given chunk in the associated stream.
ReadableByteStreamController.error() - Web APIs
the error() method of the readablebytestreamcontroller interface causes any future interactions with the associated stream to error.
ReadableStream.cancel() - Web APIs
tream is not readable any more.
ReadableStream.pipeThrough() - Web APIs
no longer be canceled.
ReadableStream.pipeTo() - Web APIs
d.
ReadableStream.tee() - Web APIs
ponse body cannot be consumed more than once, you’d need two copies to do this.
ReadableStream - Web APIs
re data to read?
ReadableStreamBYOBReader.ReadableStreamBYOBReader() - Web APIs
creates and returns a readablestreambyobreader object instance.
ReadableStreamBYOBReader.cancel() - Web APIs
t use it.
ReadableStreamBYOBReader.read() - Web APIs
the stream.
ReadableStreamBYOBRequest.respond() - Web APIs
the error() method of the readablestreambyobrequest interface xxx syntax readablestreambyobrequestinstance.respond(byteswritten); parameters byteswritten xxx return value void.
ReadableStreamBYOBRequest.respondWithNewView() - Web APIs
the respondwithnewview() method of the readablestreambyobrequest interface xxx syntax readablestreambyobrequestinstance.respondwithnewview(view); parameters view xxx return value void.
ReadableStreamBYOBRequest.view - Web APIs
the view getter property of the readablestreambyobrequest interface returns the current view.
ReadableStreamBYOBRequest - Web APIs
the readablestreambyobrequest interface of the streams api represents a pull request into a readablebytestreamcontroller view.
ReadableStreamDefaultController.close() - Web APIs
s will still be able to read any previously-enqueued chunks from the stream, but once those are read, the stream will become closed.
ReadableStreamDefaultController.enqueue() - Web APIs
the enqueue() method of the readablestreamdefaultcontroller interface enqueues a given chunk in the associated stream.
ReadableStreamDefaultController.error() - Web APIs
() method of the readablestreamdefaultcontroller interface causes any future interactions with the associated stream to error.
ReadableStreamDefaultReader.ReadableStreamDefaultReader() - Web APIs
returns a readablestreamdefaultreader object instance.
ReadableStreamDefaultReader.cancel() - Web APIs
note: if the reader is active, the cancel() method behaves the same as that for the associated stream (readablestream.cancel()).
ReadableStreamDefaultReader.read() - Web APIs
the stream.
ReadableStreamDefaultReader - Web APIs
re data to read?
Report.url - Web APIs
Web › API › Report › url
the url read-only property of the report interface returns the url of the document that generated the report.
ReportingObserver.disconnect() - Web APIs
portingobserver interface stops a reporting observer that had previously started observing from collecting reports.
ReportingObserver.observe() - Web APIs
the observe() method of the reportingobserver interface instructs a reporting observer to start collecting reports in its report queue.
ReportingObserver.takeRecords() - Web APIs
the takerecords() method of the reportingobserver interface returns the current list of reports contained in the observer's report queue, and empties the queue.
ReportingObserver - Web APIs
art collecting reports in its report queue.
Request.clone() - Web APIs
Web › API › Request › clone
the clone() method of the request interface creates a copy of the current request object.
Request.context - Web APIs
Web › API › Request › context
what sort of resource is being fetched.
Request.headers - Web APIs
Web › API › Request › headers
le in the same directory as the script), then save the request headers in a variable: var myrequest = new request('flowers.jpg'); var myheaders = myrequest.headers; // headers {} to add a header to the headers object we use headers.append; we then create a new request along with a 2nd init 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.
Response.clone() - Web APIs
Web › API › Response › clone
the clone() method of the response interface creates a clone of a response object, identical in every way, but stored in a different variable.
Response.error() - Web APIs
Web › API › Response › error
the error() method of the response interface returns a new response object associated with a network error.
Response.redirect() - Web APIs
Web › API › Response › redirect
service worker sends it upstream.
SVGAnimatedEnumeration - Web APIs
meration interface is used for attributes whose value must be a constant from a particular enumeration and which can be animated.
SVGAnimatedPoints - Web APIs
m (e.g., using the getattribute() method call) will reflect any changes made to the svganimatedpoints.points attribut.
SVGAnimatedPreserveAspectRatio - Web APIs
svg animated preserveaspectratio interface the svganimatedpreserveaspectratio interface is used for attributes of type svgpreserveaspectratio which can be animated.
SVGAnimatedRect - Web APIs
the svganimatedrect interface is used for attributes of basic svgrect which can be animated.
SVGAnimatedTransformList - Web APIs
he svganimatedtransformlist interface is used for attributes which take a list of numbers and which can be animated.
SVGExternalResourcesRequired - Web APIs
lresourcesrequired</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} warning: this interface was removed in the svg 2 specification.
SVGFitToViewBox - Web APIs
methods none properties svganimatedpreserveaspectratio preserveaspectratio svganimatedrect viewbox normative document svg 1.1 (2nd edition) properties name type description preserveaspectratio svganimatedpreserveaspectratio corresponds to attribute preserveaspectratio on the given element.
SVGLengthList - Web APIs
unsigned long index) svglength replaceitem(in svglength newitem, in unsigned long index) svglength removeitem(in unsigned long index) svglength appenditem(in svglength newitem) properties readonly unsigned long numberofitems readonly unsigned long length normative document svg 1.1 (2nd edition) properties name type description numberofitems unsigned long the number of items in the list.
SVGNumber - Web APIs
Web › API › SVGNumber
the svgnumber interface corresponds to the <number> basic data type.
SVGNumberList - Web APIs
long index) svgnumber replaceitem(in svgnumber newitem, in unsigned long index) svgnumber removeitem(in unsigned long index) svgnumber appenditem(in svgnumber newitem) properties readonly unsigned long numberofitems readonly unsigned long length normative document svg 1.1 (2nd edition) properties name type description numberofitems unsigned long the number of items in the list.
SVGPathSegList - Web APIs
ex) svgpathseg appenditem(in svgpathseg newitem) properties readonly unsigned long numberofitems normative document svg 1.1 (2nd edition) properties name type description numberofitemsread only unsigned long the number of items in the list.
SVGPointList - Web APIs
t removeitem(in unsigned long index) svgpoint appenditem(in svgpoint newitem) properties readonly unsigned long numberofitems normative document svg 1.1 (2nd edition) properties name type description numberofitems unsigned long the number of items in the list.
SVGScriptElement - Web APIs
target="_top"><rect x="321" y="65" width="160" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="401" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgscriptelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties svgscriptelement.type read only a domstring corresponding to the type attribute of the given <script> element.
SVGStringList - Web APIs
d long index) domstring replaceitem(in domstring newitem, in unsigned long index) domstring removeitem(in unsigned long index) domstring appenditem(in domstring newitem) properties readonly unsigned long numberofitems readonly unsigned long length normative document svg 1.1 (2nd edition) properties name type description numberofitems unsigned long the number of items in the list.
SVGTextContentElement - Web APIs
the spacingandglyphs keyword.
SVGTransformable - Web APIs
vg transformable interface interface svgtransformable contains properties and methods that apply to all elements which have attribute transform.
ScreenOrientation.lock() - Web APIs
the lock() property of the screenorientation interface locks the orientation of the containing document to its default orientation.
Screen Orientation API - Web APIs
38chrome android full support 38firefox android full support 43opera android full support 25safari ios no support nosamsung internet android full support 3.0typechrome full support 38edge full support 79firefox full support 43ie no support noopera full support 25safari no support nowebview ...
ScriptProcessorNode.bufferSize - Web APIs
e = audioctx.createbuffersource(); // create a scriptprocessornode with a buffersize of 4096 and a single input and output channel var scriptnode = audioctx.createscriptprocessor(4096, 1, 1); console.log(scriptnode.buffersize); // load in an audio track via xhr and decodeaudiodata function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // give the node a function to process audio events scriptnode.onaudioprocess = function(audioprocessingevent...
ScriptProcessorNode - Web APIs
e = audioctx.createbuffersource(); // create a scriptprocessornode with a buffersize of 4096 and a single input and output channel var scriptnode = audioctx.createscriptprocessor(4096, 1, 1); console.log(scriptnode.buffersize); // load in an audio track via xhr and decodeaudiodata function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // give the node a function to process audio events scriptnode.onaudioprocess = function(audioprocessingevent...
Selection.modify() - Web APIs
Web › API › Selection › modify
the selection.modify() method applies a change to the current selection or cursor position, using simple textual commands.
Selection API - Web APIs
ll support yeschrome android full support yesfirefox android full support yesopera android full support yessafari ios ?
ServiceWorker.onstatechange - Web APIs
an eventlistener property called whenever an event of type statechange is fired; it is basically fired anytime the serviceworker.state changes.
ServiceWorker - Web APIs
serviceworkerregistration.
ServiceWorkerContainer.register() - Web APIs
service worker can't have a scope broader than its own location, only use the scope option when you need a scope that is narrower than the default.
ServiceWorkerGlobalScope.onnotificationclick - Web APIs
onstructor will throw an error.
ServiceWorkerGlobalScope: push event - Web APIs
bubbles no cancelable no interface pushevent event handler property onpush example this example sets up a handler for push events that takes json data, parses it, and dispatches the message for handling based on information contained within the message.
ServiceWorkerGlobalScope: pushsubscriptionchange event - Web APIs
, run in the context of a service worker, listens for a pushsubscriptionchange event and re-subscribes to the lapsed subscription.
ServiceWorkerMessageEvent - Web APIs
sage event, when fired by a message received from a service worker.
ServiceWorkerRegistration.onupdatefound - Web APIs
the onupdatefound property of the serviceworkerregistration interface is an eventlistener property called whenever an event of type statechange is fired; it is fired any time the serviceworkerregistration.installing property acquires a new service worker.
ServiceWorkerRegistration - Web APIs
rkerregistration.periodicsync read only returns a reference to the periodicsyncmanager interface, which manages periodic background synchronization processes.
Service Worker API - Web APIs
viceworker's state.
SharedWorker - Web APIs
ll those browsing contexts must share the exact same origin (same protocol, host and port).
SpeechRecognitionError - Web APIs
the speechrecognitionerror interface of the web speech api represents error messages from the recognition service.
SpeechRecognitionErrorEvent - Web APIs
the speechrecognitionerrorevent interface of the web speech api represents error messages from the recognition service.
SpeechRecognitionEvent.interpretation - Web APIs
property of the speechrecognitionevent interface returns the semantic meaning of what the user said.
SpeechSynthesisEvent.name - Web APIs
the name read-only property of the speechsynthesisutterance interface returns the name associated with certain types of events occuring as the speechsynthesisutterance.text is being spoken: the name of the ssml marker reached in the case of a mark event, or the type of boundary reached in the case of a boundary event.
SpeechSynthesisVoice.voiceURI - Web APIs
the voiceuri read-only property of the speechsynthesisvoice interface returns the type of uri and location of the speech synthesis service for this voice.
SpeechSynthesisVoice - Web APIs
cp 47 language tag indicating the language of the voice.
Using writable streams - Web APIs
the abort() method simply prints an error to the console if the stream is aborted.
Streams API - Web APIs
example extends the simple random stream example, showing how a stream can be teed and both resulting streams can be read independently.
StylePropertyMap.append() - Web APIs
ration to the stylepropertymap with the given property and value.
StylePropertyMap.clear() - Web APIs
the clear() method of the stylepropertymap interface removes all declarations in the stylepropertymap.
StylePropertyMap.delete() - Web APIs
the delete() method of the stylepropertymap interface removes the css declaration with the given property.
StylePropertyMap.set() - Web APIs
map interface changes the css declaration with the given property.
StylePropertyMapReadOnly.forEach() - Web APIs
current element being processed.
StylePropertyMapReadOnly.get() - Web APIs
perty = 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
donly interface returns an array of cssstylevalue objects containing the values for the provided property.
StylePropertyMapReadOnly.has() - Web APIs
the has() method of the stylepropertymapreadonly interface indicates whether the specified property is in the stylepropertymapreadonly object.
StylePropertyMapReadOnly.keys() - Web APIs
the stylepropertymapreadonly.keys() method returns a new array iterator containing the keys for each item in stylepropertymapreadonly syntax stylepropertymapreadonly.keys() parameters none.
StylePropertyMapReadOnly.size - Web APIs
the size read-only property of the stylepropertymapreadonly interface returns an unsinged long integer containing the size of the stylepropertymapreadonly object.
StylePropertyMapReadOnly.values() - Web APIs
the stylepropertymapreadonly.values() method returns a new array iterator containing the values for each index in the stylepropertymapreadonly object.
Stylesheet.href - Web APIs
Web › API › StyleSheet › href
the href property of the stylesheet interface returns the location of the style sheet.
StyleSheet - Web APIs
tended destination medium for style information.
SubtleCrypto.deriveKey() - Web APIs
e master key is not a key for the requested derivation algorithm or if the cryptokey.usages value of that key doesn't contain derivekey.
SubtleCrypto.exportKey() - Web APIs
if format was jwk, then the promise fulfills with a json object containing the key.
SubtleCrypto.wrapKey() - Web APIs
is a promise that fulfills with an arraybuffer containing the encrypted exported key.
TaskAttributionTiming - Web APIs
t x="201" y="1" width="210" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="306" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">taskattributiontiming</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties taskattributiontiming.containertype read only returns the type of frame container, one of iframe, embed, or object.
Text.replaceWholeText() - Web APIs
ment text.
Text.splitText() - Web APIs
Web › API › Text › splitText
the text.splittext() method breaks the text node into two nodes at the specified offset, keeping both nodes in the tree as siblings.
TextRange - Web APIs
Web › API › TextRange
textrange.
TextTrackCue - Web APIs
texttrackcue is an abstract class which is used as the basis for the various derived cue types, such as vttcue; you will instead work with those derived types.
TextTrackList.length - Web APIs
the number of entries in the texttracklist, each of which is a texttrack representing one track in the media element.
TouchEvent.changedTouches - Web APIs
the changedtouches read-only property is a touchlist whose touch points (touch objects) varies depending on the event type, as follows: for the touchstart event, it is a list of the touch points that became active with the current event.
TrackDefault.byteStreamTrackID - Web APIs
the bytestreamtrackid read-only property of the trackdefault interface returns the id of the specific track that the sourcebuffer should apply to.
TransitionEvent - Web APIs
s a float giving the amount of time the transition has been running, in seconds, when this event fired.
UIEvent.isChar - Web APIs
Web › API › UIEvent › isChar
y raise events but not produce any character (example: ctrl-alt-?).
UIEvent.view - Web APIs
Web › API › UIEvent › view
this is the window object the event happened in.
URL.origin - Web APIs
Web › API › URL › origin
the origin read-only property of the url interface returns a usvstring containing the unicode serialization of the origin of the represented url.
URL API - Web APIs
Web › API › URL API
the url api is a component of the url standard, which defines what constitutes a valid uniform resource locator and the api that accesses and manipulates urls.
USBDevice.controlTransferIn() - Web APIs
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.
USBDevice.isochronousTransferOut() - Web APIs
the isochronoustransferout() method of the usbdevice interface returns a promise that resolves with a usbisochronousouttransferresult when time sensitive information has been transmitted to the usb device.
USBDevice.opened - Web APIs
Web › API › USBDevice › opened
specified led color.
USBDevice.transferOut() - Web APIs
the transferout() method of the usbdevice interface returns a promise that resolves with a usbtransferoutresult when bulk or interrupt data is sent to the usb device.
UserDataHandler - Web APIs
a userdatahandler.
validityState.badInput - Web APIs
the read-only badinput property of a validitystate object indicates if the user has provided input that the browser is unable to convert.
VideoTrack.kind - Web APIs
Web › API › VideoTrack › kind
the kind property contains a string indicating the category of video contained in the videotrack.
VideoTrackList.length - Web APIs
entries in the videotracklist, each of which is a videotrack representing one video track in the media element.
WEBGL_color_buffer_float - Web APIs
gl tutorial.
WEBGL_draw_buffers - Web APIs
x[3], 0); mapping the color attachments to draw buffer slots that the fragment shader will write to using gl_fragdata: 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] ]); 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
d.
WEBGL_lose_context - Web APIs
simulates restoring the context.
WaveShaperNode.WaveShaperNode() - Web APIs
ents a non-linear distorter.
WaveShaperNode.curve - Web APIs
moid functions are commonly used for distortion curves because of their natural properties.
WaveShaperNode.oversample - Web APIs
moid functions are commonly used for distortion curves because of their natural properties.
WaveShaperNode - Web APIs
moid functions are commonly used for distortion curves because of their natural properties.
WebGL2RenderingContext.beginTransformFeedback() - Web APIs
the webgl2renderingcontext.begintransformfeedback() method of the webgl 2 api starts a transform feedback operation.
WebGL2RenderingContext.drawArraysInstanced() - Web APIs
warraysinstanced() method of the webgl 2 api renders primitives from array data like the gl.drawarrays() method.
WebGL2RenderingContext.getInternalformatParameter() - Web APIs
, pname); parameters target a glenum specifying the target renderbuffer object.
WebGL2RenderingContext.uniform[1234][uif][v]() - Web APIs
, data, optional srcoffset, optional srclength); void gl.uniform3uiv(location, data, optional srcoffset, optional srclength); void gl.uniform4uiv(location, data, optional srcoffset, optional srclength); parameters location a webgluniformlocation object containing the location of the uniform attribute to modify.
WebGLContextEvent - Web APIs
vent.
WebGLRenderingContext.drawArrays() - Web APIs
the webglrenderingcontext.drawarrays() method of the webgl api renders primitives from array data.
WebGLRenderingContext.frontFace() - Web APIs
the webglrenderingcontext.frontface() method of the webgl api specifies whether polygons are front- or back-facing by setting a winding orientation.
WebGLRenderingContext.getTexParameter() - Web APIs
ues: gl.texture_2d: a two-dimensional texture.
WebGLRenderingContext.uniform[1234][fi][v]() - Web APIs
void gl.uniform3iv(location, value); void gl.uniform4f(location, v0, v1, v2, v3); void gl.uniform4fv(location, value); void gl.uniform4i(location, v0, v1, v2, v3); void gl.uniform4iv(location, value); parameters location a webgluniformlocation object containing the location of the uniform attribute to modify.
Basic scissoring - Web APIs
line.
Clearing by clicking - Web APIs
: 210px; margin : auto; padding : 0; border : none; background-color : black; } button { display : inline-block; font-size : inherit; margin : auto; padding : 0.6em; } window.addeventlistener("load", function setupwebgl (evt) { "use strict" // cleaning after ourselves.
Clearing with colors - Web APIs
manipulate it, // and to not mess up the global scope.
Color masking - Web APIs
display : inline-block; font-family : serif; font-size : inherit; font-weight : 900; color : white; margin : auto; padding : 0.6em 1.2em; } #red-toggle { background-color : red; } #green-toggle { background-color : green; } #blue-toggle { background-color : blue; } window.addeventlistener("load", function setupanimation (evt) { "use strict" window.removeeventlistener(evt.type, setupanimation, false); var canvas = document.queryselector("canvas"); var gl = canvas.getcontext("webgl") || canvas.getcontext("experimental-webgl"); if (!gl) { document.queryselector("p").innerhtml = "failed to get webgl context." + "your browser or device may not support webgl."; return; } gl.viewport(0, 0, gl.drawingbufferwidth, gl.drawingbufferheight...
Raining rectangles - Web APIs
ht : 210px; margin : auto; padding : 0; border : none; background-color : black; } button { display : block; font-size : inherit; margin : auto; padding : 0.6em; } ;(function(){ "use strict" window.addeventlistener("load", setupanimation, false); var gl, timer, rainingrect, scoredisplay, missesdisplay; function setupanimation (evt) { window.removeeventlistener(evt.type, setupanimation, false); if (!(gl = getrenderingcontext())) return; gl.enable(gl.scissor_test); rainingrect = new rectangle(); timer = settimeout(drawanimation, 17); document.queryselector("canvas") .addeventlistener("click", playerclick, false); var displays = document.queryselectorall("strong"); scoredisplay = displays[0]; missesdisplay = displays[1]; } var score = 0...
WebGL best practices - Web APIs
al */ dstoffset, /* optional */ length) { const sync = gl.fencesync(gl.sync_gpu_commands_complete, 0); gl.flush(); await clientwaitasync(gl, sync, 0, 10); gl.deletesync(sync); gl.bindbuffer(target, buffer); gl.getbuffersubdata(target, srcbyteoffset, dstbuffer, dstoffset, length); gl.bindbuffer(target, null); return dest; } async function readpixelsasync(gl, x, y, w, h, format, type, dest) { const buf = gl.createbuffer(); gl.bindbuffer(gl.pixel_pack_buffer, buf); gl.bufferdata(gl.pixel_pack_buffer, dest.bytelength, gl.stream_read); gl.readpixels(x, y, w, h, format, type, 0); gl.bindbuffer(gl.pixel_pack_buffer, null); await getbuffersubdataasync(gl, gl.pixel_pack_buffer, buf, 0, dest); gl.deletebuffer(buf); return dest; } canvas and webgl-related some tip...
Introduction to the Real-time Transport Protocol (RTP) - Web APIs
ion or reservation of resources that may be needed.
Lifetime of a WebRTC session - Web APIs
the network.
WebSocket() - Web APIs
ls]); parameters url the url to which to connect; this should be the url to which the websocket server will respond.
Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
is pointed in a different direction.
WebXR Device API - Web APIs
ct can be presented to the user.
Using the Web Animations API - Web APIs
n fact, do so by referencing alicechange’s animation.effect property, which returns an object containing all the details of the effect(s) active on alice: alicechange.currenttime = alicechange.effect.getcomputedtiming().duration / 2; effect lets us access the animation’s keyframes and timing properties — alicechange.effect.getcomputedtiming() points to alice’s timing object (which is of type computedeffecttiming) — this contains her computedeffecttiming.duration.
Web Animations API Concepts - Web APIs
s are dvd players, we can think of animation effects, or keyframe effects, as dvds.
Basic concepts behind Web Audio API - Web APIs
ound engineer, but it will give you enough background to understand why the web audio api works like it does.
Web Audio API best practices - Web APIs
s you work with a lot of changing values within the web audio api and will want to provide users with control over these, the range input is often a good choice of control to use.
Attestation and Assertion - Web APIs
there are two different types of certificates used in webauthn for registration and authentication.
Web Speech API - Web APIs
microphone.
Web Storage API - Web APIs
mes is denied if the user has disabled third-party cookies (firefox implements this behaviour from version 43 onwards.) note: web storage is not the same as mozstorage (mozilla's xpcom interfaces to sqlite) or the session store api (an xpcom storage utility for use by extensions).
Window.controllers - Web APIs
the controllers property of the window interface returns the xul controllers of the chrome window.
Window.crypto - Web APIs
Web › API › Window › crypto
.
Window.directories - Web APIs
ete since gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1)this feature is obsolete.
Window.getDefaultComputedStyle() - Web APIs
les are taken into account.
Window.getSelection() - Web APIs
he caret.
Window: load event - Web APIs
Web › API › Window › load event
ce event event handler property onload examples log a message when the page is fully loaded: window.addeventlistener('load', (event) => { console.log('page is fully loaded'); }); the same, but using the onload event handler property: window.onload = (event) => { console.log('page is fully loaded'); }; live example html <div class="controls"> <button id="reload" type="button">reload</button> </div> <div class="event-log"> <label>event log:</label> <textarea readonly class="event-log-contents" rows="8" cols="30"></textarea> </div> css body { display: grid; grid-template-areas: "control log"; } .controls { grid-area: control; display: flex; align-items: center; justify-content: center; } .event-log { grid-area: log; } .event-log-conten...
Window.locationbar - Web APIs
returns the locationbar object, whose visibility can be checked.
Window.ondevicelight - Web APIs
specifies an event listener to receive devicelight events.
Window.ondeviceproximity - Web APIs
the ondeviceproximity property of the window interface specifies an eventhandler to receive deviceproximity events.
Window.ondragdrop - Web APIs
Web › API › Window › ondragdrop
etails.
Window.ongamepadconnected - Web APIs
the ongamepadconnected property of the window interface represents an event handler that will run when a gamepad is connected (when the gamepadconnected event fires).
Window.ongamepaddisconnected - Web APIs
the ongamepaddisconnected property of the window interface represents an event handler that will run when a gamepad is disconnected (when the gamepaddisconnected event fires).
Window.onuserproximity - Web APIs
the window.onuserproxymity property represents an eventhandler, that is a function to be called when the userproximity event occurs.
Window.openDialog() - Web APIs
Web › API › Window › openDialog
structions, but is instead allowed to select the chrome that best fits a dialog on that operating system.
Window.personalbar - Web APIs
lowing complete html example shows the 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.
Window.prompt() - Web APIs
Web › API › Window › prompt
sing the rest of the program's interface until the dialog box is closed.
Window.scrollbars - Web APIs
Web › API › Window › scrollbars
the window.scrollbars property returns the scrollbars object, whose visibility can be checked.
Window.statusbar - Web APIs
Web › API › Window › statusbar
the window.statusbar property returns the statusbar object, whose visibility can be toggled in the window.
Window.toolbar - Web APIs
Web › API › Window › toolbar
following complete html example shows 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.
Window.window - Web APIs
Web › API › Window › window
return the same window object: window.window window.window.window window.window.window.window // ...
WindowClient.focus() - Web APIs
t has been focused }); parameters none.
WindowClient.focused - Web APIs
icates whether the current client has focus.
WindowClient.visibilityState - Web APIs
the visibilitystate read-only property of the windowclient interface indicates the visibility of the current client.
WindowClient - Web APIs
indicates the visibility of the current client.
WindowEventHandlers.onhashchange - Web APIs
og('the hash has changed!'); } window.addeventlistener('hashchange', hashhandler, false); overriding the hash this function sets a new hash dynamically, setting it randomly to one of two values.
WindowEventHandlers.onlanguagechange - Web APIs
t the preferred languages list has been updated.
WindowEventHandlers.onmessageerror - Web APIs
the onmessageerror event handler of the windoweventhandlers interface is an eventlistener, called whenever an messageevent of type messageerror is fired on a window—that is, when it receives a message that cannot be deserialized.
WindowEventHandlers - Web APIs
the windoweventhandlers mixin describes the event handlers common to several interfaces like window, or htmlbodyelement and htmlframesetelement.
WindowOrWorkerGlobalScope.clearTimeout() - Web APIs
.
WindowOrWorkerGlobalScope - Web APIs
the windoworworkerglobalscope mixin describes several features common to the window and workerglobalscope interfaces.
Worker.onmessage - Web APIs
Web › API › Worker › onmessage
the onmessage property of the worker interface represents an eventhandler, that is a function to be called when the message event occurs.
Worker.onmessageerror - Web APIs
the onmessageerror event handler of the worker interface is an eventlistener, called whenever an messageevent of type messageerror is fired on the worker instance — that is, when it receives a message that cannot be deserialized.
WorkerGlobalScope.importScripts() - Web APIs
imports one or more scripts into the worker's scope.
WorkerGlobalScope - Web APIs
e workerglobalscope interface of the web workers api is an interface representing the scope of any worker.
Worklet - Web APIs
Web › API › Worklet
the worklet interface is a lightweight version of web workers and gives developers access to low-level parts of the rendering pipeline.
WritableStream.WritableStream() - Web APIs
tream's getwriter() method, which returns an instance of writablestreamdefaultwriter.
WritableStream.abort() - Web APIs
gnaling that the producer can no longer successfully write to the stream and it is to be immediately moved to an error state, with any queued writes discarded.
WritableStream - Web APIs
tream's getwriter() method, which returns an instance of writablestreamdefaultwriter.
WritableStreamDefaultController.error() - Web APIs
promise from one of the underlying sink’s methods.
WritableStreamDefaultWriter.abort() - Web APIs
the abort() method behaves the same as that for the associated stream (writablestream.abort()).
WritableStreamDefaultWriter.desiredSize - Web APIs
returns the desired size required to fill the stream's internal queue.
WritableStreamDefaultWriter.ready - Web APIs
shows two uses of the ready property.
WritableStreamDefaultWriter - Web APIs
s getwriter() method, which returns an instance of writablestreamdefaultwriter.
XMLDocument - Web APIs
the xmldocument interface represents an xml document.
XMLHttpRequest.mozResponseArrayBuffer - Web APIs
obsolete since gecko 6 is an arraybuffer response to the request, written as a javascript typed array.
XMLHttpRequest.multipart - Web APIs
e incompatibilities between implementations and the behavior may change in the future.
XMLHttpRequest.readyState - Web APIs
as been created, but the open() method hasn't been called yet.
XMLHttpRequest.setRequestHeader() - Web APIs
u must call it after calling open(), but before calling send().
XREnvironmentBlendMode - Web APIs
the webxr api's enumerated type xrenvironmentblendmode defines strings used to identify if and how to blend the rendered virtual content with the real world.
XREye - Web APIs
Web › API › XREye
the xreye enumerated type is used to identify which eye a particular xrview represents: left or right; or, if the view doesn't represent a single eye, the value may be none.
XRFrame.getPose() - Web APIs
Web › API › XRFrame › getPose
the xrframe method getpose() returns the relative position and orientation—the pose—of one xrspace to that of another space.
XRHandedness - Web APIs
the webxr enumerated type xrhandedness provides values which identify which of a user's hands is being used to operate a particular input controller attached to the xr input device being used.
XRInputSource.handedness - Web APIs
the read-only xrinputsource property handedness indicates which of the user's hands the webxr input source is associated with, or if it's not associated with a hand at all.
XRInputSource.targetRayMode - Web APIs
the read-only xrinputsource property targetraymode indicates the method by which the target ray for the input source should be generated and how it should be presented to the user.
XRInputSourceArray.entries() - Web APIs
ments such as for...of.
XRInputSourceArray.forEach() - Web APIs
ou don't need this information, you may omit this.
XRInputSourceArray.keys() - Web APIs
ers none.
XRInputSourceArray - Web APIs
rs insize square brackets), methods are available to allow the use of iterators and the foreach() method is also available.
XRInputSourceEvent.inputSource - Web APIs
.inputsource; value an xrinputsource object identifying the source of the user input event.
XRInputSourceEvent - Web APIs
me.
XRInputSourceEventInit.frame - Web APIs
coordinates of any xrreferencespace to the space in which the event took place.
XRInputSourceEventInit.inputSource - Web APIs
e from which the newly-created event is being sent.
XRReferenceSpace.getOffsetReferenceSpace() - Web APIs
e xrreferencespace interface's getoffsetreferencespace() method returns a new reference space object which describes the relative difference in position between the object on which the method is called and a given point in 3d space.
XRReferenceSpaceEventInit.referenceSpace - Web APIs
ce is used to establish the value of a newly-constructed xrreferencespaceevent object when calling the xrreferencespaceevent() constructor.
XRReferenceSpaceEventInit.transform - Web APIs
the post-event coordiante system.
XRReferenceSpaceEventInit - Web APIs
nt originated.
XRRigidTransform - Web APIs
lways applied to the affected object before the position is applied.
XRSession: inputsourceschange event - Web APIs
the inputsourceschange event is sent to an xrsession when the set of available webxr input devices changes.
XRSession.requestAnimationFrame() - Web APIs
ncelanimationframe() if you need to remove the pending animation frame request.
XRSession.visibilityState - Web APIs
tate property of the xrsession interface is a string indicating whether the webxr content is currently visible to the user, and if it is, whether it's the primary focus.
XRSystem: requestSession() - Web APIs
the xrsystem interface's requestsession() method returns a promise which resolves to an xrsession object through which you can manage the requested type of webxr session.
XRTargetRayMode - Web APIs
the webxr device api enumerated type xrtargetraymode describes the method by an input controller's targeting ray is being produced.
XRVisibilityState - Web APIs
the xrvisibilitystate enumerated type defines the string values which are valid for the xrsession interface's visibilitystate property, which indicates whether or not an xr session is currently visible to the user, and if it is, whether or not it's currently the primary focus.
XSLT Basic Example - Web APIs
example in figure 1 has two templates - one that matches the root node and one that matches author nodes.
XSLTProcessor - Web APIs
mportstylesheet() function.
msCaching - Web APIs
Web › API › msCaching
it will not work for every user.
msPutPropertyEnabled - Web APIs
the msputpropertyenabled method sets whether a given property in the style object is enabled or disabled.
msRegionOverflow - Web APIs
it on production sites facing the web: it will not work for every user.
mssitemodejumplistitemremoved - Web APIs
deventlistener method object.addeventlistener("mssitemodejumplistitemremoved", handler, usecapture) general info synchronous no bubbles no cancelable no note this event is raised once for every item that has been removed since the last time mssitemodeshowjumplist was called.
msthumbnailclick - Web APIs
osoft edge.
Using the alertdialog role - Accessibility
description this technique demonstrates how to use the alertdialog role.
Using the aria-relevant attribute - Accessibility
the aria-relevant attribute is an optional value used to describe what types of changes have occurred to an aria-live region, and which are relevant and should be announced.
Using the link role - Accessibility
nk created using a span </span> <p><a href="https://mozilla.org" target="_blank">actual real link</a></p> css span[role="link"] { color: blue; text-decoration: underline; cursor: pointer; } span[role="link"]:focus { outline: 1px dotted black; } javascript const spanelem = document.queryselector('span'); //handles clicks and keydowns on the link function navigatelink(e) { if (e.type === 'click' || e.key === 'enter') { let ref = e.target != null ?
Using the log role - Accessibility
description this technique demonstrates how to use the log role and describes the effect it has on browsers and assistive technology.
Using the slider role - Accessibility
le this technique.
Using the status role - Accessibility
description this technique demonstrates how to use the status role and describes the effect it has on browsers and assistive technology.
Using ARIA: Roles, states, and properties - Accessibility
aria defines semantics that can be applied to elements, with these divided into roles (defining a type of user interface element) and states and properties that are supported by a role.
ARIA: alert role - Accessibility
trigger when the element becomes visible.</p> while triggering an alert via css alone is possible, it is better to rely on javascript because it has more browser/screen reader support and is often more appropriate as part of a larger user interaction such as inside an event handler or form validation.
ARIA: application role - Accessibility
n model is generated that is very similar to a word processor where users can read line by line, sentence by sentence, or paragraph by paragraph.
ARIA: Complementary role - Accessibility
n appropriately descriptive title, point to it with the aria-labelledby attribute.
ARIA: contentinfo role - Accessibility
...
ARIA: Main role - Accessibility
ument.
ARIA: Navigation Role - Accessibility
example of this would be repeating the main navigation at the top and bottom of the page.
ARIA: img role - Accessibility
e"> <!-- contents of the svg image --> </svg> using role="img" to confer meaning that is obscured or implied in certain cases, assistive technology users won't be able to get the meaning of content expressed in certain ways, through certain media, or implied in certain ways.
ARIA: row role - Accessibility
ar structure.
ARIA: switch role - Accessibility
the aria switch role is functionally identical to the checkbox role, except that instead of representing "checked" and "unchecked" states, which are fairly generic in meaning, the switch role represents the states "on" and "off." this example creates a widget and assigns the aria switch role to it.
WAI-ARIA Roles - Accessibility
elow list.
Architecture - Accessibility
nodes as it is in a w3c dom.
Keyboard - Accessibility
focusable using the keyboard, and the user should be able to do something by interacting with it.
Custom properties (--*): CSS variables - CSS: Cascading Style Sheets
Web › CSS › --*
ain a value that can be used in other declarations using the var() function.
-moz-context-properties - CSS: Cascading Style Sheets
e embedded svg.
-moz-float-edge - CSS: Cascading Style Sheets
ht and width properties include the content, but not the padding, border or margin.
-moz-force-broken-image-icon - CSS: Cascading Style Sheets
er> a value of 1 means that the broken image icon is shown even if the image has an alt attribute.
-moz-image-rect - CSS: Cascading Style Sheets
ple, use different parts of one larger image as backgrounds in different parts of your content.
-moz-image-region - CSS: Cascading Style Sheets
ets of the edges of the image, in this order.
-moz-outline-radius-bottomleft - CSS: Cascading Style Sheets
dges of the element, specified as a css <length>.
-moz-outline-radius-bottomright - CSS: Cascading Style Sheets
es of the element, specified as a css <length>.
-moz-outline-radius-topleft - CSS: Cascading Style Sheets
left edges of the element, specified as a css <length>.
-moz-outline-radius-topright - CSS: Cascading Style Sheets
ht edges of the element, specified as a css <length>.
-moz-outline-radius - CSS: Cascading Style Sheets
-radius-bottomright: refer to the corresponding dimension of the border box-moz-outline-radius-bottomleft: refer to the corresponding dimension of the border boxcomputed valueas each of the properties of the shorthand:-moz-outline-radius-topleft: as specified-moz-outline-radius-topright: as specified-moz-outline-radius-bottomright: as specified-moz-outline-radius-bottomleft: as specifiedanimation typeas each of the properties of the shorthand:-moz-outline-radius-topleft: a length, percentage or calc();-moz-outline-radius-topright: a length, percentage or calc();-moz-outline-radius-bottomright: a length, percentage or calc();-moz-outline-radius-bottomleft: a length, percentage or calc(); formal syntax <outline-radius>{1,4} [ / <outline-radius>{1,4} ]?where <outline-radius> = <length> | <perce...
-moz-user-input - CSS: Cascading Style Sheets
longer supported in firefox 60 onwards (bug 1405087).
-webkit-border-before - CSS: Cascading Style Sheets
none or hiddenborder-style: as each of the properties of the shorthand:border-bottom-style: as specifiedborder-left-style: as specifiedborder-right-style: as specifiedborder-top-style: as specifiedcolor: if the value is translucent, the computed value will be the rgba() corresponding one.
-webkit-box-reflect - CSS: Cascading Style Sheets
the web, the standard way is to use the css element() function.
-webkit-mask-attachment - CSS: Cascading Style Sheets
et; syntax values scroll if scroll is specified, the mask image scrolls within the viewport along with the block that contains the mask image.
-webkit-mask-composite - CSS: Cascading Style Sheets
are rendered only if they overlap a nontransparent portion of the destination mask image.
-webkit-mask-repeat-x - CSS: Cascading Style Sheets
one to be added.
-webkit-mask-repeat-y - CSS: Cascading Style Sheets
e current ones compress to allow room.
-webkit-overflow-scrolling - CSS: Cascading Style Sheets
ed scrolling, where the content continues to scroll for a while after finishing the scroll gesture and removing your finger from the touchscreen.
-webkit-tap-highlight-color - CSS: Cascading Style Sheets
ing tapped.
-webkit-text-fill-color - CSS: Cascading Style Sheets
ebkit-text-fill-color: #000000; -webkit-text-fill-color: rgb(100, 200, 0); /* global values */ -webkit-text-fill-color: inherit; -webkit-text-fill-color: initial; -webkit-text-fill-color: unset; syntax values <color> the foreground fill color of the element's text content.
-webkit-text-stroke-width - CSS: Cascading Style Sheets
e-width: 2px; -webkit-text-stroke-width: 0.1em; -webkit-text-stroke-width: 1mm; -webkit-text-stroke-width: 5pt; /* global values */ -webkit-text-stroke-width: inherit; -webkit-text-stroke-width: initial; -webkit-text-stroke-width: unset; values <line-width> the width of the stroke.
-webkit-text-stroke - CSS: Cascading Style Sheets
<length> the width of the stroke.
-webkit-touch-callout - CSS: Cascading Style Sheets
keyword values */ -webkit-touch-callout: default; -webkit-touch-callout: none; /* global values */ -webkit-touch-callout: initial; -webkit-touch-callout: inherit; -webkit-touch-callout: unset; syntax values default the default callout is displayed.
::-webkit-outer-spin-button - CSS: Cascading Style Sheets
-element is used to style the outer part of the spinner button of number picker <input> elements.
::-webkit-search-cancel-button - CSS: Cascading Style Sheets
the ::-webkit-search-cancel-button css pseudo-element represents a button (the "cancel button") at the edge of an <input> of type="search" which clears away the current value of the <input> element.
::-webkit-search-results-button - CSS: Cascading Style Sheets
the ::-webkit-search-results-button css pseudo-element represents a button (the "search results button") at the left edge of an <input> of type="search" which when clicked displays a menu which allows the user to choose from previous recent search queries.
::-webkit-slider-runnable-track - CSS: Cascading Style Sheets
the ::-webkit-slider-runnable-track css pseudo-element represents the "track" (the groove in which the indicator slides) of an <input type="range">.
::-webkit-slider-thumb - CSS: Cascading Style Sheets
the ::-webkit-slider-thumb css pseudo-element represents the "thumb" that the user can move within the "groove" of an <input> of type="range" to alter its numerical value.
::before (:before) - CSS: Cascading Style Sheets
Web › CSS › ::before
black; border-style: dotted; } result to-do list in this example we will create a simple to-do list using pseudo-elements.
::first-letter (:first-letter) - CSS: Cascading Style Sheets
...
::first-line (:first-line) - CSS: Cascading Style Sheets
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.
::part() - CSS: Cascading Style Sheets
Web › CSS › ::part
the ::part css pseudo-element represents any element within a shadow tree that has a matching part attribute.
:active - CSS: Cascading Style Sheets
Web › CSS › :active
.
:dir() - CSS: Cascading Style Sheets
Web › CSS › :dir
[dir=…] attribute selectors.
:in-range - CSS: Cascading Style Sheets
Web › CSS › :in-range
a field's current value is within the permitted limits.
:only-child - CSS: Cascading Style Sheets
{ display: inline-block; margin: 6px; outline: 1px solid; } result a list example html <ol> <li>first <ul> <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.
:out-of-range - CSS: Cascading Style Sheets
ent value is outside the permitted limits.
:scope - CSS: Cascading Style Sheets
Web › CSS › :scope
ng paragraph.
@charset - CSS: Cascading Style Sheets
Web › CSS › @charset
hen using non-ascii characters in some css properties, like content.
symbols - CSS: Cascading Style Sheets
the symbols css descriptor is used to specify the symbols that the specified counter system will use to construct counter representations.
aspect-ratio - CSS: Cascading Style Sheets
/ } } /* maximum aspect ratio */ @media (max-aspect-ratio: 3/2) { div { background: #9ff; /* cyan */ } } /* exact aspect ratio, put it at the bottom to avoid override*/ @media (aspect-ratio: 1/1) { div { background: #f9a; /* red */ } } _example used iframe and dataurl to enable this iframe could resize html <label id="wf" for="w">width:165</label> <input id="w" name="w" type="range" min="100" max="250" step="5" value="165"> <label id="hf" for="w">height:165</label> <input id="h" name="h" type="range" min="100" max="250" step="5" value="165"> <iframe id="outer" src="data:text/html,<style> @media (min-aspect-ratio: 8/5) { div { background: %239af; } } @media (max-aspect-ratio: 3/2) { div { background: %239ff; } } @media (aspect-ratio: 1/1) { div { background: %23f9a; ...
prefers-reduced-motion - CSS: Cascading Style Sheets
a scaling movement that may be problematic for some readers.
Adjacent sibling combinator - CSS: Cascading Style Sheets
the adjacent sibling combinator (+) separates two selectors and matches the second element only if it immediately follows the first element, and both are children of the same parent element.
CSS Containment - CSS: Cascading Style Sheets
browsers cannot guess at your intent and cannot assume that an article will be entirely self-contained.
CSS Display - CSS: Cascading Style Sheets
css display is a module of css that defines how the css formatting box tree is generated from the document element tree and defines properties controlling it.
Cross-browser Flexbox mixins - CSS: Cascading Style Sheets
ment is not a flex item, flex has no effect.
Relationship of flexbox to other layout methods - CSS: Cascading Style Sheets
t works in all layout — not just flexbox.
Typical use cases of Flexbox - CSS: Cascading Style Sheets
that class from the html.
Introduction to formatting contexts - CSS: Cascading Style Sheets
this article introduces the concept of formatting contexts, of which there are several types, including block formatting contexts, inline formatting contexts, and flex formatting contexts.
Box alignment in CSS Grid Layout - CSS: Cascading Style Sheets
laced the grid with align-content, with a value of start alongside the grid when align-content has a value of space-between.
Layout using named grid lines - CSS: Cascading Style Sheets
ghlighter is helpful to show us how the grid we have placed our items on works.
CSS Grid Layout - CSS: Cascading Style Sheets
{ grid-column: 3; grid-row: 4; } reference css properties grid-template-columns grid-template-rows grid-template-areas grid-template grid-auto-columns grid-auto-rows grid-auto-flow grid grid-row-start grid-column-start grid-row-end grid-column-end grid-row grid-column grid-area row-gap column-gap gap css functions repeat() minmax() fit-content() css data types <flex> glossary entries grid grid lines grid tracks grid cell grid area gutters grid axis grid row grid column guides basic concepts of grid layout relationship of grid layout to other layout methods layout using line-based placement grid template areas layout using named grid lines auto-placement in css grid layout box alignment in css grid layout css grid, logi...
Using CSS counters - CSS: Cascading Style Sheets
matically created in child elements.
CSS Lists - CSS: Cascading Style Sheets
css lists is a module of css that defines how lists can be laid out and styled.
CSS Masking - CSS: Cascading Style Sheets
es means, including masking and clipping, for partially or fully hiding portions of visual elements.
CSS Overflow - CSS: Cascading Style Sheets
the css overflow module contains the features of css relating to scrollable overflow handling in visual media.
CSS Properties Reference - CSS: Cascading Style Sheets
font-family fontfamily font-size fontsize font-variant fontvariant font-weight fontweight height height left left letter-spacing letterspacing line-height lineheight list-style liststyle list-style-image liststyleimage list-style-position liststyleposition list-style-type liststyletype margin margin margin-bottom marginbottom margin-left marginleft margin-right marginright margin-top margintop overflow overflow padding padding padding-bottom paddingbottom padding-left paddingleft padding-right paddingright padding-top paddingtop ...
CSS Scroll Snap - CSS: Cascading Style Sheets
croll snap is a module of css that introduces scroll snap positions, which enforce the scroll positions that a scroll container’s scrollport may end at after a scrolling operation has completed.
CSS selectors - CSS: Cascading Style Sheets
s define the elements to which a set of css rules apply.
Overview of CSS Shapes - CSS: Cascading Style Sheets
ine the shape, only the parts of the image that are the same opacity or greater than the threshold value are used in the shape.
CSS Shapes - CSS: Cascading Style Sheets
element's box.
CSS Transforms - CSS: Cascading Style Sheets
css transforms is a module of css that defines how elements styled with css can be transformed in two-dimensional or three-dimensional space.
Introducing the CSS Cascade - CSS: Cascading Style Sheets
Web › CSS › Cascade
e html specification, browsers still have a lot of latitude: that means that significant differences exist from one browser to another.
Comments - CSS: Cascading Style Sheets
Web › CSS › Comments
mments in external style sheets.
Compositing and Blending - CSS: Cascading Style Sheets
compositing and blending is a css module that defines how shapes of different elements are combined into a single image.
Filter Effects - CSS: Cascading Style Sheets
filter effects is a module of css that defines a way of processing an element’s rendering before it is displayed in the document.
Testing media queries programmatically - CSS: Cascading Style Sheets
portrait orientation */ } else { /* the viewport is currently in landscape orientation */ } } above, we define the parameter as evt — an event object.
Microsoft CSS extensions - CSS: Cascading Style Sheets
icrosoft-only properties (avoid using on websites) note: these properties will only work in microsoft applications, and are not on a standards track.
Mozilla CSS extensions - CSS: Cascading Style Sheets
62 -moz-markerobsolete since gecko 62 empty-cells -moz-show-background (default value in quirks mode) font -moz-button -moz-info -moz-desktop -moz-dialog (also a color) -moz-document -moz-workspace -moz-window -moz-list -moz-pull-down-menu -moz-field (also a color) font-family -moz-fixed image-rendering -moz-crisp-edges <length> -moz-calc list-style-type -moz-arabic-indic -moz-bengali -moz-cjk-earthly-branch -moz-cjk-heavenly-stem -moz-devanagari -moz-ethiopic-halehame -moz-ethiopic-halehame-am -moz-ethiopic-halehame-ti-er -moz-ethiopic-halehame-ti-et -moz-ethiopic-numeric -moz-gujarati -moz-gurmukhi -moz-hangul -moz-hangul-consonant -moz-japanese-formal -moz-japanese-informal -moz-kannada -moz-khmer -moz-lao -moz-malayalam...
Shorthand properties - CSS: Cascading Style Sheets
d inherit can be applied to a property, but only as a whole, not as a keyword for one value or another.
Syntax - CSS: Cascading Style Sheets
Web › CSS › Syntax
r).
Cubic Bezier Generator - CSS: Cascading Style Sheets
<html> <canvas id="bezier" width="336" height="336"> </canvas> <form> <label for="x1">x1 = </label><input onchange="updatecanvas();" type="text" maxlength=6 id="x1" value="0.79" class='field'> <label for="y1">y1 = </label><input onchange="updatecanvas();return true;" type="text" maxlength=6 id="y1" value="0.33" class='field'> <label for="x2">x2 = </label><input onchange="updatecanvas();return true;" type="text" maxlength=6 id="x2" value="0.14" class='field'> <label for="y2">y2 = </label><input onchange="updatecanvas();return true;" type="text" maxlength=6 id="y2" value="0.53" class='field'> <br> <output id="output">log</output> </form> </html> .field { width: 40px; } function updatecanvas() { var x1 =...
CSS Tutorials - CSS: Cascading Style Sheets
Web › CSS › Tutorials
llow you to define an animation between several styles and to control the way this transition happens.
Universal selectors - CSS: Cascading Style Sheets
the css universal selector (*) matches elements of any type.
align-items - CSS: Cascading Style Sheets
ing data loss, the item is instead aligned as if the alignment mode were start.
align-self - CSS: Cascading Style Sheets
applies toflex items, grid items, and absolutely-positioned boxesinheritednocomputed valueauto computes to itself on absolutely-positioned elements, and to the computed value of align-items on the parent (minus any legacy keywords) on all other boxes, or start if the box has no parent.
all - CSS: Cascading Style Sheets
Web › CSS › all
o that the specified values are calculated as if no author-level rules were specified for the element.
animation-delay - CSS: Cascading Style Sheets
ple comma-separated values on an animation-* property, they will be assigned to the animations specified in the animation-name property in different ways depending on how many there are.
animation-direction - CSS: Cascading Style Sheets
comma-separated values on an animation-* property, they will be assigned to the animations specified in the animation-name property in different ways depending on how many there are.
animation-duration - CSS: Cascading Style Sheets
ple comma-separated values on an animation-* property, they will be assigned to the animations specified in the animation-name property in different ways depending on how many there are.
animation-fill-mode - CSS: Cascading Style Sheets
e comma-separated values on an animation-* property, they will be assigned to the animations specified in the animation-name property in different ways depending on how many there are.
animation-iteration-count - CSS: Cascading Style Sheets
you specify multiple values on an animation-* property, they will be assigned to the animations specified in the animation-name property in different ways depending on how many there are.
animation-name - CSS: Cascading Style Sheets
e comma-separated values on an animation-* property, they will be assigned to the animations specified in the animation-name property in different ways depending on how many there are.
animation-play-state - CSS: Cascading Style Sheets
omma-separated values on an animation-* property, they will be assigned to the animations specified in the animation-name property in different ways depending on how many there are.
animation-timing-function - CSS: Cascading Style Sheets
e comma-separated values on an animation-* property, they will be assigned to the animations specified in the animation-name property in different ways depending on how many there are.
backdrop-filter - CSS: Cascading Style Sheets
: unset; syntax values none no filter is applied to the backdrop.
backface-visibility - CSS: Cascading Style Sheets
ility: unset; the backface-visibility property is specified as one of the keywords listed below.
background-blend-mode - CSS: Cascading Style Sheets
; background-blend-mode: unset; values <blend-mode> the blending mode to be applied.
background-clip - CSS: Cascading Style Sheets
s to the outside edge of the padding.
background-color - CSS: Cascading Style Sheets
gs.
background-origin - CSS: Cascading Style Sheets
d below.
background-position-x - CSS: Cascading Style Sheets
t edge of the container, thus a value of 50% horizontally centers the background image.
background-position-y - CSS: Cascading Style Sheets
tom edge of the container, thus a value of 50% vertically centers the background image.
background-position - CSS: Cascading Style Sheets
nheritednopercentagesrefer to the size of the background positioning area minus size of background image; size refers to the width for horizontal offsets and to the height for vertical offsetscomputed valuea list, each item consisting of two keywords representing the origin and two offsets from that origin, each given as an absolute length (if given a <length>), otherwise as a percentageanimation typerepeatable list of simple list of length, percentage, or calc formal syntax <bg-position>#where <bg-position> = [ [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] | [ center | [ left | right ] <length-percentage>?
background-repeat - CSS: Cascading Style Sheets
background image painting area will not necessarily be entirely covered).
background-size - CSS: Cascading Style Sheets
not implementing firefox 8's rendering, without knowing the exact size of the element whose background is being specified.
background - CSS: Cascading Style Sheets
hat origin, each given as an absolute length (if given a <length>), otherwise as a percentagebackground-size: as specified, but with relative lengths converted into absolute lengthsbackground-repeat: a list, each item consisting of two keywords, one per dimensionbackground-origin: as specifiedbackground-clip: as specifiedbackground-attachment: as specifiedbackground-color: computed coloranimation typeas each of the properties of the shorthand:background-color: a colorbackground-image: discretebackground-clip: discretebackground-position: repeatable list of simple list of length, percentage, or calcbackground-size: repeatable list of simple list of length, percentage, or calcbackground-repeat: discretebackground-attachment: discrete formal syntax [ <bg-layer> , ]* <final-bg-layer>where <bg-la...
border-block-color - CSS: Cascading Style Sheets
-orientation.
border-block-end-color - CSS: Cascading Style Sheets
border-block-end-color: yellow; border-block-end-color: #f5f6f7; related properties are border-block-start-color, border-inline-start-color, and border-inline-end-color, which define the other border colors of the element.
border-block-end-style - CSS: Cascading Style Sheets
lock-end-style: dotted; border-block-end-style: groove; related properties are border-block-start-style, border-inline-start-style, and border-inline-end-style, which define the other border styles of the element.
border-block-end-width - CSS: Cascading Style Sheets
er-block-start-width, border-inline-start-width, and border-inline-end-width, which define the other border widths of the element.
border-block-end - CSS: Cascading Style Sheets
lor.
border-block-start-color - CSS: Cascading Style Sheets
request.
border-block-start-style - CSS: Cascading Style Sheets
ck-start-style: dotted; border-block-start-style: groove; related properties are border-block-end-style, border-inline-start-style, and border-inline-end-style, which define the other border styles of the element.
border-block-start - CSS: Cascading Style Sheets
denborder-right-width: the absolute length or 0 if border-right-style is none or hiddenborder-top-width: the absolute length or 0 if border-top-style is none or hiddenborder-style: as each of the properties of the shorthand:border-bottom-style: as specifiedborder-left-style: as specifiedborder-right-style: as specifiedborder-top-style: as specifiedborder-block-start-color: computed coloranimation typeas each of the properties of the shorthand:border-block-start-color: a colorborder-block-start-style: discreteborder-block-start-width: a length formal syntax <'border-top-width'> | <'border-top-style'> | <'color'>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-value> ]...
border-block-style - CSS: Cascading Style Sheets
shed; border-block-style: dotted; border-block-style: groove; the border style in the other dimension can be set with border-inline-style, which sets border-inline-start-style, and border-inline-end-style.
border-block-width - CSS: Cascading Style Sheets
he other dimension can be set with border-inline-width, which sets border-inline-start-width, and border-inline-end-width.
border-block - CSS: Cascading Style Sheets
lor.
border-bottom-color - CSS: Cascading Style Sheets
olor: transparent; /* global values */ border-bottom-color: inherit; border-bottom-color: initial; border-bottom-color: unset; the border-bottom-color property is specified as a single value.
border-bottom-style - CSS: Cascading Style Sheets
bottom-style: outset; /* global values */ border-bottom-style: inherit; border-bottom-style: initial; border-bottom-style: unset; the border-bottom-style property is specified as a single keyword chosen from those available for the border-style property.
border-bottom-width - CSS: Cascading Style Sheets
, the precise result when using one of them is implementation-specific.
border-bottom - CSS: Cascading Style Sheets
perties of the shorthand:border-bottom-width: mediumborder-bottom-style: noneborder-bottom-color: currentcolorapplies toall elements.
border-collapse - CSS: Cascading Style Sheets
specified as a single keyword, which may be chosen from the list below.
border-image-repeat - CSS: Cascading Style Sheets
he proper fit.
border-image-source - CSS: Cascading Style Sheets
unset; values none no border image is used.
border-inline-color - CSS: Cascading Style Sheets
t-orientation.
border-inline-end-style - CSS: Cascading Style Sheets
line-end-style: dotted; border-inline-end-style: groove; related properties are border-block-start-style, border-block-end-style, and border-inline-start-style, which define the other border styles of the element.
border-inline-start-color - CSS: Cascading Style Sheets
border-inline-start-color: red; border-inline-start-color: #ee4141; related properties are border-block-start-color, border-block-end-color, and border-inline-end-color, which define the other border colors of the element.
border-inline-start-width - CSS: Cascading Style Sheets
order-block-start-width, border-block-end-width, and border-inline-end-width, which define the other border widths of the element.
border-inline-start - CSS: Cascading Style Sheets
enborder-right-width: the absolute length or 0 if border-right-style is none or hiddenborder-top-width: the absolute length or 0 if border-top-style is none or hiddenborder-style: as each of the properties of the shorthand:border-bottom-style: as specifiedborder-left-style: as specifiedborder-right-style: as specifiedborder-top-style: as specifiedborder-inline-start-color: computed coloranimation typeas each of the properties of the shorthand:border-inline-start-color: a colorborder-inline-start-style: discreteborder-inline-start-width: a length formal syntax <'border-top-width'> | <'border-top-style'> | <'color'>where <color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>where <rgb()> = rgb( <percentage>{3} [ / <alpha-value...
border-inline-style - CSS: Cascading Style Sheets
ashed; border-inline-style: dotted; border-inline-style: groove; the border style in the other dimension can be set with border-block-style, which sets border-block-start-style, and border-block-end-style.
border-inline-width - CSS: Cascading Style Sheets
n the other dimension can be set with border-block-width, which sets border-block-start-width, and border-block-end-width.
border-left-color - CSS: Cascading Style Sheets
der-left-color: transparent; /* global values */ border-left-color: inherit; border-left-color: initial; border-left-color: unset; the border-left-color property is specified as a single value.
border-left-style - CSS: Cascading Style Sheets
t; border-left-style: outset; /* global values */ border-left-style: inherit; border-left-style: initial; border-left-style: unset; the border-left-style property is specified as a single keyword chosen from those available for the border-style property.
border-left-width - CSS: Cascading Style Sheets
rd, the precise result when using one of them is implementation-specific.
border-left - CSS: Cascading Style Sheets
ach of the properties of the shorthand:border-left-width: mediumborder-left-style: noneborder-left-color: currentcolorapplies toall elements.
border-radius - CSS: Cascading Style Sheets
eritednopercentagesrefer to the corresponding dimension of the border boxcomputed valueas each of the properties of the shorthand:border-bottom-left-radius: two absolute <length>s or <percentage>sborder-bottom-right-radius: two absolute <length>s or <percentage>sborder-top-left-radius: two absolute <length>s or <percentage>sborder-top-right-radius: two absolute <length>s or <percentage>sanimation typeas each of the properties of the shorthand:border-top-left-radius: a length, percentage or calc();border-top-right-radius: a length, percentage or calc();border-bottom-right-radius: a length, percentage or calc();border-bottom-left-radius: a length, percentage or calc(); formal syntax <length-percentage>{1,4} [ / <length-percentage>{1,4} ]?where <length-percentage> = <length> | <percentage> exa...
border-right-color - CSS: Cascading Style Sheets
ght-color: transparent; /* global values */ border-right-color: inherit; border-right-color: initial; border-right-color: unset; the border-right-color property is specified as a single value.
border-right-style - CSS: Cascading Style Sheets
rder-right-style: outset; /* global values */ border-right-style: inherit; border-right-style: initial; border-right-style: unset; the border-right-style property is specified as a single keyword chosen from those available for the border-style property.
border-right-width - CSS: Cascading Style Sheets
d, the precise result when using one of them is implementation-specific.
border-right - CSS: Cascading Style Sheets
the properties of the shorthand:border-right-width: mediumborder-right-style: noneborder-right-color: currentcolorapplies toall elements.
border-spacing - CSS: Cascading Style Sheets
the horizontal spacing between cells (i.e., the space between cells in adjacent columns), and the second value defines the vertical spacing between cells (i.e., the space between cells in adjacent rows).
border-style - CSS: Cascading Style Sheets
eas each of the properties of the shorthand:border-top-style: noneborder-right-style: noneborder-bottom-style: noneborder-left-style: noneapplies toall elements.
border-top-color - CSS: Cascading Style Sheets
or; border-top-color: transparent; /* global values */ border-top-color: inherit; border-top-color: initial; border-top-color: unset; the border-top-color property is specified as a single value.
border-top-width - CSS: Cascading Style Sheets
ord, the precise result when using one of them is implementation-specific.
border-top - CSS: Cascading Style Sheets
lueas each of the properties of the shorthand:border-top-width: mediumborder-top-style: noneborder-top-color: currentcolorapplies toall elements.
border - CSS: Cascading Style Sheets
Web › CSS › border
s none or hiddenborder-style: as each of the properties of the shorthand:border-bottom-style: as specifiedborder-left-style: as specifiedborder-right-style: as specifiedborder-top-style: as specifiedborder-color: as each of the properties of the shorthand:border-bottom-color: computed colorborder-left-color: computed colorborder-right-color: computed colorborder-top-color: computed coloranimation typeas each of the properties of the shorthand:border-color: as each of the properties of the shorthand:border-bottom-color: a colorborder-left-color: a colorborder-right-color: a colorborder-top-color: a colorborder-style: discreteborder-width: as each of the properties of the shorthand:border-bottom-width: a lengthborder-left-width: a lengthborder-right-width: a lengthborder-top-width: a length for...
bottom - CSS: Cascading Style Sheets
Web › CSS › bottom
containing block).
box-decoration-break - CSS: Cascading Style Sheets
gin wrapping each fragment.
box-direction - CSS: Cascading Style Sheets
yout purposes depends on the box's orientation: horizontal left vertical top the edge opposite to the start is designated the end.
box-flex-group - CSS: Cascading Style Sheets
at used when adding extra space.
box-lines - CSS: Cascading Style Sheets
Web › CSS › box-lines
ied by the box-pack property, is also computed independently for each line.
box-ordinal-group - CSS: Cascading Style Sheets
th the same ordinal group are flowed in the order they appear in the source document tree.
box-orient - CSS: Cascading Style Sheets
horizontal and vertical respectively.
box-pack - CSS: Cascading Style Sheets
Web › CSS › box-pack
rizontal left right vertical top bottom the edge opposite to the start is designated the end.
box-shadow - CSS: Cascading Style Sheets
sts of shadows have different lengths, then the shorter list is padded at the end with shadows whose color is transparent, all lengths are 0, and whose inset (or not) matches the longer list.
box-sizing - CSS: Cascading Style Sheets
egative and is floored to 0, making it impossible to use border-box to make the element disappear.
break-inside - CSS: Cascading Style Sheets
should be treated by browsers as an alias of break-inside.
caption-side - CSS: Cascading Style Sheets
ile the width and horizontal alignment behavior are not bound to the table's horizontal layout.
clamp() - CSS: Cascading Style Sheets
Web › CSS › clamp
long as the result is between the minimum and maximum values.
clear - CSS: Cascading Style Sheets
Web › CSS › clear
ning block, that is the left floats on ltr scripts and the right floats on rtl scripts.
clip-path - CSS: Cascading Style Sheets
Web › CSS › clip-path
tion of a new stacking context the same way that css opacity does for values other than 1.
clip - CSS: Cascading Style Sheets
Web › CSS › clip
o the element does not clip (default).
column-count - CSS: Cascading Style Sheets
lumn-width.
column-fill - CSS: Cascading Style Sheets
columns.
column-rule-color - CSS: Cascading Style Sheets
rule-color: hsla(0, 100%, 50%, 0.6); /* global values */ column-rule-color: inherit; column-rule-color: initial; column-rule-color: unset; the column-rule-color property is specified as a single <color> value.
column-rule-style - CSS: Cascading Style Sheets
yle: initial; column-rule-style: unset; the column-rule-style property is specified as a single <'border-style'> value.
column-rule-width - CSS: Cascading Style Sheets
property is specified as a single <'border-width'> value.
column-rule - CSS: Cascading Style Sheets
definition initial valueas each of the properties of the shorthand:column-rule-width: mediumcolumn-rule-style: nonecolumn-rule-color: currentcolorapplies tomulticol elementsinheritednocomputed valueas each of the properties of the shorthand:column-rule-color: computed colorcolumn-rule-style: as specifiedcolumn-rule-width: the absolute length; 0 if the column-rule-style is none or hiddenanimation typeas each of the properties of the shorthand:column-rule-color: a colorcolumn-rule-style: discretecolumn-rule-width: a length formal syntax <'column-rule-width'> | <'column-rule-style'> | <'column-rule-color'> examples example 1 /* same as "medium dotted currentcolor" */ p.foo { column-rule: dotted; } /* same as "medium solid blue" */ p.bar { column-rule: solid blue; } /* same as "8px solid c...
column-span - CSS: Cascading Style Sheets
the element does not span multiple columns.
column-width - CSS: Cascading Style Sheets
rower when the available space is too small.
columns - CSS: Cascading Style Sheets
Web › CSS › columns
, it merely indicates the maximum allowable number of columns.
contain - CSS: Cascading Style Sheets
Web › CSS › contain
x is offscreen, the browser does not need to paint its contained elements — these must also be offscreen as they are contained completely by that box.
counter-increment - CSS: Cascading Style Sheets
the keyword value none.
counter-reset - CSS: Cascading Style Sheets
lues <custom-ident> the name of the counter to reset.
counter-set - CSS: Cascading Style Sheets
ement, the element will create a new counter of the given name with a starting value of 0 (though it may then immediately set or increment that value to something different).
counter() - CSS: Cascading Style Sheets
Web › CSS › counter
untername); /* changing the counter display */ counter(countername, upper-roman) a counter has no visible effect by itself.
counters() - CSS: Cascading Style Sheets
Web › CSS › counters
untername, '-'); /* changing the counter display */ counters(countername, '.', upper-roman) a counter has no visible effect by itself.
<dimension> - CSS: Cascading Style Sheets
Web › CSS › dimension
the <dimension> css data type represents a <number> with a unit attached to it, for example 10px.
direction - CSS: Cascading Style Sheets
Web › CSS › direction
ection: unset; values ltr text and other elements go from left to right.
<display-outside> - CSS: Cascading Style Sheets
the <display-outside> keywords specify the element’s outer display type, which is essentially its role in flow layout.
element() - CSS: Cascading Style Sheets
Web › CSS › element
at more bizarre example this example uses a hidden <button> element in a repeating pattern as its background.
empty-cells - CSS: Cascading Style Sheets
/* global values */ empty-cells: inherit; empty-cells: initial; empty-cells: unset; the empty-cells property is specified as one of the keyword values listed below.
drop-shadow() - CSS: Cascading Style Sheets
ow the image.
flex-direction - CSS: Cascading Style Sheets
hen screen reader users will not have access to the correct reading order.
flex-flow - CSS: Cascading Style Sheets
Web › CSS › flex-flow
es */ flex-flow: inherit; flex-flow: initial; flex-flow: unset; values see flex-direction and flex-wrap for details on the values.
flex-grow - CSS: Cascading Style Sheets
Web › CSS › flex-grow
ng space, otherwise it is distributed according to the ratio defined by the different flex grow factors.
flex-shrink - CSS: Cascading Style Sheets
*/ flex-shrink: 2; flex-shrink: 0.6; /* global values */ flex-shrink: inherit; flex-shrink: initial; flex-shrink: unset; the flex-shrink property is specified as a single <number>.
flex-wrap - CSS: Cascading Style Sheets
Web › CSS › flex-wrap
ue.
flex - CSS: Cascading Style Sheets
Web › CSS › flex
h or min-height.
float - CSS: Cascading Style Sheets
Web › CSS › float
ng block.
font-kerning - CSS: Cascading Style Sheets
some browsers will disable kerning on small fonts, since applying it could harm the readability of text.
font-optical-sizing - CSS: Cascading Style Sheets
ont-variation-settings.
font-size-adjust - CSS: Cascading Style Sheets
ight to font size) of the first choice font-family.
font-size - CSS: Cascading Style Sheets
Web › CSS › font-size
ter inner outer” are all displayed at 16px (assuming that the browser's font-size has been left at the default value of 10px).
font-smooth - CSS: Cascading Style Sheets
acos.
font-variant-position - CSS: Cascading Style Sheets
s in the run are rendered using synthesized glyphs.
font-variant - CSS: Cascading Style Sheets
lues>, <east-asian-width-values>, ruby specifies the keywords related to the font-variant-east-asian longhand property.
gap (grid-gap) - CSS: Cascading Style Sheets
Web › CSS › gap
ap: normalcolumn-gap: normalapplies tomulti-column elements, flex containers, grid containersinheritednocomputed valueas each of the properties of the shorthand:row-gap: as specified, with <length>s made absolute, and normal computing to zero except on multi-column elementscolumn-gap: as specified, with <length>s made absolute, and normal computing to zero except on multi-column elementsanimation typeas each of the properties of the shorthand:row-gap: a length, percentage or calc();column-gap: a length, percentage or calc(); formal syntax <'row-gap'> <'column-gap'>?
grid-area - CSS: Cascading Style Sheets
Web › CSS › grid-area
he properties of the shorthand:grid-row-start: autogrid-column-start: autogrid-row-end: autogrid-column-end: autoapplies togrid items and absolutely-positioned boxes whose containing block is a grid containerinheritednocomputed valueas each of the properties of the shorthand:grid-row-start: as specifiedgrid-column-start: as specifiedgrid-row-end: as specifiedgrid-column-end: as specifiedanimation typediscrete formal syntax <grid-line> [ / <grid-line> ]{0,3}where <grid-line> = auto | <custom-ident> | [ <integer> && <custom-ident>?
grid-auto-columns - CSS: Cascading Style Sheets
n-width/min-height) of the grid items occupying the grid track.
grid-auto-rows - CSS: Cascading Style Sheets
-width/min-height) of the grid items occupying the grid track.
grid-column-end - CSS: Cascading Style Sheets
arch direction are assumed to have that name for the purpose of counting this span.
grid-column-start - CSS: Cascading Style Sheets
rch direction are assumed to have that name for the purpose of counting this span.
grid-column - CSS: Cascading Style Sheets
nable automatic annotation: source repository.
grid-row-end - CSS: Cascading Style Sheets
side of the explicit grid corresponding to the search direction are assumed to have that name for the purpose of counting this span.
grid-row-start - CSS: Cascading Style Sheets
rch direction, are assumed to have that name for the purpose of counting this span.
grid-row - CSS: Cascading Style Sheets
Web › CSS › grid-row
ascript to enable automatic annotation: source repository.
grid-template-areas - CSS: Cascading Style Sheets
ow is created for every separate string listed, and a column is created for each cell in the string.
grid-template-columns - CSS: Cascading Style Sheets
ken from the parent grid’s definition.
grid-template-rows - CSS: Cascading Style Sheets
en from the parent grid’s definition.
grid-template - CSS: Cascading Style Sheets
corresponding dimension of the content areagrid-template-rows: refer to corresponding dimension of the content areacomputed valueas each of the properties of the shorthand:grid-template-columns: as specified, but with relative lengths converted into absolute lengthsgrid-template-rows: as specified, but with relative lengths converted into absolute lengthsgrid-template-areas: as specifiedanimation typediscrete formal syntax none | [ <'grid-template-rows'> / <'grid-template-columns'> ] | [ <line-names>?
grid - CSS: Cascading Style Sheets
Web › CSS › grid
thgrid-auto-flow: as specifiedgrid-column-gap: the percentage as specified or the absolute lengthgrid-row-gap: the percentage as specified or the absolute lengthcolumn-gap: as specified, with <length>s made absolute, and normal computing to zero except on multi-column elementsrow-gap: as specified, with <length>s made absolute, and normal computing to zero except on multi-column elementsanimation typediscrete formal syntax <'grid-template'> | <'grid-template-rows'> / [ auto-flow && dense?
hanging-punctuation - CSS: Cascading Style Sheets
ormatted line of an element hangs.
height - CSS: Cascading Style Sheets
Web › CSS › height
d with respect to the height of the generated box's containing block.
hyphens - CSS: Cascading Style Sheets
Web › CSS › hyphens
(shy) an invisible, "soft" hyphen.
ident - CSS: Cascading Style Sheets
Web › CSS › ident
the <ident> css data type denotes an arbitrary string used as an identifier.
image-orientation - CSS: Cascading Style Sheets
portrait versus landscape orientation.
image-rendering - CSS: Cascading Style Sheets
ppears to be composed of large pixels.
image-set() - CSS: Cascading Style Sheets
Web › CSS › image-set
an waiting for a higher resolution image to load.
Inheritance - CSS: Cascading Style Sheets
in css, inheritance controls what happens when no value is specified for a property on an element.
initial-letter-align - CSS: Cascading Style Sheets
ns with the baseline of the nth text baseline.
initial-letter - CSS: Cascading Style Sheets
<integer> defines the number of lines the initial letter should sink when the size of it is given.
inline-size - CSS: Cascading Style Sheets
otherwise, it relates to the width of the element.
inset-block-end - CSS: Cascading Style Sheets
-block-end: inherit; inset-block-end: initial; inset-block-end: unset; syntax values the inset-block-end property takes the same values as the left property.
inset-block-start - CSS: Cascading Style Sheets
tart: inherit; inset-block-start: initial; inset-block-start: unset; syntax values the inset-block-start property takes the same values as the left property.
inset-block - CSS: Cascading Style Sheets
and for the following css properties: inset-block-end inset-block-start syntax values the inset-block property takes the same values as the left property.
inset-inline-end - CSS: Cascading Style Sheets
shorthand for inset-inline-start and inset-inline-end is inset-inline.
inset-inline-start - CSS: Cascading Style Sheets
horthand for inset-inline-start and inset-inline-end is inset-inline.
inset-inline - CSS: Cascading Style Sheets
d for the following css properties: inset-inline-end inset-inline-start syntax values the inset-inline property takes the same values as the left property.
inset - CSS: Cascading Style Sheets
Web › CSS › inset
inset: auto; /* global values */ inset: inherit; inset: initial; inset: unset; syntax values the inset property takes the same values as the left property.
isolation - CSS: Cascading Style Sheets
Web › CSS › isolation
keyword values listed below.
justify-content - CSS: Cascading Style Sheets
item is instead aligned as if the alignment mode were start.
justify-items - CSS: Cascading Style Sheets
m and alignment container, the given alignment value is honored.
justify-self - CSS: Cascading Style Sheets
if the size of the item overflows the alignment container, the item is instead aligned as if the alignment mode were start.
left - CSS: Cascading Style Sheets
Web › CSS › left
s precedence when the container is left-to-right; the right value has precedence when the container is right-to-left.
letter-spacing - CSS: Cascading Style Sheets
milies automatically maintain their legibility.
line-break - CSS: Cascading Style Sheets
paces, or in the middle of words, disregarding any prohibition against line breaks, even those introduced by characters with the gl, wj, or zwj character class or mandated by the word-break property.
line-height-step - CSS: Cascading Style Sheets
ed up to the closest multiple of the unit.
line-height - CSS: Cascading Style Sheets
ext size, using a unitless value ensures that the line height will scale proportionately.
margin-block-end - CSS: Cascading Style Sheets
ine-end, which define the other margins of the element.
margin-block-start - CSS: Cascading Style Sheets
e-end, which define the other margins of the element.
margin-block - CSS: Cascading Style Sheets
roperties: margin-block-end margin-block-start syntax values the margin-block property takes the same values as the margin-left property.
margin-inline-end - CSS: Cascading Style Sheets
start, which define the other margins of the element.
margin-inline-start - CSS: Cascading Style Sheets
e-end, which define the other margins of the element.
margin-trim - CSS: Cascading Style Sheets
ox's edges are truncated to zero.
mask-border-outset - CSS: Cascading Style Sheets
size of the mask border outset as a dimension.
mask-border-repeat - CSS: Cascading Style Sheets
ieve the proper fit.
mask-border-slice - CSS: Cascading Style Sheets
set.
mask-border-source - CSS: Cascading Style Sheets
inherit; mask-border-source: initial; mask-border-source: unset; values none no mask border is used.
mask-border-width - CSS: Cascading Style Sheets
ired intrinsic dimension, the corresponding border-width is used instead.
mask-border - CSS: Cascading Style Sheets
alueas each of the properties of the shorthand:mask-border-mode: as specifiedmask-border-outset: as specified, but with relative lengths converted into absolute lengthsmask-border-repeat: as specifiedmask-border-slice: as specifiedmask-border-source: as specified, but with <url> values made absolutemask-border-width: as specified, but with relative lengths converted into absolute lengthsanimation typeas each of the properties of the shorthand:mask-border-mode: discretemask-border-outset: discretemask-border-repeat: discretemask-border-slice: discretemask-border-source: discretemask-border-width: discretecreates stacking contextyes formal syntax <'mask-border-source'> | <'mask-border-slice'> [ / <'mask-border-width'>?
mask-clip - CSS: Cascading Style Sheets
Web › CSS › mask-clip
er-box.
mask-composite - CSS: Cascading Style Sheets
falls outside of the destination.
mask-image - CSS: Cascading Style Sheets
erpreted as a transparent black image layer.
mask-origin - CSS: Cascading Style Sheets
dimension of the reference box is set to the width and height values of the viewbox attribute.
mask-position - CSS: Cascading Style Sheets
t applies to container elements excluding the defs element and all graphics elementsinheritednopercentagesrefer to size of mask painting area minus size of mask layer image (see the text for background-position)computed valueconsists of two keywords representing the origin and two offsets from that origin, each given as an absolute length (if given a <length>), otherwise as a percentage.animation typerepeatable list of simple list of length, percentage, or calc formal syntax <position>#where <position> = [ [ left | center | right ] | [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]?
mask-repeat - CSS: Cascading Style Sheets
ask painting area will not necessarily be entirely covered).
mask-size - CSS: Cascading Style Sheets
Web › CSS › mask-size
ntrinsic dimension if there is one.
mask - CSS: Cascading Style Sheets
Web › CSS › mask
-repeat: consists of two keywords, one per dimensionmask-position: consists of two keywords representing the origin and two offsets from that origin, each given as an absolute length (if given a <length>), otherwise as a percentage.mask-clip: as specifiedmask-origin: as specifiedmask-size: as specified, but with relative lengths converted into absolute lengthsmask-composite: as specifiedanimation typeas each of the properties of the shorthand:mask-image: discretemask-mode: discretemask-repeat: discretemask-position: repeatable list of simple list of length, percentage, or calcmask-clip: discretemask-origin: discretemask-size: repeatable list of simple list of length, percentage, or calcmask-composite: discretecreates stacking contextyes formal syntax <mask-layer>#where <mask-layer> = <mask-r...
max-block-size - CSS: Cascading Style Sheets
modes level 3 specification late in its design process.
max-height - CSS: Cascading Style Sheets
n groupsinheritednopercentagesthe percentage is calculated with respect to the height of the generated box's containing block.
max-inline-size - CSS: Cascading Style Sheets
: fit-content(20em); /* global values */ max-inline-size: inherit; max-inline-size: initial; max-inline-size: unset; values the max-inline-size property takes the same values as the max-width and max-height properties.
max-width - CSS: Cascading Style Sheets
Web › CSS › max-width
text size.
max() - CSS: Cascading Style Sheets
Web › CSS › max
the minimum value a property can have.
min-block-size - CSS: Cascading Style Sheets
minimum height of the element.
min-height - CSS: Cascading Style Sheets
, and column groupsinheritednopercentagesthe percentage is calculated with respect to the height of the generated box's containing block.
min-inline-size - CSS: Cascading Style Sheets
minimum width of the element.
min-width - CSS: Cascading Style Sheets
Web › CSS › min-width
uses the fit-content formula with the available space replaced by the specified argument, i.e.
mix-blend-mode - CSS: Cascading Style Sheets
; mix-blend-mode: exclusion; mix-blend-mode: hue; mix-blend-mode: saturation; mix-blend-mode: color; mix-blend-mode: luminosity; /* global values */ mix-blend-mode: initial; mix-blend-mode: inherit; mix-blend-mode: unset; values <blend-mode> the blending mode that should be applied.
object-fit - CSS: Cascading Style Sheets
f the object's aspect ratio does not match the aspect ratio of its box, then the object will be stretched to fit.
object-position - CSS: Cascading Style Sheets
unset; values <position> from one to four values that define the 2d position of the element.
offset-anchor - CSS: Cascading Style Sheets
alues.
offset-distance - CSS: Cascading Style Sheets
e> a length that specifies how far the element is along the path (defined with offset-path).
offset-path - CSS: Cascading Style Sheets
mputed value of 0 for offset-distance and an initial direction which specifies the rotation of the object to the initial position.
offset-rotate - CSS: Cascading Style Sheets
angle.
offset - CSS: Cascading Style Sheets
Web › CSS › offset
fer to the total path lengthoffset-anchor: relativetowidthandheightcomputed valueas each of the properties of the shorthand:offset-position: for <length> the absolute value, otherwise a percentageoffset-path: as specifiedoffset-distance: for <length> the absolute value, otherwise a percentageoffset-anchor: for <length> the absolute value, otherwise a percentageoffset-rotate: as specifiedanimation typeas each of the properties of the shorthand:offset-position: a positionoffset-path: as <angle>, <basic-shape> or <path()>offset-distance: a length, percentage or calc();offset-anchor: a positionoffset-rotate: as <angle>, <basic-shape> or <path()>creates stacking contextyes formal syntax [ <'offset-position'>?
opacity - CSS: Cascading Style Sheets
Web › CSS › opacity
or larger text such as headings.
outline-color - CSS: Cascading Style Sheets
nition initial valueinvert, for browsers supporting it, currentcolor for the otherapplies toall elementsinheritednocomputed valuefor the keyword invert, the computed value is invert.
outline-offset - CSS: Cascading Style Sheets
nd the element.
outline-style - CSS: Cascading Style Sheets
age.
outline-width - CSS: Cascading Style Sheets
luding firefox).
outline - CSS: Cascading Style Sheets
Web › CSS › outline
ine-color: for the keyword invert, the computed value is invert.
overflow-anchor - CSS: Cascading Style Sheets
overflow-anchor: auto; overflow-anchor: none; /* global values */ overflow-anchor: inherit; overflow-anchor: initial; overflow-anchor: unset; values auto the element becomes a potential anchor when adjusting scroll position.
overflow-inline - CSS: Cascading Style Sheets
as visible, but still establishes a new block-formatting context.
overflow-x - CSS: Cascading Style Sheets
visible, but still establishes a new block-formatting context.
overflow-y - CSS: Cascading Style Sheets
visible, but still establishes a new block-formatting context.
overflow - CSS: Cascading Style Sheets
Web › CSS › overflow
and grid containersinheritednocomputed valueas each of the properties of the shorthand:overflow-x: as specified, except with visible/clip computing to auto/hidden respectively if one of overflow-x or overflow-y is neither visible nor clipoverflow-y: as specified, except with visible/clip computing to auto/hidden respectively if one of overflow-x or overflow-y is neither visible nor clipanimation typediscrete formal syntax [ visible | hidden | clip | scroll | auto ]{1,2} examples setting different overflow values for text p { width: 12em; height: 6em; border: dotted; overflow: visible; /* content is not clipped */ } visible (default) sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.
overscroll-behavior-block - CSS: Cascading Style Sheets
efreshes), but no scroll chaining occurs to neighbouring scrolling areas, e.g.
overscroll-behavior-inline - CSS: Cascading Style Sheets
efreshes), but no scroll chaining occurs to neighbouring scrolling areas, e.g.
overscroll-behavior-x - CSS: Cascading Style Sheets
efreshes), but no scroll chaining occurs to neighbouring scrolling areas, e.g.
padding-block-end - CSS: Cascading Style Sheets
padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.
padding-block-start - CSS: Cascading Style Sheets
, padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.
padding-block - CSS: Cascading Style Sheets
ion, and text-orientation.
padding-bottom - CSS: Cascading Style Sheets
containing block.
padding-inline-end - CSS: Cascading Style Sheets
padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.
padding-inline-start - CSS: Cascading Style Sheets
t, padding-bottom, or padding-left property depending on the values defined for writing-mode, direction, and text-orientation.
padding-inline - CSS: Cascading Style Sheets
values as the padding-left property.
padding-left - CSS: Cascading Style Sheets
containing block.
padding-right - CSS: Cascading Style Sheets
containing block.
padding-top - CSS: Cascading Style Sheets
containing block.
padding - CSS: Cascading Style Sheets
Web › CSS › padding
first-line.inheritednopercentagesrefer to the width of the containing blockcomputed valueas each of the properties of the shorthand:padding-bottom: the percentage as specified or the absolute lengthpadding-left: the percentage as specified or the absolute lengthpadding-right: the percentage as specified or the absolute lengthpadding-top: the percentage as specified or the absolute lengthanimation typea length formal syntax [ <length> | <percentage> ]{1,4} examples setting padding with pixels html <h4>this element has moderate padding.</h4> <h3>the padding is huge in this element!</h3> css h4 { background-color: lime; padding: 20px 50px; } h3 { background-color: cyan; padding: 110px 50px 50px 110px; } result setting padding with pixels and percentages padding: 5%; ...
page-break-after - CSS: Cascading Style Sheets
ows: page-break-after break-after auto auto left left right right avoid avoid always page formal definition initial valueautoapplies toblock-level elements in the normal flow of the root element.
page-break-before - CSS: Cascading Style Sheets
s: page-break-before break-before auto auto left left right right avoid avoid always page formal definition initial valueautoapplies toblock-level elements in the normal flow of the root element.
page-break-inside - CSS: Cascading Style Sheets
ue to work as designed.
paint-order - CSS: Cascading Style Sheets
> element.
paint() - CSS: Cascading Style Sheets
Web › CSS › paint
<li>item 13</li> <li>item 14</li> <li>item 15</li> <li>item 16</li> <li>item 17</li> <li>item 18</li> <li>item 19</li> <li>item 20</li> </ul> css.paintworklet.addmodule('https://mdn.github.io/houdini-examples/csspaint/intro/worklets/hilite.js'); li { --boxcolor: hsla(55, 90%, 60%, 1.0); background-image: paint(hollowhighlights, stroke, 2px); } li:nth-of-type(3n) { --boxcolor: hsla(155, 90%, 60%, 1.0); background-image: paint(hollowhighlights, filled, 3px); } li:nth-of-type(3n+1) { --boxcolor: hsla(255, 90%, 60%, 1.0); background-image: paint(hollowhighlights, stroke, 1px); } we've included a custom property in the selector block defining a boxcolor.
perspective-origin - CSS: Cascading Style Sheets
p, a keyword being a shortcut for the 0 length value.
perspective - CSS: Cascading Style Sheets
its position can be changed using the perspective-origin property.
place-content - CSS: Cascading Style Sheets
size of the alignment container, any auto-sized items have their size increased equally (not proportionally), while still respecting the constraints imposed by max-height/max-width (or equivalent functionality), so that the combined size exactly fills the alignment container formal definition initial valuenormalapplies tomulti-line flex containersinheritednocomputed valueas specifiedanimation typediscrete formal syntax <'align-content'> <'justify-content'>?
place-items - CSS: Cascading Style Sheets
ts imposed by max-height/max-width (or equivalent functionality), so that the combined size exactly fills the alignment container.
place-self - CSS: Cascading Style Sheets
ted valueas each of the properties of the shorthand:align-self: auto computes to itself on absolutely-positioned elements, and to the computed value of align-items on the parent (minus any legacy keywords) on all other boxes, or start if the box has no parent.
pointer-events - CSS: Cascading Style Sheets
ter events, and when.
quotes - CSS: Cascading Style Sheets
Web › CSS › quotes
elements (i.e.
right - CSS: Cascading Style Sheets
Web › CSS › right
as precedence when the container is left-to-right; the right value has precedence when the container is right-to-left.
rotate - CSS: Cascading Style Sheets
Web › CSS › rotate
mber>s representing an origin-centered vector that defines a line around which you want to rotate the element, plus an <angle> specifying the angle to rotate the element through.
row-gap (grid-row-gap) - CSS: Cascading Style Sheets
Web › CSS › row-gap
utter separating the rows.
ruby-align - CSS: Cascading Style Sheets
rd indicating that the extra space will be distributed between the elements of the ruby.
ruby-position - CSS: Cascading Style Sheets
o it for vertical scripts.
scale - CSS: Cascading Style Sheets
Web › CSS › scale
le() (2d scaling) function with two values specified.
scroll-behavior - CSS: Cascading Style Sheets
one of the keyword values listed below.
scroll-snap-align - CSS: Cascading Style Sheets
s a snap position in this axis.
scrollbar-color - CSS: Cascading Style Sheets
when using scrollbar-color property with specific color values, authors should ensure the specified colors have enough contrast between them.
shape-image-threshold - CSS: Cascading Style Sheets
ld used for extracting a shape from an image.
shape-margin - CSS: Cascading Style Sheets
-margin: initial; shape-margin: unset; values <length-percentage> sets the margin of the shape to a <length> value or to a <percentage> of the width of the element's containing block.
tab-size - CSS: Cascading Style Sheets
Web › CSS › tab-size
al values */ tab-size: inherit; tab-size: initial; tab-size: unset; values <integer> a multiple of the advance width of the space character (u+0020) to be used as the width of tabs.
table-layout - CSS: Cascading Style Sheets
the "automatic" layout method, but subsequent cell content might not fit in the column widths provided.
text-align-last - CSS: Cascading Style Sheets
f the line box.
text-align - CSS: Cascading Style Sheets
g wcag 2.0 formal definition initial valuestart, or a nameless value that acts as left if direction is ltr, right if direction is rtl if start is not supported by the browser.applies toblock containersinheritedyescomputed valueas specified, except for the match-parent value which is calculated against its parent's direction value and results in a computed value of either left or rightanimation typediscrete formal syntax start | end | left | right | center | justify | match-parent examples left alignment html <p class="example"> integer elementum massa at nulla placerat varius.
text-decoration-line - CSS: Cascading Style Sheets
h line of text has a decorative line going through its middle.
text-decoration-skip-ink - CSS: Cascading Style Sheets
here they would otherwise cross over a glyph.
text-decoration-skip - CSS: Cascading Style Sheets
important in chinese, where underlining is a form of punctuation.) box-decoration the text decoration is skipped over the box's margin, border, and padding areas.
text-decoration-style - CSS: Cascading Style Sheets
-style: unset; values solid draws a single line.
text-emphasis-color - CSS: Cascading Style Sheets
200, 160, 0.8); text-emphasis-color: transparent; /* global values */ text-emphasis-color: inherit; text-emphasis-color: initial; text-emphasis-color: unset; syntax values <color> defines the color of the emphasis marks.
text-emphasis-position - CSS: Cascading Style Sheets
horizontal vertical japanese over right korean mongolian chinese under right note: the text-emphasis-position cannot be set, and therefore are not reset either, using the text-emphasis shorthand property.
text-emphasis-style - CSS: Cascading Style Sheets
play sesames as marks.
text-emphasis - CSS: Cascading Style Sheets
r.
text-indent - CSS: Cascading Style Sheets
a forced line break, but does not affect lines after a soft wrap break.
text-orientation - CSS: Cascading Style Sheets
n alias to sideways that is kept for compatibility purposes.
text-overflow - CSS: Cascading Style Sheets
at the edge.
text-rendering - CSS: Cascading Style Sheets
, you might see less-than-beautiful text rendering, but the size is what you would expect—neither rounded up nor down to the nearest font size supported by windows or linux.
text-shadow - CSS: Cascading Style Sheets
ly visible due to the effect of <blur-radius>.
text-size-adjust - CSS: Cascading Style Sheets
ith css.
text-underline-position - CSS: Cascading Style Sheets
should be used instead.
top - CSS: Cascading Style Sheets
Web › CSS › top
containing block).
touch-action - CSS: Cascading Style Sheets
cing low vision conditions from being able to read and understand page content.
transform-box - CSS: Cascading Style Sheets
wbox attribute is specified for the svg viewport creating element, the reference box is positioned at the origin of the coordinate system established by the viewbox attribute, and the dimension of the reference box is set to the width and height values of the viewbox attribute.
matrix() - CSS: Cascading Style Sheets
the matrix() css function defines a homogeneous 2d transformation matrix.
matrix3d() - CSS: Cascading Style Sheets
the matrix3d() css function defines a 3d transformation as a 4x4 homogeneous matrix.
perspective() - CSS: Cascading Style Sheets
the perspective() css function defines a transformation that sets the distance between the user and the z=0 plane, the perspective from which the viewer would be if the 2-dimensional interface were 3-dimensional.
rotate() - CSS: Cascading Style Sheets
the rotate() css function defines a transformation that rotates an element around a fixed point on the 2d plane, without deforming it.
rotate3d() - CSS: Cascading Style Sheets
the rotate3d() css function defines a transformation that rotates an element around a fixed axis in 3d space, without deforming it.
rotateX() - CSS: Cascading Style Sheets
the rotatex() css function defines a transformation that rotates an element around the abscissa (horizontal axis) without deforming it.
rotateY() - CSS: Cascading Style Sheets
the rotatey() css function defines a transformation that rotates an element around the ordinate (vertical axis) without deforming it.
rotateZ() - CSS: Cascading Style Sheets
the rotatez() css function defines a transformation that rotates an element around the z-axis without deforming it.
scale3d() - CSS: Cascading Style Sheets
the scale3d() css function defines a transformation that resizes an element in 3d space.
scaleX() - CSS: Cascading Style Sheets
the scalex() css function defines a transformation that resizes an element along the x-axis (horizontally).
scaleY() - CSS: Cascading Style Sheets
the scaley() css function defines a transformation that resizes an element along the y-axis (vertically).
scaleZ() - CSS: Cascading Style Sheets
the scalez() css function defines a transformation that resizes an element along the z-axis.
skew() - CSS: Cascading Style Sheets
the skew() css function defines a transformation that skews an element on the 2d plane.
skewX() - CSS: Cascading Style Sheets
the skewx() css function defines a transformation that skews an element in the horizontal direction on the 2d plane.
skewY() - CSS: Cascading Style Sheets
the skewy() css function defines a transformation that skews an element in the vertical direction on the 2d plane.
translate() - CSS: Cascading Style Sheets
the translate() css function repositions an element in the horizontal and/or vertical directions.
translate3d() - CSS: Cascading Style Sheets
the translate3d() css function repositions an element in 3d space.
translateX() - CSS: Cascading Style Sheets
the translatex() css function repositions an element horizontally on the 2d plane.
translateY() - CSS: Cascading Style Sheets
the translatey() css function repositions an element vertically on the 2d plane.
translateZ() - CSS: Cascading Style Sheets
the translatez() css function repositions an element along the z-axis in 3d space, i.e., closer to or farther away from the viewer.
transform-origin - CSS: Cascading Style Sheets
and match the following <percentage> values: keyword value left 0% center 50% right 100% top 0% bottom 100% formal definition initial value50% 50% 0applies totransformable elementsinheritednopercentagesrefer to the size of bounding boxcomputed valuefor <length> the absolute value, otherwise a percentageanimation typesimple list of length, percentage, or calc formal syntax [ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?where <length-percentage> = <length> | <percentage> examples code sample transform: none; <div class="box1">&nbsp;</di...
transition-delay - CSS: Cascading Style Sheets
ransition-delay: 2s, 4ms; /* global values */ transition-delay: inherit; transition-delay: initial; transition-delay: unset; values <time> denotes the amount of time to wait between a property's value changing and the start of the transition effect.
transition-duration - CSS: Cascading Style Sheets
transition from the old value of a property to the new value should take.
transition-property - CSS: Cascading Style Sheets
initial; transition-property: unset; values none no properties will transition.
transition-timing-function - CSS: Cascading Style Sheets
raine and scotopic sensitivity.
transition - CSS: Cascading Style Sheets
roperties of the shorthand:transition-delay: 0stransition-duration: 0stransition-property: alltransition-timing-function: easeapplies toall elements, ::before and ::after pseudo-elementsinheritednocomputed valueas each of the properties of the shorthand:transition-delay: as specifiedtransition-duration: as specifiedtransition-property: as specifiedtransition-timing-function: as specifiedanimation typediscrete formal syntax <single-transition>#where <single-transition> = [ none | <single-transition-property> ] | <time> | <timing-function> | <time>where <single-transition-property> = all | <custom-ident><timing-function> = linear | <cubic-bezier-timing-function> | <step-timing-function>where <cubic-bezier-timing-function> = ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number <a href...
url() - CSS: Cascading Style Sheets
Web › CSS › url()
the url() css function is used to include a file.
user-select - CSS: Cascading Style Sheets
e will be selected.
visibility - CSS: Cascading Style Sheets
not be correctly treated like visibility: hidden on elements other than table rows and columns.
white-space - CSS: Cascading Style Sheets
collapse collapse no wrap remove pre preserve preserve no wrap preserve pre-wrap preserve preserve wrap hang pre-line preserve collapse wrap remove break-spaces preserve preserve wrap wrap formal definition initial valuenormalapplies toall elementsinheritedyescomputed valueas specifiedanimation typediscrete formal syntax normal | pre | nowrap | pre-wrap | pre-line | break-spaces examples basic example code { white-space: pre; } line breaks inside <pre> elements pre { word-wrap: break-word; /* ie 5.5-7 */ white-space: pre-wrap; /* modern browsers */ } in action html <div id="css-code" class="box"> p { white-space: <select> <option>normal</option> <option...
width - CSS: Cascading Style Sheets
Web › CSS › width
omed to increase text size.
will-change - CSS: Cascading Style Sheets
of time and allow for snappy transitions between the pages as soon as the key is pressed.
word-break - CSS: Cascading Style Sheets
note: in contrast to word-break: break-word and overflow-wrap: break-word (see overflow-wrap), word-break: break-all will create a break at the exact place where text would otherwise overflow its container (even if putting an entire word on its own line would negate the need for a break).
word-spacing - CSS: Cascading Style Sheets
anations understanding success criterion 1.4.8 | w3c understanding wcag 2.0 formal definition initial valuenormalapplies toall elements.
writing-mode - CSS: Cascading Style Sheets
cuments.
z-index - CSS: Cascading Style Sheets
Web › CSS › z-index
r> this <integer> is the stack level of the generated box in the current stacking context.
zoom - CSS: Cascading Style Sheets
Web › CSS › zoom
blink).
CSS: Cascading Style Sheets
Web › CSS
the basics of how it works, what the syntax looks like, and how you can start using it to add styling to html.
math:max() - EXSLT
Web › EXSLT › math › max
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes math:max() returns the maximum value of a node-set.
math:min() - EXSLT
Web › EXSLT › math › min
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes math:min() returns the minimum value of a node-set.
EXSLT
g/regular-expressions"> <xsl:template match="/"> ...
touchstart - Event reference
the touchstart event is fired when one or more touch points are placed on the touch surface.
Live streaming web audio and video - Developer guides
ant to support the rest.
Writing Web Audio API code that works in every browser - Developer guides
rash with something like creategainnode is not a function, and you now know why.
Creating and triggering events - Developer guides
event, allow bubbling, and provide any data you want to pass to the "detail" property const eventawesome = new customevent('awesome', { bubbles: true, detail: { text: () => textarea.value } }); // the form element listens for the custom "awesome" event and then consoles the output of the passed text() method form.addeventlistener('awesome', e => console.log(e.detail.text())); // as the user types, the textarea inside the form dispatches/triggers the event to fire, and uses itself as the starting point textarea.addeventlistener('input', e => e.target.dispatchevent(eventawesome)); creating and dispatching events dynamically elements can listen for events that haven't been created yet: <form> <textarea></textarea> </form> const form = document.queryselector('form'); const textarea =...
Mouse gesture events - Developer guides
note: these gesture events are available to add-ons and other browser chrome code, but are never sent to regular web page content.
Touch events (Mozilla experimental) - Developer guides
the event.
Introduction to Web development - Developer guides
of web awesomeness, the links here should help you get started.
Writing forward-compatible websites - Developer guides
r > characters are present.
HTML attribute: maxlength - HTML: Hypertext Markup Language
greater than maxlength utf-16 code units long.
HTML attribute: minlength - HTML: Hypertext Markup Language
nstraint validation is only applied when the value is changed by the user.
DASH Adaptive Streaming for HTML 5 Video - HTML: Hypertext Markup Language
nt assigns them into adaptation sets; for example, this creates one set (0) that contains the streams 0, 1, 2 and 3 (the videos), and another set (1) that contains only stream 4, the audio stream.
Date and time formats used in HTML - HTML: Hypertext Markup Language
ormats of the strings that specify these values are described in this article.
<address>: The Contact Address element - HTML: Hypertext Markup Language
Web › HTML › Element › address
le, or for an organization.
<bgsound>: The Background Sound element (obsolete) - HTML: Hypertext Markup Language
Web › HTML › Element › bgsound
lement.
<canvas>: The Graphics Canvas element - HTML: Hypertext Markup Language
Web › HTML › Element › canvas
use the html <canvas> element with either the canvas scripting api or the webgl api to draw graphics and animations.
<details>: The Details disclosure element - HTML: Hypertext Markup Language
Web › HTML › Element › details
dget the disclosure triangle itself can be customized, although this is not as broadly supported.
<dialog>: The Dialog element - HTML: Hypertext Markup Language
Web › HTML › Element › dialog
vascript var updatebutton = document.getelementbyid('updatedetails'); var favdialog = document.getelementbyid('favdialog'); var outputbox = document.queryselector('output'); var selectel = document.queryselector('select'); var confirmbtn = document.getelementbyid('confirmbtn'); // "update details" button opens the <dialog> modally updatebutton.addeventlistener('click', function onopen() { if (typeof favdialog.showmodal === "function") { favdialog.showmodal(); } else { alert("the <dialog> api is not supported by this browser"); } }); // "favorite animal" input sets the value of the submit button selectel.addeventlistener('change', function onselect(e) { confirmbtn.value = selectel.value; }); // "confirm" button of form triggers "close" on dialog because of [method="dialog"] fa...
<em>: The Emphasis element - HTML: Hypertext Markup Language
Web › HTML › Element › em
clusive, firefox implements the htmlspanelement interface for this element.
<head>: The Document Metadata (Header) element - HTML: Hypertext Markup Language
Web › HTML › Element › head
aracter or a comment.
<hgroup> - HTML: Hypertext Markup Language
Web › HTML › Element › hgroup
ine in with a colon character and space (“: ”) or other such punctuation after the primary heading and before the first secondary heading (and with the same or similar punctuation before any other secondary headings an <hgroup> might be shown in a rendered outline in with the primary heading followed by parentheses around the secondary heading(s) consider the following html document: <!doctype html> <title>html standard</title> <body> <hgroup id="document-title"> <h1>html</h1> <h2>living standard — last updated 12 august 2016</h2> </hgroup> <p>some intro to the document.</p> <h2>table of contents</h2> <ol id=toc>...</ol> <h2>first section</h2> <p>some intro to the first section.</p> </body> a rendered outline for that document might look like the following: ...
<kbd>: The Keyboard Input element - HTML: Hypertext Markup Language
Web › HTML › Element › kbd
the output to be presented: <p>you can also create a new document by pressing <kbd><kbd class="key">ctrl</kbd>+<kbd class="key">n</kbd></kbd>.</p> result the result is just what we want!
<meter>: The HTML Meter element - HTML: Hypertext Markup Language
Web › HTML › Element › meter
<form> element to associate the <meter> element with (its form owner).
<noscript> - HTML: Hypertext Markup Language
Web › HTML › Element › noscript
the html <noscript> element defines a section of html to be inserted if a script type on the page is unsupported or if scripting is currently turned off in the browser.
<plaintext>: The Plain Text element (Deprecated) - HTML: Hypertext Markup Language
all browsers implemented it.
<select>: The HTML Select element - HTML: Hypertext Markup Language
Web › HTML › Element › select
<select> element is notoriously difficult to style productively with css.
<var>: The Variable element - HTML: Hypertext Markup Language
Web › HTML › Element › var
the html variable element (<var>) represents the name of a variable in a mathematical expression or a programming context.
autocapitalize - HTML: Hypertext Markup Language
other input mechanisms, such as virtual keyboards on mobile devices and voice input.
dropzone - HTML: Hypertext Markup Language
the dropzone global attribute is an enumerated attribute indicating what types of content can be dropped on an element, using the html drag and drop api.
is - HTML: Hypertext Markup Language
the is global attribute allows you to specify that a standard html element should behave like a defined custom built-in element (see using custom elements for more details).
spellcheck - HTML: Hypertext Markup Language
uld not be checked for spelling errors.
Reason: CORS request not HTTP - HTTP
reason reason: cors request not http what went wrong?
HTTP conditional requests - HTTP
is used when byte to byte identity is expected, for example when resuming a download.
Connection management in HTTP/1.x - HTTP
ve requests, over the same persistent connection, without waiting for the answer.
Feature Policy - HTTP
s that the allow attribute only controls features within an iframe.
Accept-CH-Lifetime - HTTP
the accept-ch-lifetime header is set by the server to specify the persistence of accept-ch header value that specifies for which client hints headers client should include in subsequent requests.
Accept-CH - HTTP
the accept-ch header is set by the server to specify which client hints headers a client should include in subsequent requests.
Accept-Encoding - HTTP
ntity, the server must never send back a 406 not acceptable error.
Accept-Ranges - HTTP
the accept-ranges response http header is a marker used by the server to advertise its support of partial requests.
Access-Control-Allow-Credentials - HTTP
option in the request() constructor of the fetch api.
Access-Control-Allow-Headers - HTTP
the access-control-allow-headers response header is used in response to a preflight request which includes the access-control-request-headers to indicate which http headers can be used during the actual request.
Access-Control-Allow-Methods - HTTP
the access-control-allow-methods response header specifies the method or methods allowed when accessing the resource in response to a preflight request.
Access-Control-Allow-Origin - HTTP
the access-control-allow-origin response header indicates whether the response can be shared with requesting code from the given origin.
Access-Control-Max-Age - HTTP
the access-control-max-age response header indicates how long the results of a preflight request (that is the information contained in the access-control-allow-methods and access-control-allow-headers headers) can be cached.
Access-Control-Request-Method - HTTP
the access-control-request-method request header is used by browsers when issuing a preflight request, to let the server know which http method will be used when the actual request is made.
Age - HTTP
Web › HTTP › Headers › Age
the age header contains the time in seconds the object has been in a proxy cache.
Allow - HTTP
Web › HTTP › Headers › Allow
the allow header lists the set of methods supported by a resource.
Connection - HTTP
alive, transfer-encoding, te, connection, trailer, upgrade, proxy-authorization and proxy-authenticate), any hop-by-hop headers used by the message must be listed in the connection header, so that the first proxy knows it has to consume them and not forward them further.
Content-Length - HTTP
the content-length entity header indicates the size of the entity-body, in bytes, sent to the recipient.
Content-Range - HTTP
the content-range response http header indicates where in a full body message a partial message belongs.
CSP: report-to - HTTP
the content-security-policy report-to http response header field instructs the user agent to store reporting endpoints for an origin.
CSP: sandbox - HTTP
the http content-security-policy (csp) sandbox directive enables a sandbox for the requested resource similar to the <iframe> sandbox attribute.
Cookie - HTTP
Web › HTTP › Headers › Cookie
the cookie http request header contains stored http cookies previously sent by the server with the set-cookie header.
Cookie2 - HTTP
Web › HTTP › Headers › Cookie2
the obsolete cookie2 http request header used to advise the server that the user agent understands "new-style" cookies, but nowadays user agents will use the cookie header instead, not this one.
Cross-Origin-Embedder-Policy - HTTP
the http cross-origin-embedder-policy (coep) response header prevents a document from loading any cross-origin resources that don't explicitly grant the document permission (using corp or cors).
Cross-Origin-Opener-Policy - HTTP
ng it in a popup, preventing a set of cross-origin attacks dubbed xs-leaks.
Cross-Origin-Resource-Policy - HTTP
me pdfs.
DNT - HTTP
Web › HTTP › Headers › DNT
the dnt (do not track) request header indicates the user's tracking preference.
DPR - HTTP
Web › HTTP › Headers › DPR
the dpr header is a client hints headers which represents the client device pixel ratio (dpr), which is the the number of physical device pixels corresponding to every css pixel.
Date - HTTP
Web › HTTP › Headers › Date
the date general http header contains the date and time at which the message was originated.
Device-Memory - HTTP
the device-memory header is a device memory api header that works like client hints header which represents the approximate amount of ram client device has.
ETag - HTTP
Web › HTTP › Headers › ETag
ing each other ("mid-air collisions").
Early-Data - HTTP
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.
Expires - HTTP
Web › HTTP › Headers › Expires
the expires header contains the date/time after which the response is considered stale.
Feature-Policy: fullscreen - HTTP
the http feature-policy header fullscreen directive controls whether the current document is allowed to use element.requestfullscreen().
Forwarded - HTTP
e and de-facto standard versions of this header are the x-forwarded-for, x-forwarded-host and x-forwarded-proto headers.
From - HTTP
Web › HTTP › Headers › From
tains an internet email address for a human user who controls the requesting user agent.
Host - HTTP
Web › HTTP › Headers › Host
server to which the request is being sent.
If-Match - HTTP
Web › HTTP › Headers › If-Match
sponse is returned.
If-Modified-Since - HTTP
body; the last-modified response header of a previous request will contain the date of last modification.
If-None-Match - HTTP
o common use cases: for get and head methods, to update a cached entity that has an associated etag.
If-Range - HTTP
Web › HTTP › Headers › If-Range
ntent answer with the appropriate body.
If-Unmodified-Since - HTTP
tion with non-safe methods, like post, it can be used to implement an optimistic concurrency control, like done by some wikis: editions are rejected if the stored document has been modified since the original has been retrieved.
Large-Allocation - HTTP
allocated memory.
Last-Modified - HTTP
last-modified response http header contains the date and time at which the origin server believes the resource was last modified.
Location - HTTP
Web › HTTP › Headers › Location
on are different: location indicates the target of a redirection (or the url of a newly created resource), while content-location indicates the direct url to use to access the resource when content negotiation happened, without the need of further content negotiation.
NEL - HTTP
Web › HTTP › Headers › NEL
the http nel response header is used to configure network request logging.
Origin - HTTP
Web › HTTP › Headers › Origin
from.
Pragma - HTTP
Web › HTTP › Headers › Pragma
he cache-control http/1.1 header is not yet present.
Public-Key-Pins-Report-Only - HTTP
fied in the header but, unlike public-key-pins still allows browsers to connect to the server if the pinning is violated.
Public-Key-Pins - HTTP
e http public-key-pins response header used to associate a specific cryptographic public key with a certain web server to decrease the risk of mitm attacks with forged certificates, however, it has been removed from modern browsers and is no longer supported.
Range - HTTP
Web › HTTP › Headers › Range
rts can be requested with one range header at once, and the server may send back these ranges in a multipart document.
Referer - HTTP
Web › HTTP › Headers › Referer
security concerns for more information and mitigations.
Referrer-Policy - HTTP
the referrer-policy http header controls how much referrer information (sent via the referer header) should be included with requests.
Retry-After - HTTP
unavailable) response, this indicates how long the service is expected to be unavailable.
Sec-Fetch-Dest - HTTP
the sec-fetch-dest fetch metadata header indicates the request's destination, that is how the fetched data will be used.
Sec-Fetch-Mode - HTTP
the sec-fetch-mode fetch metadata header indicates the request's mode.
Sec-Fetch-Site - HTTP
the sec-fetch-site fetch metadata header indicates the relationship between a request initiator's origin and the origin of the resource.
Sec-Fetch-User - HTTP
the sec-fetch-user fetch metadata header indicates whether or not a navigation request was triggered by a user activation.
Sec-WebSocket-Accept - HTTP
the sec-websocket-accept header is used in the websocket opening handshake.
Server-Timing - HTTP
the server-timing header communicates one or more metrics and descriptions for a given request-response cycle.
Server - HTTP
Web › HTTP › Headers › Server
the server header describes the software used by the origin server that handled the request — that is, the server that generated the response.
Set-Cookie - HTTP
nd multiple cookies, multiple set-cookie headers should be sent in the same response.
Set-Cookie2 - HTTP
the obsolete set-cookie2 http response header used to send cookies from the server to the user agent, but has been deprecated by the specification.
SourceMap - HTTP
the sourcemap http response header links generated code to a source map, enabling the browser to reconstruct the original source and present the reconstructed original in the debugger.
TE - HTTP
Web › HTTP › Headers › TE
ccepted if the trailers value is set.
Timing-Allow-Origin - HTTP
the timing-allow-origin response header specifies origins that are allowed to see values of attributes retrieved via features of the resource timing api, which would otherwise be reported as zero due to cross-origin restrictions.
Tk - HTTP
Web › HTTP › Headers › Tk
the tk response header indicates the tracking status that applied to the corresponding request.
Upgrade-Insecure-Requests - HTTP
the http upgrade-insecure-requests request header sends a signal to the server expressing the client’s preference for an encrypted and authenticated response, and that it can successfully handle the upgrade-insecure-requests csp directive.
User-Agent - HTTP
the user-agent request header is a characteristic string that lets servers and network peers identify the application, operating system, vendor, and/or version of the requesting user agent.
Vary - HTTP
Web › HTTP › Headers › Vary
rs to decide whether a cached response can be used rather than requesting a fresh one from the origin server.
Via - HTTP
Web › HTTP › Headers › Via
the via general header is added by proxies, both forward and reverse proxies, and can appear in the request headers and the response headers.
Want-Digest - HTTP
he choices it offers.
X-Forwarded-For - HTTP
ting location-dependent content and by design it exposes privacy sensitive information, such as the ip address of the client.
X-Forwarded-Host - HTTP
useful to determine which host was originally used.
X-Forwarded-Proto - HTTP
o your proxy or load balancer.
X-Frame-Options - HTTP
<object>.
X-XSS-Protection - HTTP
ovide protections for users of older web browsers that don't yet support csp.
PATCH - HTTP
Web › HTTP › Methods › PATCH
ce of the accept-patch header, which specifies the patch document formats accepted by the server.
PUT - HTTP
Web › HTTP › Methods › PUT
s successive identical post requests may have additional effects, akin to placing an order several times.
TRACE - HTTP
Web › HTTP › Methods › TRACE
the http trace method performs a message loop-back test along the path to the target resource, providing a useful debugging mechanism.
301 Moved Permanently - HTTP
Web › HTTP › Status › 301
n definitively moved to the url given by the location headers.
302 Found - HTTP
Web › HTTP › Status › 302
rarily moved to the url given by the location header.
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.
426 Upgrade Required - HTTP
Web › HTTP › Status › 426
code indicates that the server refuses to perform the request using the current protocol but might be willing to do so after the client upgrades to a different protocol.
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").
451 Unavailable For Legal Reasons - HTTP
Web › HTTP › Status › 451
ndating it.
HTTP response status codes - HTTP
Web › HTTP › Status
s it.
HTTP
Web › HTTP
her resources.
Character classes - JavaScript
character classes distinguish kinds of characters such as, for example, distinguishing between letters and digits.
Groups and ranges - JavaScript
groups and ranges indicate groups and ranges of expression characters.
Quantifiers - JavaScript
quantifiers indicate numbers of characters or expressions to match.
Using Promises - JavaScript
(generally, this is either the window or, if being used in a web worker, it's the worker or other worker-based interface).
Memory Management - JavaScript
g the main garbage collection algorithms and their respective limitations.
About the JavaScript reference - JavaScript
t language operators, expressions and keywords.
extends - JavaScript
lass.
Warning: -file- is being assigned a //# sourceMappingURL, but already has one - JavaScript
the javascript warning "-file- is being assigned a //# sourcemappingurl, but already has one." occurs when a source map has been specified more than once for a given javascript source.
Warning: 08/09 is not a legal ECMA-262 octal constant - JavaScript
the javascript warning "08 (or 09) is not a legal ecma-262 octal constant" occurs when 08 or 09 number literals are used.
SyntaxError: invalid regular expression flag "x" - JavaScript
the javascript exception "invalid regular expression flag" occurs when the flags, defined after the second slash in regular expression literal, are not one of g, i, m, s, u, or y.
SyntaxError: return not in function - JavaScript
the javascript exception "return (or yield) not in function" occurs when a return or yield statement is called outside of a function.
ReferenceError: can't access lexical declaration`X' before initialization - JavaScript
le' before initialization" occurs when a lexical variable was accessed before it was initialized.
SyntaxError: applying the 'delete' operator to an unqualified name is deprecated - JavaScript
ing the 'delete' operator to an unqualified name is deprecated" occurs when variables are attempted to be deleted using the delete operator.
Warning: expression closures are deprecated - JavaScript
the javascript warning "expression closures are deprecated" occurs when the non-standard expression closure syntax (shorthand function syntax) is used.
SyntaxError: "0"-prefixed octal literals and octal escape seq. are deprecated - JavaScript
al escape sequences are deprecated; for octal literals use the "0o" prefix instead" occurs when deprecated octal literals and octal escape sequences are used.
SyntaxError: Using //@ to indicate sourceURL pragmas is deprecated. Use //# instead - JavaScript
the javascript warning "using //@ to indicate sourceurl pragmas is deprecated.
Warning: JavaScript 1.6's for-each-in loops are deprecated - JavaScript
the javascript warning "javascript 1.6's for-each-in loops are deprecated; consider using es6 for-of instead" occurs when a for each (variable in obj) statement is used.
SyntaxError: identifier starts immediately after numeric literal - JavaScript
e javascript exception "identifier starts immediately after numeric literal" occurs when an identifier started with a digit.
RangeError: invalid array length - JavaScript
uffer which has a length which is either negative or larger or equal to 232, or when setting the array.length property to a value which is either negative or larger or equal to 232.
ReferenceError: invalid assignment left-hand side - JavaScript
the javascript exception "invalid assignment left-hand side" occurs when there was an unexpected assignment somewhere.
RangeError: invalid date - JavaScript
the javascript exception "invalid date" occurs when a string leading to an invalid date has been provided to date or date.parse().
SyntaxError: for-in loop head declarations may not have initializers - JavaScript
head of a for...in contains an initializer expression, such as |for (var i = 0 in obj)|.
SyntaxError: a declaration in the head of a for-of loop can't have an initializer - JavaScript
f a for...of loop contains an initializer expression such as |for (var i = 0 of iterable)|.
SyntaxError: JSON.parse: bad parsing - JavaScript
n.parse: expected ',' or '}' after property-value pair in object literal syntaxerror: json.parse: property names must be double-quoted strings syntaxerror: json.parse: expected property name or '}' syntaxerror: json.parse: unexpected character syntaxerror: json.parse: unexpected non-whitespace character after json data syntaxerror: json.parse error: invalid character at position {0} (edge) error type syntaxerror what went wrong?
URIError: malformed URI sequence - JavaScript
the javascript exception "malformed uri sequence" occurs when uri encoding or decoding wasn't successful.
SyntaxError: Malformed formal parameter - JavaScript
the javascript exception "malformed formal parameter" occurs when the argument list of a function() constructor call is invalid somehow.
SyntaxError: missing ] after element list - JavaScript
the javascript exception "missing ] after element list" occurs when there is an error with the array initializer syntax somewhere.
SyntaxError: missing : after property id - JavaScript
the javascript exception "missing : after property id" occurs when objects are created using the object initializer syntax.
SyntaxError: missing } after function body - JavaScript
the javascript exception "missing } after function body" occurs when there is a syntax mistake when creating a function somewhere.
SyntaxError: missing } after property list - JavaScript
the javascript exception "missing } after property list" occurs when there is a mistake in the object initializer syntax somewhere.
SyntaxError: missing formal parameter - JavaScript
the javascript exception "missing formal parameter" occurs when your function declaration is missing valid parameters.
SyntaxError: missing = in const declaration - JavaScript
the javascript exception "missing = in const declaration" occurs when a const declaration was not given a value in the same statement (like const red_flag;).
SyntaxError: missing name after . operator - JavaScript
the javascript exception "missing name after .
SyntaxError: missing ) after argument list - JavaScript
the javascript exception "missing ) after argument list" occurs when there is an error with how a function is called.
SyntaxError: missing ) after condition - JavaScript
the javascript exception "missing ) after condition" occurs when there is an error with how an if condition is written.
SyntaxError: missing ; before statement - JavaScript
the javascript exception "missing ; before statement" occurs when there is a semicolon (;) missing somewhere and can't be added by automatic semicolon insertion (asi).
SyntaxError: missing variable name - JavaScript
the javascript exception "missing variable name" occurs way too often as naming things is so hard.
RangeError: argument is not a valid code point - JavaScript
the javascript exception "invalid code point" occurs when nan values, negative integers (-1), non-integers (5.4), or values larger than 0x10ffff (1114111) are used with string.fromcodepoint().
SyntaxError: redeclaration of formal parameter "x" - JavaScript
the javascript exception "redeclaration of formal parameter" occurs when the same variable name occurs as a function parameter and is then redeclared using a let assignment in a function body again.
SyntaxError: "x" is a reserved identifier - JavaScript
the javascript exception "variable is a reserved identifier" occurs when reserved keywords are used as identifiers.
Warning: unreachable code after return statement - JavaScript
the javascript warning "unreachable code after return statement" occurs when using an expression after a return statement, or when using a semicolon-less return statement but including an expression directly after.
SyntaxError: "use strict" not allowed in function with non-simple parameters - JavaScript
t apply strict mode on functions with non-simple parameter list firefox: syntaxerror: "use strict" not allowed in function with default parameter syntaxerror: "use strict" not allowed in function with rest parameter syntaxerror: "use strict" not allowed in function with destructuring parameter chrome: syntaxerror: illegal 'use strict' directive in function with non-simple parameter list error type syntaxerror.
InternalError: too much recursion - JavaScript
the javascript exception "too much recursion" or "maximum call stack size exceeded" occurs when there are too many function calls, or a function is missing a base case.
ReferenceError: assignment to undeclared variable "x" - JavaScript
the javascript strict mode-only exception "assignment to undeclated variable" occurs when the value has been assigned to an undeclared variable.
SyntaxError: Unexpected token - JavaScript
ific language construct was expected, but something else was provided.
SyntaxError: function statement requires a name - JavaScript
the javascript exception "function statement requires a name" occurs when there is a function statement in the code that requires a name.
SyntaxError: unterminated string literal - JavaScript
the javascript error "unterminated string literal" occurs when there is an unterminated string somewhere.
arguments[@@iterator]() - JavaScript
the initial value of the @@iterator property is the same function object as the initial value of the array.prototype.values property.
setter - JavaScript
the variable that holds the value attempted to be assigned to prop.
ArrayBuffer.isView() - JavaScript
the arraybuffer.isview() method determines whether the passed value is one of the arraybuffer views, such as typed array objects or a dataview.
BigInt() constructor - JavaScript
the bigint() constructor returns a value of type bigint.
Intl.PluralRules.select() - JavaScript
the intl.pluralrules.prototype.select method returns a string indicating which plural rule to use for locale-aware formatting.
Math.fround() - JavaScript
le precision float representation of a number.
Math.imul() - JavaScript
b >>> 16) & 0xffff; var blo = b & 0xffff; // the shift by 0 fixes the sign on the high part // the final |0 converts the unsigned value into a signed value return ((alo * blo) + (((ahi * blo + alo * bhi) << 16) >>> 0) | 0); }; however, the following function is more performant because it is likely that browsers in which this polyfill would be used do not optimize with an internal integer type in javascript, instead using floating points for all numbers.
Math.max() - JavaScript
esult is nan.
Math.trunc() - JavaScript
a number.
Math - JavaScript
math is a built-in object that has properties and methods for mathematical constants and functions.
NaN - JavaScript
d us a pull request.
Number.isInteger() - JavaScript
integer.
Number.isSafeInteger() - JavaScript
clusive to 253 - 1 inclusive (± 9007199254740991 or ± 9,007,199,254,740,991).
Object.is() - JavaScript
of the same length with the same characters in the same order both the same object (means both object have same reference) both numbers and both +0 both -0 both nan or both non-zero and both not nan and both have the same value this is not the same as being equal according to the == operator.
Object.values() - JavaScript
the object.values() method returns an array of a given object's own enumerable property values, in the same order as that provided by a for...in loop.
Promise() constructor - JavaScript
the promiseobj (asynchronously) invokes any .then() associated with it.
Promise.resolve() - JavaScript
ng a thenable object var p1 = promise.resolve({ then: function(onfulfill, onreject) { onfulfill('fulfilled!'); } }); console.log(p1 instanceof promise) // true, object casted to a promise p1.then(function(v) { console.log(v); // "fulfilled!" }, function(e) { // not called }); // thenable throws before callback // promise rejects var thenable = { then: function(resolve) { throw new typeerror('throwing'); resolve('resolving'); }}; var p2 = promise.resolve(thenable); p2.then(function(v) { // not called }, function(e) { console.error(e); // typeerror: throwing }); // thenable throws after callback // promise resolves var thenable = { then: function(resolve) { resolve('resolving'); throw new typeerror('throwing'); }}; var p3 = promise.resolve(thenable); p3.then(function...
handler.deleteProperty() - JavaScript
ust return a boolean indicating whether or not the property has been successfully deleted.
Reflect.deleteProperty() - JavaScript
eractive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Reflect.get() - JavaScript
.
Reflect.ownKeys() - JavaScript
this interactive example is stored in a github repository.
Reflect.set() - JavaScript
reflect.set(target, propertykey, value[, receiver]) parameters target the target object on which to set the property.
Set() constructor - JavaScript
the set constructor lets you create set objects that store unique values of any type, whether primitive values or object references.
String length - JavaScript
if you want to get the number of characters you need something like this: function getcharacterlength (str) { // the string iterator that is used here iterates over characters, // not mere code units return [...str].length; } console.log(getcharacterlength('a\ud87e\udc04z')); // 3 // while not recommended, you could add this to each string as follows: object.defineproperty(string.prototype, 'charlength', { get () { return getcharacterlength(this); } }); console.log('a\ud87e\udc04z'.charlength); // 3 examples basic usage let x = 'mozilla'; let empty = ''; console.log(x + ' is ' + x.length + ' code units long'); /* "mozilla is 7 code units long" */ console.log('the empty string has a length of ' + empty.length); // expected output: "the empty string has a length of 0" ...
Symbol.toPrimitive - JavaScript
red in a github repository.
WeakRef - JavaScript
it, the javascript engine's garbage collector may destroy the object and reclaim its memory.
WebAssembly.Instance - JavaScript
a webassembly.instance object is a stateful, executable instance of a webassembly.module.
WebAssembly.Module() constructor - JavaScript
nchronous compilation function like webassembly.compile().
WebAssembly.Module.customSections() - JavaScript
le.customsections(module, sectionname); parameters module the webassembly.module object whose custom sections are being considered.
WebAssembly.Module.exports() - JavaScript
the webassembly.module.exports() function returns an array containing descriptions of all the declared exports of the given module.
WebAssembly.Module.imports() - JavaScript
the webassembly.imports() function returns an array containing descriptions of all the declared imports of the given module.
WebAssembly.RuntimeError() constructor - JavaScript
the webassembly.runtimeerror() constructor creates a new webassembly runtimeerror object — the type that is thrown whenever webassembly specifies a trap.
eval() - JavaScript
ly, modern javascript interpreters convert javascript to machine code.
Addition assignment (+=) - JavaScript
the addition assignment operator (+=) adds the value of the right operand to a variable and assigns the result to the variable.
Exponentiation (**) - JavaScript
r (**), the exponentiation operator is defined to have a higher precedence than unary operators, such as unary + and unary -, but there are a few exceptions.
Less than (<) - JavaScript
l request.
yield - JavaScript
ult is returned to the caller in which the value is the value specified by the return statement and done is true.
class - JavaScript
the class declaration creates a new class with a given name using prototype-based inheritance.
for await...of - JavaScript
the for await...of statement creates a loop iterating over async iterable objects as well as on sync iterables, including: built-in string, array, array-like objects (e.g., arguments or nodelist), typedarray, map, set, and user-defined async/sync iterables.
function* - JavaScript
/ { value: undefined, done: true } generator as a computed property class foo { *[symbol.iterator] () { yield 1; yield 2; } } const someobj = { *[symbol.iterator] () { yield 'a'; yield 'b'; } } console.log(array.from(new foo)); // [ 1, 2 ] console.log(array.from(someobj)); // [ 'a', 'b' ] generators are not constructable function* f() {} var obj = new f; // throws "typeerror: f is not a constructor generator defined in an expression const foo = function* () { yield 10; yield 20; }; const bar = foo(); console.log(bar.next()); // {value: 10, done: false} generator example function* powers(n){ //endless loop to generate for(let current =n;; current *= n){ yield current; } } for(let power of powers(2)){ //controlling generator...
background_color - Web app manifests
type string mandatory no the background_color member defines a placeholder background color for the application page to display before its stylesheet is loaded.
categories - Web app manifests
type array of strings mandatory no the categories member is an array of strings defining the names of categories that the application supposedly belongs to.
description - Web app manifests
type string mandatory no the description member is a string in which developers can explain what the application does.
dir - Web app manifests
Web › Manifest › dir
type string mandatory no the base direction in which to display direction-capable members of the manifest.
display - Web app manifests
type string mandatory no the display member is a string that determines the developers’ preferred display mode for the website.
iarc_rating_id - Web app manifests
type string mandatory no the iarc_rating_id member is a string that represents the international age rating coalition (iarc) certification code of the web application.
lang - Web app manifests
Web › Manifest › lang
type string mandatory no the lang member is a string containing a single language tag.
name - Web app manifests
Web › Manifest › name
type string mandatory yes the name member is a string that represents the name of the web application as it is usually displayed to the user (e.g., amongst a list of other applications, or as a label for an icon).
orientation - Web app manifests
type string mandatory no the orientation member defines the default orientation for all the website's top-level browsing contexts.
prefer_related_applications - Web app manifests
type boolean mandatory no the prefer_related_applications member is a boolean value that specifies that applications listed in related_applications should be preferred over the web application.
related_applications - Web app manifests
type array mandatory no the related_applications field is an array of objects specifying native applications that are installable by, or accessible to, the underlying platform — for example, a native android application obtainable through the google play store.
scope - Web app manifests
type string mandatory no the scope member is a string that defines the navigation scope of this web application's application context.
short_name - Web app manifests
type string mandatory no the short_name member is a string that represents the name of the web application displayed to the user if there is not enough space to display name (e.g., as a label for an icon on the phone home screen).
shortcuts - Web app manifests
type object mandatory no the shortcuts member defines an array of shortcuts or links to key tasks or pages within a web app.
start_url - Web app manifests
type string mandatory no the start_url member is a string that represents the start url of the web application — the prefered url that should be loaded when the user launches the web application (e.g., when the user taps on the web application's icon from a device's application menu or homescreen).
theme_color - Web app manifests
type string mandatory no the theme_color member is a string that defines the default theme color for the application.
<mstyle> - MathML
Web › MathML › Element › mstyle
height, depth or width do not apply to <mglyph>, <mpadded> or <mtable>.
<semantics> - MathML
al source for semantic information.
MathML documentation index - MathML
Web › MathML › Index
onstants for specifying lengths.
Performance fundamentals - Web Performance
mon menu"; "fetch and decode the image for the high scores list", etc.
Populating the page: how browsers work - Web Performance
pted by a third party.
Performance budgets - Web Performance
a performance budget is a limit to prevent regressions.
Understanding latency - Web Performance
te the latency of a low bandwidth network, you can use developer tools and switch to a lower end network connection.
Progressive web app structure - Progressive web apps (PWAs)
information, see the streams api documentation.
Progressive loading - Progressive web apps (PWAs)
few seconds between initial website access and completion of loading, the user sees a blank page, which is a bad experience.
Making PWAs work offline with Service workers - Progressive web apps (PWAs)
13kpwa/icons/icon-128.png', '/pwa-examples/js13kpwa/icons/icon-168.png', '/pwa-examples/js13kpwa/icons/icon-192.png', '/pwa-examples/js13kpwa/icons/icon-256.png', '/pwa-examples/js13kpwa/icons/icon-512.png' ]; next, the links to images to be loaded along with the content from the data/games.js file are generated in the second array.
Graphic design for responsive sites - Progressive web apps (PWAs)
t want them), css3 also allows you to write declarative animations and transitions.
Mobile first - Progressive web apps (PWAs)
its besides), it is also fairly reliable, and you can create your own custom version with only the feature detects you need in it, using the modernizr download builder.
Structural overview of progressive web apps - Progressive web apps (PWAs)
rarchy looks like this: app.js data/ games.js img/ favicon.ico fonts/ icons/ img/ bg.png js13kgames.png index.html js13kpwa.webmanifest style.css sw.js the html the html in the file index.html creates the structure of the app.
amplitude - SVG: Scalable Vector Graphics
the amplitude attribute controls the amplitude of the gamma function of a component transfer element when its type attribute is gamma.
attributeName - SVG: Scalable Vector Graphics
bute indicates the name of the css property or attribute of the target element that is going to be changed during an animation.
baseFrequency - SVG: Scalable Vector Graphics
ided, the first one represents the base frequency in the horizontal direction and the second one the base frequency in the vertical direction.
by - SVG: Scalable Vector Graphics
Web › SVG › Attribute › by
nimatemotion>, and <animatetransform> html, body, svg { height: 100%; } <svg viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="100" height="100"> <animate attributename="width" fill="freeze" by="50" dur="3s"/> </rect> </svg> usage notes value see below default value none animatable no the exact value type for this attribute depends on the value of the attribute that will be animated.
color-interpolation - SVG: Scalable Vector Graphics
hich color space is used.
d - SVG: Scalable Vector Graphics
Web › SVG › Attribute › d
for <missing-glyph>, d is a string containing a series of path commands that define the outline shape of the glyph.
externalResourcesRequired - SVG: Scalable Vector Graphics
the externalresourcesrequired attribute specifies whether referenced resources that are not part of the current document are required for proper rendering of the given container or graphics element.
fill - SVG: Scalable Vector Graphics
Web › SVG › Attribute › fill
--> <defs> <radialgradient id="mygradient"> <stop offset="0%" stop-color="pink" /> <stop offset="100%" stop-color="black" /> </radialgradient> </defs> <circle cx="150" cy="50" r="40" fill="url(#mygradient)" /> <!-- keeping the final state of an animated circle which is a circle with a radius of 40.
font-variant - SVG: Scalable Vector Graphics
e values, please refer to the css font-variant property.
from - SVG: Scalable Vector Graphics
Web › SVG › Attribute › from
nimatemotion>, and <animatetransform> html, body, svg { height: 100%; } <svg viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" height="100"> <animate attributename="width" fill="freeze" from="100" to="150" dur="3s"/> </rect> </svg> usage notes value see below default value none animatable no the exact value type for this attribute depends on the value of the attribute that will be animated.
id - SVG: Scalable Vector Graphics
Web › SVG › Attribute › id
the id attribute assigns a unique name to an element.
media - SVG: Scalable Vector Graphics
Web › SVG › Attribute › media
this value holds a media query that needs to match in order for the style sheet to be applied.
rendering-intent - SVG: Scalable Vector Graphics
for translating colors to the color gamut of the target rendering device.
requiredFeatures - SVG: Scalable Vector Graphics
p://www.w3.org/tr/svg11/feature#animationeventsattribute the browser supports the onbegin, onend, onrepeat and onload attributes http://www.w3.org/tr/svg11/feature#cursor the browser supports the <cursor> element http://www.w3.org/tr/svg11/feature#hyperlinking the browser supports the <a> element http://www.w3.org/tr/svg11/feature#xlinkattribute the browser supports the xlink:type, xlink:href, xlink:role, xlink:arcrole, xlink:title, xlink:show and xlink:actuate attributes http://www.w3.org/tr/svg11/feature#externalresourcesrequired the browser supports the externalresourcesrequired attribute http://www.w3.org/tr/svg11/feature#view the browser supports the <view> element http://www.w3.org/tr/svg11/feature#script the browser supports the <script> element ...
result - SVG: Scalable Vector Graphics
Web › SVG › Attribute › result
componenttransfer>, <fecomposite>, <feconvolvematrix>, <fediffuselighting>, <fedisplacementmap>, <fedropshadow>, <feflood>, <fegaussianblur>, <feimage>, <femerge>, <femorphology>, <feoffset>, <fespecularlighting>, <fetile>, and <feturbulence> html, body, svg { height: 100%; } <svg viewbox="0 0 220 220" xmlns="http://www.w3.org/2000/svg"> <filter 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> usage notes value <filter-primitive-reference> default value non...
style - SVG: Scalable Vector Graphics
Web › SVG › Attribute › style
w3.org/2000/svg"> <rect width="80" height="40" x="10" y="10" style="fill: skyblue; stroke: cadetblue; stroke-width: 2;"/> </svg> usage notes value <style> default value none animatable no <style> the syntax of style data depends on the style sheet language.
tableValues - SVG: Scalable Vector Graphics
efs> <lineargradient id="gradient" gradientunits="userspaceonuse" x1="0" y1="0" x2="200" y2="0"> <stop offset="0" stop-color="#ff0000" /> <stop offset="0.5" stop-color="#00ff00" /> <stop offset="1" stop-color="#0000ff" /> </lineargradient> </defs> <filter id="componenttransfer1" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="table" tablevalues="0 1"/> <fefuncg type="table" tablevalues="0 1"/> <fefuncb type="table" tablevalues="0 1"/> </fecomponenttransfer> </filter> <filter id="componenttransfer2" x="0" y="0" width="100%" height="100%"> <fecomponenttransfer> <fefuncr type="table" tablevalues="1 0"/> <fefuncg type="table" tablevalues="1 0"/> <fefuncb type="table" tablevalues=...
text-anchor - SVG: Scalable Vector Graphics
the text-anchor attribute is used to align (start-, middle- or end-alignment) a string of pre-formatted text or auto-wrapped text where the wrapping area is determined from the inline-size property relative to a given point.
units-per-em - SVG: Scalable Vector Graphics
the units-per-em attribute specifies the number of coordinate units on the "em square", an abstract square whose height is the intended distance between lines of type in the same type size.
visibility - SVG: Scalable Vector Graphics
8l18 14z" class="invisible" /> <path d="m0 0h24v24h0z" fill="none" /> </svg> <span> click me </span> </button> css svg { display: inline !important; } span { 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.
xlink:title - SVG: Scalable Vector Graphics
the xlink:title attribute is used to describe the meaning of a link or resource in a human-readable fashion.
<animateColor> - SVG: Scalable Vector Graphics
utes animation timing attributes animation value attributes animation addition attributes externalresourcesrequired specific attributes by from to dom interface this element implements the svganimatecolorelement interface.
<clipPath> - SVG: Scalable Vector Graphics
Web › SVG › Element › clipPath
he referencing element) must remain the same as if it were not clipped.
<feDisplacementMap> - SVG: Scalable Vector Graphics
core attributes presentation attributes filter primitive attributes class style specific attributes in in2 scale xchannelselector ychannelselector dom interface this element implements the svgfedisplacementmapelement interface.
<font-face-format> - SVG: Scalable Vector Graphics
the <font-face-format> svg element describes the type of font referenced by its parent <font-face-uri>.
Linking - SVG: Scalable Vector Graphics
Web › SVG › Linking
the target attribute on the svg <a> element doesn't work in mozilla firefox 1.5.
SVG animation with SMIL - SVG: Scalable Vector Graphics
we animate the center of the rotation and the angle.
Scripting - SVG: Scalable Vector Graphics
Web › SVG › Scripting
ssage=message this.rect=document.createelementns("http://www.w3.org/2000/svg","rect") this.rect.setattributens(null,"x",x) this.rect.setattributens(null,"y",y) this.rect.setattributens(null,"width",w) this.rect.setattributens(null,"height",h) document.documentelement.appendchild(this.rect) this.rect.addeventlistener("click",this,false) this.handleevent= function(evt){ switch (evt.type){ case "click": alert(this.message) break; } } } inter-document scripting: referencing embedded svg when using svg within html, adobe's svg viewer 3.0 automatically includes a window property called svgdocument that points to the svg document.
Other content in SVG - SVG: Scalable Vector Graphics
« previousnext » apart from graphic primitives like rectangles and circles, svg offers a set of elements to embed other types of content in images as well.
Patterns - SVG: Scalable Vector Graphics
Web › SVG › Tutorial › Patterns
« previousnext » patterns patterns are arguably one of the more confusing fill types to use in svg.
SVG image element - SVG: Scalable Vector Graphics
« previousnext » the svg <image> element allows for raster images to be rendered within an svg object.
SVG fonts - SVG: Scalable Vector Graphics
<font-face font-family="super sans" /> <!-- and so on --> </font> <text font-family="super sans">my text uses super sans</text> however, you are free to combine several methods for great freedom of how and where to define the font.
Tools for SVG - SVG: Scalable Vector Graphics
ty.
Certificate Transparency - Web security
erves as a proof that the certificate has been submitted and will be added to the log.
How to fix a website with blocked mixed content - Web security
page explains what you should be aware of as a web developer.
Referer header: privacy and security concerns - Web security
no-referrer would omit the referer header entirely.
How to turn off form autocompletion - Web security
d off.
HTML Imports - Web Components
ntil there is a consensus on the standard or alternative mechanisms are worked out, you can use a polyfill such as google's webcomponents.js.
Using shadow DOM - Web Components
ts it too; the old edge didn't.
Using templates and slots - Web Components
hich explicitly references the "attributes" named slot from its shadow root, the contents of that <dl> replace the "attributes" named slot from the shadow root.
Functions - XPath
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the following is an annotated list of core xpath functions and xslt-specific additions to xpath, including a description, syntax, a list of arguments, result-type, source in the appropriate w3c recommendation, and degree of present gecko support.
<xsl:apply-imports> - XSLT: Extensible Stylesheet Language Transformations
ce requires that template rules in main stylesheets have higher precedence than template rules in imported stylesheets.
<xsl:apply-templates> - XSLT: Extensible Stylesheet Language Transformations
<xsl:sort> [optional] </xsl:apply-templates> required attributes none.
<xsl:attribute-set> - XSLT: Extensible Stylesheet Language Transformations
ribute-sets=list-of-names> <xsl:attribute> </xsl:attribute-set> required attributes name specifies the name of the attribute set.
<xsl:attribute> - XSLT: Extensible Stylesheet Language Transformations
templates> etc.).
<xsl:call-template> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:call-template> element invokes a named template.
<xsl:choose> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › choose
tions, xpath axes the <xsl:choose> element defines a choice among a number of alternatives.
<xsl:comment> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › comment
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:comment> element writes a comment to the output document.
<xsl:copy-of> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › copy-of
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:copy-of> element makes a deep copy (including descendant nodes) of whatever the select attribute specifies to the output document.
<xsl:copy> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › copy
rrent node to the output document.
<xsl:decimal-format> - XSLT: Extensible Stylesheet Language Transformations
per-mille specifies the per thousand character.
<xsl:element> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › element
uired attributes name specifies the desired name of the output element.
<xsl:fallback> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › fallback
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:fallback> element specifies what template to use if a given extension (or, eventually, newer version) element is not supported.
<xsl:for-each> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › for-each
r to change the current node.
<xsl:if> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › if
he <xsl:choose> element with one <xsl:when> and one <xsl:otherwise> children.
<xsl:import> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › import
of the imported stylesheet have a lower import precedence than that of the importing stylesheet.
<xsl:include> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › include
xpath functions, xpath axes the <xsl:include> element merges the contents of one stylesheet with another.
<xsl:key> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › key
in the stylesheet with the key( ) function.
<xsl:message> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › message
javascript console in ns) and optionally terminates execution of the stylesheet.
<xsl:namespace-alias> - XSLT: Extensible Stylesheet Language Transformations
nderstood by the processor, it is assigned a temporary namespace which is appropriately re-converted back to the xslt namespace in the output tree.
<xsl:number> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › number
f both systems begin with the same token, ambiguity can arise.
<xsl:otherwise> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:otherwise> element is used to define the action that should be taken when none of the <xsl:when> conditions apply.
<xsl:param> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › param
used inside an <xsl:template> element, the parameter is local to that template.
<xsl:preserve-space> - XSLT: Extensible Stylesheet Language Transformations
here is more than one element, separate the names with a whitespace character.
<xsl:processing-instruction> - XSLT: Extensible Stylesheet Language Transformations
xslt/xpath reference: xslt elements, exslt functions, xpath functions, xpath axes the <xsl:processing-instruction> element writes a processing instruction to the output document.
<xsl:strip-space> - XSLT: Extensible Stylesheet Language Transformations
s, exslt functions, xpath functions, xpath axes the <xsl:strip-space> element defines the elements in the source document for which whitespace should be removed.
<xsl:template> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › template
element.
<xsl:text> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › text
does not serialize the result of transformation - the "output" below - so this attribute is essentially irrelevant in context.
<xsl:value-of> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › value-of
e does not serialize the result of transformation - the "output" below - so this attribute is essentially irrelevant in context.
<xsl:variable> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › variable
value of the variable has been established, it remains the same until the variable goes out of scope syntax <xsl:variable name=name select=expression > template </xsl:variable> required attributes name gives the variable a name.
<xsl:when> - XSLT: Extensible Stylesheet Language Transformations
Web › XSLT › Element › when
ments, exslt functions, xpath functions, xpath axes the <xsl:when> element always appears within an <xsl:choose> element, acting like a case statement.
<xsl:with-param> - XSLT: Extensible Stylesheet Language Transformations
axes the <xsl:with-param> element sets the value of a parameter to be passed into a template.
For Further Reading - XSLT: Extensible Stylesheet Language Transformations
m/webmonkey/...l?tw=authoring what is xslt?
Transforming XML with XSLT - XSLT: Extensible Stylesheet Language Transformations
t-side processing.
Using the Mozilla JavaScript interface to XSL Transformations - XSLT: Extensible Stylesheet Language Transformations
ace of the xsltprocessor object: nsixsltprocessor.idl xsltprocessor.webidl using xsltprocessor from xpcom components instantiating an xsltprocessor from an xpcom component requires a different syntax as the constructor is not defined inside components.
Advanced Example - XSLT: Extensible Stylesheet Language Transformations
// xsl stylesheet: <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns="http://www.w3.org/1999/xhtml" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:xsl="http://www.w3.org/1999/xsl/transform"> <xsl:output method="html" indent="yes" /> <xsl:param name="myorder" /> <xsl:template match="/"> <xsl:apply-templates select="/div//div"> <xsl:sort select="." data-type="number" order="{$myorder}" /> </xsl:apply-templates> </xsl:template> <xsl:template match="div"> <xsl:copy-of select="." /> </xsl:template> </xsl:stylesheet> ...
Basic Example - XSLT: Extensible Stylesheet Language Transformations
lt stylesheet <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/xsl/transform" xmlns:myns="http://devedge.netscape.com/2002/de"> <xsl:output method="html" /> <xsl:template match="/"> <html> <head> <title> <xsl:value-of select="/myns:article/myns:title"/> </title> <style type="text/css"> .mybox {margin:10px 155px 0 50px; border: 1px dotted #639ace; padding:0 5px 0 5px;} </style> </head> <body> <p class="mybox"> <span class="title"> <xsl:value-of select="/myns:article/myns:title"/> </span> <br /> authors: <br /> <xsl:apply-templates select="/myns:article/myns:authors/myns:a...
Caching compiled WebAssembly modules - WebAssembly
y modules on the client so they don't have to be downloaded and compiled every time.
Index - WebAssembly
found 12 pages: # page tags and summary 1 webassembly landing, webassembly, wasm webassembly is a new type of code that can be run in modern web browsers — it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as c/c++ with a compilation target so that they can run on the web.
onunload - XUL
« xul reference home onunload type: script code specifies a set of scripts to execute when the browser window is closed by the user.