Search completed in 1.19 seconds.
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 isproto
typeof() method checks if an object exists in another object's proto
type chain.
... the isproto
typeof() method checks if an object exists in another object's proto
type chain.
... object exists in another object's proto
type 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
NDEFRecord.mediaType - Web APIs
the media
type property ofthe ndefrecord interface is usvstring containing the mime
type of the record payload.
... the media
type property ofthe ndefrecord interface is usvstring containing the mime
type of the record payload.
... the media
type property ofthe ndefrecord interface is usvstring containing the mime
type of the record payload.
... the media
type property ofthe ndefrecord interface is usvstring containing the mime
type of the record payload.
NetworkInformation.effectiveType - Web APIs
the effective
type read-only property of the networkinformation interface returns the effective
type of the connection meaning one of 'slow-2g', '2g', '3g', or '4g'.
... the effective
type read-only property of the networkinformation interface returns the effective
type of the connection meaning one of 'slow-2g', '2g', '3g', or '4g'.
... the effective
type 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
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.binary
type property returns the
type of binary data being transmitted by the connection.
... the websocket.binary
type property returns the
type of binary data being transmitted by the connection.
... the websocket.binary
type property returns the
type of binary data being transmitted by the connection.
... the websocket.binary
type property returns the
type of binary data being transmitted by the connection.
415 Unsupported Media Type - HTTP
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.proto
type.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.proto
type.values()) is in a case where you don't know what object is going to be ahead of time.
...proto
type.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.proto
type[@@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.proto
type.call on array.proto
type.join.
Array.prototype.push() - JavaScript
ay.
...orevegs = ['celery', 'beetroot'] // merge the second array into the first one // equivalent to vegetables.push('celery', 'beetroot') array.proto
type.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.proto
type.@@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.proto
type.tostring' in that specification.
Intl.DateTimeFormat.prototype.formatRangeToParts() - JavaScript
the intl.datetimeformat.proto
type.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.proto
type.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 proto
type for this purpose object.proto
type.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 proto
type for this purpose object.proto
type.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.proto
type[@@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.proto
type.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.proto
type.match().
...o iterate over multiple matches in a string of text (with capture groups), as opposed to getting just the matching strings with string.proto
type.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.proto
type.flags === undefined) { object.defineproperty(regexp.proto
type, '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.proto
type.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.proto
type, 'codepointat', { 'value': codepointat, 'configurable': true, 'writable': true }); } else { string.proto
type.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.proto
type.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.proto
type.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.proto
type.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.proto
type.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.proto
type.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.proto
type.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.proto
type.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.proto
type.tolocaleuppercase' in that specification.
WebAssembly.Table.prototype.set() - JavaScript
the set() proto
type 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.proto
type.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 dlg
type 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 dlg
type type: one of the values below the dialog
type of the button, used only when the button is in a dialog box.
...g box.
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
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
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-c
types are represented by c
type objects.
... creating cdata objects data
types for use with js-c
types are represented by c
type objects.
...are represented by c
type 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
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-c
types 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 proto
types, 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 amime
type, 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 amime
type, 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 amime
type); void getitemannotationbinary(in long long aitemid, in autf8string aname,[array, size_is(adatalen)] out octet adata, out unsigned long adatalen, out autf8string amime
type); void getpageannotationinfo(in nsiuri auri, in autf8string aname, out print32 aflags, out unsigned short aexpiration, out autf8string amime
type, out unsigned short a
type); void getitemannotationinfo(...
... octet adata, out unsigned long adatalen, out autf8string amime
type); void getpageannotationinfo(in nsiuri auri, in autf8string aname, out print32 aflags, out unsigned short aexpiration, out autf8string amime
type, out unsigned short a
type); void getitemannotationinfo(in long long aitemid, in autf8string aname, out long aflags, out unsigned short aexpiration, out autf8string amime
type, out unsigned short a
type); pruint16 getpageannotation
type(in nsiuri auri, in autf8string aname); pruint16 getitemannotation
type(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 accessible
type, 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-c
types.
... this article gives the names of standard libraries that can be accessed with js-c
types.
... this article gives the names of standard libraries that can be accessed with js-c
types.
...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 accessible
type, 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
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
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.proto
type; /* make love with the gc :-) */ daemon.blank.proto
type = /* 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.proto
type; /* make love with the gc :-) */ daemon.blank.proto
type = /* 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 getcursor
type(); 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.proto
type 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 a
type, nsiuri aoverrideuri); array unwrapnodes(string blob, string a
type); 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 markpageas
typed(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
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.proto
type.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.proto
type.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.proto
type.setformat = function setformat(format) { if (format === 'hsv') this.format = 'hsv'; if (format === 'hsl') this.format = 'hsl'; }; /*========== methods to set color properties ==========*/ color.proto
type.isvalidrgbvalue = function isvalidrgbvalue(value) { return (
typeof(value) === 'number' && isnan(value) === false && value >= 0 && value <= 255); }; color.proto
type.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.proto
type.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.proto
type.setbyname = function setbyname(name, value) { if (name === 'r' || name === 'g' || name === 'b') { if(this.isvalidrgbvalue(value) === false) return; this[name] = value; this.updatehsx(); } }; color.proto
type.sethsv = function sethsv(hue, saturation, value) { this.hue = hue; this.saturation = saturation; this.value = value; this.hsvtorgb(); }; color.proto
type.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
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
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.proto
type=i.proto
type;}d.proto
type.constructor=d;if(a){var e=a.tolowercase();d.proto
type.$family={name:e};native.typize(d,e);}var j=function(n,l,o,m){if(!b||m||!n.proto
type[l]){n.proto
type[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.proto
type[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.proto
type[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.proto
type[c]=="function"){b[c]=function(){var d=array.proto
type.slice.call(arguments); return b.proto
type[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
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.proto
type.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.proto
type.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.proto
type.setformat = function setformat(format) { if (format === 'hsv') this.format = 'hsv'; if (format === 'hsl') this.format = 'hsl'; }; /*========== methods to set color properties ==========*/ color.proto
type.isvalidrgbvalue = function isvalidrgbvalue(value) { return (
typeof(value) === 'number' && isnan(value) === false && value >= 0 && value <= 255); }; color.proto
type.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/c
types.jsm'); var user32 = c
types.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', c
types.winapi_abi, c
types.bool, // return bool c
types.voidptr_t // hwnd ); var hwnd = c
types.voidptr_t(c
types.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
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, proto
type, 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 result
type is boolean_
type, the boolean value.
...node snapshotitem(in unsigned long index); attributes attribute
type description booleanvalue boolean if result
type is boolean_
type, the boolean value.
...em(in unsigned long index); attributes attribute
type description booleanvalue boolean if result
type 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 getundotransaction
type(); unsigned long getredotransaction
type(); 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 content
typearray, [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 acontent
type, in nsiurllistener alistener); void detachattachment(in string contenttpe, in string url, in string displayname, in...
...And 37 more matches
SVGLength - Web APIs
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
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
« 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 proto
type.
...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 proto
type.
...And 36 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
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
ced inside a tabs element.
...orial.
... value properties accesskey, accessible
type, 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
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(s
type, nage) { this.
type = s
type; 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
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
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 aitem
type, 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 aitem
type, 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 aitem
type, 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 aitem
type, 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 aitem
type, 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 markpageas
typed(in nsiuri auri); boolean canadduri(in nsiuri auri); long long addvisit(in nsiuri auri, in prtime atime, in nsiuri areferringuri, in long atransition
type, 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
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 aevent
type, function acallback); void removeeventlistener(string aevent
type, 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
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 accessible
type, 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
hould contain tab elements.
...onclosetab, onnewtab, onselect, setfocus, selectedindex, tabbox, tabindex, tooltiptextnew, value, properties accessible
type, 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 result
type 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 coord
type); long getoffsetatpoint(in long x, in long y, in unsigned long coord
type); void getrangeextents(in long startoffset, in long endoffset, out long x, out long y, out long width, out long height, in unsigned long coord
type); void getselectionbounds(in long selectionnum, out long startoffset, out long endoffset); astring gettext(in long startoffset, in long endoffset); astring gettextafter...
...d long coord
type); void getrangeextents(in long startoffset, in long endoffset, out long x, out long y, out long width, out long height, in unsigned long coord
type); 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 boundary
type, out long startoffset, out long endoffset); astring gettextatoffset(in long offset, in nsaccessibletextboundary boundary
type, 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 boundary
type...
...persistentproperties gettextattributes(in boolean includedefattrs, in long offset, out long rangestartoffset, out long rangeendoffset); astring gettextbeforeoffset(in long offset, in nsaccessibletextboundary boundary
type, out long startoffset, out long endoffset); void removeselection(in long selectionnum); void scrollsubstringto(in long startindex, in long endindex, in unsigned long scroll
type); void scrollsubstringtopoint(in long startindex, in long endindex, in unsigned long coordinate
type, 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
dio button is turned on by selecting it with the mouse or keyboard.
...cted, tabindex, value properties accesskey, accessible
type, 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
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 jsexn
type 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_geterrorproto
type 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-c
types.
... in this example, we show how to use c structs and pointers with js-c
types.
... in this example, we show how to use c structs and pointers with js-c
types.
...And 23 more matches
Debugging Tips
printing cdata and c
type currently console.log doesn't show
type information of cdata.
... printing cdata and c
type currently console.log doesn't show
type information of cdata.
... printing cdata and c
type currently console.log doesn't show
type information of cdata.
...And 23 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 open
type 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
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
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, mime
type, 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, mime
type, 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
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
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
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 doc
type 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 } command
type;
typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4, pubkey = 5, lab = 6 } header
type; /* 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 command
type 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 } command
type;
typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } header
type; /* * 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
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
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
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 acontentpolicy
type); 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 acontentpolicy
type); nsichannel newchannelfromuriwithloadinfo(in nsiuri auri, in nsiloadinfo aloadinfo...
...in unsigned long acontentpolicy
type); 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 acontentpolicy
type); 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 a
type, [iid_is(a
type), retval] out nsqiresult avalue); long getintpref(in string aprefname,requires gecko 54 [optional] in long adefaultvalue); long getpref
type(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 a
type, 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
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, amime
type); getitemannotationstring(aitemid, aname); getitemannotationint32(aitemid, aname); getitemannotationint64(aitemid, aname); getitemannotationdouble(aitemid, aname); getitemannotationbinary(aitemid, aname, adata, adatalen, amime
type); 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 event
typearg, 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 aserializeinterface
type); 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.context
type = "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
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 ${fruit
type}.`); } 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 proto
type) 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, query
type, 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, query
type, 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-c
types 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 markpageas
typed(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 markpageas
typed 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 a
type, in boolean capture); void activateremoteframe(); void destroy(); void loadframe(); void loaduri(in nsiuri auri); void sendcrossprocesskeyevent(in astring a
type, in long akeycode, in long acharcode, in long amodifiers, [optional] in boolean apreventdefault); void sendcrossprocessmouseevent(in astring a
type, 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, homephone
type work contact.
...e, lastname phoneticfirstname, phoneticlastname displayname, nickname spousename, familyname primaryemail, secondemail home contact: homeaddress, homeaddress2, homecity, homestate, homezipcode, homecountry homephone, homephone
type 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
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
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 getentriesby
type().
...And 10 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, query
type, 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, query
type, 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
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, response
type; 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 content
type = request.getresponseheader('content-
type'); //text/xml; charset="utf-8" // send to get headers first?
...(parse) { case 'text': // priority should be on media
type: var content
type = 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
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
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 afaviconload
type, [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 amime
type, 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 amime
type, 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
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
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 <!doc
type 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 orient
type 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
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 h
type; 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 (h
type = 0; h
type < hash_algtotal; h
type++) { fprintf(stderr, hash_names[h
type].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/proto
type/constructor for a standard class.
... this article covers features introduced in spidermonkey 31 determine if the given object is an instance/proto
type/constructor for a standard class.
... this article covers features introduced in spidermonkey 31 determine if the given object is an instance/proto
type/constructor for a standard class.
...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
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 getwrappednativeproto
type(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 restorewrappednativeproto
type(in jscontextptr ajscontext, in jsobjectptr ascope, in nsiclassinfo aclassinfo, in nsixpconnectjsobjectholder aproto
type); 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-c
types 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
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 } command
type;
typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } header
type; /* * 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, header
type 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 } command
type;
typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } header
type; /* * 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, header
type 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 h
type; 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 (h
type = 0; h
type < hash_algtotal; h
type++) { fprintf(stderr, hash_names[h
type].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 } command
type;
typedef enum { symkey = 0, mackey = 1, iv = 2, mac = 3, pad = 4 } header
type; /* * 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, header
type 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 h
type; 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 (h
type = 0; h
type < hash_algtotal; h
type++) { fprintf(stderr, hash_names[h
type].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<t> and includes a |set(const t &v)| method to allow updating the value of the referenced js::rooted<t>.
...s a |set(const t &v)| method to allow updating the value of the referenced js::rooted<t>.
...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
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, js
type 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, js
type 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 afaviconload
type, [optional] in nsifavicondatacallback acallback); void replacefavicondata(in nsiuri afaviconuri, [const,array,size_is(adatalen)] in octet adata, in unsigned long adatalen, in autf8string amime
type, [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 ascroll
type); void scrolltopoint(in unsigned long acoordinate
type, 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 ascroll
type); void scrolltopoint(in unsigned long acoordinate
type, 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 acontent
type, in nsiuri acontentlocation, in nsiuri arequestorigin, in nsisupports acontext, in acstring amime
typeguess, in nsisupports aextra); short shouldprocess(in unsigned long acontent
type, in nsiuri acontentlocation, in nsiuri arequestorigin, in nsisupports acontext, in acstring amime
type, 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 getavailableservice
types(); attributes attribute
type description samplerate long minimum time in milliseconds between samples stored in the database.
...bleservice
types(); 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 aselection
type); void pasteasquotation(in long aselection
type); 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 a
type); 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 aencoding
type); nsistreamlistener docontent(in acstring amimecontent
type, 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
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
rule - Archive of obsolete content
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, query
type, 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, query
type, 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
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
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
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] nsmsgsearch
type setsearchparam(in nsmsgsearch
type 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: search
type nsmsgsearch
type 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 atransition
type, 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 aentry
type, 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-c
types 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
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
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 attribute
type="xml" attributename="width" to="100" begin="0s" dur="8s" fill="freeze" /> </rect> <rect x="35" y="60" height="15" width="0"> <animate attribute
type="xml" attributename="width" to="75" begin="2s" dur="6s" fill="freeze" /> </rect> <rect x="60" y="85" height="15" width="0"> <animate attribute
type="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 attribute
type="xml" attributename="width" to="50" id="first" begin="0s;third.end" dur="4s" /> </rect> <rect x="60" y="60" height="15" width="0"> <animate attribute
type="xml" attributename="width" to="25" id="second" begin="first.end" dur="2s" /> </rect> <rect x="85" y="85" height="15" width="0"> <animate attribute
type="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
ls about exactly how the element should be handled or rendered.
...ulate additive alignment-baseline allowreorder alphabetic amplitude arabic-form ascent attributename attribute
type 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 contentscript
type contentstyle
type 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
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
= 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
<use> - SVG: Scalable Vector Graphics
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.proto
type = extend(panel.proto
type, { 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.proto
type = extend(panel.proto
type, { 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.node
type != 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
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 acontent
type, 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 status
type, 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 aoutputcontent
type, 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
<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
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 contentstyle
type 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 < < less than sign > > greater than sign & & ampersand " " one double-quotation mark ' ' 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 & & ampersand " " one double-quotation mark ' ' 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
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: <!doc
type 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: <!doc
type 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.proto
type.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 proto
type of nscontextmenu with one that forces the context menu to display if the target of the menu is a form control.
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"?> <!doc
type 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 install
type = 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 install
type = this.profileinstall ?
...einstall ?
...ocale in this.extlocalenames) { var regpath = 'locale/' + this.extlocalenames[locale] + '/' + this.extshortname + '/'; install.registerchrome(install.locale | install
type, jarpath, regpath); } // register skins for (var skin in this.extskinnames) { var regpath = 'skin/' + this.extskinnames[skin] + '/' + this.extshortname + '/'; install.registerchrome(install.skin | install
type, 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, record
type); 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 record
type = weave.engines.get(collection)._recordobj; let coll = new collection(weave.service.storageurl + collection, record
type); 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 record
type = weave.engines.get(collection)._recordobj; let coll = new collection(weave.service.storageurl + collection, record
type); 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: <!doc
type 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: <!doc
type 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: <!doc
type 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...
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: } ...
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 accessible
type 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 dlg
type docshell documentcharsetinfo editable editingcolumn editingrow editingsession editor editor
type 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 sel
type 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.node
type 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.proto
type = { 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="*" query
type="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, query
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible
type type: integer a value indicating the
type of accessibility object for the element.
...bserves, ordinal, orient, pack, persist, popup, position, preference-editable, query
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible
type 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, query
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible
type 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, query
type, 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, query
type, 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, query
type, 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.
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.
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.
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.
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, map
typeid: google.maps.map
typeid.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 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.proto
type = { 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
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-c
types 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" attribute
type="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" attribute
type="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" attribute
type="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_getsymkey
type 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_mapsignkey
type 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_getpublickey
type 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 (secitem
type), 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 (secitem
type), 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/int
types.h:30:15: fatal error: 'int
types.h' file not found /usr/local/cellar/llvm/7.0.1/lib/clang/7.0.1/include/int
types.h:30:15: fatal error: 'int
types.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.
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 coord
type, 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 coord
type, 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 a
type); 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 data
type 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 aselection
type); boolean canpaste(in long aselection
type); 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 format
type, 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 contentsmime
type 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 a
type); 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 notification
type, 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 notification
type, 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 acontent
type, 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__:navigatorproto
type 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 status
type, 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
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 <proto
type>: 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.response
type = '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
blob object.
...ues given in the parameter array.
...r array.
...xt.
Blob.slice() - Web APIs
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
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.
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().
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
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.
Headers() - Web APIs
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
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
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
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
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 document
type.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
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.proto
type.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
...n append() { var argarr = array.proto
type.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
... var argarr = array.proto
type.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.proto
type.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
... var argarr = array.proto
type.slice.call(arguments), docfrag = document.createdocumentfragment(); argarr.foreach(function (argitem) { var isnode = argitem instanceof node; docfrag.appendchild(isnode ?
...y.proto
type.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", "entry
type", "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", "entry
type", "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
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
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.
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.is
typesupported(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.response
type = '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
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
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
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
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
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><span></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><em></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><em></code>, not a <code><span></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
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
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
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
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 - 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
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
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
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 <!doc
type 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("<!doc
type 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 <h1></option> <option value="h2">title 2 <h2></option> <option value="h3">title 3 <h3></option> <option value="h4">title 4 <h4></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.
<fieldset>: The Field Set element - HTML: Hypertext Markup Language
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
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.
HTML: Hypertext Markup Language
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
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.proto
type.tostring() or the bigint.proto
type.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.proto
type.tostring() or the bigint.proto
type.tostring() method was specified and is not between 2 and 36.
...er.proto
type.tostring() or the bigint.proto
type.tostring() method was specified and is not between 2 and 36.
...nt.proto
type.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.proto
type.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.proto
type itself is an array: array.isarray(array.proto
type); // 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.proto
type }); 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.proto
type.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.proto
type.hasownproperty, hasdontenumbug = !({ tostring: null }).propertyisenumerable('tostring'), dontenums = [ 'tostring', 'tolocalestring', 'valueof', 'hasownproperty', 'isproto
typeof', '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().
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.proto
type.matchall() and regexp.proto
type[@@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.proto
type.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 proto
type 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
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
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
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 attribute
type="xml" attributename="width" to="100" begin="0s" end="8s" fill="freeze" /> </rect> <rect x="10" y="60" height="15" width="0"> <animate attribute
type="xml" attributename="width" to="75" begin="0s" end="6s" fill="freeze" /> </rect> <rect x="10" y="85" height="15" width="0"> <animate attribute
type="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 attribute
type="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 attribute
type="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
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
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.
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.
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.
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.
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 param
types = reflect.array.newinstance(java.lang.class, 2); // 2nd argument should indicate the number of items in following array param
types[0] = java.io.file; var envconfigclass = loader.loadclass('com.sleepycat.db.environmentconfig'); param
types[1] = envconfigclass; // get the constructor var constructor = envclass.getconstructor(param
types); // 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 proto
type, which is no longer under active development.
... note: this page documents the jetpack proto
type, 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.
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.
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
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.
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, query
type, 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, query
type, 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, query
type, 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, query
type, 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, query
type, 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
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, query
type, 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, query
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible
type 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, query
type, 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, query
type, 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
« 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, query
type, 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, query
type, 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, query
type, 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, query
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible
type 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" window
type="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 singletonwindow
type = nspreferences.copyunicharpref("toolkit.singletonwindow
type"); var windowmediator = components.classes["@mozilla.org/appshell/window-mediator;1"] .getservice(components.interfaces.nsiwindowmediator); var win = windowmediator.getmostrecentwindow(singletonwindow
type); 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.proto
type.execcommand = function (acommandname, aparam){ if (this.meditordocument) this.meditordocument.execcommand(acommandname, false, aparam); else throw "no meditordocument found"; } xbdesignmode.proto
type.setcsscreation = function (ausecss){ if (this.meditordocument) this.meditordocument.execcommand("usecss", false, ausecss); else throw "no meditordocument found"; } ...
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.
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 nsmsgruleaction
type type; // target priority..
...action
type 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.
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
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.
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
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
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
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.
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
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.
<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" attribute
type="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
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
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
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(some
typedarray) 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: <!doc
type 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.
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.
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, query
type, 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
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, query
type, 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, query
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible
type 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, query
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties child
type: ?
...ck, persist, popup, position, preference-editable, query
type, 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, query
type, 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, query
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible
type 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, query
type, 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, query
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible
type 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, query
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible
type 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, query
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties accessible
type 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, query
type, 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, query
type, 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, query
type, 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...
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>cfbundlepackage
type</key> <string>appl</string> <key>cfbundleshortversionstring</key> <string>1.0</string> <key>cfbundlesignature</key> <string>????</string> <!--only useful if your app handle urls--> <key>cfbundleurl
types</key> <array> <dict> <key>cfbundleurliconfile</key> <string>app_icon.icns</string> <key>cfbundleurlname</key> <string>yourapp entity</string> <key>cfbundleurlscheme...
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, < data
type: "xml", < processdata: false, < data: content, < complete: getresponse, < content
type: soapclient.content
type + "; 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.content
type + '; 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 ...
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.response
type = '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.response
type = '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'], supported
types: ['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
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", "entry
type", "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.entry
type 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({entry
types: ["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 getentriesby
type() to just get the "resource" events var p = performance.getentriesby
type("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 getentriesby
type() to just get the "resource" events var p = performance.getentriesby
type("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.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 getentriesby
type() to just get the "resource" events var p = performance.getentriesby
type("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...
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">).
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 Event Attributes - SVG: Scalable Vector Graphics
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
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 attribute
type="xml" attributename="y" from="0" to="50" dur="1s" repeatcount="indefinite"/> </rect> <rect x="120" y="0" width="100" height="100"> <animate attribute
type="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
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 attribute
type="xml" attributename="y" from="0" to="50" dur="1s" repeatcount="5"/> </rect> <rect x="120" y="0" width="100" height="100"> <animate attribute
type="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 attribute
type="xml" attributename="y" from="0" to="50" dur="1s" repeatdur="5s"/> </rect> <rect x="120" y="0" width="100" height="100"> <animate attribute
type="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
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 attribute
type="xml" attributename="y" from="30" to="100" dur="5s" repeatcount="1" restart="always" /> </rect> <rect x="120" y="30" width="100" height="100"> <animate attribute
type="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
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> ...
<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.
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, query
type, 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
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, query
type, 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
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, query
type, 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, query
type, 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, query
type, 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...
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, query
type, 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, query
type, 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, query
type, 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...
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, query
type, 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
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, query
type, 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, query
type, ref, removeelement, sortdirection, sortresource, sortresource2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width disabled
type: boolean indicates whether the element is disabled or not.
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, query
type, 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, query
type, 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
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, query
type, 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, query
type, 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...
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, query
type, 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
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, query
type, 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
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, query
type, 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, query
type, 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, query
type, 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, query
type, 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
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, query
type, 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, query
type, 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, query
type, 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, query
type, 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, query
type, 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, query
type, 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, query
type, 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, query
type, 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
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, query
type, 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...
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\...
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/xml
typesel 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...