Search completed in 2.54 seconds.
PerformanceResourceTiming.encodedBodySize - Web APIs
if the re
source is retrieved from an application cache or a local re
source, it must return the size of the payload body before removing any applied content-codings.
... syntax re
source.encodedbodysize; return value a number representing the size (in octets) received from the fetch (http or cache), of the payload body, before removing any applied content-codings.
... example the following example, the value of the size properties of all "re
source" type events are logged.
... ("encodedbodysize" in perfentry) console.log("encodedbodysize = " + perfentry.encodedbodysize); else console.log("encodedbodysize = not supported"); if ("transfersize" in perfentry) console.log("transfersize = " + perfentry.transfersize); else console.log("transfersize = not supported"); } function check_performanceentries() { // use getentriesbytype() to just get the "re
source" events var p = performance.getentriesbytype("re
source"); for (var i=0; i < p.length; i++) { log_sizes(p[i]); } } specifications specification status comment re
source timing level 2the definition of 'encodedbodysize' in that specification.
PerformanceResourceTiming.requestStart - Web APIs
the requeststart read-only property returns a timestamp of the time immediately before the browser starts requesting the re
source from the server, cache, or local re
source.
... syntax re
source.requeststart; return value a domhighrestimestamp representing the time immediately before the browser starts requesting the re
source from the server example in the following example, the value of the *start and *end properties of all "re
source" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "re
source" events var p = performance.getentriesbytype("re
source"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported...
..." + properties[i] + " = not supported"); } } } specifications specification status comment re
source timing level 1the definition of 'requeststart' in that specification.
PerformanceResourceTiming.secureConnectionStart - Web APIs
syntax re
source.secureconnectionstart; return value if the re
source is fetched over a secure connection, a domhighrestimestamp immediately before the browser starts the handshake process to secure the current connection.
... example in the following example, the value of the *start and *end properties of all "re
source" type events are logged.
... function print_performanceentries() { // use getentriesbytype() to just get the "re
source" events var p = performance.getentriesbytype("re
source"); for (var i=0; i < p.length; i++) { print_start_and_end_properties(p[i]); } } function print_start_and_end_properties(perfentry) { // print timestamps of the performanceentry *start and *end properties properties = ["connectstart", "connectend", "domainlookupstart", "domainlookupend", "fetchstart", "redirectstart", "redirectend", "requeststart", "responsestart", "responseend", "secureconnectionstart"]; for (var i=0; i < properties.length; i++) { // check each property var supported = properties[i] in perfentry; if (supported...
..." + properties[i] + " = not supported"); } } } specifications specification status comment re
source timing level 1the definition of 'secureconnectionstart' in that specification.
RTCRtpContributingSource.audioLevel - Web APIs
the read-only audiolevel property of the rtcrtpcontributing
source interface indicates the audio level contained in the last rtp packet played from the described
source.
... syntax var audiolevel = rtcrtpcontributing
source.audiolevel value a double-precision floating-point number which indicates the volume level of the audio in the most recently received rtp packet from the
source described by the rtcrtpcontributing
source.
... for both rtcrtpcontributing
source and rtcrtpsynchronization
source, the audio level is converted to this form from the values defined in the specifications corresponding to each type of
source.
... audiolevel may be absent from rtcrtpcontributing
source objects, which indicates that no volume level was provided by the
source; however, it is required and always available on all rtcrtpsynchronization
source objects.
SourceBuffer.trackDefaults - Web APIs
the trackdefaults property of the
sourcebuffer interface specifies the default values to use if kind, label, and/or language information is not available in the initialization segment of the media to be appended to the
sourcebuffer.
... syntax var mytrackdefaults =
sourcebuffer.trackdefaults;
sourcebuffer.trackdefaults = mytrackdefaultlist; value a trackdefaultlist object.
... exception explanation invalidstateerror one or more of the
sourcebuffer objects in media
source.
sourcebuffers are being updated (i.e.
... their
sourcebuffer.updating property is currently true), or this
sourcebuffer has been removed from the media
source.
SourceBuffer.updating - Web APIs
the updating read-only property of the
sourcebuffer interface indicates whether the
sourcebuffer is currently being updated — i.e.
... whether an
sourcebuffer.appendbuffer(),
sourcebuffer.appendstream(), or
sourcebuffer.remove() operation is currently in progress.
... syntax var isupdating =
sourcebuffer.updating; value a boolean.
... example tbd specifications specification status comment media
source extensionsthe definition of 'updating' in that specification.
XRInputSourceEvent.frame - Web APIs
the read-only xrinput
sourceevent property frame specifies an xrframe object representing the event frame during which a webxr user input occurred.
... syntax let inputframe = xrinput
sourceevent.frame; value an xrframe indicating the event frame at which the user input event described by the object took place.
... examples this code shows a handler for the selectstart event which gets the target ray's pose from the frame, mapping the pose representing the ray (event.input
source.targetrayspace) to the overall reference space myrefspace.
... xrsession.onselectstart = event => { let targetraypose = event.frame.getpose(event.input
source.targetrayspace, myrefspace); if (targetraypose) { checkandhandlehit(targetraypose.transform); } }; specifications specification status comment webxr device apithe definition of 'xrinput
sourceevent.frame' in that specification.
XRInputSourceEventInit.frame - Web APIs
the xrinput
sourceeventinit dictionary's property frame specifies an xrframe providing information about the timestamp at which the new input
source event took place, as well as access to the xrframe method getpose() which can be used to map the coordinates of any xrreferencespace to the space in which the event took place.
... of course, as a general rule, you won't need to create xrinput
sourceeventinit objects yourself.
... syntax xrinput
sourceeventinit.frame = xrframe; let xrinput
sourceeventinit = { frame: xrframe }; let xrinput
sourceevent = new xrinput
sourceevent(type, { frame: xrframe }); value an xrframe indicating the time at which the event took place, and providing a getpose() method which can be used to map reference spaces to the world reference space.
... let event = new xrinput
sourceevent("select", { frame: eventframe, input
source:
source }; if (event) { xrsession.dispatchevent(event); } specifications specification status comment webxr device apithe definition of 'xrinput
sourceeventinit.frame' in that specification.
XRInputSourceEventInit - Web APIs
the xrinput
sourceeventinit dictionary is used when calling the xrinput
sourceevent() constructor to provide configuration options for the newly-created xrinput
sourceevent object to take on.
... properties the xrinput
sourceeventinit dictionary inherits properties from the eventinit dictionary.
... input
source an xrinput
source object representing the input device from which the event is being sent.
... specifications specification status comment webxr device apithe definition of 'xrinput
sourceeventinit' in that specification.
XRInputSourcesChangeEvent.added - Web APIs
the read-only xrinput
sourceschangeevent property added is a list of zero or more input
sources, each identified using an xrinput
source object, which have been newly made available for use.
... syntax let addedinputs = xrinput
sourceschangeevent.added; value an array of zero or more xrinput
source objects, each representing one input device added to the xr system.
... examples the example below creates a handler for the input
sourceschange event that processes the lists of added and removed from the webxr system.
... xrsession.oninput
sourcescchange = event => { for (let input of event.added) { if (input.targetraymode == "tracked-pointer") { addedpointerdevice(input); } } for (let input of event.removed) { if (input.targetraymode == "tracked-pointer") { removedpointerdevice(input); } } }; specifications specification status comment webxr device apithe definition of 'xrinput
sourceschangeevent.added' in that specification.
XRInputSourcesChangeEvent.removed - Web APIs
the read-only xrinput
sourceschangeevent property removed is an array of zero or more xrinput
source objects representing the input
sources which have been removed from the xrsession.
... syntax removedinputs = xrinput
sourceschangeevent.removed; value an array of zero or more xrinput
source objects, each representing one input device removed from the xr system.
... examples the example below creates a handler for the input
sourceschange event that processes the lists of added and removed from the webxr system.
... xrsession.oninput
sourcescchange = event => { for (let input of event.added) { if (input.targetraymode == "tracked-pointer") { addedpointerdevice(input); } } for (let input of event.removed) { if (input.targetraymode == "tracked-pointer") { removedpointerdevice(input); } } }; specifications specification status comment webxr device apithe definition of 'xrinput
sourceschangeevent.removed' in that specification.
XRInputSourcesChangeEventInit - Web APIs
the xrinput
sourceschangeeventinit dictionary is used to provide options to the xrinput
sourceschangeevent() constructor in order to set the initial state of the new xrinput
sourceschangeevent object.
... properties added read only an array of zero or more xrinput
source objects, each representing one input device which is newly available to use.
... removed read only an array of zero or more xrinput
source objects representing the input devices which are no longer available.
... examples <tbd> specifications specification status comment webxr device apithe definition of 'xrinput
sourceschangeeventinit' in that specification.
XRSession: inputsourceschange event - Web APIs
the input
sourceschange event is sent to an xrsession when the set of available webxr input devices changes.
... the received event, of type xrinput
sourceschangeevent, contains a list of any newly added and/or removed input devices.
... bubbles yes cancelable no interface xrinput
sourceschangeevent event handler property oninput
sourceschange the event object contains lists of the newly-added and/or removed input devices in its added and removed properties.
... examples specifications specification status comment webxr device apithe definition of 'input
sourceschange event' in that specification.
Cross-Origin-Resource-Policy - HTTP
note: due to a bug in chrome, setting cross-origin-re
source-policy can break pdf rendering, preventing visitors from being able to read past the first page of some pdfs.
... due to a bug in firefox, setting cross-origin-re
source-policy can prevent some re
sources (such as pdfs) from being downloaded in some circumstances.
... the http cross-origin-re
source-policy response header conveys a desire that the browser blocks no-cors cross-origin/cross-site requests to the given re
source.
... header type response header forbidden header name no syntax cross-origin-re
source-policy: same-site | same-origin | cross-origin examples the response header below will cause compatible user agents to disallow cross-origin no-cors requests: cross-origin-re
source-policy: same-origin for more examples, see https://re
sourcepolicy.fyi/.
Web performance resources - Learn web development
using re
source hints such as rel=preconnect, rel=dns-prefetch, rel=prefetch, and rel=preload keep the size of javascript to a minimum.
... use a cdn for re
sources which can reduce load times significantly.
... compress your re
sources using gzip, brotli, and zopfli.
Eclipse CDT Manual Setup
(this assumes that you already have a copy of the mozilla
source, and that you have also built the
source so that you have a pre-existing object directory.
...faq: wait, why does eclipse need an object directory?) code assistance out of the box, eclipse can provide some code assistance for the mozilla
source, but it will be incomplete and often just plain broken.
... to be able to provide really good code assistance for a project's
source code, ides like eclipse need to carry out a thorough static analysis of the project's
source files, to build up a picture of the code (what eclipse is trying to do when it "indexes" the
source.) static analysis involves parsing the
source files, so naturally it can only produce good results if it has a sensible set of preprocessor defines, include paths and pre-include files for each
source file.
...And 29 more matches
Advanced Rules - Archive of obsolete content
the full rule syntax the rule syntax described so far is useful for some data
sources but sometimes you will need to display data in more complicated ways.
...the conditions element is used to specify the criteria for matching a given re
source.
...if the conditions match for a re
source, the content placed within the actions tag is generated.
...And 28 more matches
Python binding for NSS
red hat following it's open
source philosophy has contributed the
source to the mozilla security project.
... red hat welcomes all interested contributors who would like to contribute the the python-nss project as part of an open
source community.
...the
source code to python-nss was first imported into the mozilla cvs repository on june 9th 2009.
...And 28 more matches
HTTP conditional requests - HTTP
http has a concept of conditional requests, where the result, and even the success of a request, can be changed by comparing the affected re
sources with the value of a validator.
... validators all conditional headers try to check if the re
source stored on the server matches a specific version.
... to achieve this, the conditional requests need to indicate the version of the re
source.
...And 28 more matches
nsDependentString
methods constructors void nsdependentstring(const prunichar*, const prunichar*) -
source constructors parameters prunichar* start prunichar* end void nsdependentstring(const prunichar*, pruint32) -
source parameters prunichar* data pruint32 length void nsdependentstring(const prunichar*) -
source parameters prunichar* data void nsdependentstring(const nsastring_internal&) -
source parameters nsastring_internal& str void nsdependentstring() -
source assert...
...valid void assertvalid() -
source verify restrictions rebind void rebind(const prunichar*) -
source allow this class to be bound to a different string...
... parameters prunichar* data void rebind(const prunichar*, pruint32) -
source parameters prunichar* data pruint32 length void rebind(const prunichar*, const prunichar*) -
source parameters prunichar* start prunichar* end operator= nsstring& operator=(const nsstring&) -
source parameters nsstring& str nsastring_internal& operator=(prunichar) -
source parameters prunichar c nsastring_internal& operator=(const prunichar*) -
source parameters prunichar* data nsastring_internal& operator=(const nsastring_internal&) -
source parameters nsastring_internal& str nsastring_internal& operator=(const nssubstringtuple&) -
source parameters nssubstringtuple& tuple get prunichar* get() const -
source returns the null-terminated string find print32 fi...
...And 27 more matches
Mail and RDF
mozilla mail exposes many of it's data structures to rdf through a few data
sources.
... overview of mail rdf graph the root re
source for all accounts, folders and messages is the rdf re
source named msgaccounts:/.
... from this re
source, you can follow a number of arcs to find servers, folders, and finally messages.
...And 27 more matches
nsAdoptingString
methods constructors void nsadoptingstring() -
source void nsadoptingstring(prunichar*, pruint32) -
source parameters prunichar* str pruint32 length void nsadoptingstring(const nsadoptingstring&) -
source parameters nsadoptingstring& str operator= nsadoptingstring& operator=(const nsadoptingstring&) -
source parameters nsadoptingstring& str nsxpidlstring& operator=(const nsxpidlstring&) -
source parameters nsxpidlstring& ...
...str nsstring& operator=(const nsstring&) -
source parameters nsstring& str nsastring_internal& operator=(prunichar) -
source parameters prunichar c nsastring_internal& operator=(const prunichar*) -
source parameters prunichar* data nsastring_internal& operator=(const nsastring_internal&) -
source parameters nsastring_internal& str nsastring_internal& operator=(const nssubstringtuple&) -
source parameters nssubstringtuple& tuple operator const prunichar* prunichar* operator const prunichar*() const -
source operator[] prunichar operator[](print32) const -
source parameters print32 i prunichar operator[](pruint32) const -
source parameters pruint32 i get prunichar* get() const -
source returns the null-terminated string find print...
...32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...And 26 more matches
nsCAutoString
methods constructors void nscautostring() -
source constructors void nscautostring(char) -
source parameters char c void nscautostring(const char*, pruint32) -
source parameters char* data pruint32 length void nscautostring(const nscautostring&) -
source parameters nscautostring& str void nscautostring(const nsacstring_internal&) -
source parameters nsacstring_internal& str void nscautos...
...tring(const nscsubstringtuple&) -
source parameters nscsubstringtuple& tuple operator= nscautostring& operator=(const nscautostring&) -
source parameters nscautostring& str nscstring& operator=(const nscstring&) -
source parameters nscstring& str nsacstring_internal& operator=(char) -
source parameters char c nsacstring_internal& operator=(const char*) -
source parameters char* data nsacstring_internal& operator=(const nsacstring_internal&) -
source parameters nsacstring_internal& str nsacstring_internal& operator=(const nscsubstringtuple&) -
source parameters nscsubstringtuple& tuple get char* get() const -
source returns the null-terminated string find print32 find(const nscstring...
...&, prbool, print32, print32) const -
source search for the given substring within this string.
...And 26 more matches
Audio and Video Delivery - Developer guides
html audio <audio controls preload="auto"> <
source src="audiofile.mp3" type="audio/mpeg"> <!-- fallback for browsers that don't support mp3 --> <
source src="audiofile.ogg" type="audio/ogg"> <!-- fallback for browsers that don't support audio tag --> <a href="audiofile.mp3">download audio</a> </audio> the code above will create an audio player that attempts to preload as much audio as possible for smooth playback.
... for further info see cross browser audio basics (html5 audio in detail) html video <video controls width="640" height="480" poster="initialimage.png" autoplay muted> <
source src="videofile.mp4" type="video/mp4"> <!-- fallback for browsers that don't support mp4 --> <
source src="videofile.webm" type="video/webm"> <!-- specifying subtitle files --> <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="english"> <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="norwegian"> <!-- fallback for browsers that don't support video tag --> <a href="videofile.mp4">download video</a> </video> the code above creates a video player of dimensions 640x480 pixels, displaying a poster image ...
... <audio controls> <
source src="audiofile.mp3" type="audio/mpeg"> <
source src="audiofile.ogg" type="audio/ogg"> <!-- fallback for non supporting browsers goes here --> <a href="audiofile.mp3">download audio</a> <object width="320" height="30" type="application/x-shockwave-flash" data="flashmediaelement.swf"> <param name="movie" value="flashmediaelement.swf" /> <param name="flashvars" value="controls=true&is...
...And 26 more matches
Mozilla Crypto FAQ - Archive of obsolete content
i've updated this version of the mozilla crypto faq to discuss the situation now that the rsa public key algorithm is in the public domain and a full open
source crypto implementation is being added to the mozilla code base.
...encryption export regulations published on january 14, 2000, the release on february 11, 2000, of
source code for ssl, s/mime, and general pki functionality for use in the mozilla project, and the "bernstein advisory" issued by the bureau of export administration on february 17, 2000.
...in the near future the mozilla code base will include a complete open
source cryptographic library, and mozilla will include ssl support as a standard feature.
...And 25 more matches
RDF Modifications - Archive of obsolete content
« previousnext » one of the most useful aspects of using templates with rdf data
sources is that when the rdf data
source changes, for instance a new triple is added, or a triple is removed, the template updates accordingly, adding or removing result output as needed.
...this involves a third type of observer involved in a template builder, an nsirdfobserver, used to listen for modifications to the rdf data
source.
...when the data
source is modified, the data
source will notify any observers of the change.
...And 25 more matches
NS_ConvertASCIItoUTF16
methods constructors void ns_convertasciitoutf16(const char*) -
source parameters char* acstring void ns_convertasciitoutf16(const char*, pruint32) -
source parameters char* acstring pruint32 alength void ns_convertasciitoutf16(const nsacstring_internal&) -
source parameters nsacstring_internal& acstring operator= nsautostring& operator=(const nsautostring&) -
source parameters nsautostring& str nsstring& operator=(const nsstring&) - sour...
...ce parameters nsstring& str nsastring_internal& operator=(prunichar) -
source parameters prunichar c nsastring_internal& operator=(const prunichar*) -
source parameters prunichar* data nsastring_internal& operator=(const nsastring_internal&) -
source parameters nsastring_internal& str nsastring_internal& operator=(const nssubstringtuple&) -
source parameters nssubstringtuple& tuple get prunichar* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount print32 find(const nsaflatstring&, print32, print32) const -
source parameters nsaflatstring& astring print32 aoffset print32 acount print32 find(const prunichar*, print32, print32) const -
source parameters prunichar* astring print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool...
...And 25 more matches
NS_ConvertUTF8toUTF16
methods constructors void ns_convertutf8toutf16(const char*) -
source parameters char* acstring void ns_convertutf8toutf16(const char*, pruint32) -
source parameters char* acstring pruint32 alength void ns_convertutf8toutf16(const nsacstring_internal&) -
source parameters nsacstring_internal& acstring operator= nsautostring& operator=(const nsautostring&) -
source parameters nsautostring& str nsstring& operator=(const nsstring&) -
source...
... parameters nsstring& str nsastring_internal& operator=(prunichar) -
source parameters prunichar c nsastring_internal& operator=(const prunichar*) -
source parameters prunichar* data nsastring_internal& operator=(const nsastring_internal&) -
source parameters nsastring_internal& str nsastring_internal& operator=(const nssubstringtuple&) -
source parameters nssubstringtuple& tuple get prunichar* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount print32 find(const nsaflatstring&, print32, print32) const -
source parameters nsaflatstring& astring print32 aoffset print32 acount print32 find(const prunichar*, print32, print32) const -
source parameters prunichar* astring print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool...
...And 25 more matches
nsAdoptingCString
methods constructors void nsadoptingcstring() -
source void nsadoptingcstring(char*, pruint32) -
source parameters char* str pruint32 length void nsadoptingcstring(const nsadoptingcstring&) -
source parameters nsadoptingcstring& str operator= nsadoptingcstring& operator=(const nsadoptingcstring&) -
source parameters nsadoptingcstring& str nsxpidlcstring& operator=(const nsxpidlcstring&) -
source parameters nsxpidlcstring& ...
...str nscstring& operator=(const nscstring&) -
source parameters nscstring& str nsacstring_internal& operator=(char) -
source parameters char c nsacstring_internal& operator=(const char*) -
source parameters char* data nsacstring_internal& operator=(const nsacstring_internal&) -
source parameters nsacstring_internal& str nsacstring_internal& operator=(const nscsubstringtuple&) -
source parameters nscsubstringtuple& tuple operator const char* char* operator const char*() const -
source operator[] char operator[](print32) const -
source parameters print32 i char operator[](pruint32) const -
source parameters pruint32 i get char* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print...
...32, print32) const -
source search for the given substring within this string.
...And 25 more matches
nsAutoString
methods constructors void nsautostring() -
source constructors void nsautostring(prunichar) -
source parameters prunichar c void nsautostring(const prunichar*, pruint32) -
source parameters prunichar* data pruint32 length void nsautostring(const nsautostring&) -
source parameters nsautostring& str void nsautostring(const nsastring_internal&) -
source parameters nsastring_internal& str void nsautostring(const nssubstri...
...ngtuple&) -
source parameters nssubstringtuple& tuple operator= nsautostring& operator=(const nsautostring&) -
source parameters nsautostring& str nsstring& operator=(const nsstring&) -
source parameters nsstring& str nsastring_internal& operator=(prunichar) -
source parameters prunichar c nsastring_internal& operator=(const prunichar*) -
source parameters prunichar* data nsastring_internal& operator=(const nsastring_internal&) -
source parameters nsastring_internal& str nsastring_internal& operator=(const nssubstringtuple&) -
source parameters nssubstringtuple& tuple get prunichar* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given su...
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount print32 find(const nsaflatstring&, print32, print32) const -
source parameters nsaflatstring& astring print32 aoffset print32 acount print32 find(const prunichar*, print32, print32) const -
source parameters prunichar* astring print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool...
...And 25 more matches
nsFixedString
methods constructors void nsfixedstring(prunichar*, pruint32) -
source @param data fixed-size buffer to be used by the string (the contents of this buffer may be modified by the string) @param storagesize the size of the fixed buffer @param length (optional) the length of the string already contained in the buffer parameters prunichar* data pruint32 storagesize void nsfixedstring(prunichar*, pruint32, pruint32) -
source parameters prunichar* data pruint32 s...
...toragesize pruint32 length operator= nsstring& operator=(const nsstring&) -
source parameters nsstring& str nsastring_internal& operator=(prunichar) -
source parameters prunichar c nsastring_internal& operator=(const prunichar*) -
source parameters prunichar* data nsastring_internal& operator=(const nsastring_internal&) -
source parameters nsastring_internal& str nsastring_internal& operator=(const nssubstringtuple&) -
source parameters nssubstringtuple& tuple get prunichar* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount print32 find(const nsaflatstring&, print32, print32) const -
source parameters nsaflatstring& astring print32 aoffset print32 acount print32 find(const prunichar*, print32, print32) const -
source parameters prunichar* astring print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool...
...And 25 more matches
nsPromiseFlatString
methods constructors void nspromiseflatstring(const nsastring_internal&) -
source parameters nsastring_internal& str void nspromiseflatstring(const nssubstringtuple&) -
source parameters nssubstringtuple& tuple operator= nsstring& operator=(const nsstring&) -
source parameters nsstring& str nsastring_internal& operator=(prunichar) -
source parameters prunichar c nsastring_internal& operator=(const prunichar*) -
source parameters prunichar* data ...
... nsastring_internal& operator=(const nsastring_internal&) -
source parameters nsastring_internal& str nsastring_internal& operator=(const nssubstringtuple&) -
source parameters nssubstringtuple& tuple get prunichar* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount print32 find(const nsaflatstring&, print32, print32) const -
source parameters nsaflatstring& astring print32 aoffset print32 acount print32 find(const prunichar*, print32, print32) const -
source parameters prunichar* astring print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool...
...And 25 more matches
nsString
methods constructors void nsstring() -
source constructors void nsstring(prunichar) -
source parameters prunichar c void nsstring(const prunichar*, pruint32) -
source parameters prunichar* data pruint32 length void nsstring(const nsstring&) -
source parameters nsstring& str void nsstring(const nssubstringtuple&) -
source parameters nssubstringtuple& tuple void nsstring(const nsastring_internal&) -
source paramet...
...ers nsastring_internal& readable operator= nsstring& operator=(const nsstring&) -
source parameters nsstring& str nsastring_internal& operator=(prunichar) -
source parameters prunichar c nsastring_internal& operator=(const prunichar*) -
source parameters prunichar* data nsastring_internal& operator=(const nsastring_internal&) -
source parameters nsastring_internal& str nsastring_internal& operator=(const nssubstringtuple&) -
source parameters nssubstringtuple& tuple get prunichar* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount print32 find(const nsaflatstring&, print32, print32) const -
source parameters nsaflatstring& astring print32 aoffset print32 acount print32 find(const prunichar*, print32, print32) const -
source parameters prunichar* astring print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool...
...And 25 more matches
nsXPIDLString
methods constructors void nsxpidlstring() -
source void nsxpidlstring(const nsxpidlstring&) -
source parameters nsxpidlstring& str operator const prunichar* prunichar* operator const prunichar*() const -
source operator[] prunichar operator[](print32) const -
source parameters print32 i prunichar operator[](pruint32) const -
source parameters pruint32 i operator= nsxpidlstring& operator=(const nsxpidlstring&) -...
...
source parameters nsxpidlstring& str nsstring& operator=(const nsstring&) -
source parameters nsstring& str nsastring_internal& operator=(prunichar) -
source parameters prunichar c nsastring_internal& operator=(const prunichar*) -
source parameters prunichar* data nsastring_internal& operator=(const nsastring_internal&) -
source parameters nsastring_internal& str nsastring_internal& operator=(const nssubstringtuple&) -
source parameters nssubstringtuple& tuple get prunichar* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount print32 find(const nsaflatstring&, print32, print32) const -
source parameters nsaflatstring& astring print32 aoffset print32 acount print32 find(const prunichar*, print32, print32) const -
source parameters prunichar* astring print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool...
...And 25 more matches
HTTP caching - HTTP
the performance of web sites and applications can be significantly improved by reusing previously fetched re
sources.
... web caches reduce latency and network traffic and thus lessen the time needed to display a representation of a re
source.
... different kinds of caches caching is a technique that stores a copy of a given re
source and serves it back when requested.
...And 25 more matches
Creating a Help Content Pack - Archive of obsolete content
the location of each of the glossary, index, and table of contents data
sources is stored in one rdf:description element contained within one rdf:li element, like so: <rdf:seq> <rdf:li> <rdf:description nc:panelid="glossary" nc:data
sources="chrome://foo/locale/help/glossary.rdf"/> </rdf:li> <rdf:li> <rdf:description nc:panelid="toc" ...
... nc:data
sources="chrome://foo/locale/help/glossary.rdf"/> </rdf:li> <rdf:li> <rdf:description nc:panelid="index" nc:data
sources="chrome://foo/locale/help/glossary.rdf"/> </rdf:li> </rdf:seq> the help viewer ui may or may not provide a panel for each of these data
sources.
... in firefox 1.0 each data
source had a panel.
...And 24 more matches
Storage access policy: Block cookies from trackers
firefox includes a new storage access policy that blocks cookies and other site data from third-party tracking re
sources.
... tracking protection explained how does firefox determine which re
sources are tracking re
sources?
... firefox uses the tracking protection list to determine which re
sources are tracking re
sources.
...And 24 more matches
NS_ConvertUTF16toUTF8
methods constructors void ns_convertutf16toutf8(const prunichar*) -
source a helper class that converts a utf-16 string to utf-8 parameters prunichar* astring void ns_convertutf16toutf8(const prunichar*, pruint32) -
source parameters prunichar* astring pruint32 alength void ns_convertutf16toutf8(const nsastring_internal&) -
source parameters nsastring_internal& astring operator= nscautostring& operator=(const nscautostring&) -
source parameters ...
...nscautostring& str nscstring& operator=(const nscstring&) -
source parameters nscstring& str nsacstring_internal& operator=(char) -
source parameters char c nsacstring_internal& operator=(const char*) -
source parameters char* data nsacstring_internal& operator=(const nsacstring_internal&) -
source parameters nsacstring_internal& str nsacstring_internal& operator=(const nscsubstringtuple&) -
source parameters nscsubstringtuple& tuple get char* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool, print32, print32) const -
source this methods scans the string backwards, looking for the given string @param astring is substring to be sought in this @param aignorecase tells us whether or not to do caseless compare @param aoffset tells us where in this str...
...And 24 more matches
NS_LossyConvertUTF16toASCII
methods constructors void ns_lossyconvertutf16toascii(const prunichar*) -
source a helper class that converts a utf-16 string to ascii in a lossy manner parameters prunichar* astring void ns_lossyconvertutf16toascii(const prunichar*, pruint32) -
source parameters prunichar* astring pruint32 alength void ns_lossyconvertutf16toascii(const nsastring_internal&) -
source parameters nsastring_internal& astring operator= nscautostring& operator=(const nscautost...
...ring&) -
source parameters nscautostring& str nscstring& operator=(const nscstring&) -
source parameters nscstring& str nsacstring_internal& operator=(char) -
source parameters char c nsacstring_internal& operator=(const char*) -
source parameters char* data nsacstring_internal& operator=(const nsacstring_internal&) -
source parameters nsacstring_internal& str nsacstring_internal& operator=(const nscsubstringtuple&) -
source parameters nscsubstringtuple& tuple get char* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool, print32, print32) const -
source this methods scans the string backwards, looking for the given string @param astring is substring to be sought in this @param aignorecase tells us whether or not to do caseless compare @param aoffset tells us where in this str...
...And 24 more matches
nsCString
methods constructors void nscstring() -
source constructors void nscstring(char) -
source parameters char c void nscstring(const char*, pruint32) -
source parameters char* data pruint32 length void nscstring(const nscstring&) -
source parameters nscstring& str void nscstring(const nscsubstringtuple&) -
source parameters nscsubstringtuple& tuple void nscstring(const nsacstring_internal&) -
source parameters nsacs...
...tring_internal& readable operator= nscstring& operator=(const nscstring&) -
source parameters nscstring& str nsacstring_internal& operator=(char) -
source parameters char c nsacstring_internal& operator=(const char*) -
source parameters char* data nsacstring_internal& operator=(const nsacstring_internal&) -
source parameters nsacstring_internal& str nsacstring_internal& operator=(const nscsubstringtuple&) -
source parameters nscsubstringtuple& tuple get char* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool, print32, print32) const -
source this methods scans the string backwards, looking for the given string @param astring is substring to be sought in this @param aignorecase tells us whether or not to do caseless compare @param aoffset tells us where in this str...
...And 24 more matches
nsFixedCString
methods constructors void nsfixedcstring(char*, pruint32) -
source @param data fixed-size buffer to be used by the string (the contents of this buffer may be modified by the string) @param storagesize the size of the fixed buffer @param length (optional) the length of the string already contained in the buffer parameters char* data pruint32 storagesize void nsfixedcstring(char*, pruint32, pruint32) -
source parameters char* data pruint32 storagesize pru...
...int32 length operator= nscstring& operator=(const nscstring&) -
source parameters nscstring& str nsacstring_internal& operator=(char) -
source parameters char c nsacstring_internal& operator=(const char*) -
source parameters char* data nsacstring_internal& operator=(const nsacstring_internal&) -
source parameters nsacstring_internal& str nsacstring_internal& operator=(const nscsubstringtuple&) -
source parameters nscsubstringtuple& tuple get char* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool, print32, print32) const -
source this methods scans the string backwards, looking for the given string @param astring is substring to be sought in this @param aignorecase tells us whether or not to do caseless compare @param aoffset tells us where in this str...
...And 24 more matches
nsPromiseFlatCString
methods constructors void nspromiseflatcstring(const nsacstring_internal&) -
source parameters nsacstring_internal& str void nspromiseflatcstring(const nscsubstringtuple&) -
source parameters nscsubstringtuple& tuple operator= nscstring& operator=(const nscstring&) -
source parameters nscstring& str nsacstring_internal& operator=(char) -
source parameters char c nsacstring_internal& operator=(const char*) -
source parameters char* data nsacstrin...
...g_internal& operator=(const nsacstring_internal&) -
source parameters nsacstring_internal& str nsacstring_internal& operator=(const nscsubstringtuple&) -
source parameters nscsubstringtuple& tuple get char* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool, print32, print32) const -
source this methods scans the string backwards, looking for the given string @param astring is substring to be sought in this @param aignorecase tells us whether or not to do caseless compare @param aoffset tells us where in this str...
...And 24 more matches
nsXPIDLCString
methods constructors void nsxpidlcstring() -
source void nsxpidlcstring(const nsxpidlcstring&) -
source parameters nsxpidlcstring& str operator const char* char* operator const char*() const -
source operator[] char operator[](print32) const -
source parameters print32 i char operator[](pruint32) const -
source parameters pruint32 i operator= nsxpidlcstring& operator=(const nsxpidlcstring&) -
source parameters...
... nsxpidlcstring& str nscstring& operator=(const nscstring&) -
source parameters nscstring& str nsacstring_internal& operator=(char) -
source parameters char c nsacstring_internal& operator=(const char*) -
source parameters char* data nsacstring_internal& operator=(const nsacstring_internal&) -
source parameters nsacstring_internal& str nsacstring_internal& operator=(const nscsubstringtuple&) -
source parameters nscsubstringtuple& tuple get char* get() const -
source returns the null-terminated string find print32 find(const nscstring&, prbool, print32, print32) const -
source search for the given substring within this string.
...@return offset in string, or knotfound parameters nscstring& astring prbool aignorecase print32 aoffset print32 acount print32 find(const char*, prbool, print32, print32) const -
source parameters char* astring prbool aignorecase print32 aoffset print32 acount rfind print32 rfind(const nscstring&, prbool, print32, print32) const -
source this methods scans the string backwards, looking for the given string @param astring is substring to be sought in this @param aignorecase tells us whether or not to do caseless compare @param aoffset tells us where in this str...
...And 24 more matches
Network request list - Firefox Developer Tools
transferred: the number of bytes that were actually transferred to load the re
source, or a message about why the re
source was not transferred.
... a number value is less than size if the re
source was compressed.
... if the re
source was fetched from a service worker cache, then this cell displays "service worker".
...And 24 more matches
Web Audio API - Web APIs
the web audio api provides a powerful and versatile system for controlling audio on the web, allowing developers to choose audio
sources, add effects to audio, create audio visualizations, apply spatial effects (such as panning) and much more.
...several
sources — with different types of channel layout — are supported even within a single context.
...they typically start with one or more
sources.
...And 24 more matches
HTTP response status codes - HTTP
103 early hints this status code is primarily intended to be used with the link header, letting the user agent start preloading re
sources while the server prepares a response.
...the meaning of the success depends on the http method: get: the re
source has been fetched and is transmitted in the message body.
... put or post: the re
source describing the result of the action is transmitted in the message body.
...And 23 more matches
Enhanced Extension Installation - Archive of obsolete content
c:\program files\mozilla firefox\extensions extension metadata the extension system stores metadata in both of the two locations, in the following files: <location>/extensions/extensions.rdf - an xml/rdf data
source listing all the extensions installed at that location.
... when changes are made to the extensions data
source - new items are installed, old items uninstalled, enabled or disabled, a .autoreg file is written to the profile directory as well, which tells the startup code that the system has been modified, so that it destroys the component registries, finishes pending transactions and regenerates metadata appropriately.
... data
source structure the extension manager implements a rdf data
source which contains a composite of the two xml/rdf data
sources at the two install locations.
...And 22 more matches
Index
it's free and open
source software, and many other software projects have decided to use it.
...once the application is done with a handle, it should be released, allowing nss to free the associated re
sources.
...when done, you call a finalization function that will flush out any pending data and free the re
sources.
...And 22 more matches
Shell global objects
number starting column number for error messages and debug info global global in which to execute the code newcontext if true, create and use a new cx (default: false) catchtermination if true, catch termination (failure without an exception value, as for slow scripts or out-of-memory) and return 'terminated' element if present with value v, convert v to an object o and mark the
source as being attached to the dom element o.
... if the property is omitted or v is null, don't attribute the
source to any dom element.
...this is what debugger.
source.prototype.elementattributename returns.
...And 22 more matches
Index
3 aggregating the in-memory data
source rdf no summary!
... 53 other re
sources javaxpcom, xpcom:language bindings no summary!
...the re
sources here provide information about this language binding and how to use it.
...And 22 more matches
nsString external
methods constructors void nsstring_external() -
source void nsstring_external(const nsstring_external&) -
source parameters nsstring_external& astring void nsstring_external(const nsastring&) -
source parameters nsastring& areadable void nsstring_external(const prunichar*, pruint32) -
source parameters prunichar* adata pruint32 alength ...
... get prunichar* get() const -
source operator= nsstring_external& operator=(const nsstring_external&) -
source parameters nsstring_external& astring nsastring& operator=(const nsastring&) -
source parameters nsastring& astring nsastring& operator=(const prunichar*) -
source parameters prunichar* aptr nsastring& operator=(prunichar) -
source parameters prunichar achar adopt void adopt(const prunichar*, pruint32) -
source parameters prunichar* adata pruint32 alength beginreading pruint32 beginreading(const prunichar**, const prunichar**) const -...
...
source returns the length, beginning, and end of a string in one operation.
...And 22 more matches
Preloading content with rel="preload" - HTML: Hypertext Markup Language
the preload value of the <link> element's rel attribute lets you declare fetch requests in the html's <head>, specifying re
sources that your page will need very soon, which you want to start loading early in the page lifecycle, before browsers' main rendering machinery kicks in.
... the basics you most commonly use <link> to load a css file to style your page with: <link rel="stylesheet" href="styles/main.css"> here however, we will use a rel value of preload, which turns <link> into a preloader for any re
source we want.
... you will also need to specify: the path to the re
source in the href attribute.
...And 22 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
three kinds of packages make up chrome the content package this package is used to contain the main xul and javascript
source files.
... the skin package this is used to include
source files used as visual elements in the gui, including style sheets and images.
...chrome urls are structured as: chrome://%package name%/%package type%/%relative path to
source file% for example, the chrome url for the firefox browser window is as follows: chrome://browser/content/browser.xul here, the package name is “browser”, the file “browser.xul”, and the type of the package is “content”.
...And 21 more matches
NS ConvertASCIItoUTF16 external
methods constructors void ns_convertasciitoutf16_external(const nsacstring&) -
source parameters nsacstring& astr void ns_convertasciitoutf16_external(const char*, pruint32) -
source parameters char* adata pruint32 alength get prunichar* get() const -
source operator= nsstring_external& operator=(const nsstring_external&) -
source parameters nsstri...
...ng_external& astring nsastring& operator=(const nsastring&) -
source parameters nsastring& astring nsastring& operator=(const prunichar*) -
source parameters prunichar* aptr nsastring& operator=(prunichar) -
source parameters prunichar achar adopt void adopt(const prunichar*, pruint32) -
source parameters prunichar* adata pruint32 alength beginreading pruint32 beginreading(const prunichar**, const prunichar**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters prunichar** begin prunichar** end prunichar* beginreading() const -
source endreading prunichar* endreading() const -
source charat prunichar charat(pruint32) const -
source parameters pruint32 apos operator[] prunichar operator[](pruint32) const -
source parameters pruint32 apos first prunichar first() const -
source beginwriting pruint32 beginwriting(prunichar**, prunichar**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 21 more matches
NS ConvertUTF8toUTF16 external
methods constructors void ns_convertutf8toutf16_external(const nsacstring&) -
source parameters nsacstring& astr void ns_convertutf8toutf16_external(const char*, pruint32) -
source parameters char* adata pruint32 alength get prunichar* get() const -
source operator= nsstring_external& operator=(const nsstring_external&) -
source parameters nsstrin...
...g_external& astring nsastring& operator=(const nsastring&) -
source parameters nsastring& astring nsastring& operator=(const prunichar*) -
source parameters prunichar* aptr nsastring& operator=(prunichar) -
source parameters prunichar achar adopt void adopt(const prunichar*, pruint32) -
source parameters prunichar* adata pruint32 alength beginreading pruint32 beginreading(const prunichar**, const prunichar**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters prunichar** begin prunichar** end prunichar* beginreading() const -
source endreading prunichar* endreading() const -
source charat prunichar charat(pruint32) const -
source parameters pruint32 apos operator[] prunichar operator[](pruint32) const -
source parameters pruint32 apos first prunichar first() const -
source beginwriting pruint32 beginwriting(prunichar**, prunichar**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 21 more matches
PromiseFlatString (External)
methods get prunichar* get() const -
source operator= nsstring_external& operator=(const nsstring_external&) -
source parameters nsstring_external& astring nsastring& operator=(const nsastring&) -
source parameters nsastring& astring nsastring& operator=(const prunichar*) -
source parameters prunichar* aptr ...
... nsastring& operator=(prunichar) -
source parameters prunichar achar adopt void adopt(const prunichar*, pruint32) -
source parameters prunichar* adata pruint32 alength beginreading pruint32 beginreading(const prunichar**, const prunichar**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters prunichar** begin prunichar** end prunichar* beginreading() const -
source endreading prunichar* endreading() const -
source charat prunichar charat(pruint32) const -
source parameters pruint32 apos operator[] prunichar operator[](pruint32) const -
source parameters pruint32 apos first prunichar first() const -
source beginwriting pruint32 beginwriting(prunichar**, prunichar**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 21 more matches
nsAutoString (External)
methods get prunichar* get() const -
source operator= nsstring_external& operator=(const nsstring_external&) -
source parameters nsstring_external& astring nsastring& operator=(const nsastring&) -
source parameters nsastring& astring nsastring& operator=(const prunichar*) -
source parameters prunichar* aptr ...
... nsastring& operator=(prunichar) -
source parameters prunichar achar adopt void adopt(const prunichar*, pruint32) -
source parameters prunichar* adata pruint32 alength beginreading pruint32 beginreading(const prunichar**, const prunichar**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters prunichar** begin prunichar** end prunichar* beginreading() const -
source endreading prunichar* endreading() const -
source charat prunichar charat(pruint32) const -
source parameters pruint32 apos operator[] prunichar operator[](pruint32) const -
source parameters pruint32 apos first prunichar first() const -
source beginwriting pruint32 beginwriting(prunichar**, prunichar**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 21 more matches
nsDependentString external
methods constructors void nsdependentstring_external() -
source void nsdependentstring_external(const prunichar*, pruint32) -
source parameters prunichar* adata pruint32 alength rebind void rebind(const prunichar*, pruint32) -
source parameters prunichar* adata pruint32 alength get prunichar* get() const -
source operato...
...r= nsstring_external& operator=(const nsstring_external&) -
source parameters nsstring_external& astring nsastring& operator=(const nsastring&) -
source parameters nsastring& astring nsastring& operator=(const prunichar*) -
source parameters prunichar* aptr nsastring& operator=(prunichar) -
source parameters prunichar achar adopt void adopt(const prunichar*, pruint32) -
source parameters prunichar* adata pruint32 alength beginreading pruint32 beginreading(const prunichar**, const prunichar**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters prunichar** begin prunichar** end prunichar* beginreading() const -
source endreading prunichar* endreading() const -
source charat prunichar charat(pruint32) const -
source parameters pruint32 apos operator[] prunichar operator[](pruint32) const -
source parameters pruint32 apos first prunichar first() const -
source beginwriting pruint32 beginwriting(prunichar**, prunichar**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 21 more matches
nsDependentSubstring external
methods constructors void nsdependentsubstring_external() -
source void nsdependentsubstring_external(const prunichar*, pruint32) -
source parameters prunichar astart pruint32 alength void nsdependentsubstring_external(const nsastring&, pruint32) -
source parameters nsastring astr pruint32 astartpos void nsdependentsubstring_external(const nsastring&, pruint32, prui...
...nt32) -
source parameters nsastring astr pruint32 astartpos pruint32 alength rebind void rebind(const prunichar*, pruint32) -
source parameters prunichar astart pruint32 alength beginreading pruint32 beginreading(const prunichar**, const prunichar**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters prunichar* begin prunichar* end prunichar beginreading() const -
source endreading prunichar endreading() const -
source charat prunichar charat(pruint32) const -
source parameters pruint32 apos operator[] prunichar operator[](pruint32) const -
source parameters pruint32 apos first prunichar first() const -
source beginwriting pruint32 beginwriting(prunichar**, prunichar**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 21 more matches
HTML attribute: rel - HTML: Hypertext Markup Language
the rel attribute defines the relationship between a linked re
source and the current document.
... link not allowed not allowed dns-prefetch tells the browser to preemptively perform dns resolution for the target re
source's origin external re
source not allowed not allowed external referenced document is not part of the same site as the current document.
... external re
source not allowed not allowed license indicates that the main content of the current document is covered by the copyright license described by the referenced document.
...And 21 more matches
Link types - HTML: Hypertext Markup Language
<link> <a>, <area>, <form> dns-prefetch hints to the browser that a re
source is needed, allowing the browser to do a dns lookup and protocol handshaking before a user clicks the link.
... <link> <a>, <area>, <form> external indicates that the hyperlink leads to a re
source outside the site of the current page; that is, following the link will make the user leave the site.
... <a>, <area>, <form> <link> first indicates that the hyperlink leads to the first re
source of the sequence the current page is in.
...And 21 more matches
NS ConvertUTF16toUTF8 external
methods constructors void ns_convertutf16toutf8_external(const nsastring&) -
source parameters nsastring& astr void ns_convertutf16toutf8_external(const prunichar*, pruint32) -
source parameters prunichar* adata pruint32 alength get char* get() const -
source operator= nscstring_external& operator=(const nscstring_external&) -
source parameters n...
...scstring_external& astring nsacstring& operator=(const nsacstring&) -
source parameters nsacstring& astring nsacstring& operator=(const char*) -
source parameters char* aptr nsacstring& operator=(char) -
source parameters char achar adopt void adopt(const char*, pruint32) -
source parameters char* adata pruint32 alength beginreading pruint32 beginreading(const char**, const char**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters char** begin char** end char* beginreading() const -
source endreading char* endreading() const -
source charat char charat(pruint32) const -
source parameters pruint32 apos operator[] char operator[](pruint32) const -
source parameters pruint32 apos first char first() const -
source beginwriting pruint32 beginwriting(char**, char**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 20 more matches
NS LossyConvertUTF16toASCII external
methods constructors void ns_lossyconvertutf16toascii_external(const nsastring&) -
source parameters nsastring& astr void ns_lossyconvertutf16toascii_external(const prunichar*, pruint32) -
source parameters prunichar* adata pruint32 alength get char* get() const -
source operator= nscstring_external& operator=(const nscstring_external&) -
source parameters ...
... nscstring_external& astring nsacstring& operator=(const nsacstring&) -
source parameters nsacstring& astring nsacstring& operator=(const char*) -
source parameters char* aptr nsacstring& operator=(char) -
source parameters char achar adopt void adopt(const char*, pruint32) -
source parameters char* adata pruint32 alength beginreading pruint32 beginreading(const char**, const char**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters char** begin char** end char* beginreading() const -
source endreading char* endreading() const -
source charat char charat(pruint32) const -
source parameters pruint32 apos operator[] char operator[](pruint32) const -
source parameters pruint32 apos first char first() const -
source beginwriting pruint32 beginwriting(char**, char**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 20 more matches
PromiseFlatCString (External)
methods get char* get() const -
source operator= nscstring_external& operator=(const nscstring_external&) -
source parameters nscstring_external& astring nsacstring& operator=(const nsacstring&) -
source parameters nsacstring& astring nsacstring& operator=(const char*) -
source parameters char* aptr ns...
...acstring& operator=(char) -
source parameters char achar adopt void adopt(const char*, pruint32) -
source parameters char* adata pruint32 alength beginreading pruint32 beginreading(const char**, const char**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters char** begin char** end char* beginreading() const -
source endreading char* endreading() const -
source charat char charat(pruint32) const -
source parameters pruint32 apos operator[] char operator[](pruint32) const -
source parameters pruint32 apos first char first() const -
source beginwriting pruint32 beginwriting(char**, char**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 20 more matches
nsCAutoString (External)
methods get char* get() const -
source operator= nscstring_external& operator=(const nscstring_external&) -
source parameters nscstring_external& astring nsacstring& operator=(const nsacstring&) -
source parameters nsacstring& astring nsacstring& operator=(const char*) -
source parameters char* aptr ns...
...acstring& operator=(char) -
source parameters char achar adopt void adopt(const char*, pruint32) -
source parameters char* adata pruint32 alength beginreading pruint32 beginreading(const char**, const char**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters char** begin char** end char* beginreading() const -
source endreading char* endreading() const -
source charat char charat(pruint32) const -
source parameters pruint32 apos operator[] char operator[](pruint32) const -
source parameters pruint32 apos first char first() const -
source beginwriting pruint32 beginwriting(char**, char**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 20 more matches
nsCString external
methods constructors void nscstring_external() -
source void nscstring_external(const nscstring_external&) -
source parameters nscstring_external& astring void nscstring_external(const nsacstring&) -
source parameters nsacstring& areadable void nscstring_external(const char*, pruint32) -
source parameters char* adata pruint32 alength ...
... get char* get() const -
source operator= nscstring_external& operator=(const nscstring_external&) -
source parameters nscstring_external& astring nsacstring& operator=(const nsacstring&) -
source parameters nsacstring& astring nsacstring& operator=(const char*) -
source parameters char* aptr nsacstring& operator=(char) -
source parameters char achar adopt void adopt(const char*, pruint32) -
source parameters char* adata pruint32 alength beginreading pruint32 beginreading(const char**, const char**) const -
source returns the length, begi...
... parameters char** begin char** end char* beginreading() const -
source endreading char* endreading() const -
source charat char charat(pruint32) const -
source parameters pruint32 apos operator[] char operator[](pruint32) const -
source parameters pruint32 apos first char first() const -
source beginwriting pruint32 beginwriting(char**, char**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 20 more matches
nsDependentCString external
methods constructors void nsdependentcstring_external() -
source void nsdependentcstring_external(const char*, pruint32) -
source parameters char* adata pruint32 alength rebind void rebind(const char*, pruint32) -
source parameters char* adata pruint32 alength get char* get() const -
source operator= nscstring_...
...external& operator=(const nscstring_external&) -
source parameters nscstring_external& astring nsacstring& operator=(const nsacstring&) -
source parameters nsacstring& astring nsacstring& operator=(const char*) -
source parameters char* aptr nsacstring& operator=(char) -
source parameters char achar adopt void adopt(const char*, pruint32) -
source parameters char* adata pruint32 alength beginreading pruint32 beginreading(const char**, const char**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters char** begin char** end char* beginreading() const -
source endreading char* endreading() const -
source charat char charat(pruint32) const -
source parameters pruint32 apos operator[] char operator[](pruint32) const -
source parameters pruint32 apos first char first() const -
source beginwriting pruint32 beginwriting(char**, char**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 20 more matches
nsDependentCSubstring external
methods constructors void nsdependentcsubstring_external() -
source void nsdependentcsubstring_external(const char*, pruint32) -
source parameters char* astart pruint32 alength void nsdependentcsubstring_external(const nsacstring&, pruint32) -
source parameters nsacstring& astr pruint32 astartpos void nsdependentcsubstring_external(const nsacstring&, pruint32, pruint...
...32) -
source parameters nsacstring& astr pruint32 astartpos pruint32 alength rebind void rebind(const char*, pruint32) -
source parameters char* astart pruint32 alength beginreading pruint32 beginreading(const char**, const char**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters char** begin char** end char* beginreading() const -
source endreading char* endreading() const -
source charat char charat(pruint32) const -
source parameters pruint32 apos operator[] char operator[](pruint32) const -
source parameters pruint32 apos first char first() const -
source beginwriting pruint32 beginwriting(char**, char**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 20 more matches
nsLiteralCString (External)
methods rebind void rebind(const char*, pruint32) -
source parameters char* adata pruint32 alength get char* get() const -
source operator= nscstring_external& operator=(const nscstring_external&) -
source parameters nscstring_external& astring nsacstring& operator=(const nsacstring&) -
source parameters nsacstring& astri...
...ng nsacstring& operator=(const char*) -
source parameters char* aptr nsacstring& operator=(char) -
source parameters char achar adopt void adopt(const char*, pruint32) -
source parameters char* adata pruint32 alength beginreading pruint32 beginreading(const char**, const char**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters char** begin char** end char* beginreading() const -
source endreading char* endreading() const -
source charat char charat(pruint32) const -
source parameters pruint32 apos operator[] char operator[](pruint32) const -
source parameters pruint32 apos first char first() const -
source beginwriting pruint32 beginwriting(char**, char**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 20 more matches
nsLiteralString (External)
methods rebind void rebind(const char*, pruint32) -
source parameters char* adata pruint32 alength get char* get() const -
source operator= nscstring_external& operator=(const nscstring_external&) -
source parameters nscstring_external& astring nsacstring& operator=(const nsacstring&) -
source parameters nsacstring& astri...
...ng nsacstring& operator=(const char*) -
source parameters char* aptr nsacstring& operator=(char) -
source parameters char achar adopt void adopt(const char*, pruint32) -
source parameters char* adata pruint32 alength beginreading pruint32 beginreading(const char**, const char**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters char** begin char** end char* beginreading() const -
source endreading char* endreading() const -
source charat char charat(pruint32) const -
source parameters pruint32 apos operator[] char operator[](pruint32) const -
source parameters pruint32 apos first char first() const -
source beginwriting pruint32 beginwriting(char**, char**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
...And 20 more matches
nsStringContainer (External)
methods beginreading pruint32 beginreading(const prunichar**, const prunichar**) const -
source returns the length, beginning, and end of a string in one operation.
... parameters prunichar** begin prunichar** end prunichar* beginreading() const -
source endreading prunichar* endreading() const -
source charat prunichar charat(pruint32) const -
source parameters pruint32 apos operator[] prunichar operator[](pruint32) const -
source parameters pruint32 apos first prunichar first() const -
source beginwriting pruint32 beginwriting(prunichar**, prunichar**, pruint32) -
source get the length, begin writing, and optionally set the length of a string all in one operation.
... parameters prunichar** begin prunichar** end pruint32 newsize prunichar* beginwriting(pruint32) -
source parameters pruint32 <anonymous> endwriting prunichar* endwriting() -
source setlength prbool setlength(pruint32) -
source parameters pruint32 alen length pruint32 length() const -
source isempty prbool isempty() const -
source setisvoid void setisvoid(prbool) -
source parameters prbool val ...
...And 20 more matches
Migrating from webkitAudioContext - Web APIs
changes to starting and stopping nodes in webkitaudiocontext, there are two ways to start and stop audiobuffer
sourcenode and oscillatornode: the noteon() and noteoff() methods, and the start() and stop() methods.
... (audiobuffer
sourcenode has yet another way of starting output: the notegrainon() method.) the noteon()/notegrainon()/noteoff() methods were the original way to start/stop output in these nodes, and in the newer versions of the specification, the noteon() and notegrainon() methods were consolidated into a single start() method, and the noteoff() method was renamed to the stop() method.
... for example, if you have code like the below: var osc = context.createoscillator(); osc.noteon(1); osc.noteoff(1.5); var src = context.createbuffer
source(); src.notegrainon(1, 0.25); src.noteoff(2); you can simply change it like this in order to port it to the standard audiocontext api: var osc = context.createoscillator(); osc.start(1); osc.stop(1.5); var src = context.createbuffer
source(); src.start(1, 0.25); src.stop(2); remove synchronous buffer creation in the old webkit implementation of web audio, there were two versions of createbuffer(), one which created an initially empty buffer, and one which took an existing arraybuffer containing encoded audio, decoded it and returned the result in the form of ...
...And 20 more matches
Content-Security-Policy - HTTP
the http content-security-policy response header allows web site administrators to control re
sources the user agent is allowed to load for a given page.
... directives fetch directives fetch directives control the locations from which certain re
source types may be loaded.
... child-src defines the valid
sources for web workers and nested browsing contexts loaded using elements such as <frame> and <iframe>.
...And 20 more matches
HTTP headers - HTTP
request headers contain more information about the re
source to be fetched, or about the client requesting the re
source.
... entity headers contain information about the body of the re
source, like its content length or mime type.
... authentication www-authenticate defines the authentication method that should be used to access a re
source.
...And 20 more matches
SVG documentation index - SVG: Scalable Vector Graphics
3 compatibility
sources svg the following
sources are used for the compatibility tables on svg elements and attributes: 4 content type needstechnicalreview, svg, types, data types svg makes use of a number of data types.
... 8 other re
sources reference, svg here is a list of additional re
sources on svg: 9 project svg no summary!
... 29 azimuth filters, svg, svg attribute the azimuth attribute specifies the direction angle for the light
source on the xy plane (clockwise), in degrees from the x axis.
...And 20 more matches
<feComposite> - SVG: Scalable Vector Graphics
second set does not wipe out the background, with the result that the background sometimes shines through and is other cases is blended into itself (i.e., "double-counting").</desc> <filter id="overflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <feflood flood-color="#ffffff" flood-opacity="1" result="flood"/> <fecomposite in="
sourcegraphic" in2="backgroundimage" operator="over" result="comp"/> <femerge> <femergenode in="flood"/> <femergenode in="comp"/> </femerge> </filter> <filter id="inflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <feflood flood-color="#ffffff" flood-opacity="1" result="flood"/> <fecomposite in="
sourcegraphic" in2="backgroundimage" operator="in...
..." result="comp"/> <femerge> <femergenode in="flood"/> <femergenode in="comp"/> </femerge> </filter> <filter id="outflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <feflood flood-color="#ffffff" flood-opacity="1" result="flood"/> <fecomposite in="
sourcegraphic" in2="backgroundimage" operator="out" result="comp"/> <femerge> <femergenode in="flood"/> <femergenode in="comp"/> </femerge> </filter> <filter id="atopflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <feflood flood-color="#ffffff" flood-opacity="1" result="flood"/> <fecomposite in="
sourcegraphic" in2="backgroundimage" operator="atop" result="comp"/> <femerge> <femergenode in="flood"/> <femergenode in="comp"/> </fem...
...erge> </filter> <filter id="xorflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <feflood flood-color="#ffffff" flood-opacity="1" result="flood"/> <fecomposite in="
sourcegraphic" in2="backgroundimage" operator="xor" result="comp"/> <femerge> <femergenode in="flood"/> <femergenode in="comp"/> </femerge> </filter> <filter id="arithmeticflood" filterunits="objectboundingbox" x="-5%" y="-5%" width="110%" height="110%"> <feflood flood-color="#ffffff" flood-opacity="1" result="flood"/> <fecomposite in="
sourcegraphic" in2="backgroundimage" result="comp" operator="arithmetic" k1=".5" k2=".5" k3=".5" k4=".5"/> <femerge> <femergenode in="flood"/> <femergenode in="comp"/> </femerge> </fil...
...And 2 more matches
Using custom elements - Web Components
over in our html, we use it like so: <popup-info img="img/alt.png" data-text="your card validation code (cvc) is an extra security feature — it is the last 3 or 4 numbers on the back of your card."></popup-info> note: you can see the full javascript
source code here.
... for example, take a look at this code from our popup-info-box-external-stylesheet example (see the
source code): // apply external styles to the shadow dom const linkelem = document.createelement('link'); linkelem.setattribute('rel', 'stylesheet'); linkelem.setattribute('href', 'style.css'); // attach the created element to the shadow dom shadow.appendchild(linkelem); note that <link> elements do not block paint of the shadow root, so there may be a flash of unstyled content (fouc) while the stylesheet loads.
... } } we will not explain the element functionality in any detail here, but you can discover how it works by checking out the
source code.
...And 2 more matches
Index - XSLT: Extensible Stylesheet Language Transformations
2 common xslt errors xslt your server needs to send both the
source and the stylesheet with a xml mime type, text/xml or application/xml.
... 11 re
sources xslt no summary!
... 15 for further reading needscontent, needshelp, transforming_xml_with_xslt, xml, xslt http://www.amazon.com/xslt-programme.../dp/0764543814 16 re
sources extensions, needscontent, needsexample, needslivesample, xml, xsl no summary!
...And 2 more matches
WebAssembly Concepts - WebAssembly
it is not primarily intended to be written by hand, rather it is designed to be an effective compilation target for low-level
source languages like c, c++, rust, etc.
...mobile and other re
source-constrained platforms can further amplify these performance bottlenecks.
...there are a number of online wasm assembler choices, such as: wasmfiddle wasmfiddle++ wasmexplorer these are great re
sources for people who are trying to figure out where to start, but they lack some of the tooling and optimizations of emscripten.
...And 2 more matches
context-menu - Archive of obsolete content
show an "edit page
source" item when the user right-clicks a non-interactive part of the page: require("sdk/context-menu").item({ label: "edit page
source", contentscript: 'self.on("click", function (node, data) {' + ' self.postmessage(document.url);' + '});', onmessage: function (pageurl) { edit
source(pageurl); } }); show an "edit image" item when the menu is invoked on an...
... methods destroy() permanently removes the item from its parent menu and frees its re
sources.
... destroy() permanently removes the menu from its parent menu and frees its re
sources.
... methods destroy() permanently removes the separator from its parent menu and frees its re
sources.
tabs - Archive of obsolete content
this may come from http headers or other
sources of mime information, and might be affected by automatic type conversions performed by either the browser or extensions.
...it has one of four possible values: "uninitialized": the tab's document is not yet loading "loading": the tab's document is still in the process of loading "interactive": the tab's document has loaded and is parsed, but re
sources such as images and stylesheets may still be loading "complete": the tab's document and all re
sources are fully loaded once a tab's readystate has entered "interactive", you can retrieve properties such as the document's url.
...at this point the document itself is fully loaded and parsed, but re
sources such as stylesheets and images may still be loading.
...at this point the document and its re
sources, such as images and stylesheets, have finished loading.
dev/panel - Archive of obsolete content
mandatory icon string the icon to display in the toolbox toolbar, specified as a re
source:// url pointing to an icon file, typically in your add-on's "data" directory.
... mandatory url string a re
source:// url pointing to an html file, typically in your add-on's "data" directory.
... mypanel; // create a new tool, initialized // with the new constructor const mytool = new tool({ panels: { mypanel: mypanel } }); panel document environment the panel document loaded from the url property can of course include css and javascript just like a normal web page: <html> <head> <meta charset="utf-8"> <link href="./my-panel.css"rel="stylesheet"></link> <script src="re
source://sdk/dev/volcan.js"></script> </head> <body> <div id="content"></div> </body> <script src="./my-panel.js"></script> </html> it doesn't have access to any privileged apis, including the add-on sdk apis.
... to use volcan.js, you can just include it from your panel's html like this: <html> <head> <meta charset="utf-8"> <link href="./my-panel.css"rel="stylesheet"></link> <script src="re
source://sdk/dev/volcan.js"></script> </head> <body> <div id = "content"></div> </body> <script src="./my-panel.js"></script> </html> here's a script that uses volcan.js to get the selected tab and display its url: // my-panel.js var content = document.getelementbyid("content"); window.addeventlistener("message", function(event) { var debuggee = event.ports[0]; volcan.connect(debug...
util/match-pattern - Archive of obsolete content
for other schemes like file, re
source, or data, use a scheme followed by an asterisk, as below.
... example pattern example matching urls example non-matching urls "*" http://example.com/ https://example.com/ ftp://example.com/ http://bar.com/foo.js http://foo.com/ file://example.js re
source://me/my-addon/data/file.html data:text/html,hi there a domain name prefixed with an asterisk and dot matches any url of that domain or a subdomain, using any of http, https, ftp.
...to match local files, use file://*, and to match files loaded from your add-on's data directory, use re
source://.
... example pattern example matching urls "file://*" file://c:/file.html file:///home/file.png "re
source://*" re
source://my-addon-at-me-dot-org/my-addon/data/file.html "data:*" data:text/html,hi there regular expressions you can specify patterns using a regular expression: var { matchpattern } = require("sdk/util/match-pattern"); var pattern = new matchpattern(/.*example.*/); the regular expression is subject to restrictions based on those applied to the html5 pattern attribute.
Rosetta - Archive of obsolete content
also, regarding some languages (like c), it is even not well defined the meaning of part of their semantics in respect to a scope that is more restricted than the full access to the re
sources they usually deal with – imagine, for example, the meaning of a c pointer within a html page!
..."" : odicts[smimetype](oscript.text); obaton.parentnode.insertbefore(ocompiled, obaton); } function reqerror (oerror) { throw new urierror("the script " + oerror.target.src + " is not accessible."); } function reqsuccess () { createscript(this.refscript, this); } function get
source (oscript) { var oreq = new xmlhttprequest(); oreq.onload = reqsuccess; oreq.onerror = reqerror; oreq.refscript = oscript; oreq.open("get", oscript.src, true); oreq.send(null); } function parsescript (oscript) { if (oscript.hasattribute("type") && !rignoremimes.test(oscript.getattribute("type").tolowercase())) { oscript.hasattribute("src") ?
... get
source(oscript) : createscript(oscript); } } function parsedocument () { for ( var ascripts = document.getelementsbytagname("script"), nidx = 0; nidx < ascripts.length; parsescript(ascripts[nidx++]) ); } var odicts = {}, rignoremimes = /^\s*(?:text\/javascript|text\/ecmascript)\s*$/; this.translatescript = parsescript; this.translateall = parsedocument; this.appendcompiler = function (vmimetypes, fcompiler) { if (arguments.length < 2) { throw new typeerror("rosetta.appendcompiler() \u2013 not enough arguments"); } if (typeof fcompiler !== "function") { throw new typeerror("rosetta.appendcompiler() \u2013 second argument must be a function"); } if (!array.isarray(vmimetypes)) { od...
... mime types here is a short list of the mime types associated to some programming languages: language mime type bash text/x-shellscript java text/x-java-
source c text/x-c, text/x-csrc c++ text/x-c++, text/x-c++src python text/x-python there are no limitations to the mime types that can be used for the type attribute of the <script> element.
Extension Versioning, Update and Compatibility - Archive of obsolete content
<?xml version="1.0" encoding="utf-8"?> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <!-- this description re
source includes all the update and compatibility information for a single add-on with the id foobar@developer.mozilla.org.
...em:signature> </rdf:description> </rdf:rdf> some people prefer this alternate format (note that much of the information has been trimmed from this example for brevity in order to show the basic structure): <?xml version="1.0" encoding="utf-8"?> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:em="http://www.mozilla.org/2004/em-rdf#"> <!-- this description re
source includes all the update and compatibility information for a single add-on with the id foobar@developer.mozilla.org.
...--> <rdf:description about="urn:mozilla:extension:foobar@developer.mozilla.org"> <em:updates> <rdf:seq> <!-- the re
source attribute points to an rdf:description entry below with a matching about attribute.
... the actual uri can be whatever you like --> <rdf:li re
source="urn:mozilla:extension:foobar@developer.mozilla.org:2.2"/> <rdf:li re
source="urn:mozilla:extension:foobar@developer.mozilla.org:2.5"/> </rdf:seq> </em:updates> <em:signature>migtma0gcsqgsib3dqebbquaa4gbamo1o2gwsccth1gwymgscfanakpn40pjfowt ub2hvdg8+oxmcif8d/9evwm8eh/ixuxyzlmrzts3o5tv9eway5ubctqdf1wgtsgk jrgzow1fitkzi7w0//c8ekdmlatguegfns2iltd5p/0kh/hf1rpc1wuqeqkcd4+l bcvq13ad</em:signature> </rdf:description> <!-- this represents the same description within the li from the previous example --> <rdf:description about="urn:mozilla:extension:foobar@developer.mozilla.org:2.2"> <em:version>2.2</em:version> <!-- trimmed the rest of the content...
Interaction between privileged and non-privileged pages - Archive of obsolete content
response.to
source() : response)); } } </script> </head> <body> <button onclick="return something.send_request({foo: 1}, something.callback)">send {foo: 1} with callback</button> <button onclick="return something.send_request({baz: 3}, something.callback)">send {baz: 3} with callback</button> <button onclick="return something.send_request({mozilla: 3})">send {mozilla: 3} without ca...
... * @see <https://developer.mozilla.org/docs/code_snippets/ * interaction_between_privileged_and_non-privileged_pages#security_notes> */ function geteventdata(event) { if (event.target.ownerdocument != targetdoc) throw "event from unexpected
source"; return new xml(event.target.getattribute("eventdatafrompage")); } security notes never invoke the web page's javascript functions from your extension - doing this increases the chance of creating a security hole, where a malicious web page can trick the browser to run its code with extended privileges (just like your extension) with, for example, the ability to delete local files.
... it is highly recommended to check the
source of the event (via event.target.ownerdocument.location) and make your extension ignore any events from pages not from your server.
... re
sources mozillazine forum discussion communication between html and your extension ...
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
for each element that i explain in this chapter, i will illustrate it with a
source code example.
...you can download a file with all the
source code examples from: fixme: attache the translated tarball - paul task !.
... <hbox> <label value="label1" flex="1" style="border: 1px solid;"/> <label value="label2" flex="2" style="border: 1px solid;"/> </hbox> listing 4: growing with flex figure 3: output of listing 4 ordinal within a xul box, elements will ordinarily be laid out following their order of appearance in the
source code (laid out left to right or top to bottom).
... if multiple elements have the same ordinal value, they will be laid out in the same relative order they appear in the
source code.
Local Storage - Archive of obsolete content
a full list of these flags can be found in the firefox
source.
...if was used for most of its data
sources, and you can still see it in use here and there, like in the install.rdf file.
...they allow you to automatically generate xul content using information from a data
source, and automatically update the content once the data
source changes.
... they were designed with rdf data
sources in mind, but since firefox 3 they have been extended to support sqlite data
sources as well.
Firefox addons developer guide - Archive of obsolete content
so there may be still some reference to the xuldev website (we want to host
source code on mdc, not on xuldev), and to japanese things (like some specific locales, which have been translated to french since non-latin characters are not well supported).
...certainly appendix 2 doesn't care what version of firefox you're using, since it's just about open
source software licenses.
... todo: all fixme notes inside the documents; add abbreviation definition to acronyms; add some link to the internal mdc documentation when it makes sense; indent
source code; make sure documentation is relevant for all platforms: gnu/linux, macos, windows; add anchor links to figures & listings; add credits to original authors and license; completed sometimes, interfaces names are misspelled: s/nsl/nsi; talk about fuel; titles of chapters and sub-headings should have caps for first letter of each word; we should add a part about bad and good practices (leaks, global scopes, ...); add external re
sources (mozdev.org/community/books.html); add to chapter 3 or 5 more informations about overlay (how to overlay some interesting part of firefox like status bar, menus or toolbar) add p...
...revious/next at the end of each chapter questions: open
source appendix.
Creating a Firefox sidebar extension - Archive of obsolete content
the extension needs to provide some special manifest files that control how it is installed and where its chrome re
sources are stored.
...the chrome manifest creates a lookup for all the re
source types used by the extension.
... the emptysidebar extension re
sources code snippets:sidebar building an extension creating applications with mozilla packaging firefox/thunderbird extensions creating a firefox 1 sidebar original document information author: j.c.
... original
source: http://occidopagus.nl/firefox/emptysidebar/ ...
Multiple Rules - Archive of obsolete content
a multiple rule template looks like the following: <hbox id="photoslist" data
sources="template-guide-photos3.rdf" ref="http://www.xulplanet.com/rdf/myphotos"> <template> <query> <content uri="?start"/> <member container="?start" child="?photo"/> <triple subject="?photo" predicate="http://purl.org/dc/elements/1.1/title" object="?title"/> </query> <rule> <where subject="?title" rel="equals" value="canal"/> ...
...as the data
source has three photos, one of which has a title of 'canal', this photo will match the first rule and the content's of that rule's action body will be generated.
...here is another example for an xml
source: <radiogroup data
sources="people.xml" ref="*" querytype="xml"> <template> <query expr="person"/> <rule> <where subject="?gender" rel="equals" value="male"/> <action> <radio uri="?" label="?name is male"/> </action> </rule> <rule> <action> <radio uri="?" label="?name is female" disabled="true"/> </action> </rule> </template> </...
...n 1000 differently beforematch if 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 data
sources="people.xml" ref="*" querytype="xml"> <template> <query expr="person"> <assign var="?letters" expr="string-length(@name) - 1"/> </query> <rule> <where subject="?name" rel="contains" value=" "/> <action> <label uri="?" value="?name has two names for a total length of ?letters"/> </action> </rule> </template> </vbox> this example contains only o...
Static Content - Archive of obsolete content
this item doesn't need to be generated from the data
source.
... <menulist data
sources="template-guide-photos4.rdf" ref="http://www.daml.org/2001/09/countries/country-ont#country" oncommand="applyfilter(event.target.value);"> <menupopup> <menuitem label="all"/> </menupopup> <template> <query> <content uri="?start"/> <triple subject="?country" predicate="http://www.w3.org/1999/02/22-rdf-syntax-ns#type" object="?start"/> <triple subject="?country" predicate="http://purl.org/dc/elements/1.1/title" object="?countrytitle"/> ...
...note that the workaround of loading the data
source beforehand as mentioned for the last example isn't necessary, as the existence of the static content is another effective workaround.
... <radiogroup data
sources="template-guide-photos4.rdf" ref="http://www.daml.org/2001/09/countries/country-ont#country" onselect="applyfilter(event.target.value);"> <radio label="all" selected="true"/> <template> <query> <content uri="?start"/> <triple subject="?country" predicate="http://www.w3.org/1999/02/22-rdf-syntax-ns#type" object="?start"/> ...
Cross Package Overlays - Archive of obsolete content
our foverlay.xul example
source <?xml version="1.0"?> <overlay xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <toolbox id="browser-toolbox"> <toolbar id="findfile_toolbar"> <label control="findfile_filename" value="search for files named:"/> <textbox id="findfile_filename"/> <label control="findfile_dir" value="directory:"/> <textbox id="findfile_dir"/> <button label="browse...
... to add this overlay to the manifest file, we need to add two re
sources.
... <rdf:seq about="urn:mozilla:overlays"> <rdf:li re
source="chrome://navigator/content/navigator.xul"/> </rdf:seq> this declares that we are adding a overlay window, a child of the root overlay node (urn:mozilla:overlays).
...the following example shows how: <rdf:seq about="urn:mozilla:stylesheets"> <rdf:li re
source="chrome://messenger/content/messenger.xul"/> </rdf:seq> <rdf:seq about="chrome://messenger/content/messenger.xul"> <rdf:li>chrome://blueswayedshoes/skin/myskinfile.css</rdf:li> </rdf:seq> next, we'll see how to create an installer for a xul application.
Document Object Model - Archive of obsolete content
the attributes are declared in the
source, for example, flex="1", is a flex attribute set to the value 1.
... the children are the child tags of the element and will be nested inside the element in the
source.
...an element corresponds to a tag is the xul
source, but you may also find text nodes, comment nodes and a few other types in a document tree.
... find files example so far:
source view see also a re-introduction to javascript javascript reference next we'll learn how to modify the dom.
Features of a Window - Archive of obsolete content
as in html, you can use the window interface's open() method loads the specified re
source into the browsing context (window, <iframe> or tab) with the specified name.
... if the name doesn't exist, then a new window is opened and the specified re
source is loaded into its browsing context.">window.open() function to open the second window.
... see also window interface's open() method loads the specified re
source into the browsing context (window, <iframe> or tab) with the specified name.
... if the name doesn't exist, then a new window is opened and the specified re
source is loaded into its browsing context.">window.open() next, we'll look at how to open secondary dialogs.
Input Controls - Archive of obsolete content
the following example shows some textboxes: example 1 :
source view <label control="some-text" value="enter some text"/> <textbox id="some-text"/> <label control="some-password" value="enter a password"/> <textbox id="some-password" type="password" maxlength="8"/> multiline textbox the textbox examples above will create text inputs that can only be used for entering one line of text.
... example 2 :
source view <textbox multiline="true" value="this is some text that could wrap onto multiple lines."/> like the html textarea, you can use the rows and cols attributes to set the size.
... example 3 :
source view <radiogroup> <radio id="orange" label="orange"/> <radio id="violet" selected="true" label="violet"/> <radio id="yellow" label="yellow"/> </radiogroup> attributes like buttons, check boxes and radio buttons are made up of a label and an image, where the image switches between checked and unchecked when it is pressed.
...seamonkey or waterfox and remote-xul-manager from https://github.com/jvillalobos/remote-xul-manager find files example so far :
source view in the next section, we will look at some elements for entering and selecting numbers.
More Event Handlers - Archive of obsolete content
example 1 :
source view <vbox oncommand="alert(event.currenttarget.tagname);"> <button label="ok"/> <checkbox label="show images"/> </vbox> stop event propagation once you handle an event, regardless of where in the propagation the event is, you will likely want to stop the event from being sent to further elements, essentially stopping the capturing or bubbling phases from continuing.
...example 2 :
source view <hbox id="outerbox"> <button id="okbutton" label="ok"/> </hbox> <script> function buttonpressed(event){ alert('button was pressed!'); } function boxpressed(event){ alert('box was pressed!'); event.stoppropagation(); } var button = document.getelementbyid("okbutton"); button.addeventlistener('command',buttonpressed,true); var outerbox = document.getelementbyid("outerbox"); outerbo...
...example 3 :
source view <button label="types" type="menu"> <menupopup onpopupshowing="event.preventdefault();"> <menuitem label="glass"/> <menuitem label="plastic"/> </menupopup> </button> alternatively, for attribute event listeners, you can just return false from the code.
...here is an example which displays the current mouse coordinates: example 4 :
source view <script> function updatemousecoordinates(e){ var text = "x:" + e.clientx + " y:" + e.clienty; document.getelementbyid("xy").value = text; } </script> <label id="xy"/> <hbox width="400" height="400" onmousemove="updatemousecoordinates(event);"/> in this example, the size of the box has been set explicitly so the effect is easier to see.
More Menu Features - Archive of obsolete content
the example below creates a simple submenu inside the file menu example 1 :
source view <toolbox flex="1"> <menubar id="sample-menubar"> <menu id="file-menu" label="file"> <menupopup id="file-popup"> <menu id="new-menu" label="new"> <menupopup id="new-popup"> <menuitem label="window"/> <menuitem label="message"/> </menupopup> </menu> <menuitem label="open"/> <menuitem label="save"/> ...
... our find files example so far :
source view adding checkmarks to menus many applications have menu items that have checks on them.
...example 2 :
source view <toolbox> <menubar id="options-menubar"> <menu id="options_menu" label="options"> <menupopup> <menuitem id="backups" label="make backups" type="checkbox"/> <menuitem id="email" label="email administrator" type="checkbox" checked="true"/> </menupopup> </menu> </menubar> </toolbox> the type attribute has been added which is used to make the menu item ch...
...the example below demonstrates this: example 3 :
source view <toolbox> <menubar id="planets-menubar"> <menu id="planet-menu" label="planet"> <menupopup> <menuitem id="jupiter" label="jupiter" type="radio" name="ringed"/> <menuitem id="saturn" label="saturn" type="radio" name="ringed" checked="true"/> <menuitem id="uranus" label="uranus" type="radio" name="ringed"/> <menuseparator/> <menuitem id="eart...
Popup Menus - Archive of obsolete content
the sample below shows how we might do this: example 1 :
source view <popupset> <menupopup id="clipmenu"> <menuitem label="cut"/> <menuitem label="copy"/> <menuitem label="paste"/> </menupopup> </popupset> <box context="clipmenu"> <label value="context click for menu"/> </box> here, the menupopup has been associated with a box.
... example 2 :
source view <button label="save" tooltiptext="click here to save your stuff"/> <popupset> <tooltip id="moretip" orient="vertical" style="background-color: #33dd00;"> <description value="click here to see more information"/> <description value="really!" style="color: red;"/> </tooltip> </popupset> <button label="more" tooltip="moretip"/> these two buttons each have a tooltip.
...the example below demonstrates creating a back button with a popup menu: example 3 :
source view <popupset> <menupopup id="backpopup" position="after_start"> <menuitem label="page 1"/> <menuitem label="page 2"/> </menupopup> </popupset> <button label="pop me up" popup="backpopup"/> our find files example let's add a simple popup menu to the find files dialog.
... our find files example so far :
source view next, we'll look at how to create scrolling menus.
The Box Model - Archive of obsolete content
example 1 :
source view <vbox> <button id="yes" label="yes"/> <button id="no" label="no"/> <button id="maybe" label="maybe"/> </vbox> the three buttons here are oriented vertically as was indicated by the box.
...the example below shows a simple login prompt: example 2 :
source view <vbox> <hbox> <label control="login" value="login:"/> <textbox id="login"/> </hbox> <hbox> <label control="pass" value="password:"/> <textbox id="pass"/> </hbox> <button id="ok" label="ok"/> <button id="cancel" label="cancel"/> </vbox> here four elements have been oriented vertically, two inner hbox tags and two button elements.
...example 3 :
source view <vbox> <hbox> <vbox> <label control="login" value="login:"/> <label control="pass" value="password:"/> </vbox> <vbox> <textbox id="login"/> <textbox id="pass"/> </vbox> </hbox> <button id="ok" label="ok"/> <button id="cancel" label="cancel"/> </vbox> notice how the text boxes are now aligned with each other.
... example so far:
source view in the next section, we will look at specifying the sizes of individual elements and how to constrain their sizes.
XUL Template Primer - Bindings - Archive of obsolete content
<?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin" type="text/css"?> <window xmlns:html="http://www.w3.org/1999/xhtml" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" align="vertical"> <vbox data
sources="friends.rdf" ref="urn:root"> <template> <rule> <conditions> <content uri="?uri"/> <triple subject="?uri" predicate="http://home.netscape.com/nc-rdf#friends" object="?friends"/> <member container="?friends" child="?friend"/> <triple subject="?friend" predicate="http://home.netscape.com/nc...
... <?xml version="1.0"?> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:nc="http://home.netscape.com/nc-rdf#"> <rdf:description about="urn:root"> <nc:friends> <rdf:seq> <rdf:li> <rdf:description nc:name="alison appel"> <nc:address re
source="#home"/> </rdf:description> </rdf:li> <rdf:li> <rdf:description nc:name="jack"> <nc:address re
source="#doghouse"/> </rdf:description> </rdf:li> <rdf:li> <rdf:description nc:name="lumpy"/> </rdf:li> </rdf:seq> </nc:friends> </rdf:description> <rdf:description id="home" nc:street="437 hoffman"...
...the value of the object's variable will be computed by invoking the gettarget() method using the object's value as the a
source argument, and the predicate's re
source as the aproperty argument.
... (see the nsirdfdata
source interface for more details.) in our example, the <rule> will be instantiated three times: once each for alison, jack, and lumpy.
XUL Coding Style Guidelines - Archive of obsolete content
the author has collected a set of guidelines from various
sources listed in the references section.
... making xul localizable -- mandatory in the past, ui (display) related re
source descriptions are stored in *.rc (for windows client) or *.ad (for unix client) so that they can be localized for a specific language or culture.
... widget re
sources content data style info layout geometry how to make them localizable?
...some files live in the tree but aren't really part of the build; they're just there as programming examples or a kind of
source documentation.
binding - Archive of obsolete content
properties object, predicate, subject examples fixme: (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width proper...
...it can be a variable reference, an rdf re
source uri, or an rdf literal value.
...it can be a variable reference or an rdf re
source uri.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, ...
bindings - Archive of obsolete content
examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width o...
...it can be a variable reference, an rdf re
source uri, or an rdf literal value.
...it can be a variable reference or an rdf re
source uri.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(...
Deploying XULRunner - Archive of obsolete content
copy xulrunner/ to this directory when deploying with xulrunner 2.0 and above do the following: move chrome.manifest to the root directory, and adjust re
source paths inside chrome.manifest accordingly with xulrunner 9.0 or 10.0 you may need to copy "mozutils.dll" and/or "mozcrt19.dll" from the xulrunner directory to the root directory.
...here's how the entire application bundle looks: myapp.app/ contents/ info.plist pkginfo re
sources/ application.ini app_icon.icns components/ ...
... re
sources/ application.ini app_icon.icns components/ ...
...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 re
source paths inside chrome.manifest accordingly.
Debugging CSS - Learn web development
the dom versus view
source something that can trip up newcomers to devtools is the difference between what you see when you view the
source of a webpage, or look at the html file you put on the server, and what you can see in the html pane of the devtools.
... while it looks roughly similar to what you can see via view
source there are some differences.
... view
source in comparison, is simply the html
source code as stored on the server.
...you could start by doing view
source on the page and copying the html into codepen, then grab any relevant css and javascript and include it too.
Fundamental CSS comprehension - Learn web development
grab the css re
sources text file — this contains a set of raw selectors and rulesets that you'll need to study and combine to answer part of this assessment.
... the first two rulesets in the css re
source file are yours, for free!
... taking care of the selectors and rulesets provided in the css re
source file: next up, we'd like you to look at the four selectors, and calculate the specificity for each one.
...you've got four pairs of selector and ruleset to match in your css re
sources.
Add a hitmap on top of an image - Learn web development
an image map, on the other hand, contains several active regions (called "hotspots") that each link to a different re
source.
...to keep keyboard navigation intuitive, make sure the
source order of <area> elements corresponds to the visual order of hotspots.
... in case of overlap,
source order carries the day.
... href the url of the re
source you’re linking to.
What’s in the head? Metadata in HTML - Learn web development
view the page's
source (right/ctrl + click on the page, choose view page
source from the context menu.) find the description meta tag.
...in the mdn web docs
sourcecode, you'll find this: <meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png"> <meta property="og:description" content="the mozilla developer network (mdn) provides information about open web technologies including html, css, and apis for both web sites and html5 apps.
...for example, you'll find this in the
source code of the mdn web docs homepage: <!-- third-generation ipad with high-resolution retina display: --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://developer.cdn.mozilla.net/static/img/favicon144.a6e4162070f4.png"> <!-- iphone with high-resolution retina display: --> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://developer.cdn.mozilla.net/static/...
...the main purpose here is to let you know what such things are, in case you come across them while browsing other websites'
source code.
From object to iframe — other embedding technologies - Learn web development
a quick example first though — try loading the previous example we showed above into your browser — you can find it live on github (see the
source code too.) you won't actually see anything displayed on the page, and if you look at the console in the browser developer tools, you'll see a message telling you why.
...ia type of the embedded content type type height and width (in css pixels) of the box controlled by the plugin height width height width names and values, to feed the plugin as parameters ad hoc attributes with those names and values single-tag <param> elements, contained within <object> independent html content as fallback for an unavailable re
source not supported (<noembed> is obsolete) contained within <object>, after <param> elements note: <object> requires a data attribute, a type attribute, or both.
... here's an example that uses the <embed> element to embed a flash movie (see this live on github, and check the
source code too): <embed src="whoosh.swf" quality="medium" bgcolor="#ffffff" width="550" height="400" name="whoosh" align="middle" allowscriptaccess="samedomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"> pretty horrible, isn't it?
... now let's look at an <object> example that embeds a pdf into a page (see the live example and the
source code): <object data="mypdf.pdf" type="application/pdf" width="800" height="1200" typemustmatch> <p>you don't have a pdf plugin, but you can <a href="mypdf.pdf">download the pdf file.
Functions — reusable blocks of code - Learn web development
every time we manipulated a text string, for example: let mytext = 'i am a string'; let newstring = mytext.replace('string', 'sausage'); console.log(newstring); // the replace() string function takes a
source string, // and a target string and replaces the
source string, // with the target string, and returns the newly formed string or every time we manipulated an array: let myarray = ['i', 'love', 'chocolate', 'frogs']; let madeastring = myarray.join(' '); console.log(madeastring); // the join() function takes an array, joins // all the array items together into a single // string, and returns this...
...for now, we just wanted to clear up any possible confusion of method versus function — you are likely to meet both terms as you look at the available related re
sources across the web.
...in our random-canvas-circles.html example (see also the full
source code) from our loops article, we included a custom draw() function that looked like this: function draw() { ctx.clearrect(0,0,width,height); for (let i = 0; i < 100; i++) { ctx.beginpath(); ctx.fillstyle = 'rgba(255,0,0,0.5)'; ctx.arc(random(width), random(height), random(50), 0, 2 * math.pi); ctx.fill(); } } this function draws 100 random circles inside a <canvas> element...
... note: you can see this example running live on github (see also the
source code).
Looping code - Learn web development
note: you can view the full
source code on github too (also see it running live).
... note: you can view the full
source code on github too (also see it running live).
... let's have a look again at our cats list example, but rewritten to use a while loop: let i = 0; while (i < cats.length) { if (i === cats.length - 1) { info += 'and ' + cats[i] + '.'; } else { info += cats[i] + ', '; } i++; } note: this still works just the same as expected — have a look at it running live on github (also view the full
source code).
... let's rewrite our cat listing example again to use a do...while loop: let i = 0; do { if (i === cats.length - 1) { info += 'and ' + cats[i] + '.'; } else { info += cats[i] + ', '; } i++; } while (i < cats.length); note: again, this works just the same as expected — have a look at it running live on github (also view the full
source code).
Working with JSON - Learn web development
note: we've made the json seen above available inside a variable in our jsontest.html example (see the
source code).
...this is a very useful javascript object that allows us to make network requests to retrieve re
sources from a server via javascript (e.g.
... note: if you are having trouble getting the example to work, try referring to our heroes-finished.html
source code (see it running live also.) note: if you are having trouble following the dot/bracket notation we are using to access the javascript object, it can help to have the superheroes.json file open in another tab or your text editor, and refer to it as you look at our javascript.
... you can see the first one in action in our heroes-finished-json-parse.html example (see the
source code) — this does exactly the same thing as the example we built up earlier, except that we set the xhr to return the raw json text, then used parse() to convert it to an actual javascript object.
What is web performance? - Learn web development
to summarize, many features impact performance including latency, application size, the number of dom nodes, the number of re
source requests made, javascript performance, cpu load, and more.
...
source order.
... your html index file's
source order can significantly affect performance.
... the download of additional assets linked to from the index file is generally sequential, based on
source order, but this can be manipulated and should definitely be optimized, realizing that some re
sources block additional downloads until their content is parsed and executed.
Multimedia: video - Learn web development
optimizing video delivery it's best to compress all video, optimize <
source> order, set autoplay, remove audio from muted video, optimize video preload, and consider streaming the video.
... optimize <
source> order order video
source from smallest to largest.
... for example, given video compressions in three different formats at 10mb, 12mb, and 13mb, declare the smallest first and the largest last: <video width="400" height="300" controls="controls"> <!-- webm: 10 mb --> <
source src="video.webm" type="video/webm" /> <!-- mpeg-4/h.264: 12 mb --> <
source src="video.mp4" type="video/mp4" /> <!-- ogg/theora: 13 mb --> <
source src="video.ogv" type="video/ogv" /> </video> the browser downloads the first format it understands.
... <video autoplay="" loop="" muted="true" playsinline="" id="hero-video"> <
source src="banner_video.webm" type='video/webm; codecs="vp8, vorbis"'> <
source src="web_banner.mp4" type="video/mp4"> </video> this hero-video code (above) is common to conference websites and corporate home pages.
Getting started with React - Learn web development
ackage-lock.json ├── .gitignore ├── public │ ├── favicon.ico │ ├── index.html │ └── manifest.json └── src ├── app.css ├── app.js ├── app.test.js ├── index.css ├── index.js ├── logo.svg └── serviceworker.js the src directory is where we'll spend most of our time, as it's where the
source code for our application lives.
...indeed, the logo.svg file lives in our
source directory.
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react re
sources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember re
sources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...odo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue re
sources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
TypeScript support in Svelte - Learn web development
if you are not interested at all in typescript, you can skip to the next chapter, where we will look at different options for deploying our svelte applications, further re
sources, and more.
...we will also see which re
sources are available online to go further with learning svelte.
... previous overview: client-side javascript frameworks next in this module introduction to client-side frameworks framework main features react getting started with react beginning our react todo list componentizing our react app react interactivity: events and state react interactivity: editing, filtering, conditional rendering accessibility in react react re
sources ember getting started with ember ember app structure and componentization ember interactivity: events, classes and state ember interactivity: footer functionality, conditional rendering routing in ember ember re
sources and troubleshooting vue getting started with vue creating our first vue component rendering a list of vue components adding a new t...
...odo form: vue events, methods, and models styling vue components with css using vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue re
sources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores typescript support in svelte deployment and next steps ...
Strategies for carrying out testing - Learn web development
using analytics a much more accurate
source of data, if you can get it, comes from an analytics app like google analytics.
... you may also consider using open
source and privacy focussed analytics platforms like open web analytics and matomo.
... consider the following example (see the
source code, and also the example running live): test criteria for this feature could be written like so: a and b grade: button should be activatable by the user's primary control mechanism, whatever it is — this should include mouse, keyboard, and touch.
...you tend to choose the hard drive space you want for each install; you could get away with probably 10gb, but some
sources recommend up to 50gb or more, so the operating system will run reliably.
Client-side tooling overview - Learn web development
also well-worth looking at is webhint, a configurable, open-
source linter for the web that surfaces best practices including approaches to accessibility, performance, cross-browser compatibility via mdn's browser compatibility data, security, testing for pwas, and more.
...
source code control also known as version control systems (vcs),
source code control is essential for backing work up and working in teams.
... git is the
source code control system that most people use these days.
...with your code in a git repository, you can push it to your own server instance, or use a hosted
source control website such as github, gitlab, or bitbucket.
Multiprocess on Windows
to include the typelib metadata, embed it in the proxy dll's re
sources.
...this is achieved by specifying rcinclude in the dll's moz.build, and then specifying the re
sources in an .rc file.
... you should always embed your typelib with its re
source id set to 1.
... if your typelib is embedded in a proxy's re
sources, then use registerproxy().
nsIWorkerMessageEvent
1.0 66 introduced gecko 1.9.1 inherits from: nsidomevent last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) method overview void initmessageevent(in domstring atypearg, in boolean acanbubblearg, in boolean acancelablearg, in domstring adataarg, in domstring aoriginarg, in nsisupports a
sourcearg); attributes attribute type description data domstring the event's data.
...
source nsisupports the event's
source.
... void initmessageevent( in domstring atypearg, in boolean acanbubblearg, in boolean acancelablearg, in domstring adataarg, in domstring aoriginarg, in nsisupports a
sourcearg ); parameters atypearg the event type.
... a
sourcearg the
source to place into the
source attribute.
nsIXPConnect
nsistackframe createstackframelocation(in pruint32 alanguage, in string afilename, in string afunctionname, in print32 alinenumber, in nsistackframe acaller); void debugdump(in short depth); void debugdumpevalinjsstackframe(in pruint32 aframenumber, in string a
sourcetext); void debugdumpjsstack(in prbool showargs, in prbool showlocals, in prbool showthisprops); void debugdumpobject(in nsisupports acomobj, in short depth); [noscript,notxpcom] prbool definedomquickstubs(in jscontextptr cx, in jsobjectptr proto, in pruint32 flags, in pruint32 interfacecount, [array, size_is(interfacecount)] in nsiidptr interfacearray); jsval ...
...evalinsandboxobject(in astring
source, in jscontextptr cx, in nsixpconnectjsobjectholder sandbox, in prbool returnstringonly); native code only!
...cription acaller missing description return value missing description exceptions thrown missing exception missing description debugdump() void debugdump( in short depth ); parameters depth missing description exceptions thrown missing exception missing description debugdumpevalinjsstackframe() void debugdumpevalinjsstackframe( in pruint32 aframenumber, in string a
sourcetext ); parameters aframenumber missing description a
sourcetext missing description exceptions thrown missing exception missing description debugdumpjsstack() void debugdumpjsstack( in prbool showargs, in prbool showlocals, in prbool showthisprops ); parameters showargs missing description showlocals missing description showthisprops missing description exception...
... jsval evalinsandboxobject( in astring
source, in jscontextptr cx, in nsixpconnectjsobjectholder sandbox, in prbool returnstringonly ); parameters
source the
source of the script to evaluate.
nsIXULTemplateResult
the result may optionally be identified by an rdf re
source.
... generally, the result and its id will be able to uniquely identify a node in the
source data, such as an rdf or xml node.
... re
source nsirdfre
source re
source for the result, which may be null.
... if set, the re
source uri must be the same as the id property.
Working with data
); // outputs: `"2"` // now this is how to get the array of long's cast to array of int's var mycasted = ctypes.cast(my.address(), ctypes.int.array(my.length).ptr).contents; mycasted.tostring(); // this outputs to browser console: `"ctypes.int.array(4)([1, 2, 3, 4])"` mycasted.addressofelement(1).contents; // this outputs `2` mycasted.addressofelement(1).contents.tostring(); // outputs: `"2"`
source of this, and to see wrong ways of casting, and explanation on why this is the right way to cast an array (explained by matching constructor's) see here: githubgist :: _ff-addon-tutorial-jsctypes_castingarrays data and pointers a cdata object represents a c value in memory.
... note: the
source c string is assumed to be utf-8, and is assumed to be null terminated.
... creating a 64-bit value using a string you can simply pass a string representation of a 64-bit number into the int64 or uint64 constructor, like this: var num1 = ctypes.int64("400000000000"); var num2 = ctypes.uint64("-0x1234567890abcdef"); as you can see, you can use this technique with both decimal and hexadecimal
source strings.
... function add(a, b) { const max_int = math.pow(2, 32); var alo = ctypes.uint64.lo(a); var ahi = ctypes.uint64.hi(a); var blo = ctypes.uint64.lo(b); var bhi = ctypes.uint64.hi(b); var lo = alo + blo; var hi = 0; if (lo >= max_uint) { hi = lo - max_uint; lo -= max_uint; } hi += (ahi + bhi); return ctypes.uint64.join(hi, lo); }; this splits each of the two
source numbers into their high and low components, then adds the low 32 bits of each, handling carry into the high 32 bits.
CData
method overview methods available on all cdata objects cdata address() string to
source() string tostring() properties properties of all cdata objects property type description constructor ctype the data type of the cdata object, as a ctype.
... to
source() returns the string "t(arg)", where t and arg are implementation-defined javascript expressions intended to represent the type of the cdata object and its value, respectively.
... string to
source() parameters none.
... in theory, in other words, the following javascript expression should return a copy of the original cdata object: eval(dataobject.to
source()); tostring() returns a string identifying the data.
CType
method overview methods available on all ctype objects ctype array([n]) string to
source() string tostring() properties properties of all ctype objects these properties are available on all ctype objects.
... to
source() returns a javascript expression that evaluates to a ctype describing the same c type as this object.
... string to
source(); parameters none.
... example ctypes.uint32_t.to
source() returns "ctypes.uint32_t".
Plug-in Development Overview - Plugins
for this the version stamp of the embedded re
source of the plug-in dll should contain the following set of string/value pairs: mimetype: for mime types fileextents: for file extensions fileopenname: for file open template productname: for plug-in name filedescription: for description language: for language in use in the mime types and file extensions strings, multiple values are separated by the "|" character, for example: video/quic...
... the re
source code for this language and character set combination is 040904e4.
... note: the re
source method described below is deprecated.
... if neither is present, gecko will check the plugins re
sources.
DOM Inspector internals - Firefox Developer Tools
knowing this about the way viewers are written, we should now be at a place where we can look at the way the dom inspector
source is organized.
...
source code organization the contents of the top-level directory for the dom inspector repository should look like base/ js/ inspector-cmdline.js makefile.in build/ install.js makefile.in re
sources/ content/ … locale/ … skin/ … makefile.in install.rdf jar.mn makefile.in makefiles.sh almost all the interesting stuff is in re
sources/content/.
...(above, seamonkey and firefox, respectively.) there are several overlays from the re
sources/contents/ directory that do not fall into the category of host-integration overlays.
...the preference menuitems in the view menu that affect only the dom nodes viewer ("blink selected element", et cetera) are added by that viewer's popup overlay (re
sources/content/viewers/dom/popupoverlay.xul).
Tutorial: Show Allocations Per Call Path - Firefox Developer Tools
components.utils.import('re
source://gre/modules/jsdebugger.jsm'); adddebuggertoglobal(window); (function () { // the debugger we'll use to observe a tab's allocation.
... function walk(site, children, indent) { var name, place; if (site) { name = site.functiondisplayname; place = ' ' + site.
source + ':' + site.line + ':' + site.column; } else { name = '(root)'; place = ''; } console.log(indent + totals.get(site) + ': ' + name + place); for (let [child, grandchildren] of children) walk(child, grandchildren, indent + ' '); } walk(null, rootchildren, ''); } })(); in the scratchpad, ensure that no text is selected, and press the...
...after the count, we see the function name, and the
source code location of the call site or allocation.
...(it is unclear why spanfactory allocated thirteen objects, despite being called only ten times.)
source metadata generated from file: js/src/doc/debugger/tutorial-alloc-log-tree.md watermark: sha256:b56f6df61c39dbe19ca1f49752aea42207c804355513f4fea8249bdeb4cb056d changeset: 251fccc1f62b ...
Examine and edit HTML - Firefox Developer Tools
::before and ::after you can inspect pseudo-elements added using ::before and ::after: custom element definition when you open the inspector on a page that includes custom elements, you can view the class definition for the custom element in the debugger: inspect the element click on the word custom the
source for the element's class will be displayed in the debugger.
...clicking the "reveal" link will highlight the element with the slot attribute as it exists outside the shadow dom this is very useful when you've got a <slot> element and you can't find the
source of its content.
... open file in debugger (only when invoked over a link to a js
source) opens the linked
source in the debugger.
... open file in style-editor (only when invoked over a link to a css
source) opens the linked
source in the style editor.
AnalyserNode.getFloatFrequencyData() - Web APIs
analyser = audioctx.createanalyser(); // float32array should be the same length as the frequencybincount const mydataarray = new float32array(analyser.frequencybincount); // fill the float32array with data returned from getfloatfrequencydata() analyser.getfloatfrequencydata(mydataarray); drawing a spectrum the following example shows basic usage of an audiocontext to connect a mediaelementaudio
sourcenode to an analysernode.
... for more complete applied examples/information, check out our voice-change-o-matic-float-data demo (see the
source code too).
... <!doctype html> <body> <script> const audioctx = new audiocontext(); //create audio
source //here, we use an audio file, but this could also be e.g.
... microphone input const audioele = new audio(); audioele.src = 'my-audio.mp3';//insert file name here audioele.autoplay = true; audioele.preload = 'auto'; const audio
sourcenode = audioctx.createmediaelement
source(audioele); //create analyser node const analysernode = audioctx.createanalyser(); analysernode.fftsize = 256; const bufferlength = analysernode.frequencybincount; const dataarray = new float32array(bufferlength); //set up audio node network audio
sourcenode.connect(analysernode); analysernode.connect(audioctx.destination); //create 2d canvas const canvas = document.createelement('canvas'); canvas.style.position = 'absolute'; canvas.style.top = 0; canvas.style.left = 0; canvas.width = window.innerwidth; canvas.height = window.innerheight; document.body.appendchild(canvas); const canvas...
AudioBuffer.getChannelData() - Web APIs
example in the following example we create a two second buffer, fill it with white noise, and then play it via an audiobuffer
sourcenode.
...you can also run the code live, or view the
source.
...een -1.0 and 1.0 for (var channel = 0; channel < channels; channel++) { // this gives us the actual arraybuffer that contains the data var nowbuffering = myarraybuffer.getchanneldata(channel); for (var i = 0; i < framecount; i++) { // math.random() is in [0; 1.0] // audio needs to be in [-1.0; 1.0] nowbuffering[i] = math.random() * 2 - 1; } } // get an audiobuffer
sourcenode.
... // this is the audionode to use when we want to play an audiobuffer var
source = audioctx.createbuffer
source(); // set the buffer in the audiobuffer
sourcenode
source.buffer = myarraybuffer; // connect the audiobuffer
sourcenode to the // destination so we can hear the sound
source.connect(audioctx.destination); // start the
source playing
source.start(); } specification specification status comment web audio apithe definition of 'getchanneldata' in that specification.
AudioListener.setPosition() - Web APIs
pannernode objects use this position relative to individual audio
sources for spatialisation.
...generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioNode - Web APIs
examples include: an audio
source (e.g.
... a
source node has zero inputs but one or multiple outputs, and can be used to generate sound.
...for example, if your graph has a latency of 500ms, when the
source node plays a sound, it will take half a second until that sound can be heard on your speakers (or even longer because of latency in the underlying audio device).
...
source nodes are defined as nodes having a numberofinputs property with a value of 0.
BaseAudioContext.createGain() - Web APIs
syntax var gainnode = audiocontext.creategain(); return value a gainnode which takes as input one or more audio
sources and outputs audio whose volume has been adjusted in gain (volume) to a level specified by the node's gainnode.gain a-rate parameter.
... the below snippet wouldn't work as is — for a complete working example, check out our voice-change-o-matic demo (view
source.) <div> <button class="mute">mute button</button> </div> var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); var gainnode = audioctx.creategain(); var mute = document.queryselector('.mute'); var
source; if (navigator.mediadevices.getusermedia) { navigator.mediadevices.getusermedia ( // constraints - only audio needed for this app { audio: true }, // success callback function(stream) {
source = audioctx.createmedias...
...tream
source(stream); }, // error callback function(err) { console.log('the following gum error occured: ' + err); } ); } else { console.log('getusermedia not supported on your browser!'); }
source.connect(gainnode); gainnode.connect(audioctx.destination); ...
...if you still hear something, make sure you haven't // connected your
source into the output in addition to using the gainnode.
MediaDevices.getUserMedia() - Web APIs
that stream can include, for example, a video track (produced by either a hardware or virtual video
source such as a camera, video recording device, screen sharing service, and so forth), an audio track (similarly, produced by a physical or virtual audio
source like a microphone, a/d converter, or the like), and possibly other track types.
... notallowederror one or more of the requested
source devices cannot be used at this time.
...on browsers that support managing media permissions with feature policy, this error is returned if feature policy is not configured to allow access to the input
source(s).
... document
source security because of the obvious security concern associated with getusermedia() if used unexpectedly or without security being carefully managed, it can only be used in secure contexts.
MediaError.code - Web APIs
media error code constants name value description media_err_aborted 1 the fetching of the associated re
source was aborted by the user's request.
... media_err_decode 3 despite having previously been determined to be usable, an error occurred while trying to decode the media re
source, resulting in an error.
... media_err_src_not_supported 4 the associated re
source or media provider object (such as a mediastream) has been found to be unsuitable.
... example this example creates a <video> element, establishes an error handler for it, and then sets the element's src attribute to the video re
source to present in the element.
MediaRecorder.onerror - Web APIs
this exception can also occur when a request is made on a
source that has been deleted or removed.
...this may be the case, for example, with
sources obtained using getusermedia() when the user denies permission to use an input device.
... this also happens when a mediastreamtrack within the stream is marked as isolated due to the peeridentity constraint on the
source stream.
...try again later."); break; case securityerror: shownotification("recording the specified
source " + "is not allowed due to security " + "restrictions."); break; default: shownotification("a problem occurred while trying " + "to record the video."); break; } }; /* this would be a good place to create a worker to handle writing the buffers to disk periodically */ recorder.
MediaTrackConstraints.facingMode - Web APIs
"user" the video
source is facing toward the user; this includes, for example, the front-facing camera on a smartphone.
... "environment" the video
source is facing away from the user, thereby viewing their environment.
... "left" the video
source is facing toward the user but to their left, such as a camera aimed toward the user but over their left shoulder.
... "right" the video
source is facing toward the user but to their right, such as a camera aimed toward the user but over their right shoulder.
MediaTrackSettings.facingMode - Web APIs
"user" the video
source is facing toward the user; this includes, for example, the front-facing camera on a smartphone.
... "environment" the video
source is facing away from the user, thereby viewing their environment.
... "left" the video
source is facing toward the user but to their left, such as a camera aimed toward the user but over their left shoulder.
... "right" the video
source is facing toward the user but to their right, such as a camera aimed toward the user but over their right shoulder.
MediaTrackSettings.groupId - Web APIs
the mediatracksettings dictionary's groupid property is a browsing-session unique domstring which identifies the group of devices which includes the
source for the mediastreamtrack.
... syntax var groupid = mediatracksettings.groupid; value a domstring whose value is a browsing-session unique identifier for a group of devices which includes the
source of the track's contents.
...for example, a headset has two devices on it: a microphone which can serve as a
source for audio tracks and a speaker which can serve as an output for audio.
... the actual value of the string, however, is determined by the
source of the track, and there is no guarantee what form it will take, although the specification does recommend it be a guid.
Navigator.mozIsLocallyAvailable() - Web APIs
the navigator.mozislocallyavailable() method allows add-ons to determine whether or not a given re
source is available.
... syntax navigator.mozislocallyavailable(uri, ifoffline); parameters uri the uri of the re
source whose availability is to be checked, as a string.
... ifoffline allows you to specify whether or not the offline re
sources cache should be checked; specify true to consider the offline re
sources cache.
... example var available = navigator.mozislocallyavailable("my-image-file.png", true); if (available) { /* the offline re
source is present */ } else { console.log("certain needed re
sources are not available offline"); } specifications not part of any specifications.
OfflineAudioContext.startRendering() - Web APIs
we use the audiocontext to load an audio track via xhr (audiocontext.decodeaudiodata), then the offlineaudiocontext to render the audio into an audiobuffer
sourcenode and play the track through.
... at this point we create another audio context, create an audiobuffer
sourcenode inside it, and set its buffer to be equal to the promise audiobuffer.
... note: for a working example, see our offline-audio-context-promise github repo (see the
source code too.) // define online and offline audio context var audioctx = new audiocontext(); var offlinectx = new offlineaudiocontext(2,44100*40,44100);
source = offlinectx.createbuffer
source(); // use xhr to load an audio track, and // decodeaudiodata to decode it and offlineaudiocontext to render it function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer;
source.buffer = mybuffer;
source.c...
...onnect(offlinectx.destination);
source.start(); //
source.loop = true; offlinectx.startrendering().then(function(renderedbuffer) { console.log('rendering completed successfully'); var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); var song = audioctx.createbuffer
source(); song.buffer = renderedbuffer; song.connect(audioctx.destination); play.onclick = function() { song.start(); } }).catch(function(err) { console.log('rendering failed: ' + err); // note: the promise should reject when startrendering is called a second time on an offlineaudiocontext }); }); } request.send(); } // run getdata to start the process off getdata(); specifications ...
OfflineAudioContext - Web APIs
we use the audiocontext to load an audio track via xhr (audiocontext.decodeaudiodata), then the offlineaudiocontext to render the audio into an audiobuffer
sourcenode and play the track through.
... at this point we create another audio context, create an audiobuffer
sourcenode inside it, and set its buffer to be equal to the promise audiobuffer.
... note: for a working example, see our offline-audio-context-promise github repo (see the
source code too.) // define online and offline audio context var audioctx = new audiocontext(); var offlinectx = new offlineaudiocontext(2,44100*40,44100);
source = offlinectx.createbuffer
source(); // use xhr to load an audio track, and // decodeaudiodata to decode it and offlineaudiocontext to render it function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer;
source.buffer = mybuffer;
source.c...
...onnect(offlinectx.destination);
source.start(); //
source.loop = true; offlinectx.startrendering().then(function(renderedbuffer) { console.log('rendering completed successfully'); var song = audioctx.createbuffer
source(); song.buffer = renderedbuffer; song.connect(audioctx.destination); play.onclick = function() { song.start(); } }).catch(function(err) { console.log('rendering failed: ' + err); // note: the promise should reject when startrendering is called a second time on an offlineaudiocontext }); }); } request.send(); } // run getdata to start the process off getdata(); specifications specification status comment web audio apithe definition of 'of...
PannerNode.distanceModel - Web APIs
the distancemodel property of the pannernode interface is an enumerated value determining which algorithm to use to reduce the volume of the audio
source as it moves away from the listener.
...generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
PannerNode.maxDistance - Web APIs
the maxdistance property of the pannernode interface is a double value representing the maximum distance between the audio
source and the listener, after which the volume is not reduced any further.
...generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
PannerNode.setOrientation() - Web APIs
the setorientation() method of the pannernode interface defines the direction the audio
source is playing in.
...generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
PannerNode.setPosition() - Web APIs
the setposition() method of the pannernode interface defines the position of the audio
source relative to the listener (represented by an audiolistener object stored in the audiocontext.listener attribute.) the three parameters x, y and z are unitless and describe the
source's position in 3d space using the right-hand cartesian coordinate system.
...generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
PannerNode.setVelocity() - Web APIs
the setvelocity() method of the pannernode interface defines the velocity vector of the audio
source — how fast it is moving and in what direction.
...generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
PerformanceTiming - Web APIs
if a persistent connection is used, or the information is stored in a cache or a local re
source, the value will be the same as performancetiming.fetchstart.
...if a persistent connection is used, or the information is stored in a cache or a local re
source, the value will be the same as performancetiming.fetchstart.
... performancetiming.responsestart read only when the browser received the first byte of the response, from the server from a cache, or from a local re
source.
... performancetiming.responseend read only when the browser received the last byte of the response, or when the connection is closed if this happened first, from the server, the cache, or from a local re
source.
Visualizations with Web Audio API - Web APIs
one of the most interesting features of the web audio api is the ability to extract frequency, waveform, and other data from your audio
source, which can then be used to create visualizations.
... basic concepts to extract data from your audio
source, you need an analysernode, which is created using the audiocontext.createanalyser() method, for example: var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); var analyser = audioctx.createanalyser(); this node is then connected to your audio
source at some point between your
source and your destination, for example:
source = audioctx.createmediastream
source(stream);
source.connect(analyser); analyser.connect(distortion); distortion.connect(audioctx.destination); note: you don't need to connect the analyser's output to another node for it to work, as...
... long as the input is connected to the
source, either directly or via another node.
...for working examples showing analysernode.getfloatfrequencydata() and analysernode.getfloattimedomaindata(), refer to our voice-change-o-matic-float-data demo (see the
source code too) — this is exactly the same as the original voice-change-o-matic, except that it uses float data, not unsigned byte data.
HTML in XMLHttpRequest - Web APIs
this feature allows web apps to obtain an html re
source as a parsed dom using xmlhttprequest.
...this limitation avoids wasting time parsing html uselessly when legacy code uses xmlhttprequest in the default mode to retrieve responsetext for text/html re
sources.
... usage retrieving an html re
source as a dom using xmlhttprequest works just like retrieving an xml re
source as a dom using xmlhttprequest, except you can't use the synchronous mode and you have to explicitly request a document by assigning the string "document" to the responsetype property of the xmlhttprequest object after calling open() but before calling send().
...for older browsers, you can even use the xmlhttprequest.responsetext property in association with regular expressions in order to get, for example, the
source code of an html element given its id: function gethtml (oxhr, stargetid) { var ropen = new regexp("<(?!\!)\\s*([^\\s>]+)[^>]*\\s+id\\=[\"\']" + stargetid + "[\"\'][^>]*>" ,"i"), ssrc = oxhr.responsetext, aexec = ropen.exec(ssrc); return aexec ?
XRHandedness - Web APIs
xrhandedness is used as the value of the the xrinput
source property handedness.
... function updateinput
sources(session, frame, refspace) { for (let
source of session.input
sources) { if (
source.gripspace) { let grippose = frame.getpose(
source.gripspace, refspace); if (grippose) { myrenderhandobject(grippose, input
source.handedness); } } } } this function, which would be called every animation frame (or possibly just periodically, depending on the degree of smoothne...
...ss required and any performance constraints), scans the list of input
sources looking for any which have a gripspace which isn't null.
... if a gripspace is present, that means the input
source is a hand-held device of some sort, so it should be rendered visibly if possible.
XRPose.emulatedPosition - Web APIs
the emulatedposition read-only attribute of the xrpose interface is a boolean value indicating whether or not both the the position component of the pose's transform is directly taken from the xr device, or it's simulated or computed based on other
sources.
... syntax let emulated = xrpose.emulatedposition; value a boolean which is true if the pose's position is computed based on estimates or is derived from
sources other than direct sensor data.
...any such data is taken from other
sources, such as keyboard or mouse inputs or game controllers.
... contrariwise, xr devices which can also track movement forward and backward as well as laterally—six degree of freedom (6dof) devices—don't require any information from other
sources to determine the user's position, so the value of emulatedposition is false.
XRSession.onsqueeze - Web APIs
to learn more about how to use and handle webxr controller inputs, see inputs and input
sources.
...this is determined by comparing the input
source's handedness against the value of a handedness property on a user object we've established previously.
... xrsession.onsqueeze = event => { if (event.input
source.handedness != user.handedness) { handleoffhandsqueeze(event.input
source, event.frame); } }; finishing an ongoing squeeze action this example exapnds somewhat on the previous example by demonstrating a way to implement the ability for the user to drop an object that was previously picked up by the user..
... xrsession.onsqueeze = event => { if (event.input
source.handedness == user.handedness) { let targetraypose = event.frame.getpose(event.input
source.targetrayspace, myrefspace); if (user.heldobject && targetraypose) { dropobjectusingray(user.heldobject, targetraypose.transform.matrix): } } }; see the examples in the onsqueezestart and onsqueezeend event handlers for the reset of the event handling related to this approach.
XRSession: select event - Web APIs
the webxr event select is sent to an xrsession when one of the session's input
sources has completed a primary action.
... bubbles yes cancelable no interface xrinput
sourceevent event handler property onselect for details on how the selectstart, select, and selectend events work, and how you should react to them, see primary actions in inputs and input
sources.
... xrsession.addeventlistener("select", event => { if (event.input
source.targetraymode == "tracked-pointer") { let targetraypose = event.frame.getpose(event.input
source.targetrayspace, myrefspace); if (targetraypose) { myhandleselectwithray(targetraypose.transform); } } }); you can of course also set up a handler for select events by setting the xrsession object's onselect event handler property to a function that handles the event: xrsession.onselect = event => { if (event.input
source...
....targetraymode == "tracked-pointer") { let targetraypose = event.frame.getpose(event.input
source.targetrayspace, myrefspace); if (targetraypose) { myhandleselectwithray(targetraypose.transform); } } }; specifications specification status comment webxr device apithe definition of 'select event' in that specification.
XRSession: squeeze event - Web APIs
the webxr event squeeze is sent to an xrsession when one of the session's input
sources has completed a primary squeeze action.
... bubbles yes cancelable no interface xrinput
sourceevent event handler property onsqueeze for details on how the squeezestart, squeeze, and squeezeend events work, and how you should react to them, see primary squeeze actions in inputs and input
sources.
... xrsession.addeventlistener("squeeze", event => { if (event.input
source.targetraymode == "tracked-pointer") { let targetraypose = event.frame.getpose(event.input
source.targetrayspace, myrefspace); if (targetraypose) { myhandlesqueezewithray(targetraypose.transform); } } }); you can of course also set up a handler for squeeze events by setting the xrsession object's onsqueeze event handler property to a function that...
... handles the event: xrsession.onsqueeze = event => { if (event.input
source.targetraymode == "tracked-pointer") { let targetraypose = event.frame.getpose(event.input
source.targetrayspace, myrefspace); if (targetraypose) { myhandlesqueezewithray(targetraypose.transform); } } }; specifications specification status comment webxr device apithe definition of 'squeeze event' in that specification.
Perceivable - Accessibility
success criteria how to conform to the criteria practical re
source 1.1.1 provide text equivalents (a) all images that convey meaningful content should be given suitable alternative text.
... success criteria how to conform to the criteria practical re
source 1.2.1 provide alternatives for pre-recorded audio-only and video-only content (a) a transcript should be provided for prerecorded audio-only media, and a transcript or audio description should be provided for prerecorded video-only media (i.e., silent video).
... success criteria how to conform to the criteria practical re
source 1.3.1 info and relationships (a) any content structure—or visual relationship made between content—can also be determined programmatically, or be inferred from text description.
... success criteria how to conform to the criteria practical re
source 1.4.1 use of color (a) color should not be solely relied upon to convey information.
clip-path - CSS: Cascading Style Sheets
the
source for this interactive example is stored in a github repository.
... syntax /* keyword values */ clip-path: none; /* <clip-
source> values */ clip-path: url(re
sources.svg#c1); /* <geometry-box> values */ clip-path: margin-box; clip-path: border-box; clip-path: padding-box; clip-path: content-box; clip-path: fill-box; clip-path: stroke-box; clip-path: view-box; /* <basic-shape> values */ clip-path: inset(100px 50px); clip-path: circle(50px at 0 100px); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: path('m0.5,1 c0.5,1,0,0.7,0,0.3 a0.25,0.25,1,1,1,0.5,0.3 a0.25,0.25,1,1,1,1,0.3 c1,0.7,0.5,1,0.5,1 z'); /* box and shape values combined */ clip-path: padding-box circle(50px at 0 100px); /* glob...
... values <clip-
source> a <url> referencing an svg <clippath> element.
... formal definition initial valuenoneapplies toall elements; in svg, it applies to container elements excluding the defs element and all graphics elementsinheritednopercentagesrefer to reference box when specified, otherwise border-boxcomputed valueas specified, but with <url> values made absoluteanimation typeyes, as specified for <basic-shape>, otherwise no formal syntax <clip-
source> | [ <basic-shape> | <geometry-box> ] | nonewhere <clip-
source> = <url><basic-shape> = <inset()> | <circle()> | <ellipse()> | <polygon()> | <path()><geometry-box> = <shape-box> | fill-box | stroke-box | view-boxwhere <inset()> = inset( <length-percentage>{1,4} [ round <'border-radius'> ]?
mask-border-slice - CSS: Cascading Style Sheets
the mask-border-slice css property divides the image set by mask-border-
source into regions.
...for vector images, the number is relative to the element's size, not the size of the
source image, so percentages are generally preferable in these cases.
... <percentage> represents an edge offset as a percentage of the
source image's size: the width of the image for horizontal offsets, the height for vertical offsets.
...when it eventually starts to be supported, it will serve to define the size of the slices taken from the
source image, and used to create the border mask.
mask-mode - CSS: Cascading Style Sheets
/* keyword values */ mask-mode: alpha; mask-mode: luminance; mask-mode: match-
source; /* multiple values */ mask-mode: alpha, match-
source; /* global values */ mask-mode: inherit; mask-mode: initial; mask-mode: unset; syntax the mask-mode property is specified as one or more of the keyword values listed below, separated by commas.
... match-
source if the mask-image property is of type <mask-
source>, the luminance values of the mask layer image should be used as the mask values.
... formal definition initial valuematch-
sourceapplies toall elements; in svg, it applies to container elements excluding the defs element and all graphics elementsinheritednocomputed valueas specifiedanimation typediscrete formal syntax <masking-mode>#where <masking-mode> = alpha | luminance | match-
source examples using alpha mask mode css #masked { width: 227px; height: 200px; background: blue linear-gradient(red, blue); mask-image: url(https://mdn.mozillademos.org/files/12668/mdn.svg); mask-mode: alpha; /* can be changed in the live sample */ } html <div id="masked"> </div> <select id="maskmode"> <option value="alpha">alpha</option> <option value="luminance">luminan...
...ce</option> <option value="match-
source">match-
source</option> </select> javascript var maskmode = document.getelementbyid("maskmode"); maskmode.addeventlistener("change", function (evt) { document.getelementbyid("masked").style.maskmode = evt.target.value; }); result specifications specification status comment css masking module level 1the definition of 'mask-mode' in that specification.
url() - CSS: Cascading Style Sheets
depending on the property for which it is a value, the re
source sought can be an image, font, or a stylesheet.
... /* simple usage */ url(https://example.com/images/myimg.jpg); url(data:image/png;base64,irxvb0…); url(myfont.woff); url(#idofsvgpath); /* associated properties */ background-image: url("https://mdn.mozillademos.org/files/16761/star.gif"); list-style-image: url('../images/bullet.jpg'); content: url("pdficon.jpg"); cursor: url(mycursor.cur); border-image-
source: url(/media/diamonds.png); src: url('fantasticfont.woff'); offset-path: url(#path); mask-image: url("masks.svg#mask1"); /* properties with fallbacks */ cursor: url(pointer.cur), pointer; /* associated short-hand properties */ background: url('https://mdn.mozillademos.org/files/16761/star.gif') bottom right repeat-x blue; border-image: url("/media/diamonds.png") 30 fill / 30px / 30px space; /* ...
... the url() function can be included as a value for background, background-image, list-style, list-style-image, content, cursor, border, border-image, border-image-
source, mask, mask-image, src as part of a @font-face block, and @counter-style/symbol in css level 1, the url() functional notation described only true urls.
... syntax values <string> <url> a url, which is a relative or absolute address, or pointer, to the web re
source to be included, or a data uri, optionally in single or double quotes.
<url> - CSS: Cascading Style Sheets
the <url> css data type denotes a pointer to a re
source, such as an image or a font.
...a uri simply identifies a re
source.
... a url is a type of uri, and describes the location of a re
source.
... a uri can be either a url or a name (urn) of a re
source.
white-space - CSS: Cascading Style Sheets
the
source for this interactive example is stored in a github repository.
...newline characters in the
source are handled the same as other white space.
... nowrap collapses white space as for normal, but suppresses line breaks (text wrapping) within the
source.
...lines are only broken at newline characters in the
source and at <br> elements.
Introduction to Web development - Developer guides
for another (overlapping) set of links to learning re
sources, see the mdn learning pages.
... note: the recommended re
sources on this page are subject to change.
... re
sources w3c web education community group wiki covers web design, html and html5, css, javascript and accessibility.
... jquery fundamentals an open-
source reference book featuring detailed introductions to both javascript and jquery for beginners.
Sorting and filtering a custom tree view - Archive of obsolete content
l" onload="init()"> <script type="application/javascript" src="sort.js"/> <hbox align="center" id="search-box"> <label accesskey="f" control="filter">filter</label> <textbox id="filter" oninput="inputfilter(event)" flex="1"/> <button id="clearfilter" oncommand="clearfilter()" label="clear" accesskey="c" disabled="true"/> </hbox> <tree id="tree" flex="1" persist="sortdirection sortre
source" sortdirection="ascending" sortre
source="description"> <treecols> <treecol id="name" label="name" flex="1" persist="width ordinal hidden" onclick="sort(this)" class="sortdirectionindicator" sortdirection="ascending"/> <splitter class="tree-splitter"/> <treecol id="description" label="description" flex="1" persist="width ordinal hidden" onclick="sort(this)" class="sortdirectionindicator...
...1 : -1; //if the column is passed and it's already sorted by that column, reverse sort if (column) { columnname = column.id; if (tree.getattribute("sortre
source") == columnname) { order *= -1; } } else { columnname = tree.getattribute("sortre
source"); } function columnsort(a, b) { if (prepareforcomparison(a[columnname]) > prepareforcomparison(b[columnname])) return 1 * order; if (prepareforcomparison(a[columnname]) < prepareforcomparison(b[columnname])) return -1 * order; //tie breaker: name ascending is the second level sort if (colum...
..."ascending" : "descending"); tree.setattribute("sortre
source", columnname); tree.view = new treeview(table); //set the appropriate attributes to show to indicator var cols = tree.getelementsbytagname("treecol"); for (var i = 0; i < cols.length; i++) { cols[i].removeattribute("sortdirection"); } document.getelementbyid(columnname).setattribute("sortdirection", order == 1 ?
Attribute Substitution - Archive of obsolete content
recall that the template builder doesn't load the data
source before processing a template.
... as the data
source loads, the query and rules are examined with the new data as it arrives.
...thus, if you use a variable set in a binding, you must ensure the data
source is loaded before the template is built, or just rebuild the template.
SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
copy and paste the line from here, to avoid typing errors: content,install,url,re
source:/chrome/custombutton/ explanation: this line registers your custom toolbar button extension, linking it into seamonkey.
...paste it into the new file: <?xml version="1.0" encoding="utf-8"?> <!doctype rdf:rdf> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:chrome="http://www.mozilla.org/rdf/chrome#"> <rdf:seq rdf:about="urn:mozilla:package:root"> <rdf:li rdf:re
source="urn:mozilla:package:custombutton"/> </rdf:seq> <rdf:description rdf:about="urn:mozilla:package:custombutton" chrome:displayname="custom button" chrome:description="my custom toolbar button" chrome:author="my name" chrome:name="custombutton" chrome:localeversion="1.8" chrome:skinversion="1.5" chrome:extension="true"/> <rdf:seq about="urn:mozilla:overlays"> ...
...now open a new text document in the same folder, pasting the following text within: <?xml version="1.0" encoding="utf-8"?> <!doctype rdf:rdf> <rdf:rdf xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:chrome="http://www.mozilla.org/rdf/chrome#"> <rdf:seq rdf:about="urn:mozilla:package:root"> <rdf:li rdf:re
source="urn:mozilla:package:myapp"/> </rdf:seq> <rdf:description rdf:about="urn:mozilla:package:myapp" chrome:displayname="myapp" chrome:description="my first xul app" chrome:author="yours truly" chrome:name="myapp" chrome:localeversion="1.8" chrome:skinversion="1.5" chrome:extension="true"/> </rdf:rdf> replace the fields in bold with your xul...
Adding HTML Elements - Archive of obsolete content
example 1 :
source view <html:p> search for: <html:input id="find-text"/> <button id="okbutton" label="ok"/> </html:p> this code will cause the text 'search for:' to be displayed, followed by an input element and an ok button.
...a dialog with a check box example 2 :
source view <html:p> click the box below to remember this decision.
... text outside of html blocks example 3 :
source view <html:div> would you like to save the following documents?
Adding Labels and Images - Archive of obsolete content
an example is shown below: example 1 :
source view <label value="this is some text"/> the value attribute can be used to specify the text that you wish to have displayed.
...example 3 :
source view <label value="click here:" control="open-button"/> <button id="open-button" label="open"/> in the example above, clicking the label will cause the button to be focused.
...example 4 :
source view <description> this longer section of text is displayed.
Adding Methods to XBL-defined Elements - Archive of obsolete content
methods are the functions of objects, such as window interface's open() method loads the specified re
source into the browsing context (window, <iframe> or tab) with the specified name.
... if the name doesn't exist, then a new window is opened and the specified re
source is loaded into its browsing context.">window.open().
...for example, we could move the show and hide buttons into the xbl file and do the following: example 1:
source <binding id="labeledbutton"> <content> <xul:label xbl:inherits="value=title"/> <xul:label xbl:inherits="value"/> <xul:button label="show" oncommand="document.getbindingparent(this).showtitle(true);"/> <xul:button label="hide" oncommand="document.getbindingparent(this).showtitle(false);"/> </content> <implementation> <method name="showtitle"> <parameter name="state...
Broadcasters and Observers - Archive of obsolete content
example 1 :
source view <command id="my_command" label="open"/> <button command="my_command"/> <checkbox label="open in a new window" command="my_command"/> in this example, the button does not have a label attribute, however it is attached to a command that does.
...an example is shown below: example 2 :
source view <broadcasterset> <broadcaster id="isoffline" label="offline" accesskey="f"/> </broadcasterset> <button id="offline_button"> <observes element="isoffline" attribute="label"/> </button> two attributes have been added to the observes element.
... example 3 :
source view <broadcasterset> <broadcaster id="colorchanger" style="color: black"/> </broadcasterset> <button label="test"> <observes element="colorchanger" attribute="style" onbroadcast="alert('color changed');"/> </button> <button label="observer" oncommand="document.getelementbyid('colorchanger').setattribute('style','color: red');" /> two buttons have been created, one labeled test and the...
Commands - Archive of obsolete content
a simple way of using commands is as follows: example: simple command example 1 :
source view <command id="cmd_openhelp" oncommand="alert('help!');"/> <button label="help" command="cmd_openhelp"/> in this example, instead of placing the oncommand attribute on the button, we instead place it on a command element.
... example: toggling command disabled example 2 :
source view <command id="cmd_openhelp" oncommand="alert('help');"/> <button label="help" command="cmd_openhelp"/> <button label="more help" command="cmd_openhelp"/> <button label="disable" oncommand="document.getelementbyid('cmd_openhelp').setattribute('disabled','true');"/> <button label="enable" oncommand="document.getelementbyid('cmd_openhelp').removeattribute('disabled');"/> in t...
... try opening the example below (
source view) in a browser window and selecting items from the list.
Content Panels - Archive of obsolete content
when the user enters a url or clicks on a link in a document, the
source of the frame is changed.
... iframe example example 1 :
source view <toolbox> <toolbar id="nav-toolbar"> <toolbarbutton label="back" /> <toolbarbutton label="forward" /> <textbox id="urlfield" /> </toolbar> </toolbox> <iframe id="content-body" src="http://www.mozilla.org/index.html" flex="1" /> the example here has created a very simple interface for a web browser.
... browser example example 2 :
source view <browser src="http://www.mozilla.org" flex="1" /> as with the iframe, you can specify the url in a browser using the src attribute.
Groupboxes - Archive of obsolete content
a simple groupbox example the example below shows a simple groupbox: example 1 :
source view <groupbox> <caption label="answer"/> <description value="banana"/> <description value="tangerine"/> <description value="phone booth"/> <description value="kiwi"/> </groupbox> this will cause four pieces of text to be displayed surrounded by a box with the label answer.
...example 2 :
source view <groupbox flex="1"> <caption> <checkbox label="enable backups"/> </caption> <hbox> <label control="dir" value="directory:"/> <textbox id="dir" flex="1"/> </hbox> <checkbox label="compress archived files"/> </groupbox> in this example, a checkbox has been used as a caption.
...this could be used to add extra elements within the structure, such as in the following example: example 3 :
source view <radiogroup> <radio id="no" value="no" label="no number"/> <radio id="random" value="random" label="random number"/> <hbox> <radio id="specify" value="specify" label="specify number:"/> <textbox id="specificnumber"/> </hbox> </radiogroup> note that the radiogroup element does not draw a border around it.
Introduction - Archive of obsolete content
some elements that can be created are: input controls such as textboxes and checkboxes toolbars with buttons or other content menus on a menu bar or pop up menus tabbed dialogs trees for hierarchical or tabular information keyboard shortcuts the displayed content can be created from the contents of a xul file or with data from a data
source.
... in mozilla, such data
sources include a user's mailbox, their bookmarks and search results.
...this is done using a feature of xul called an overlay, which allows the ui provided from one
source, in this case, the firefox browser, to be merged together with the ui from the extension.
Keyboard Shortcuts - Archive of obsolete content
example 1 :
source view <menubar id="sample-menubar"> <menu id="file-menu" label="file" accesskey="f"> <menupopup id="file-popup"> <menuitem id="close-command" label="close" accesskey="c"/> </menupopup> </menu> </menubar> you can also use the accesskey attribute on buttons.
... example 2 :
source view <keyset> <key id="paste-key" modifiers="accel" key="v" oncommand="alert('paste invoked')"/> </keyset> <menubar id="sample-menubar"> <menu id="edit-menu" label="edit" accesskey="e"> <menupopup id="edit-popup"> <menuitem id="paste-command" accesskey="p" key="paste-key" label="paste" oncommand="alert('paste invoked')"/> </menupopup> </menu> </...
... our find files example so far :
source view next, we'll find out how to handle focus and the selection.
Stacks and Decks - Archive of obsolete content
for example, you could create an effect similar to the text-shadow property with the following: example 1 :
source view <stack> <description value="shadowed" style="padding-left: 1px; padding-top: 1px; font-size: 15pt"/> <description value="shadowed" style="color: red; font-size: 15pt;"/> </stack> both description elements create text with a size of 15 points.
...shadowing is very useful for creating the disabled appearance of buttons: example 2 :
source view <stack style="background-color: #c0c0c0"> <description value="disabled" style="color: white; padding-left: 1px; padding-top: 1px;"/> <description value="disabled" style="color: grey;"/> </stack> this arrangement of text and shadow colors creates the disabled look under some platforms.
... example 3 :
source view <deck selectedindex="2"> <description value="this is the first page"/> <button label="this is the second page"/> <box> <description value="this is the third page"/> <button label="this is also the third page"/> </box> </deck> three pages exist here, the default being the third one.
XUL Structure - Archive of obsolete content
the mozilla rendering engine takes the content in the form of html
source and transforms it into a document tree.
... content from remote
sources (e.g.
...however, because of this, the xul will be not be reloaded even when the
source files are changed.
action - Archive of obsolete content
for a matched rule, each variable will be a reference to data within the data
source, determined from the query.
... examples example needed attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevents, , boxobject, buil...
...der, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens(), hasattributes(), ha...
conditions - Archive of obsolete content
when evaluating the rule for a particular rdf re
source, the variables are replaced with values from the re
source.
... examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
content - Archive of obsolete content
propiedades tag, uri ejemplos (no son necesarios) atributos inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width propie...
...when a rule is evaluated, it scans through each re
source in the rdf data
source looking for a match.
... each re
source is placed in the variable specified in the uri attribute in turn.
member - Archive of obsolete content
properties child, container examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...if the variable is the same as the uri attribute on the content element, the re
source must be a container element in order to match.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature...
template - Archive of obsolete content
elements are constructed from a data
source.
... inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
textnode - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] normally when substituting rdf re
sources in template rules, you place the rdf property name inside an attribute value preceded with rdf:.
... inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
XULRunner 1.9.1 Release Notes - Archive of obsolete content
xulrunner 1.9.1.x is built from the same
source code snapshot as firefox 3.5.x.
... installing xul applications xul applications can be obtained from various
sources, and are typically packaged as a zip archive with the extension .xulapp or .xpi.
... where is the
source code?
XULRunner 1.9.2 Release Notes - Archive of obsolete content
xulrunner 1.9.2.x is built from the same
source code snapshot as firefox 3.6.x.
...type sudo rm /var/db/receipts/org.mozilla.xulrunner.* installing xul applications xul applications can be obtained from various
sources, and are typically packaged as a zip archive with the extension .xulapp or .xpi.
...where is the
source code?
XULRunner 1.9 Release Notes - Archive of obsolete content
xulrunner 1.9 is built from the same
source code snapshot as firefox 3.
... installing xul applications xul applications can be obtained from various
sources, and are typically packaged as a zip archive with the extension .xulapp or .xpi.
... where is the
source code?
XULRunner 2.0 Release Notes - Archive of obsolete content
xulrunner 2.0.x is built from the same
source code snapshot as firefox 4.0.x.
... installing xul applications xul applications can be obtained from various
sources, and are typically packaged as a zip archive with the extension .xulapp or .xpi.
...where is the
source code?
Building XULRunner with Python - Archive of obsolete content
you should also read the the developer documentation on
source code and building as wells as pyxpcom xulrunner with python promises to be a good platform for accessibility projects and both jambu alternative input and the iaccessible2 test tool are using it.
...it might also be possible to use the open
source mingw compiler with the correct msvc run time but that is apparently not recommended.
... mk_add_options moz_objdir=@topsrcdir@/../obj-xulrunner mk_add_options moz_co_project=xulrunner ac_add_options --enable-application=xulrunner ac_add_options --enable-extensions=python,default ac_add_options --disable-javaxpcom ac_add_options --disable-activex ac_add_options --disable-activex-scripting ac_add_options --disable-tests ac_add_options --enable-optimize to check out all the required
source code and build it the first time with no local client.mk file, execute cd /c/projects cvs -d :pserver:anonymous@cvs-mirror.mozilla.org:/cvsroot co mozilla/client.mk cd mozilla make -f client.mk for subsequent updates from cvs followed by a build, use cd /c/projects/mozilla make -f client.mk which will also checkout client.mk itself for build only, without checkouts, use make -f client.mk ...
Creating a Windows Inno Setup installer for XULRunner applications - Archive of obsolete content
nents] 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\myapp.exe; destdir: {app}; components: main; flags: ignoreversion
source: c:\develop\xulrunnerinstaller\myapp\application.ini; destdir: {app}; components: main; flags: ignoreversion
source: c:\develop\xulrunnerinstaller\myapp\chrome\*; excludes: .svn; destdir: {app}\chrome; components: main; flags: ignoreversion recursesubdirs createallsubdirs
source: c:\devel...
...op\xulrunnerinstaller\myapp\defaults\*; excludes: .svn; destdir: {app}\defaults; components: main; flags: ignoreversion recursesubdirs createallsubdirs
source: c:\develop\xulrunnerinstaller\myapp\xulrunner\*; destdir: {app}\xulrunner; components: runtime; flags: ignoreversion recursesubdirs createallsubdirs ; note: don't use "flags: ignoreversion" on any shared system files [icons] name: {group}\my app; filename: {app}\myapp.exe name: {group}\{cm:uninstallprogram,xul explorer}; filename: {uninstallexe} name: {userdesktop}\my app; filename: {app}\myapp.exe; tasks: desktopicon name: {userappdata}\microsoft\internet explorer\quick launch\my app; filename: {app}\myapp.exe; tasks: quicklaunchicon [run] filename: {app}\myapp.exe; description: {cm:launchprogram,my app}; onlybelowversion: 0,6; flags: ...
...don't forget to then test the installed application to be sure the installation did indeed work correctly, since if you accidentally omitted re
sources from the script, they'll be missing from the installed package.
Debugging a XULRunner Application - Archive of obsolete content
add the following code to your xul app: components.utils.import('re
source://gre/modules/devtools/dbg-server.jsm'); if (!debuggerserver.initialized) { debuggerserver.init(); // don't specify a window type parameter below if "navigator:browser" // is suitable for your app.
... debuggerserver.addbrowseractors("myxulrunnerappwindowtype"); } debuggerserver.openlistener(6000); for xulrunner version 37+ the code to enable the debugger has changed: components.utils.import('re
source://gre/modules/devtools/dbg-server.jsm'); if (!debuggerserver.initialized) { debuggerserver.init(); debuggerserver.addbrowseractors(); debuggerserver.allowchromeprocess = true; } let dbglistener=debuggerserver.createlistener(); dbglistener.portorpath=6000; dbglistener.open(); add the following to your prefs.js: (in recent ffox, edit about:config instead) pref("devtools.debugger.remote-enabled", true); in firefox, go to tools > web developer > connect...
... security error: content at x-jsd:
source?location=chrome%3a%2f%2fvenkman%2fcontent%2fvenkman-overlay.js&instance=12 may not load or link to chrome://venkman/skin/venkman-
source.css.
Extentsions FAQ - Archive of obsolete content
http://developer.mozilla.org/en/docs...pcom_component would anyone be able to suggest the best way to do
source level debugging in a firefox extension?
... preserved properties
source code - nsimapmailfolder::copymessages uaq friday, september 22 - 29, 2006 (↑ top) why extension preferences do not get changed until after it's upgrade?
... why there are some rss feeds that do not appear as livemarks when bookmarked even though the necessary tags for the feed to appear as a livemark are seemingly present and properly formatted in the feeds
source?
2006-12-01 - Archive of obsolete content
server side spidermonkey juicescript is an open
source version of a server side javascript.
... peter wilson's reply was to add a method that does the deleting with a native implementation that releases the re
sources held by the object as seen in this database interface: var mydbase = new pgsqlconnection; mydbase.connect("database"); mydbase.exec("select * from mytable where ..."); // use the result data - (native implementation function) mydbase.close() spidermonkey for server side inquiry about why javascript hasn't caught on for general server-side scripting.
... http://www.whitebeam.org is an example of open
source server side javascript.
Adobe Flash - Archive of obsolete content
var myflash = document.getelementbyid("myflash").setvariable("myvar", sendtext); a more expanded code example that shows how example 2 was created is shown in this
source listing.
...the
source listing flash-to-js.html shows a
source for this example.
... see also macromedia flash developer documentation scripting the flash player plugin communication between javascript and macromedia flash fscommands (definition from the actionscript dictonary) actionscript dictionary mdc re
sources using the right markup to invoke plugins plugin central notable bugs bug 184722 bug 180378 bug 203861 ...
AudioListener.positionX - Web APIs
generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.positionY - Web APIs
generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.positionZ - Web APIs
generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.setOrientation() - Web APIs
generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.speedOfSound - Web APIs
generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.upX - Web APIs
generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.upY - Web APIs
generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioListener.upZ - Web APIs
generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
AudioNode.connect() - Web APIs
invalidaccesserror the destination node is not part of the same audio context as the
source node.
...for example, you might send the audio from a mediaelementaudio
sourcenode—that is, the audio from an html5 media element such as <audio>—through a band pass filter implemented using a biquadfilternode to reduce noise before then sending the audio along to the speakers.
... therefore, it is possible to choose the range in which an audioparam will change by setting the value of the audioparam to the central frequency, and to use a gainnode between the audio
source and the audioparam to adjust the range of the audioparam changes.
AudioProcessingEvent - Web APIs
note: for a full working example, see our script-processor-node github repo (also view the
source code.) var myscript = document.queryselector('script'); var mypre = document.queryselector('pre'); var playbutton = document.queryselector('button'); // create audiocontext and buffer
source var audioctx = new audiocontext();
source = audioctx.createbuffer
source(); // create a scriptprocessornode with a buffersize of 4096 and a single input and output channel var scriptnode = audioctx.c...
...96, 1, 1); console.log(scriptnode.buffersize); // load in an audio track via xhr and decodeaudiodata function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer;
source.buffer = mybuffer; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // give the node a function to process audio events scriptnode.onaudioprocess = function(audioprocessingevent) { // the input buffer is the song we loaded earlier var inputbuffer = audioprocessingevent.inputbuffer; // the output buffer contains the samples that will be modified and ...
...; // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() {
source.connect(scriptnode); scriptnode.connect(audioctx.destination);
source.start(); } // when the buffer
source stops playing, disconnect everything
source.onended = function() {
source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } ...
AudioWorkletProcessor.process - Web APIs
the 3 most common types of audio node are: a
source of output.
...for example, take the audiobuffer
sourcenode — the processor behind such a node should return true from the process method while the buffer is playing, and start returning false when the buffer playing has ended (there's no way to call play on the same audiobuffer
sourcenode again).
...parameters['customgain'][i] : parameters['customgain'][0]) } }) // as this is a
source node which generates its own output, // we return true so it won't accidentally get garbage-collected // if we don't have any references to it in the main thread return true } // define the customgain parameter used in process method static get parameterdescriptors () { return [{ name: 'customgain', defaultvalue: 1, minvalue: 0, maxvalue: 1, aut...
BaseAudioContext.createDelay() - Web APIs
example we have created a simple example that allows you to play three different samples on a constant loop — see create-delay (you can also view the
source code).
... var synth
source; playsynth.onclick = function() { synth
source = audioctx.createbuffer
source(); synth
source.buffer = buffers[2]; synth
source.loop = true; synth
source.start(); synth
source.connect(synthdelay); synthdelay.connect(destination); this.setattribute('disabled', 'disabled'); } stopsynth.onclick = function() { synth
source.disconnect(synthdelay); synthdelay.disconnect(destination); syn...
...th
source.stop(); playsynth.removeattribute('disabled'); } ...
BaseAudioContext.createDynamicsCompressor() - Web APIs
for a more complete example, have a look at our basic compressor example (view the
source code).
... // create a mediaelementaudio
sourcenode // feed the htmlmediaelement into it var
source = audioctx.createmediaelement
source(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); // connect the audiobuffer
sourcenode to the destination
source.connect(audioctx.destination); button.onclick = function() { var active = button.getattribute('data-active'); if(active == 'false') { button.setattribute('data-active', 'true'); button.innerhtml = 'remove co...
...mpression';
source.disconnect(audioctx.destination);
source.connect(compressor); compressor.connect(audioctx.destination); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression';
source.disconnect(compressor); compressor.disconnect(audioctx.destination);
source.connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'createdynamicscompressor()' in that specification.
BaseAudioContext.createPanner() - Web APIs
generally you will define the position in 3d space that your audio listener and panner (
source) occupy initially, and then update the position of one or both of these as the application is used.
... to see a complete implementation, check out our panner-node example (view the
source code) — this demo transports you to the 2.5d "room of metal", where you can play a track on a boom box and then walk around the boom box to see how the sound changes!
...r.forwardx.setvalueattime(0, audioctx.currenttime); listener.forwardy.setvalueattime(0, audioctx.currenttime); listener.forwardz.setvalueattime(-1, audioctx.currenttime); listener.upx.setvalueattime(0, audioctx.currenttime); listener.upy.setvalueattime(1, audioctx.currenttime); listener.upz.setvalueattime(0, audioctx.currenttime); } else { listener.setorientation(0,0,-1,0,1,0); } var
source; var play = document.queryselector('.play'); var stop = document.queryselector('.stop'); var boombox = document.queryselector('.boom-box'); var listenerdata = document.queryselector('.listener-data'); var pannerdata = document.queryselector('.panner-data'); leftbound = (-xpos) + 50; rightbound = xpos - 50; xiterator = width/150; // listener will always be in the same place for this demo if...
BaseAudioContext.createScriptProcessor() - Web APIs
note: for a full working example, see our script-processor-node github repo (also view the
source code.) var myscript = document.queryselector('script'); var mypre = document.queryselector('pre'); var playbutton = document.queryselector('button'); // create audiocontext and buffer
source var audioctx = new audiocontext();
source = audioctx.createbuffer
source(); // create a scriptprocessornode with a buffersize of 4096 and a single input and output channel var scriptnode = audioctx.c...
...96, 1, 1); console.log(scriptnode.buffersize); // load in an audio track via xhr and decodeaudiodata function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer;
source.buffer = mybuffer; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // give the node a function to process audio events scriptnode.onaudioprocess = function(audioprocessingevent) { // the input buffer is the song we loaded earlier var inputbuffer = audioprocessingevent.inputbuffer; // the output buffer contains the samples that will be modified and ...
...; // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() {
source.connect(scriptnode); scriptnode.connect(audioctx.destination);
source.start(); } // when the buffer
source stops playing, disconnect everything
source.onended = function() {
source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'createscriptprocessor' in tha...
DynamicsCompressorNode - Web APIs
for a more complete example, have a look at our basic compressor example (view the
source code).
... // create a mediaelementaudio
sourcenode // feed the htmlmediaelement into it var
source = audioctx.createmediaelement
source(myaudio); // create a compressor node var compressor = audioctx.createdynamicscompressor(); compressor.threshold.setvalueattime(-50, audioctx.currenttime); compressor.knee.setvalueattime(40, audioctx.currenttime); compressor.ratio.setvalueattime(12, audioctx.currenttime); compressor.attack.setvalueattime(0, audioctx.currenttime); compressor.release.setvalueattime(0.25, audioctx.currenttime); // connect the audiobuffer
sourcenode to the destination
source.connect(audioctx.destination); button.onclick = function() { var active = button.getattribute('data-active'); if(active == 'false') { button.setattribute('data-active', 'true'); button.innerhtml = 'remove co...
...mpression';
source.disconnect(audioctx.destination);
source.connect(compressor); compressor.connect(audioctx.destination); } else if(active == 'true') { button.setattribute('data-active', 'false'); button.innerhtml = 'add compression';
source.disconnect(compressor); compressor.disconnect(audioctx.destination);
source.connect(audioctx.destination); } } specifications specification status comment web audio apithe definition of 'dynamicscompressornode' in that specification.
EXT_blend_minmax - Web APIs
the ext_blend_minmax extension is part of the webgl api and extends blending capabilities by adding two new blend equations: the minimum or maximum color components of the
source and destination colors.
... constants this extension adds two new constants, which can be used in webglrenderingcontext.blendequation() and webglrenderingcontext.blendequationseparate(): ext.min_ext produces the minimum color components of the
source and destination colors.
... ext.max_ext produces the maximum color components of the
source and destination colors.
ExtendableEvent - Web APIs
the promise resolves when all re
sources have been fetched and cached, or else when any exception occurs.
...re
sources to pre-fetch:', urlstoprefetch); event.waituntil( caches.open(current_caches['prefetch']).then(function(cache) { return cache.addall(urlstoprefetch.map(function(urltoprefetch) { return new request(urltoprefetch, {mode: 'no-cors'}); })).then(function() { console.log('all re
sources have been fetched and cached.'); }); }).catch(function(error) { co...
...nsole.error('pre-fetching failed:', error); }) ); }); important: when fetching re
sources, it's very important to use {mode: 'no-cors'} if there is any chance that the re
sources are served off of a server that doesn't support cors.
ExtendableMessageEvent() - Web APIs
lasteventid: a domstring that defines the last event id of the event
source.
...
source: the client, serviceworker or messageport that sent the message.
... examples var init = { data : 'hello message',
source : messageportreference, ports : messageportlistreference } var myeme = new extendablemessageevent('message', init); specifications specification status comment service workersthe definition of 'extendablemessageevent()' in that specification.
ExtendableMessageEvent - Web APIs
extendablemessageevent.lasteventid read only represents, in server-sent events, the last event id of the event
source.
... extendablemessageevent.
source read only returns a reference to the client object that sent the message.
...ata}`); }); navigator.serviceworker.ready.then( registration => { registration.active.postmessage("hi service worker"); }); } the service worker can receive the message by listening to the message event: // in the service worker addeventlistener('message', event => { // event is an extendablemessageevent object console.log(`the client sent me a message: ${event.data}`); event.
source.postmessage("hi client"); }); specifications specification status comment service workersthe definition of 'extendablemessageevent' in that specification.
Using files from web applications - Web APIs
set the image's
source to a new object url representing the file, using url.createobjecturl() to create the blob url.
...{ const percentage = math.round((e.loaded * 100) / e.total); self.ctrl.update(percentage); } }, false); xhr.upload.addeventlistener("load", function(e){ self.ctrl.update(100); const canvas = self.ctrl.ctx.canvas; canvas.parentnode.removechild(canvas); }, false); xhr.open("post", "http://demos.hacks.mozilla.org/paul/demos/re
sources/webservices/devnull.php"); xhr.overridemimetype('text/plain; charset=x-user-defined-binary'); reader.onload = function(evt) { xhr.send(evt.target.result); }; reader.readasbinarystring(file); } the fileupload() function shown above creates a throbber, which is used to display progress information, and then creates an xmlhttprequest to handle uploading the data.
...they can be used to display embedded pdf files or any other re
sources that can be displayed by the browser.
FileSystemEntrySync - Web APIs
[todo: verify ] no_modification_allowed_err one of the following is not writable: the
source entry, its parent directory, and the target directory.
... no_modification_allowed_err one of the following is not writable: the
source entry, its parent directory, and the target directory.
... no_modification_allowed_err one of the following is not writable: the
source entry, its parent directory, and the target directory.
FontFace - Web APIs
it allows control of the
source of the font face, being a url to an external re
source, or a buffer; it also allows control of when the font face is loaded and its current status.
... constructor fontface() constructs and returns a new fontface object, built from an external re
source described by an url or from an arraybuffer.
... fontface.load() loads a font based on current object's constructor-passed requirements, including a location or
source buffer, and returns a promise that resolves with the current fontface object.
GainNode.gain - Web APIs
the below snippet wouldn't work as is — for a complete working example, check out our voice-change-o-matic demo (view
source.) <div> <button class="mute">mute button</button> </div> var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); var gainnode = audioctx.creategain(); var mute = document.queryselector('.mute'); var
source; if (navigator.mediadevices.getusermedia) { navigator.mediadevices.getusermedia ( // constraints - only audio needed for this app { audio: true }, // su...
...ccess callback function(stream) {
source = audioctx.createmediastream
source(stream); }, // error callback function(err) { console.log('the following gum error occured: ' + err); } ); } else { console.log('getusermedia not supported on your browser!'); }
source.connect(gainnode); gainnode.connect(audioctx.destination); ...
...if you still hear something, make sure you haven't // connected your
source into the output in addition to using the gainnode.
GainNode - Web APIs
the below snippet wouldn't work as is — for a complete working example, check out our voice-change-o-matic demo (view
source.) <div> <button class="mute">mute button</button> </div> var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); var gainnode = audioctx.creategain(); var mute = document.queryselector('.mute'); var
source; if (navigator.mediadevices.getusermedia) { navigator.mediadevices.getusermedia ( // constraints - only audio needed for this app { audio: true }, // su...
...ccess callback function(stream) {
source = audioctx.createmediastream
source(stream); }, // error callback function(err) { console.log('the following gum error occured: ' + err); } ); } else { console.log('getusermedia not supported on your browser!'); }
source.connect(gainnode); gainnode.connect(audioctx.destination); ...
...if you still hear something, make sure you haven't // connected your
source into the output in addition to using the gainnode.
GlobalEventHandlers.ondragend - Web APIs
<!doctype html> <html lang=en> <title>examples of using the drag and drop global event attribute</title> <meta content="width=device-width"> <style> div { margin: 0em; padding: 2em; } #
source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } </style> </head> <script> function dragstart_handler(ev) { console.log("dragstart"); // change the
source element's background color to signify drag has started ev.currenttarget.style.border = "dashed"; ev.datatransfer.setdata("text", ev.target.id); } function dragover_handler(ev) { console.log(...
... the target element's border to signify a drag over event // has occurred ev.currenttarget.style.background = "lightblue"; ev.preventdefault(); } function drop_handler(ev) { console.log("drop"); ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragenter_handler(ev) { console.log("dragenter"); // change the
source element's background color for enter events ev.currenttarget.style.background = "yellow"; } function dragleave_handler(ev) { console.log("dragleave"); // change the
source element's border back to white ev.currenttarget.style.background = "white"; } function dragend_handler(ev) { console.log("dragend"); // change the target element's background color to visually indicate // the drag ende...
... var el=document.getelementbyid("target"); el.style.background = "pink"; } function dragexit_handler(ev) { console.log("dragexit"); // change the
source element's border back to green to signify a dragexit event ev.currenttarget.style.background = "green"; } function init() { // set handlers for the
source's enter/leave/end/exit events var el=document.getelementbyid("
source"); el.ondragenter = dragenter_handler; el.ondragleave = dragleave_handler; el.ondragend = dragend_handler; el.ondragexit = dragexit_handler; } </script> <body onload="init();"> <h1>examples of <code>ondragenter</code>, <code>ondragleave</code>, <code>ondragend</code>, <code>ondragexit</code></h1> <div> <p id="
source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it...
GlobalEventHandlers.ondragenter - Web APIs
<!doctype html> <html lang=en> <title>examples of using the drag and drop global event attribute</title> <meta content="width=device-width"> <style> div { margin: 0em; padding: 2em; } #
source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } </style> </head> <script> function dragstart_handler(ev) { console.log("dragstart"); // change the
source element's background color to signify drag has started ev.currenttarget.style.border = "dashed"; ev.datatransfer.setdata("text", ev.target.id); } function dragover_handler(ev) { console.log(...
... the target element's border to signify a drag over event // has occurred ev.currenttarget.style.background = "lightblue"; ev.preventdefault(); } function drop_handler(ev) { console.log("drop"); ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragenter_handler(ev) { console.log("dragenter"); // change the
source element's background color for enter events ev.currenttarget.style.background = "yellow"; } function dragleave_handler(ev) { console.log("dragleave"); // change the
source element's border back to white ev.currenttarget.style.background = "white"; } function dragend_handler(ev) { console.log("dragend"); // change the target element's background color to visually indicate // the drag ende...
... var el=document.getelementbyid("target"); el.style.background = "pink"; } function dragexit_handler(ev) { console.log("dragexit"); // change the
source element's border back to green to signify a dragexit event ev.currenttarget.style.background = "green"; } function init() { // set handlers for the
source's enter/leave/end/exit events var el=document.getelementbyid("
source"); el.ondragenter = dragenter_handler; el.ondragleave = dragleave_handler; el.ondragend = dragend_handler; el.ondragexit = dragexit_handler; } </script> <body onload="init();"> <h1>examples of <code>ondragenter</code>, <code>ondragleave</code>, <code>ondragend</code>, <code>ondragexit</code></h1> <div> <p id="
source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it...
GlobalEventHandlers.ondragexit - Web APIs
<!doctype html> <html lang=en> <title>examples of using the drag and drop global event attribute</title> <meta content="width=device-width"> <style> div { margin: 0em; padding: 2em; } #
source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } </style> </head> <script> function dragstart_handler(ev) { console.log("dragstart"); // change the
source element's background color to signify drag has started ev.currenttarget.style.border = "dashed"; ev.datatransfer.setdata("text", ev.target.id); } function dragover_handler(ev) { console.log(...
... the target element's border to signify a drag over event // has occurred ev.currenttarget.style.background = "lightblue"; ev.preventdefault(); } function drop_handler(ev) { console.log("drop"); ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragenter_handler(ev) { console.log("dragenter"); // change the
source element's background color for enter events ev.currenttarget.style.background = "yellow"; } function dragleave_handler(ev) { console.log("dragleave"); // change the
source element's border back to white ev.currenttarget.style.background = "white"; } function dragend_handler(ev) { console.log("dragend"); // change the target element's background color to visually indicate // the drag ende...
... var el=document.getelementbyid("target"); el.style.background = "pink"; } function dragexit_handler(ev) { console.log("dragexit"); // change the
source element's border back to green to signify a dragexit event ev.currenttarget.style.background = "green"; } function init() { // set handlers for the
source's enter/leave/end/exit events var el=document.getelementbyid("
source"); el.ondragenter = dragenter_handler; el.ondragleave = dragleave_handler; el.ondragend = dragend_handler; el.ondragexit = dragexit_handler; } </script> <body onload="init();"> <h1>examples of <code>ondragenter</code>, <code>ondragleave</code>, <code>ondragend</code>, <code>ondragexit</code></h1> <div> <p id="
source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it...
GlobalEventHandlers.ondragleave - Web APIs
<!doctype html> <html lang=en> <title>examples of using the drag and drop global event attribute</title> <meta content="width=device-width"> <style> div { margin: 0em; padding: 2em; } #
source { color: blue; border: 1px solid black; } #target { border: 1px solid black; } </style> </head> <script> function dragstart_handler(ev) { console.log("dragstart"); // change the
source element's border to signify drag has started ev.currenttarget.style.border = "dashed"; ev.datatransfer.setdata("text", ev.target.id); } function dragover_handler(ev) { console.log("dragover"...
...t element's background color to signify a drag over event // has occurred ev.currenttarget.style.background = "lightblue"; ev.preventdefault(); } function drop_handler(ev) { console.log("drop"); ev.preventdefault(); var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); } function dragenter_handler(ev) { console.log("dragenter"); // change the
source element's background color for enter events ev.currenttarget.style.background = "yellow"; } function dragleave_handler(ev) { console.log("dragleave"); // change the
source element's background color back to white ev.currenttarget.style.background = "white"; } function dragend_handler(ev) { console.log("dragend"); // change the target element's background color to visually indicate // the...
... var el=document.getelementbyid("target"); el.style.background = "pink"; } function dragexit_handler(ev) { console.log("dragexit"); // change the
source element's background color back to green to signify a dragexit event ev.currenttarget.style.background = "green"; } function init() { // set handlers for the
source's enter/leave/end/exit events var el=document.getelementbyid("
source"); el.ondragenter = dragenter_handler; el.ondragleave = dragleave_handler; el.ondragend = dragend_handler; el.ondragexit = dragexit_handler; } </script> <body onload="init();"> <h1>examples of <code>ondragenter</code>, <code>ondragleave</code>, <code>ondragend</code>, <code>ondragexit</code></h1> <div> <p id="
source" ondragstart="dragstart_handler(event);" draggable="true"> select t...
HTMLMediaElement.autoplay - Web APIs
a media element whose
source is a mediastream and whose autoplay property is true will begin playback when it becomes active (that is, when mediastream.active becomes true).
...however, autoplay can be useful when creating media elements whose
source will be set at a later time, under user control.
... <video id="video" controls> <
source src="https://player.vimeo.com/external/250688977.sd.mp4?s=d14b1f1a971dde13c79d6e436b88a6a928dfe26b&profile_id=165"> </video> *** disable autoplay (recommended) *** false is the default value document.queryselector('#video').autoplay = false; specifications specification status comment html living standardthe definition of 'htmlmediaelement.autoplay' in t...
PerformanceEntry - Web APIs
performance entries are also created in indirect ways such as loading a re
source (such as an image).
... performanceentry instances will always be one of the following subtypes: performancemark performancemeasure performanceframetiming performancenavigationtiming performancere
sourcetiming performancepainttiming note: this feature is available in web workers.
..." + properties[i] + " is not supported"); } } } specifications specification status comment re
source timing level 3 editor's draft re
source timing level 2 working draft re
source timing level 1 candidate recommendation adds the performancere
sourcetiming interface and the re
source value for entrytype.
PerformanceNavigationTiming - Web APIs
this interface also extends following performancere
sourcetiming properties for navigation performance entry types by qualifying and constraining them as follows: performancere
sourcetiming.initiatortyperead only returns "navigation".
... performancenavigationtiming.requeststart read only a domhighrestimestamp representing the time immediately before the user agent starts requesting the re
source from the server, or from relevant application caches or from local re
sources.
... performancenavigationtiming.responsestart read only a domhighrestimestamp representing the time immediately after the user agent's http parser receives the first byte of the response from relevant application caches, or from local re
sources or from the server.
PerformanceObserverEntryList.getEntries() - Web APIs
"initiatortype", the type of the initiating re
source (for example an html element).
... the values are defined by the performancere
sourcetiming.initiatortype interface.
..., "mark"); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } // print entries with type "mark" perfentries = list.getentriesbytype("mark"); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to all performance event types observe_all.observe({entrytypes: ['frame', 'mark', 'measure', 'navigation', 're
source', 'server']}); var observe_frame = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); // should only have 'frame' entries for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to frame event only observe_frame.observe({entrytypes: ['frame']}); specifications specification status comment ...
PhotoCapabilities.redEyeReduction - Web APIs
the redeyereduction read-only property of the photocapabilities interface returns an enum indicating the red-eye reduction capability of the
source.
... always red-eye reduction is available in the
source and it is always turned on.
... controllable red-eye reduction is available in the
source and it is configurable via the photosettings object.
ProgressEvent - Web APIs
the progressevent interface represents events measuring progress of an underlying process, like an http request (for an xmlhttprequest, or the loading of the underlying re
source of an <img>, <audio>, <video>, <style> or <link>).
...when downloading a re
source using http, this only represent the part of the content itself, not headers and other overhead.
...when downloading a re
source using http, this only represent the content itself, not headers and other overhead.
RTCDataChannel: bufferedamountlow event - Web APIs
in other words, we'll try to keep at least 64kb of data in the buffer, reading 64kb at a time from the
source.
... let pc = new rtcpeerconnection(); let dc = pc.createdatachannel("sendfile"); let
source = /*
source data object */ dc.bufferedamountlowthreshold = 65536; pc.addeventlistener("bufferedamountlow", ev => { if (
source.position <=
source.length) { dc.send(
source.readfile(65536)); } }, false); after creating the rtcpeerconnection, this calls rtcpeerconnection.createdatachannel() to create the data channel.
... you can also set up a listener for bufferedamountlow using its event handler property, onbufferedamountlow: pc.onbufferedamountlow = ev => { if (
source.position <=
source.length) { dc.send(
source.readfile(65536)); } } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'bufferedamountlow' in that specification.
RTCDataChannel: error event - Web APIs
examples // strings for each of the sctp cause codes found in rfc // 4960, section 3.3.10: // https://tools.ietf.org/html/rfc4960#section-3.3.10 const sctpcausecodes = [ "no sctp error", "invalid stream identifier", "missing mandatory parameter", "stale cookie error", "sender is out of re
source (i.e., memory)", "unable to resolve address", "unrecognized sctp chunk type received", "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.
...tp failure: ", err.sctpcausecode); } else { console.error(" unknown sctp error"); } break; case "dtls-failure": if (err.receivedalert) { console.error(" received dlts failure alert: ", err.receivedalert); } if (err.sentalert) { console.error(" sent dlts failure alert: ", err.receivedalert); } break; } // add
source file name and line information console.error(" error in file ", err.filename, " at line ", err.linenumber, ", column ", err.columnnumber); }, false); the received event provides details in an rtcerror object called error; rtcerror is an extension of the domexception interface.
...the message string is always output, as is information about the
source file's name, line number, and column number at which the error occurred.
RTCOutboundRtpStreamStats - Web APIs
perdscppacketssent a record of key-value pairs with strings as the keys mapped to 32-bit integer values, each indicating the total number of packets this rtcrtpsender has transmitted for this
source for each differentiated services code point (dscp).
... retransmittedbytessent the total number of bytes that have been retransmitted for this
source as of the time the statistics were sampled.
... retransmittedpacketssent the total number of packets that have needed to be retransmitted for this
source as of the time the statistics were sampled.
Request - Web APIs
the request interface of the fetch api represents a re
source request.
... request.integrity read only contains the subre
source integrity value of the request (e.g., sha256-bpfbw7ivv8q2jlit13fxdyae2tjllusrsz273h2nfse=).
...uest using the request() constructor with some initial data and body content for an api request which need a body payload: const request = new request('https://example.com', {method: 'post', body: '{"foo": "bar"}'}); const url = request.url; const method = request.method; const credentials = request.credentials; const bodyused = request.bodyused; note: the body type can only be a blob, buffer
source, formdata, urlsearchparams, usvstring or readablestream type, so for adding a json object to the payload you need to stringify that object.
SVGAElement - Web APIs
svgaelement.hreflang is a domstring that reflects the hreflang attribute, indicating the language of the linked re
source.
... svgaelement.type is a domstring that reflects the type attribute, indicating the mime type of the linked re
source.
...not _blank"); } } specifications specification status comment scalable vector graphics (svg) 2 candidate recommendation replaced inheritance from svgelement by svggraphicselement and removed the interface implementations of svgtests, svglangspace, svgexternalre
sourcesrequired, svgstylable, and svgtransformable by htmlhyperlinkelementutils scalable vector graphics (svg) 1.1 (second edition) recommendation initial definition ...
ScriptProcessorNode.bufferSize - Web APIs
note: for a full working example, see our script-processor-node github repo (also view the
source code.) var myscript = document.queryselector('script'); var mypre = document.queryselector('pre'); var playbutton = document.queryselector('button'); // create audiocontext and buffer
source var audioctx = new audiocontext();
source = audioctx.createbuffer
source(); // create a scriptprocessornode with a buffersize of 4096 and a single input and output channel var scriptnode = audioctx.creates...
...(4096, 1, 1); console.log(scriptnode.buffersize); // load in an audio track via xhr and decodeaudiodata function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer;
source.buffer = mybuffer; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // give the node a function to process audio events scriptnode.onaudioprocess = function(audioprocessingevent) { // the input buffer is the song we loaded earlier var inputbuffer = audioprocessingevent.inputbuffer; // the output buffer contains the samples that will be modified and ...
...(channel); // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() {
source.connect(scriptnode); scriptnode.connect(audioctx.destination);
source.start(); } // when the buffer
source stops playing, disconnect everything
source.onended = function() {
source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'buffersize' in that specification.
ScriptProcessorNode.onaudioprocess - Web APIs
note: for a full working example, see our script-processor-node github repo (also view the
source code.) var myscript = document.queryselector('script'); var mypre = document.queryselector('pre'); var playbutton = document.queryselector('button'); // create audiocontext and buffer
source var audioctx = new audiocontext();
source = audioctx.createbuffer
source(); // create a scriptprocessornode with a buffersize of 4096 and a single input and output channel var scriptnode = audioctx.c...
...96, 1, 1); console.log(scriptnode.buffersize); // load in an audio track via xhr and decodeaudiodata function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer;
source.buffer = mybuffer; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // give the node a function to process audio events scriptnode.onaudioprocess = function(audioprocessingevent) { // the input buffer is the song we loaded earlier var inputbuffer = audioprocessingevent.inputbuffer; // the output buffer contains the samples that will be modified and ...
...; // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() {
source.connect(scriptnode); scriptnode.connect(audioctx.destination);
source.start(); } // when the buffer
source stops playing, disconnect everything
source.onended = function() {
source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'onaudioprocess' in that speci...
ScriptProcessorNode - Web APIs
note: for a full working example, see our script-processor-node github repo (also view the
source code.) var myscript = document.queryselector('script'); var mypre = document.queryselector('pre'); var playbutton = document.queryselector('button'); // create audiocontext and buffer
source var audioctx = new audiocontext();
source = audioctx.createbuffer
source(); // create a scriptprocessornode with a buffersize of 4096 and a single input and output channel var scriptnode = audioctx.creates...
...(4096, 1, 1); console.log(scriptnode.buffersize); // load in an audio track via xhr and decodeaudiodata function getdata() { request = new xmlhttprequest(); request.open('get', 'viper.ogg', true); request.responsetype = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer;
source.buffer = mybuffer; }, function(e){"error with decoding audio data" + e.err}); } request.send(); } // give the node a function to process audio events scriptnode.onaudioprocess = function(audioprocessingevent) { // the input buffer is the song we loaded earlier var inputbuffer = audioprocessingevent.inputbuffer; // the output buffer contains the samples that will be modified and ...
...(channel); // loop through the 4096 samples for (var sample = 0; sample < inputbuffer.length; sample++) { // make output equal to the same as the input outputdata[sample] = inputdata[sample]; // add noise to each output sample outputdata[sample] += ((math.random() * 2) - 1) * 0.2; } } } getdata(); // wire up play button playbutton.onclick = function() {
source.connect(scriptnode); scriptnode.connect(audioctx.destination);
source.start(); } // when the buffer
source stops playing, disconnect everything
source.onended = function() {
source.disconnect(scriptnode); scriptnode.disconnect(audioctx.destination); } specifications specification status comment web audio apithe definition of 'scriptprocessornode' in that specif...
SecurityPolicyViolationEvent.sample - Web APIs
the sample read-only property of the securitypolicyviolationevent interface is a domstring representing a sample of the re
source that caused the violation.
... syntax let sample = violationeventinstance.sample; value a domstring containing a sample of the re
source that caused the violation, usually the first 40 characters.
... this will only be populated if the re
source is an inline script, event handler, or style — external re
sources causing a violation will not generate a sample.
ServiceWorkerMessageEvent.ServiceWorkerMessageEvent() - Web APIs
lasteventid: a domstring that defines the last event id of the event
source.
...
source: the serviceworker or messageport that sent the message.
... examples var init = { data : 'hello message',
source : messageportreference, ports : messageportlistreference } var myswme = new serviceworkermessageevent('message', init); ...
ServiceWorkerMessageEvent - Web APIs
this extends the default message event to allow setting a serviceworker object as the
source of a message.
... serviceworkermessageevent.lasteventid read only represents, in server-sent events, the last event id of the event
source.
... serviceworkermessageevent.
source read only returns a reference to the service worker that sent the message.
TextEncoder.prototype.encodeInto() - Web APIs
return value a textencoderencodeintoresult dictionary, which contains two members: read the number of utf-16 units of code from the
source that has been converted over to utf-8.
...u8array.subarray(position|0) : u8array); if (stats.written < u8array.length) u8array[stats.written] = 0; // append null if room return stats; } examples <p class="
source">this is a sample paragraph.</p> <p class="result"></p> const
sourcepara = document.queryselector('.
source'); const resultpara = document.queryselector('.result'); const string =
sourcepara.textcontent; const textencoder = new textencoder(); const utf8 = new uint8array(string.length); let encodedresults = textencoder.encodeinto(string, utf8); resultpara.textcontent += 'bytes read: ' + encodedr...
...this : self : global);
source: https://github.com/anonyco/fastestsmallesttextencoderdecoder specifications specification status comment encodingthe definition of 'textencoder.encode()' in that specification.
WebGL2RenderingContext.texImage3D() - Web APIs
syntax void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, type, glintptr offset); void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, type, htmlcanvaselement
source); void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, type, htmlimageelement
source); void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, type, htmlvideoelement
source); void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, type, imagebitmap
source); void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, t...
...ype, imagedata
source); void gl.teximage3d(target, level, internalformat, width, height, depth, border, format, type, arraybufferview?
... gl.byte gl.unsigned_short gl.short gl.unsigned_int gl.int gl.half_float gl.float gl.unsigned_int_2_10_10_10_rev gl.unsigned_int_10f_11f_11f_rev gl.unsigned_int_5_9_9_9_rev gl.unsigned_int_24_8 gl.float_32_unsigned_int_24_8_rev (pixels must be null)
source one of the following objects can be used as a pixel
source for the texture: arraybufferview, imagebitmap, imagedata, htmlimageelement, htmlcanvaselement, htmlvideoelement.
WebGLRenderingContext.blendEquation() - Web APIs
syntax void gl.blendequation(mode); parameters mode a glenum specifying how
source and destination colors are combined.
... must be either: gl.func_add:
source + destination, gl.func_subtract:
source - destination, gl.func_reverse_subtract: destination -
source when using the ext_blend_minmax extension: ext.min_ext: minimum of
source and destination, ext.max_ext: maximum of
source and destination.
... when using a webgl 2 context, the following values are available additionally: gl.min: minimum of
source and destination, gl.max: maximum of
source and destination.
WebGLRenderingContext.texImage2D() - Web APIs
pixels); // webgl2: void gl.teximage2d(target, level, internalformat, width, height, border, format, type, glintptr offset); void gl.teximage2d(target, level, internalformat, width, height, border, format, type, htmlcanvaselement
source); void gl.teximage2d(target, level, internalformat, width, height, border, format, type, htmlimageelement
source); void gl.teximage2d(target, level, internalformat, width, height, border, format, type, htmlvideoelement
source); void gl.teximage2d(target, level, internalformat, width, height, border, format, type, imagebitmap
source); void gl.teximage2d(target, level, internalformat, width, height...
..., border, format, type, imagedata
source); void gl.teximage2d(target, level, internalformat, width, height, border, format, type, arraybufferview srcdata, srcoffset); parameters target a glenum specifying the binding point (target) of the active texture.
...re available additionally: gl.byte gl.unsigned_short gl.short gl.unsigned_int gl.int gl.half_float gl.float gl.unsigned_int_2_10_10_10_rev gl.unsigned_int_10f_11f_11f_rev gl.unsigned_int_5_9_9_9_rev gl.unsigned_int_24_8 gl.float_32_unsigned_int_24_8_rev (pixels must be null) pixels one of the following objects can be used as a pixel
source for the texture: arraybufferview, a uint8array must be used if type is gl.unsigned_byte.
WebGLRenderingContext.texSubImage2D() - Web APIs
pixels); // webgl 2: void gl.texsubimage2d(target, level, xoffset, yoffset, format, type, glintptr offset); void gl.texsubimage2d(target, level, xoffset, yoffset, width, height, format, type, htmlcanvaselement
source); void gl.texsubimage2d(target, level, xoffset, yoffset, width, height, format, type, htmlimageelement
source); void gl.texsubimage2d(target, level, xoffset, yoffset, width, height, format, type, htmlvideoelement
source); void gl.texsubimage2d(target, level, xoffset, yoffset, width, height, format, type, imagebitmap
source); void gl.texsubimage2d(target, level, xoffset, yoffset, width, height, fo...
...rmat, type, imagedata
source); void gl.texsubimage2d(target, level, xoffset, yoffset, width, height, format, type, arraybufferview srcdata, srcoffset); parameters target a glenum specifying the binding point (target) of the active texture.
...re available additionally: gl.byte gl.unsigned_short gl.short gl.unsigned_int gl.int gl.half_float gl.float gl.unsigned_int_2_10_10_10_rev gl.unsigned_int_10f_11f_11f_rev gl.unsigned_int_5_9_9_9_rev gl.unsigned_int_24_8 gl.float_32_unsigned_int_24_8_rev (pixels must be null) pixels one of the following objects can be used as a pixel
source for the texture: arraybufferview, a uint8array must be used if type is gl.unsigned_byte.
Web Authentication API - Web APIs
transports: ["usb", "nfc", "ble"], type: "public-key" }]; getcredentialdefaultargs.publickey.allowcredentials = idlist; return navigator.credentials.get(getcredentialdefaultargs); }) .then((assertion) => { console.log("assertion", assertion); }) .catch((err) => { console.log("error", err); }); mozilla demo website and its
source code.
... google demo website and its
source code.
... webauthn.org and its client
source code and server
source code specifications specification status comment web authentication: an api for accessing public key credentials level 1 recommendation initial definition.
self.createImageBitmap() - Web APIs
the createimagebitmap() method creates a bitmap from a given
source, optionally cropped to contain only a portion of that
source.
...it accepts a variety of different image
sources, and returns a promise which resolves to an imagebitmap.
... syntax const imagebitmappromise = createimagebitmap(image[, options]); const imagebitmappromise = createimagebitmap(image, sx, sy, sw, sh[, options]); parameters image an image
source, which can be an <img>, svg <image>, <video>, <canvas>, htmlimageelement, svgimageelement, htmlvideoelement, htmlcanvaselement, blob, imagedata, imagebitmap, or offscreencanvas object.
WindowOrWorkerGlobalScope - Web APIs
windoworworkerglobalscope.createimagebitmap() accepts a variety of different image
sources, and returns a promise which resolves to an imagebitmap.
... optionally the
source is cropped to the rectangle of pixels originating at (sx, sy) with width sw, and height sh.
... windoworworkerglobalscope.fetch() starts the process of fetching a re
source from the network.
WorkerGlobalScope - Web APIs
windoworworkerglobalscope.createimagebitmap() accepts a variety of different image
sources, and returns a promise which resolves to an imagebitmap.
... optionally the
source is cropped to the rectangle of pixels originating at (sx, sy) with width sw, and height sh.
... windoworworkerglobalscope.fetch() starts the process of fetching a re
source from the network.
Sending and Receiving Binary Data - Web APIs
}; oreq.send(); receiving binary data in older browsers the load_binary_re
source() function shown below loads binary data from the specified url, returning it to the caller.
... function load_binary_re
source(url) { var req = new xmlhttprequest(); req.open('get', url, false); //xhr binary charset opt by marcus granado 2006 [http://mgran.blogspot.com] req.overridemimetype('text\/plain; charset=x-user-defined'); req.send(null); if (req.status != 200) return ''; return req.responsetext; } the magic happens in line 5, which overrides the mime type, forcing the browser to treat it as plain text, using a user-defined character set.
... var filestream = load_binary_re
source(url); var abyte = filestream.charcodeat(x) & 0xff; // throw away high-order byte (f7) the example above fetches the byte at offset x within the loaded binary data.
XRPose.transform - Web APIs
it determines the targeted object by passing the event frame's pose into a function called findtargetusingray(), then dispatches the event differently depending on the user's handedness; this is done by comparing the value of the xrinput
source property handedness to a value in the variable user.handedness.
... if the
source is a controller in the user's primary hand, a function is called on the targeted object called primaryaction(); otherwise, it calls the targeted object's offhandaction() function.
... xrsession.addeventlistener("select", event => { let
source = event.input
source; let frame = event.frame; let targetraypose = frame.getpose(
source.targetrayspace, myrefspace); let targetobject = findtargetusingray(targetray.transform.matrix); if (
source.targetraymode == "tracked-pointer") { if (
source.handedness == user.handedness) { targetobject.primaryaction(); } else { targetobject.offhandaction(); } } }); specifications specification status comment webxr device apithe definition of 'xrpose.transform' in that specification.
XRRenderState.baseLayer - Web APIs
the read-only baselayer property of the xrrenderstate interface returns the xrwebgllayer instance that is the
source of bitmap images and a description of how the image is to be rendered in the device.
... syntax var xrwebgllayer = xrrenderstate.baselayer; value a xrwebgllayer object which is used as the
source of the world's contents when rendering each frame of the scene.
...that context is passed into new xrwebgllayer() to create an xrwebgllayer which uses the contents of the webgl context gl as the
source of the world's image during presentation.
XRSession.onselect - Web APIs
to learn more about how webxr actions work, see inputs and input
sources.
... example this example handles select event which occur on the user's main hand (as given by a user object's handedness property); if that value matches the value of the xrinput
source property handedness, we know that the device is held in the user's main hand.
... xrsession.onselect = event => { let
source = event.input
source; if (
source.handedness == user.handedness) { if (
source.targetraymode == "tracked-pointer") { let targetraypose = event.frame.getpose(
source.targetrayspace, myrefspace); if (targetraypose) { myhandleselectwithray(targetraypose); } } } }; specifications specification status comment webxr device apithe definition of 'xrsession.onselect' in that specification.
XRSession: selectend event - Web APIs
the webxr event selectend is sent to an xrsession when one of its input
sources ends its primary action or when an input
source that's in the process of handling an ongoing primary action is disconnected without successfully completing the action.
... bubbles yes cancelable no interface xrinput
sourceevent event handler property onselectend for details on how the selectstart, select, and selectend events work, and how you should react to them, see primary actions in inputs and input
sources.
... xrsession.addeventlistener("selectstart", onselectionevent); xrsession.addeventlistener("select", onselectionevent); xrsession.addeventlistener("selectend", onselectionevent); function onselectionevent(event) { let
source = event.input
source; let targetobj = null; if (
source.targetraymode != "tracked-pointer") { return; } let targetraypose = event.frame.getpose(
source.targetrayspace, myrefspace); if (!targetraypose) { return; } switch(event.type) { case "selectstart": targetobj = mybegintracking(targetraypose.matrix); break; case "select": mydropobject(targetobj, ...
Splitters - Archive of obsolete content
splitter example an example would be helpful here: example 1 :
source view <hbox flex="1"> <iframe id="content-1" width="60" height="20" src="w1.html"/> <splitter collapse="before" resizeafter="farthest"> <grippy/> </splitter> <iframe id="content-2" width="60" height="20" src="w2.html"/> <iframe id="content-3" width="60" height="20" src="w3.html"/> <iframe id="content-4" width="60" height="20" src="w4.html"/> </hbox> here, four iframes have bee...
... normal state: collapsed state: find files example so far :
source view next, we'll find out how to create toolbars.
Tabboxes - Archive of obsolete content
tabbox example example 1 :
source view <tabbox> <tabs> <tab label="mail"/> <tab label="news"/> </tabs> <tabpanels> <tabpanel id="mailtab"> <checkbox label="automatically check for mail"/> </tabpanel> <tabpanel id="newstab"> <button label="clear news buffer"/> </tabpanel> </tabpanels> </tabbox> here, two tabs have been added, the first labeled 'mail' and the other 'news'.
... find files example so far :
source view next, we'll look at how to create grids of content.
Toolbars - Archive of obsolete content
a simple toolbar inside a toolbox
source view <toolbox> <toolbar id="nav-toolbar"> <toolbarbutton label="back"/> <toolbarbutton label="forward"/> </toolbar> </toolbox> this has created a toolbar containing two buttons, a back button and a forward button.
... the find files example so far:
source view next, we'll find out how to add a menu bar to a window.
Tree Box Objects - Archive of obsolete content
example 1 :
source view <script> function doscroll(){ var value = document.getelementbyid("tbox").value; var tree = document.getelementbyid("thetree"); var boxobject = tree.boxobject; boxobject.queryinterface(components.interfaces.nsitreeboxobject); boxobject.scrolltorow(value); } </script> <tree id="thetree" rows="4"> <treecols> <treecol id="row" label="row" primary="true" flex="1"/> </treecol...
... example 2 :
source view <script> function updatefields(event){ var row = {}, column = {}, part = {}; var tree = document.getelementbyid("thetree"); var boxobject = tree.boxobject; boxobject.queryinterface(components.interfaces.nsitreeboxobject); boxobject.getcellat(event.clientx, event.clienty, row, column, part); if (column.value && typeof column.value != "string") column.value = column.value.id...
XBL Example - Archive of obsolete content
example 1 :
source <binding id="slideshow"> <content> <xul:vbox flex="1"> <xul:deck xbl:inherits="selectedindex" selectedindex="0" flex="1"> <children/> </xul:deck> <xul:hbox> <xul:button xbl:inherits="label=previoustext"/> <xul:label flex="1"/> <xul:button xbl:inherits="label=nexttext"/> </xul:hbox> </xul:vbox> </content> </binding> this bindin...
... the final code the final code is as follows: example 2 :
source <binding id="slideshow"> <content> <xul:vbox flex="1"> <xul:deck xbl:inherits="selectedindex" selectedindex="0" flex="1"> <children/> </xul:deck> <xul:hbox> <xul:button xbl:inherits="label=previoustext" oncommand="parentnode.parentnode.parentnode.page--;"/> <xul:description flex="1"/> <xul:button xbl:inherits="label=next...
XPCOM Interfaces - Archive of obsolete content
function copyfile(
sourcefile,destdir) { // get a component for the file to copy var afile = components.classes["@mozilla.org/file/local;1"] .createinstance(components.interfaces.nsilocalfile); if (!afile) return false; // get a component for the directory to copy to var adir = components.classes["@mozilla.org/file/local;1"] .createinstance(components.interfaces.nsilocalfile); if (!adir) return false;...
... // next, assign urls to the file components afile.initwithpath(
sourcefile); adir.initwithpath(destdir); // finally, copy the file, without renaming it afile.copyto(adir,null); } copyfile("/mozilla/testfile.txt","/etc"); xpcom services some xpcom components are special components called services.
XML - Archive of obsolete content
xul is little beyond the set of tags used to define interface widgets, the relationship between them, or grammar, and some built-in flexibility for using extra re
sources like images, html elements, and other standards-based technologies.
...as the figure below indicates, xul is an amalgam of these different standards: css for styling or "skinning", dom for the object model and scriptable access, javascript for the linking and behavior, rdf for re
sources, xml for the structure, and html for the content and some little extras.
XUL Event Propagation - Archive of obsolete content
ert('box handler')"> <menu class="menu" label="file" oncommand="alert('menu handler')"> <menupopup> <menuitem oncommand="alert('new item alert')" label="new" /> <menuitem label="open" /> <menuitem oncommand="alert('close handler')" label="close" /> </menupopup> </menu> <menu class="menu" label="edit"> <menupopup> <menuitem oncommand="alert('edit
source handler')" label="edit
source" /> <menuitem label="reload" /> <menuitem label="view
source" /> </menupopup> </menu> </vbox> <spring flex="1" /> </vbox> </window> in this file, the lowest-down, or "leaf" elements are the menuitems.
...if you cut and paste the
source code from the example above into a separate file, you can see that the effect of these event handlers is to display as many as four different alert dialogs as the event bubbles up the hierarchy.
arrowscrollbox - Archive of obsolete content
"orange"/> <button label="silver"/> <button label="lavender"/> <button label="gold"/> <button label="turquoise"/> <button label="peach"/> <button label="maroon"/> <button label="black"/> </arrowscrollbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width c...
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width disabled type: boolean gets and sets the value of the disabled attribute.
assign - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
bbox - Archive of obsolete content
examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
box - Archive of obsolete content
horizontal"> <label value="zero"/> <box orient="vertical"> <label value="one"/> <label value="two"/> </box> <box orient="horizontal"> <label value="three"/> <label value="four"/> </box> </box> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
broadcaster - Archive of obsolete content
examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
broadcasterset - Archive of obsolete content
examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
button - Archive of obsolete content
horizontal child elements of the element are placed next to each other in a row in the order that they appear in the xul
source.
... vertical child elements of the element are placed under each other in a column in the order that they appear in the xul
source.
column - Archive of obsolete content
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
columns - Archive of obsolete content
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
command - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] a command element can be used to invoke an operation that can come from multiple
sources.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
deck - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
dropmarker - Archive of obsolete content
examples properties accessibletype attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), geteleme...
grid - Archive of obsolete content
<menuitem label="accounts"/> <menuitem label="sales" selected="true"/> <menuitem label="support"/> </menupopup> </menulist> </row> </rows> </grid> </groupbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
grippy - Archive of obsolete content
examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
groupbox - Archive of obsolete content
roperties accessibletype examples <groupbox> <caption label="settings"/> <radiogroup> <radio label="black and white"/> <radio label="colour"/> </radiogroup> <checkbox label="enabled"/> </groupbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), geteleme...
hbox - Archive of obsolete content
example <!-- two button on the right --> <hbox> <spacer flex="1"/> <button label="connect"/> <button label="ping"/> </hbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
iframe - Archive of obsolete content
parent properties accessibletype, contentdocument, contentwindow, docshell, webnavigation examples <iframe src="table.php" flex="2" id="browsertable" name="table_frame"/> selecting an url from a menu <menulist oncommand="donav(this);"> <menupopup> <menuitem label="mozilla" value="http://mozilla.org" /> <menuitem label="slashdot" value="http://slashdot.org"/> <menuitem label="
sourceforge" value="http://sf.net" /> <menuitem label="freshmeat" value="http://freshmeat.net"/> </menupopup> </menulist> <iframe id="myframe" flex="1"/> <script> function donav(obj) { var url = obj.selecteditem.value; // note the firstchild is the menupopup element document.getelementbyid('myframe').setattribute('src', url); } </script> attributes showcaret type: boolean whethe...
...this can be used to workaround things like bug 540911 inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
keyset - Archive of obsolete content
attributes disabled examples <keyset> <key id="sample-key" modifiers="shift" key="r"/> </keyset> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width d...
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
listcol - Archive of obsolete content
"/> <listcol/> </listcols> <listitem> <listcell label="buck"/> <listcell label="rogers"/> </listitem> <listitem> <listcell label="john"/> <listcell label="painter"/> </listitem> </listbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
listcols - Archive of obsolete content
listcol flex="1"/> </listcols> <listitem> <listcell label="buck"/> <listcell label="rogers"/> </listitem> <listitem> <listcell label="john"/> <listcell label="painter"/> </listitem> </listbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
listhead - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattribute...
listheader - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), geteleme...
observes - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
page - Archive of obsolete content
examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
popupset - Archive of obsolete content
ples <popupset> <menupopup id="clipmenu"> <menuitem label="cut"/> <menuitem label="copy"/> <menuitem label="paste"/> </menupopup> </popupset> <label value="right click for popup" context="clipmenu"/> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
preferences - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods void firechangedevent(in domelement preference); creates and dispatches a changed (non-bubbling) event to the specified preference element.
progressmeter - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
queryset - Archive of obsolete content
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inher...
...ited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserda...
resizer - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
row - Archive of obsolete content
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
rows - Archive of obsolete content
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
rule - Archive of obsolete content
when no query element is used in a template, a default query is used and the simple query syntax may be used for rdf data
sources.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
script - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
scrollbox - Archive of obsolete content
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
scrollcorner - Archive of obsolete content
examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width proper...
...ties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfea...
separator - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
spacer - Archive of obsolete content
examples <box> <button label="left"/> <spacer flex="1"/> <button label="right"/> </box> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
spinbuttons - Archive of obsolete content
attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
stack - Archive of obsolete content
--> </hbox> </stack> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
statusbar - Archive of obsolete content
properties accessibletype examples <statusbar> <statusbarpanel label="left panel"/> <spacer flex="1"/> <progressmeter mode="determined" value="82"/> <statusbarpanel label="right panel"/> </statusbar> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width proper...
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsb...
stringbundle - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] an element which can be used to load localized re
sources from property files.
... inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
stringbundleset - Archive of obsolete content
examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties inherited properties align, , allowevent...
...s, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeature, getuserdata, hasattribute(), hasattributens()...
tabpanel - Archive of obsolete content
examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
titlebar - Archive of obsolete content
dow: 0 1px 8px rgba(0, 0, 0, 0.8); margin: 8px 12px 16px;"/> </window> it can be opened from the error console like this: open("file:///users/markus/sites/hudwindow.xul", "", "chrome=1, titlebar=0") attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width note:...
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, ...
toolbar - Archive of obsolete content
the chromeclass-toolbar class may be used to create a toolbar where its visibility depends on the toolbar flag when opening the window with the window interface's open() method loads the specified re
source into the browsing context (window, <iframe> or tab) with the specified name.
... if the name doesn't exist, then a new window is opened and the specified re
source is loaded into its browsing context.">window.open() method.
toolbarbutton - Archive of obsolete content
horizontal child elements of the element are placed next to each other in a row in the order that they appear in the xul
source.
... vertical child elements of the element are placed under each other in a column in the order that they appear in the xul
source.
toolbargrippy - Archive of obsolete content
properties accessible examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, ge...
toolbaritem - Archive of obsolete content
d="sample-toolbutton-unified"> <toolbarbutton id="myext-button1" class="toolbarbutton-1" label="label1" /> <toolbarbutton id="myext-button2" class="toolbarbutton-1" label="labe2l" /> </toolbaritem> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
toolbarpalette - Archive of obsolete content
tton id="toolbarpalette-button" class="toolbarbutton-class" label="&mylabel;" tooltiptext="&mytiptext;" oncommand="somefunction()"/> </toolbarpalette> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
toolbarseparator - Archive of obsolete content
properties accessibletype examples <toolbox> <toolbar> <toolbarbutton label="button 1"/> <toolbarseparator /> <toolbarbutton label="button 2"/> </toolbar> </toolbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width proper...
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsby...
toolbarset - Archive of obsolete content
examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width proper...
...ties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfeatur...
toolbarspacer - Archive of obsolete content
properties accessibletype examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width properties ...
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute,...
toolbarspring - Archive of obsolete content
properties accessibletype examples (example needed) attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width proper...
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsb...
treecell - Archive of obsolete content
this attribute should be placed alongside the data
sources attribute.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
treechildren - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
treecol - Archive of obsolete content
use the sortre
source attribute to specify the sort key.
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
treecols - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
... inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), geteleme...
treeitem - Archive of obsolete content
elements that appear inside the element with the attribute will be repeated for each node in the rdf data
source.
... properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getele...
treerow - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
treeseparator - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
vbox - Archive of obsolete content
example <!-- two labels at bottom --> <vbox> <spacer flex="1"/> <label value="one"/> <label value="two"/> </vbox> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
where - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
...rties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, getattribute(), getattributenode(), getattributenodens(), getattributens(), getboundingclientrect(), getclientrects(), getelementsbyattribute, getelementsbyattributens, getelementsbyclassname(), getelementsbytagname(), getelementsbytagnamens(), getfe...
Application Update - Archive of obsolete content
getting started you will need the following utility scripts from http://lxr.mozilla.org/mozilla/sourc...ate-packaging/ (or local
source of xulrunner) common.sh make_full_update.sh you will need mar / mar.exe to build a complete update patch.
... re
sources http://wiki.mozilla.org/software_update http://wiki.mozilla.org/updategeneration http://developer.mozilla.org/en/docs/setting_up_an_update_server http://chatzilla.rdmsoft.com/xulrunner/update/ http://developer.mozilla.org/en/docs/xulrunner_tips ...
Building XULRunner - Archive of obsolete content
please read and follow the general build documentation for instructions on how to get
sources and set up build prerequisites.
...for instance, in firefox 2.0.0.9 you will get : mozilla/5.0 (windows; u; windows nt 5.1; en-us; rv:1.8.1.9) gecko/20071025 firefox/2.0.0.9 therefore the xulrunner version for this firefox version is : 1.8.1.9 fetching
sources from mercurial as with all other mozilla products, one would fetch recent
sources from mercurial.
Getting started with XULRunner - Archive of obsolete content
note: make sure your application name is lowercase and longer than 3 characters step 5: set up the chrome manifest the chrome manifest file is used by xulrunner to define specific uris which in turn are used to locate application re
sources.
...installing the application creates an os x application bundle: /library/frameworks/xul.framework/xulrunner-bin --install-app /<path>/<to>/myapp.zip once installed, you can run the application: /library/frameworks/xul.framework/xulrunner-bin "/applications/finkle/testapp.app/contents/re
sources/application.ini" you may run it without installing (but with the menu bar and dock icon missing) in os x by typing: /library/frameworks/xul.framework/xulrunner-bin "/<full path>/testapp/application.ini" note: the full path is required or a "error: couldn't parse application.ini."-message will be returned.
dialogheader - Archive of obsolete content
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
image - Archive of obsolete content
inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
key - Archive of obsolete content
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
listcell - Archive of obsolete content
inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
menubar - Archive of obsolete content
inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
menuitem - Archive of obsolete content
inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
menupopup - Archive of obsolete content
<menulist> <menupopup> <menuitem label="mozilla" value="http://mozilla.org"/> <menuitem label="slashdot" value="http://slashdot.org"/> <menuitem label="
sourceforge" value="http://sf.net"/> <menuitem label="freshmeat" value="http://freshmeat.net"/> </menupopup> </menulist> the following example shows how a menupopup can be used as a context menu for an element.
notificationbox - Archive of obsolete content
rrentnotification, allnotifications, notificationshidden methods appendnotification, getnotificationwithvalue, removeallnotifications, removecurrentnotification, removenotification, removetransientnotifications, attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
param - Archive of obsolete content
type type: one of the values below the type of the parameter's value integer 32 bit integer int64 64 bit integer double double-precision floating-point number string string literal, the default value properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
scrollbar - Archive of obsolete content
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
splitter - Archive of obsolete content
properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
<statusbarpanel> - Archive of obsolete content
inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ,, tooltip, tooltiptext, top, width methods inherited methods addeventlistener(), appendchild(), blur, click, clonenode(), comparedocumentposition, dispatchevent(), docommand, focus, get...
tabpanels - Archive of obsolete content
inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
toolbox - Archive of obsolete content
oolbar> <toolbarbutton label="stop"/> <toolbarbutton label="reload"/> </toolbar> </toolbox> <textbox multiline="true" value="we have two toolbars inside of one toolbox above." width="20"/> </window> attributes inherited from xul element align, allowevents, allownegativeassertions, class, coalesceduplicatearcs, collapsed, container, containment, context, contextmenu, data
sources, dir, empty, equalsize, flags, flex, height, hidden, id, insertafter, insertbefore, left, maxheight, maxwidth, menu, minheight, minwidth, mousethrough, observes, ordinal, orient, pack, persist, popup, position, preference-editable, querytype, ref, removeelement, sortdirection, sortre
source, sortre
source2, statustext, style, template, tooltip, tooltiptext, top, uri, wait-cursor, width prope...
window - Archive of obsolete content
values for window type as found on mxr: http://mxr.mozilla.org/mozilla-release/search?string=windowtype navigator:browser - looks like if window has gbrowser it has this window type devtools:scratchpad - scratchpad windows navigator:view-
source - the view
source windows properties inherited properties align, , allowevents, , boxobject, builder, , , , classname, , , , , collapsed, contextmenu, controllers, database, data
sources, dir, , , flex, height, hidden, id, , , left, , maxheight, maxwidth, menu, minheight, minwidth, , , , , , , observes, ordinal, orient, , pack, , persist, , , , ref, re
source, , , , , statustext, style, ...