Search completed in 1.31 seconds.
Textbox (XPFE autocomplete) - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is created by setting the type attribute of a textbox to auto
complete.
...the auto
complete functionality is handled through one of more session objects, each of which can return a set of results given the current value of the textbox.
... attributes accesskey, alwaysopenpopup, auto
completesearch, auto
completesearchparam, autofill, autofillaftermatch, autofill,
completedefaultindex, crop, disableauto
complete, disableauto
complete, disabled, disablehistory, enablehistory, focused, force
complete, force
complete, highlightnonmatches, ignoreblurwhilesearching, ignoreblurwhilesearching, inputtooltiptext, label, maxlength, maxrows, minresultsforpopup, minresultsforpopup, nomatch, onchange, onerrorcommand, oninput, onsearch
complete, ontextcommand, ontextentered, ontextrevert, ontextreverted, open, readonly, searchsessions, showcommentcolumn, showcommentcolumn, showpopup, size, tabindex, tabscrolling, tabscrolling, timeout, type, us...
...And 49 more matches
How to implement a custom autocomplete search component
the xul textbox element supports an auto
complete mechanism that is used to create a textbox with a popup containing a list of possible completions for what the user has started to type.
... there are actually two auto
complete mechanisms: an older mechanism that is part of the "xpfe" codebase and is used in older applications such as thunderbird and seamonkey.
... thunderbird 2.x and seamonkey 1.1.x support the toolkit interfaces, although they do not use the same auto
complete widget.
...And 33 more matches
textbox (Toolkit autocomplete) - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is created by setting the type attribute of the textbox to auto
complete.
...toolkit applications (such as firefox) use a different auto
complete mechanism than the mozilla suite.
... the example below will create an auto
complete textbox that will search the user's history.
...And 32 more matches
nsIAutoCompleteInput
toolkit/components/auto
complete/public/nsiauto
completeinput.idlscriptable this interface monitors the input in a text field and displays an auto
complete panel at the appropriate time.
... inherits from: nsisupports last changed in gecko 1.9 (firefox 3) method overview acstring getsearchat(in unsigned long index); void onsearchbegin(); void onsearch
complete(); boolean ontextentered(); boolean ontextreverted(); void selecttextrange(in long startindex, in long endindex); attributes attribute type description
completedefaultindex boolean if a search result has its defaultindex set, this will optionally try to
complete the text in the textbox to the entire text of the result at the default index as the user types.
...
completeselectedindex boolean if true, the text in the text field will be auto
completed as the user selects from the popup list.
...And 15 more matches
The HTML autocomplete attribute - HTML: Hypertext Markup Language
the html auto
complete attribute is available on <input> elements that take a text or numeric value as input, <textarea> elements, <select> elements, and <form> elements.
... auto
complete lets web developers specify what if any permission the user agent has to provide automated assistance in filling out form field values, as well as guidance to the browser as to the type of information expected in the field.
...for instance, a browser might let the user save their name, address, phone number, and email addresses for auto
complete purposes.
...And 13 more matches
IDBTransaction.oncomplete - Web APIs
the on
complete event handler of the idbtransaction interface handles the
complete event, fired when the transaction successfully
completes.
...previously in a readwrite transaction idbtransaction.on
complete was fired only when all data was guaranteed to have been flushed to disk.
... in firefox 40+ the
complete event is fired after the os has been told to write the data but potentially before that data has actually been flushed to disk.
...And 8 more matches
nsIAutoCompleteListener
xpfe/components/auto
complete/public/nsiauto
completelistener.idlscriptable this interface is deprecated.
... it only exists for legacy ldap auto
complete session support.
... new code should use toolkit auto
complete interfaces.
...And 6 more matches
HTMLImageElement.complete - Web APIs
the read-only htmlimageelement interface's
complete attribute is a boolean value which indicates whether or not the image has
completely loaded.
... syntax let doneloading = htmlimageelement.
complete; value a boolean value which is true if the image has
completely loaded; otherwise, the value is false.
... the image is considered
completely loaded if any of the following are true: neither the src nor the srcset attribute is specified.
...And 5 more matches
PaymentResponse.complete() - Web APIs
the paymentrequest method
complete() of the payment request api notifies the user agent that the user interaction is over, and causes any remaining user interface to be closed.
... syntax
completepromise = paymentrequest.
complete(result); parameters result optional a domstring indicating the state of the payment operation upon completion.
... invalidstateerror the payment has already
completed, or
complete() was called while a request to retry the payment is pending.
...And 4 more matches
Introducing a complete toolchain - Learn web development
objective: to solidify what we've learnt so far by working through a
complete toolchain case study.
...you will need to create accounts with each of github and netlify if you wish to
complete the tutorial.
... your toolchain will depend on your own needs, but for this example of a (possible)
complete toolchain, the tools that will be installed up front will be: library installation tools — for adding dependencies.
...And 3 more matches
nsIAutoCompleteSearch
toolkit/components/auto
complete/nsiauto
completesearch.idlscriptable this interface is implemented by search providers to start and stop auto
complete.
... inherits from: nsisupports last changed in gecko 1.7 users call startsearch() and pass in an nsiauto
completeobserver when the search starts.
...method overview void startsearch(in astring searchstring, in astring searchparam, in nsiauto
completeresult previousresult, in nsiauto
completeobserver listener); void stopsearch(); methods startsearch() search for a given string and notify a listener (either synchronously or asynchronously) of the result.
...And 3 more matches
MerchantValidationEvent.complete() - Web APIs
the merchantvalidationevent method
complete() takes merchant-specific information previously received from the validationurl and uses it to validate the merchant.
... all you have to do is call
complete() from your handler for the merchantvalidation event, passing in the data fetched from the validationurl.
... syntax merchantvalidationevent.
complete(validationdata); merchantvalidationevent.
complete(merchantsessionpromise); parameters validationdata or merchantsessionpromise an object containing the data needed to
complete the merchant validation process, or a promise which resolves to the validation data.
...And 3 more matches
Debug.msTraceAsyncCallbackCompleted - Archive of obsolete content
the debug.mstraceasynccallback
completed function indicates that an asynchronous operation has
completed.
... syntax debug.mstraceasynccallback
completed() parameters asyncoperationid the id associated with the asynchronous operation.
... remarks call this function when the asynchronous operation
completes.
...And 2 more matches
Autocomplete - Archive of obsolete content
turning auto
complete on for a xul widget this article is about xul widgets and not about html form inputs.
... first, declare a panel with the "auto
complete" type, like so: <panel id="popup_auto
complete" type="auto
complete" noautofocus="true" /> now set the auto
completepopup attribute of your <browser> element to the id of the panel you just declared: <browser id="my_browser" ...
... auto
completepopup="popup_auto
complete" /> finally, make sure that the value of the browser.formfill.enable pref is set to true.
... see also textbox (toolkit auto
complete) how to implement custom auto
complete search component ...
autocompletesearch - Archive of obsolete content
« xul reference home auto
completesearch new in thunderbird 2requires seamonkey 1.1 type: space-separated list of values a space-separated list of search component names, each of which implements the nsiauto
completesearch interface.
... the components are created using the name @mozilla.org/auto
complete/search;1?name= where name is listed in this attribute.
... search-auto
complete requires seamonkey 2.1 the user's default search engine's suggestions are searched.
... places-tag-auto
complete requires seamonkey 2.1 the user's places tags are searched.
nsIAutoCompleteObserver
toolkit/components/auto
complete/public/nsiauto
completesearch.idlscriptable please add a summary to this article.
... inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview void onsearchresult(in nsiauto
completesearch search, in nsiauto
completeresult result); void onupdatesearchresult(in nsiauto
completesearch search, in nsiauto
completeresult result); methods onsearchresult() called when a search is
complete and the results are ready.
... void onsearchresult( in nsiauto
completesearch search, in nsiauto
completeresult result ); parameters search the search object that processed this search.
...void onupdatesearchresult( in nsiauto
completesearch search, in nsiauto
completeresult result ); parameters search the search object that processed this search.
IDBTransaction: complete event - Web APIs
the
complete handler is executed when a transaction successfully
completed.
... bubbles no cancelable no interface event event handler property on
complete examples using addeventlistener(): // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgradeneeded = event => { const db = event.target.result; db.onerror = () => { console.log('error creating database'); }; // create an objectstore for this database var objectstore = db.createobjectstore('todolist', { keypath: 'tasktitle' }); // define what data items the objectstore will contain objectstore.createindex('hours', 'hours', { unique: false }); objectstore.createindex('minutes', 'minutes', { unique: false }); objectstore.createindex('day', 'day', { unique: false }); objectstore.createindex('mont...
...h', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = event => { const db = dbopenrequest.result; // open a read/write db transaction, ready for adding the data const transaction = db.transaction(['todolist'], 'readwrite'); // add a listener for `
complete` transaction.addeventlistener('
complete', event => { console.log('transaction was competed'); }); const objectstore = transaction.objectstore('todolist'); const newitem = { tasktitle: 'my task', hours: 10, minutes: 10, day: 10, month: 'january', year: 2019 }; const objectstorerequest = objectstore.add(newitem); }; using the on
complete property: // open the database const dbopenrequest = window.indexeddb.open('todolist', 4); dbopenrequest.onupgrade...
...eindex('day', 'day', { unique: false }); objectstore.createindex('month', 'month', { unique: false }); objectstore.createindex('year', 'year', { unique: false }); }; dbopenrequest.onsuccess = event => { const db = dbopenrequest.result; // open a read/write db transaction, ready for adding the data const transaction = db.transaction(['todolist'], 'readwrite'); // add a listener for `
complete` transaction.on
complete = event => { console.log('transaction was competed'); }; const objectstore = transaction.objectstore('todolist'); const newitem = { tasktitle: 'my task', hours: 10, minutes: 10, day: 10, month: 'january', year: 2019 }; const objectstorerequest = objectstore.add(newitem); }; ...
OfflineAudioContext.oncomplete - Web APIs
the on
complete event handler of the offlineaudiocontext interface is called when the audio processing is terminated, that is when the
complete event (of type offlineaudiocompletionevent) is raised.
... syntax var offlineaudioctx = new offlineaudiocontext(); offlineaudioctx.on
complete = function() { ...
... } example when processing is
complete, you might want to use the on
complete handler the prompt the user that the audio can now be played, and enable the play button.
... offlineaudioctx.on
complete = function() { console.log('offline audio processing now
complete'); showmodaldialog('song processed and ready to play'); playbtn.disabled = false; } specifications specification status comment web audio apithe definition of 'on
complete' in that specification.
PerformanceNavigationTiming.domComplete - Web APIs
the dom
complete read-only property returns a timestamp representing the time value equal to the time immediately before the user agent sets the current document readiness of the current document to
complete.
... syntax perfentry.dom
complete; return value a timestamp representing a time value equal to the time immediately before the user agent sets the current document readiness of the current document to
complete.
... // use getentriesbytype() to just get the "navigation" events var perfentries = performance.getentriesbytype("navigation"); for (var i=0; i < perfentries.length; i++) { console.log("= navigation entry[" + i + "]"); var p = perfentries[i]; // dom properties console.log("dom content loaded = " + (p.domcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom
complete = " + p.dom
complete); console.log("dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } spe...
...cifications specification status comment navigation timing level 2the definition of 'dom
complete' in that specification.
OfflineAudioContext: complete event - Web APIs
the
complete event of the offlineaudiocontext interface is fired when the rendering of an offline audio context is
complete.
... bubbles no cancelable no default action none interface offlineaudiocompletionevent event handler property offlineaudiocontext.on
complete examples when processing is
complete, you might want to use the on
complete handler the prompt the user that the audio can now be played, and enable the play button: let offlineaudioctx = new offlineaudiocontext(); offlineaudioctx.addeventlistener('
complete', () => { console.log('offline audio processing now
complete'); showmodaldialog('song processed and ready to play'); playbtn.disabled = false; }) you can also set up the event handler using the offlineaudiocontext.on
complete property: let offlineaudioctx = new offlineaudiocontext(); offlineaudioctx.on
complete = function() { conso...
...le.log('offline audio processing now
complete'); showmodaldialog('song processed and ready to play'); playbtn.disabled = false; } specifications specification status comment web audio apithe definition of 'offlineaudiocompletionevent' in that specification.
autocompletepopup - Archive of obsolete content
« xul reference home auto
completepopup type: id the id of a popup element used to hold auto
complete results for the element.
... examples how to enable auto
complete (form fill) in a browser element.
disableautocomplete - Archive of obsolete content
« xul reference home disableauto
complete new in thunderbird 3requires seamonkey 2.0 type: boolean if true, the auto
complete behavior will be disabled.
...if false, the default, auto
complete is enabled.
Complete - Archive of obsolete content
if you want to see these techniques in action, then you can download and install the
complete allcustom extension: allcustom.xpi (the link is external only because this wiki does not support xpi files.) the extension does not contain any useful functions.
...package structure here is the
complete package structure for this extension.
nsIAutoCompleteResult
toolkit/components/auto
complete/nsiauto
completeresult.idlscriptable this interface is implemented by results of auto
complete search.
... inherits from: nsisupports last changed in gecko 1.7 see nsiauto
completesearch ...
onMSVideoFrameStepCompleted - Web APIs
onmsvideoframestep
completed is an event which occurs when the video frame has been stepped forward or backward one frame.
... syntax value description event property object.onmsvideoframestep
completed = handler; attachevent method object.attachevent("onmsvideoframestep
completed", handler) addeventlistener method object.addeventlistener("", handler, usecapture) event handler parameters val[in], type=function see also htmlvideoelement microsoft api extensions ...
LockedFile.oncomplete - Web APIs
summary specifies an event listener to receive
complete events.
... syntax instanceoflockedfile.on
complete = funcref; where funcref is a function to be called when the
complete event occurs.
PerformanceTiming.domComplete - Web APIs
the legacy performancetiming.dom
complete read-only property returns an unsigned long long representing the moment, in miliseconds since the unix epoch, when the parser finished its work on the main document, that is when its document.readystate changes to '
complete' and the corresponding readystatechange event is thrown.
... syntax time = performancetiming.dom
complete; specifications specification status comment navigation timingthe definition of 'performancetiming.dom
complete' in that specification.
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
the following new components will be developed throughout the course of this article: moreactions: displays the check all and remove
completed buttons, and emits the corresponding events required to handle their functionality.
... todosstatus: displays the "x out of y items
completed" status heading.
... repl to code along with us using the repl, start at https://svelte.dev/repl/76cc90c43a37452e8c7f70521f88b698?version=3.23.2 working on the moreactions component now we'll tackle the check all and remove
completed buttons.
...And 28 more matches
TypeScript support in Svelte - Learn web development
note that our application is fully functional and porting it to typescript is
completely optional.
... steep learning curve: even though typescript is a superset of javascript and not a
completely new language, there is a considerable learning curve, especially if you have no experience at all with static languages like java or c#.
... note: remember that you can run npx degit opensas/mdn-svelte-tutorial/07-typescript-support svelte-todo-typescript to get the
complete to-do list application in javascript before you start porting it to typescript.
...And 22 more matches
Dynamic behavior in Svelte: working with variables and props - Learn web development
in this article we'll be using variables and props to make our app dynamic, allowing us to add and delete todos, mark them as
complete, and filter them by status.
...we'll also create two variables to keep track of the total number of tasks and the
completed tasks.
... create a <script> section at the top of src/components/todos.svelte and give it some content, as follows: <script> let todos = [ { id: 1, name: 'create a svelte starter app',
completed: true }, { id: 2, name: 'create your first component',
completed: true }, { id: 3, name: '
complete the rest of the tutorial',
completed: false } ] let totaltodos = todos.length let
completedtodos = todos.filter(todo => todo.
completed).length </script> now let's do something with that information.
...And 22 more matches
Index - Archive of obsolete content
21 auto
completeenabled xul attributes, xul reference no summary!
... 22 auto
completepopup xul attributes, xul reference no summary!
... 23 auto
completesearch xul attributes, xul reference no summary!
...And 19 more matches
React interactivity: Events and state - Learn web development
previous overview: client-side javascript frameworks next with our component plan worked out, it's now time to start updating our app from a
completely static ui to one that actually allows us to interact and change things.
... in this article we'll do this, digging into events and state along the way, and ending up with an app in which we can successfully add and delete tasks, and toggle tasks as
completed.
... <input type="text" id="new-todo-input" classname="input input__lg" name="text" auto
complete="off" value={name} /> change "use hooks!" to an empty string once you're done; this is what we want for our initial state.
...And 19 more matches
Index
176 ijsdebugger debugger, interfaces, interfaces:scriptable, xpcom interface reference implemented by: @mozilla.org/jsdebugger;1 as a service: 177 amiinstallcallback interfaces, interfaces:scriptable, xpcom, xpcom interface reference called when an install
completes or fails.
...however, with decode-on-draw, the set of decode notifications can come
completely after the load notifications, and can come multiple times if the image is discardable.
... 199 moziplacesauto
complete interfaces, interfaces:scriptable, places, xpcom, xpcom interface reference mark a page as being currently open.
...And 19 more matches
Index - Learn web development
this set of articles aims to provide
complete beginners to web development with all that they need to start coding websites.
... 53 graceful asynchronous programming with promises beginner, codingscripting, guide, javascript, learn, promises, async, asynchronous, catch, finally, then promises are a comparatively new feature of the javascript language that allow you to defer further actions until after a previous action has
completed, or respond to its failure.
... 76 a first splash into javascript article, beginner, codingscripting, conditionals, functions, javascript, learn, objects, operators, variables, events, l10n:priority now you've learned something about the theory of javascript, and what you can do with it, we are going to give you a crash course in the basic features of javascript via a
completely practical tutorial.
...And 17 more matches
Routing in Ember - Learn web development
we'll use it to provide a unique url for each of the three todo views — "all", "active", and "
completed".
... at the moment, we already have the "all" page, as we are currently not doing any filtering in the page that we've been working with, but we will need to reorganize it a bit to handle a different view for the "active" and "
completed" todos.
... creating the routes let's start by creating three new routes: "index", "active" and "
completed".
...And 15 more matches
Componentizing our Svelte app - Learn web development
filterbutton.svelte: the all, active, and
completed buttons that allow you to apply filters to the displayed todo items.
... todosstatus.svelte: the "x out of y items
completed" heading.
... moreactions.svelte: the check all and remove
completed buttons at the bottom of the ui that allow you to perform mass actions on the todo items.
...And 15 more matches
sslfnc.html
for a
complete list of nss initialization functions, see initialization.
...it is better to allow the ssl handshake to
complete and then have your application return an error message to the client that informs the user of the need for a certificate.
...for a
complete discussion of the use of ssl_handshake_as_client and ssl_handshake_as_server with ssl_enabledefault and ssl_enable, see ssl_optionset.
...And 14 more matches
OS.File for the main thread
let decoder = new textdecoder(); // this decoder can be reused for several reads let promise = os.file.read("file.txt"); // read the
complete file as an array promise = promise.then( function onsuccess(array) { return decoder.decode(array); // convert this array to a text } ); this example requires firefox 18 or a more recent version.
...it uses an atomic write to ensure that the file is not modified if, for some reason, the write cannot
complete (typically because the computer is turned off, the battery runs out, or the application is stopped.) let encoder = new textencoder(); // this encoder can be reused for several writes let array = encoder.encode("this is some text"); // convert the text to an array let promise = os.file.writeatomic("file.txt", array, // write the array atomically to "file.txt", using as temporary {tmppath: "file.txt.tmp"}); // buffer "file.txt.tmp".
... promise = promise.then(function onsuccess() { // once loop is
complete, finalize.
...And 13 more matches
Using IndexedDB - Web APIs
wait for the operation to
complete by listening to the right kind of dom event.
... || window.msidbtransaction || {read_write: "readwrite"}; // this line should only be needed if it is needed to support the object's constants for older browsers window.idbkeyrange = window.idbkeyrange || window.webkitidbkeyrange || window.msidbkeyrange; // (mozilla has never prefixed these objects, so we don't need window.mozidb*) beware that implementations that use a prefix may be buggy, or in
complete, or following an old version of the specification.
... objectstore.createindex("email", "email", { unique: true }); // use transaction on
complete to make sure the objectstore creation is // finished before adding data into it.
...And 13 more matches
Event reference
animationend a css animation has
completed.
... transitionend a css transition has
completed.
... compositionend the composition of a passage of text has been
completed or canceled.
...And 13 more matches
Componentizing our React app - Learn web development
our todo component is
complete, at least for now; now we can use it.
... in order to track the names of tasks we want to
complete, we should ensure that each <todo /> component renders a unique name.
... is it
completed?
...And 11 more matches
passwords - Archive of obsolete content
so: if a web server at http://www.example.com requested authentication with a response code like this: http/1.0 401 authorization required server: apache/1.3.27 www-authenticate: basic realm="exampleco login" the corresponding values for the credential (excluding username and password) should be: url: "http://www.example.com" realm: "exampleco login" on
complete and onerror this api is explicitly asynchronous, so all its functions take two callback functions as additional options: on
complete and onerror.
... on
complete is called when the operation has
completed successfully and onerror is called when the function encounters an error.
... because the search function is expected to return a list of matching credentials, its on
complete option is mandatory.
...And 10 more matches
Table Reflow Internals - Archive of obsolete content
the reflowee returns a reflow status which indicates if it is
complete, and thus not have to continue (split) breaking status (in the case of some inline frames) if there is truncation (it can't fit in the space and can't split).
... if it can continue, it returns an in
complete status.
... if it can't continue it returns a
complete status.
...And 10 more matches
Client-side storage - Learn web development
however, this does not mean cookies are
completely useless on the modern-day web — they are still used commonly to store data related to user personalization and state, e.g.
... the indexeddb api provides the browser with a
complete database system for storing complex data.
... this can be used for things from
complete sets of customer records to even complex data types like audio or video files.
...And 10 more matches
Starting our Svelte Todo list app - Learn web development
we want our users to be able to browse, add and delete tasks, and also to mark them as
complete.
... mark tasks as
completed/pending without deleting them.
... filter tasks by status: all tasks, active tasks, or
completed tasks.
...And 10 more matches
L10n Checks
if you want to test the localization for de, run: check-l10n-
completeness browser/locales/l10n.ini ../l10n/ de add-ons (xpi) mode l10n checks gathers the locales to compare from the chrome.manifest file inside the xpi file.
...if you want to test the localization for de, run: check-l10n-
completeness -i xpi my-extension.xpi de to check all locales in an extension: check-l10n-
completeness -i xpi my-extension.xpi language packs (xpis) mode l10n checks can compare two locales found in different xpi files.
... you pass both paths to the xpi file and both paths to the locales inside the files, e.g.: check-l10n-
completeness -i xpis en-us-langpack.xpi my-langpack.xpi jar:chrome/en-us.jar!locale/ jar:chrome/my.jar!locale/my/ jar/zip file (jar) mode l10n checks can compare two locales found in different jar files.
...And 10 more matches
Fun With XBL and XPConnect
once the regular xul textfield widget is bound to this interface, it calls the auto
complete function of the object using regular javascript.
... the basic model of interaction is as follows: binding to the xpcom object the widget holds onto an xpcom object that is the auto
complete engine that will perform our auto
complete lookups.
... <binding name="auto
complete" extends="xul:box"> <content> <xul:textfield class="addressingwidget"/> <xul:menupopup/> </content> <implementation> <property name="auto
completesession"> <![cdata[ components.classes['component://netscape/messenger/auto
complete&type=addrbook'].
...And 10 more matches
Application cache implementation overview
for purpose of this documentation it's enough to describe the simplest case ; for
complete documentation of the selection algorithm refer to the spec or to the code.
... when the url in the manifest attribute of the html tag is identical to the manifest url the channel's nsiapplicationcache object belongs to and, the channel's loadedfromapplicationcache flag is set, the document is associated with that nsiapplicationcache object and an update attempt for the manifest is scheduled after the document
completely loads.
... marking entries as foreign when nscontentsink::processofflinemanifest() discovers that the url in the manifest attribute of the html tag is different from the manifest url the channel's nsiapplicationcache object belongs to, the entry the document has been loaded from is marked “foreign” and the page load is
completely restarted.
...And 9 more matches
How to turn off form autocompletion - Web security
this article explains how a website can disable auto
complete for form fields.
...as website author, you might prefer that the browser not remember the values for such fields, even if the browser's auto
complete feature is enabled.
... note that the wcag 2.1 success criterion 1.3.5: identify input purpose does not require that auto
complete/autofill actually work - merely that form fields that relate to specific personal user information are programmatically identified.
...And 9 more matches
Download
note: you shouldn't rely on this property being equal to totalbytes to determine whether the download is
completed.
...if the download has been
completed successfully or has been canceled, this property is null.
...if the download has been
completed successfully, this property is not relevant anymore.
...And 8 more matches
IDBTransaction - Web APIs
firefox durability guarantees note that as of firefox 40, indexeddb transactions have relaxed durability guarantees to increase performance (see bug 1112702.) previously in a readwrite transaction idbtransaction.on
complete was fired only when all data was guaranteed to have been flushed to disk.
... in firefox 40+ the
complete event is fired after the os has been told to write the data but potentially before that data has actually been flushed to disk.
... the
complete event may thus be delivered quicker than before, however, there exists a small chance that the entire transaction will be lost if the os crashes or there is a loss of system power before the data is flushed to disk.
...And 8 more matches
Navigation and resource timings - Web Performance
as displayed in the image below, the navigation process goes from navigationstart, unloadeventstart, unloadeventend, redirectstart, redirectend, fetchstart, domainlookupstart, domainlookupend, connectstart , connectend, secureconnectionstart, requeststart, responsestart, responseend, domloading, dominteractive, domcontentloadedeventstart, domcontentloadedeventend, dom
complete, loadeventstart, and loadeventend.
... to help measure the time it takes to
complete all the steps, the performance timing api provides read only measurements of navigation timings.
... redirectend when the last http redirect is
completed, that is when the last byte of the http response has been received.
...And 8 more matches
Priority Content - Archive of obsolete content
the list of
completed documents is available through the devedge page.
... migrators: nigel mcfarlane and ben karel shorter works mostly
completed: bypassing security restrictions and signing code original: bypassing security restrictions and signing code wiki location: bypassing security restrictions and signing code migrators: joel stanley i added the related links from the original article.
...mathieu deaudelin 15:22, 17 may 2005 (pdt) mostly
completed: netscape gecko compatibility handbook original: netscape gecko compatibility handbook wiki location: gecko compatibility handbook migrators: mathieu deaudelin there are inline examples on this page that cannot be migrated.
...And 7 more matches
React interactivity: Editing, filtering, conditional rendering - Learn web development
this includes allowing you to edit existing tasks, and filtering the list of tasks between all,
completed, and in
complete tasks.
...edtasklist = tasks.map(task => { // if this task has the same id as the edited task if (id === task.id) { // return {...task, name: newname} } return task; }); settasks(editedtasklist); } pass edittask into our <todo /> components as a prop in the same way we did with deletetask: const tasklist = tasks.map(task => ( <todo id={task.id} name={task.name}
completed={task.
completed} key={task.id} toggletask
completed={toggletask
completed} deletetask={deletetask} edittask={edittask} /> )); now open todo.js.
...}</span> </button> <button type="submit" classname="btn btn__primary todo-edit"> save <span classname="visually-hidden">new name for {props.name}</span> </button> </div> </form> ); const viewtemplate = ( <div classname="stack-small"> <div classname="c-cb"> <input id={props.id} type="checkbox" defaultchecked={props.
completed} onchange={() => props.toggletask
completed(props.id)} /> <label classname="todo-label" htmlfor={props.id}> {props.name} </label> </div> <div classname="btn-group"> <button type="button" classname="btn"> edit <span classname="visually-hidden">{props.name}</span> </button> <button type="button" ...
...And 7 more matches
Index
once a task is done, regardless whether it
completed or was aborted, the programmer simply needs to release the arena, and all individually allocated blocks will be released automatically.
...it provides a
complete open-source implementation of the crypto libraries used by mozilla and other companies in the firefox browser, aol instant messenger (aim), server products from red hat, and other products.
... "./pk11inst.dir/setup.sh" executed successfully installed module "example pkcs #11 module" into module database installation
completed successfully adding module spec each module has information stored in the security database about its configuration and parameters.
...And 7 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
required for accessibility auto
complete all hint for form autofill feature autofocus all automatically focus the form control when the page is loaded capture file media capture input method in file upload controls checked radio, checkbox whether the command or control is checked dirname text, search name of form field to use for sending the element's directionality in fo...
...hod image, submit http method to use for form submission formnovalidate image, submit bypass form control validation for form submission formtarget image, submit browsing context for form submission height image same as height attribute for <img>; vertical dimension list almost all value of the id attribute of the <datalist> of auto
complete options max numeric types maximum value maxlength password, search, tel, text, url maximum length (number of characters) of value min numeric types minimum value minlength password, search, tel, text, url minimum length (number of characters) of value multiple email, file boolean.
... auto
complete (not a boolean attribute!) the auto
complete attribute takes as its value a space-separated string that describes what, if any, type of auto
complete functionality the input should provide.
...And 7 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
24 asynchronous glossary, web, webmechanics, asynchronous the term asynchronous refers to or multiple related things happening without waiting for the previous one to
complete).
... 63 callback function callback, callback function, codingscripting, glossary a callback function is a function passed into another function as an argument, which is then invoked inside the outer function to
complete some kind of routine or action.
... 69 certified apps, b2g, firefox os, glossary, security, trustworthy certified means that an application, content or data transmission has successfully undergone evaluation by professionals with expertise in the relevant field, thereby indicating
completeness, security and trustworthiness.
...And 6 more matches
Graceful asynchronous programming with Promises - Learn web development
previous overview: asynchronous next promises are a comparatively new feature of the javascript language that allow you to defer further actions until after a previous action has
completed, or respond to its failure.
...there is no guarantee of exactly when the operation will
complete and the result will be returned, but there is a guarantee that when the result is available, or the promise fails, the code you provide will be executed in order to do something else with a successful result, or to gracefully handle a failure case.
...code similar to this, but much more
complete, is used in that example.
...And 6 more matches
Working with Svelte stores - Learn web development
previous overview: client-side javascript frameworks next in the last article we
completed the development of our app, finished organizing it into components, and discussed some advanced techniques for dealing with reactivity, working with dom nodes, and exposing component functionality.
... add the following import statement below the existing ones: import { alert } from '../stores.js' update your addtodo() function like so: function addtodo(name) { todos = [...todos, { id: newtodoid, name,
completed: false }] $alert = `todo '${name}' has been added` } update removetodo() like so: function removetodo(todo) { todos = todos.filter(t => t.id !== todo.id) todosstatus.focus() // give focus to status heading $alert = `todo '${todo.name}' has been deleted` } update the updatetodo() function to this: function updatetodo(todo) { const i = todos.findindex(t =>...
... t.id === todo.id) if (todos[i].name !== todo.name) $alert = `todo '${todos[i].name}' has been renamed to '${todo.name}'` if (todos[i].
completed !== todo.
completed) $alert = `todo '${todos[i].name}' marked as ${todo.
completed ?
...And 6 more matches
nsIContentPrefService2
when a set() or remove method is called, observers are notified after the set() or removal
completes but before method's callback is called.
... callback optional handlecompletion is called when the operation
completes.
... callback optional handlecompletion is called when the operation
completes.
...And 6 more matches
ARIA Test Cases - Accessibility
aria-checked attribute) fail fail nvda fail -- for change from mixed to fully checked, nothing spoken n/a fail fail zoom (leopard) pass n/a pass pass zoomtext pass - fail fail orca - n/a - - combobox testcases: editable combo 2 dojo nightly build (combobox) dojo nightly build (combobox with auto
complete) expected at behavior: on focus, screen reader announces the label, the role and the current content of the combobox.
... after drag and drop operation has
completed, the new location of the item should be indicated in the virtual buffer representation.
... if the drag and drop operation caused a menu to open, focus should be tracked in that menu, and the user should be able to
complete further interaction via the keyboard as usual.
...And 6 more matches
Download Manager preferences - Archive of obsolete content
browser.download.manager.closewhendone a boolean value indicating whether or not the downloads window should close automatically when downloads are
completed.
... browser.download.manager.flashcount indicates the number of times the appropriate user interface element should be "flashed" to get the user's attention when a download
completes.
... browser.download.manager.retention indicates how long downloads are retained in the download manager's queue after the download is
completed successfully.
...And 5 more matches
Introduction to XUL - Archive of obsolete content
though the former term seems more concrete than the other, and therefore is not an exact replacement, no one is
completely certain why we have both.
...it is, as always, in
complete.
... mozilla applications will be built of "small" components like dialog buttons and mail inbox folders, which we collectively term "widgets." within a widget, drawing and user interactions are
completely under control of the individual widget, and set when the widget was built.
...And 5 more matches
Front-end web developer - Learn web development
if you are not sure if front-end web development is for you, and/or you want a gentle introduction before starting a longer and more
complete course, work through our getting started with the web module first.
... the learning pathway getting started time to
complete: 1.5–2 hours prerequisites nothing except basic computer literacy.
... guides installing basic software — basic tool setup (15 min read) background on the web and web standards (45 min read) learning and getting help (45 min read) semantics and structure with html time to
complete: 35–50 hours prerequisites nothing except basic computer literacy, and a basic web development environment.
...And 5 more matches
Getting started with Svelte - Learn web development
it should take you about 30 minutes to
complete.
...cmder is another very good and
complete alternative.
...this is much quicker than using git clone because it will not download all the history of the repo, or create a
complete local clone.
...And 5 more matches
Understanding client-side JavaScript frameworks - Learn web development
beginning our react todo list let's say that we’ve been tasked with creating a proof-of-concept in react – an app that allows users to add, edit, and delete tasks they want to work on, and also mark tasks as
complete without deleting them.
...react interactivity: events and state with our component plan worked out, it's now time to start updating our app from a
completely static ui to one that actually allows us to interact and change things.
...this includes allowing you to edit existing tasks and filtering the list of tasks between all,
completed, and in
complete tasks.
...And 5 more matches
Address Book examples
*/ how do i set up auto
complete to use the address book?
... there are 3 address book auto
complete widgets: "mydomain" - use to auto
complete a domain for an email identity, e.g.
... for a user @bar.com, entering foo would become foo@bar.com "addrbook" - use to auto
complete from a local address book, e.g.
...And 5 more matches
WebGLRenderingContext.checkFramebufferStatus() - Web APIs
the webglrenderingcontext.checkframebufferstatus() method of the webgl api returns the
completeness status of the webglframebuffer object.
... return value a glenum indicating the
completeness status of the framebuffer or 0 if an error occurs.
... possible enum return values: gl.framebuffer_
complete: the framebuffer is ready to display.
...And 5 more matches
WebGL best practices - Web APIs
avoid invalidating fbo attachment bindings almost any change to an fbo's attachment bindings will invalidate its framebuffer
completeness.
... in firefox, setting the pref webgl.perf.max-warnings to -1 in about:config will enable performance warnings that include warnings about fb
completeness invalidations.
... for example, it is possible for the following to never
complete without context loss: sync = glfencesync(gl_sync_gpu_commands_
complete, 0); glclientwaitsync(sync, 0, gl_timeout_ignored); webgl doesn't have a swapbuffers call by default, so a flush can help fill the gap, as well.
...And 5 more matches
<input type="password"> - HTML: Hypertext Markup Language
value a domstring representing a password, or empty events change and input supported common attributes auto
complete, inputmode, maxlength, minlength, pattern, placeholder, readonly, required, and size idl attributes selectionstart, selectionend, selectiondirection, and value methods select(), setrangetext(), and setselectionrange() value the value attribute contains a domstring whose value is the current contents of the text editing control being used to enter the password.
... if the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored
completely.
... <label for="userpassword">password: </label> <input id="userpassword" type="password"> allowing auto
complete to allow the user's password manager to automatically enter the password, specify the auto
complete attribute.
...And 5 more matches
<textarea> - HTML: Hypertext Markup Language
the <textarea> element also accepts several attributes common to form <input>s, such as auto
complete, autofocus, disabled, placeholder, readonly, and required.
...possible values are: none:
completely disables automatic capitalization.
... auto
complete this attribute indicates whether the value of the control can be automatically
completed by the browser.
...And 5 more matches
request - Archive of obsolete content
on
complete function this function will be called when the request has received a response (or in terms of xhr, when readystate == 4).
...to force the response to be interpreted as latin-1, use overridemimetype: var request = require("sdk/request").request; var quijote = request({ url: "http://www.latin1files.org/quijote.txt", overridemimetype: "text/plain; charset=latin1", on
complete: function (response) { console.log(response.text); } }); quijote.get(); anonymous boolean if true, the request will be sent without cookies or authentication headers.
...optionally the user may specify a collection of headers and content to send alongside the request and a callback which will be executed once the request
completes.
...And 4 more matches
Eclipse CDT
introduction eclipse cdt (c/c++ development tools) is an open-source ide for c and c++ development with advanced code assistance (inheritance/call graph explorer, jump to definition, refactoring, auto
complete, syntax highlighting, and so on).
... system requirements eclipse will use a lot of memory to fully index the mozilla source tree to provide code assistance features (easily 4 gb of ram, although this will drop to just over 1 gb if you restart after indexing is
complete).
...set an initial heap space of 1 gb and max heap space of 5 gb, say, by modifying the values of the following two lines in eclipse.ini: -xms1g -xmx5g if you fail to increase these limits, then you will likely find that eclipse either hangs when it tries to index the mozilla source or else that the code intelligence is very broken after the indexing "
completes".
...And 4 more matches
Observer Notifications
http-on-examine-cached-response called instead of http-on-examine-response when a response will be read
completely from the cache.
... passwordmgr-found-form auto
completeoff a login is available for this form, but auto
complete is disabled.
... topic data description places-auto
complete-feedback-updated sent when places updates the location bar's autocompletion display.
...And 4 more matches
Streams - Plugins
the browser saves stream data to a local file, and, when the stream is
complete, delivers the path of the file through a call to npp_streamasfile.
... telling the plug-in when a stream is deleted the browser calls the npp_destroystream method when it
completes the stream sent to the plug-in, either successfully or abnormally.
...all npp_write calls for streaming data eventually stop, and npp_write calls will be
completed only for data requested with npn_requestread.
...And 4 more matches
Debugger.Frame - Firefox Developer Tools
when the debuggee code
completes, whether by returning, throwing an exception or being terminated, pop the "debugger" frame, and return an appropriate completion value from the invocation function to the debugger.
... older the next-older visible frame, in which control will resume when this frame
completes.
... live true if the frame this debugger.frame instance refers to is still on the stack; false if it has
completed execution or been popped in some other way.
...And 4 more matches
CanvasRenderingContext2D.filter - Web APIs
a value of 0% will create an image that is
completely black, while a value of 100% leaves the input unchanged.
...a value of 0% will create a drawing that is
completely black.
...a value of 100% is
completely grayscale.
...And 4 more matches
PaymentRequest.show() - Web APIs
the validateresponse() method, below, is called once show() returns, in order to look at the returned response and either submit the payment or reject the payment as failed: async function validateresponse(response) { try { if (await checkallvalues(response)) { await response.
complete("success"); } else { await response.
complete("fail"); } } catch(err) { await response.
complete("fail"); } } here, a custom function called checkallvalues() looks at each value in the response and ensures that they're valid, returning true if every field is valid or false if any are not.
... if and only if every field is valid, the
complete() method is called on the response with the string "success", which indicates that everything is valid and that the payment can
complete accordingly.
... if any fields have unacceptable values, or if an exception is thrown by the previous code,
complete() is called with the string "fail", which indicates that the payment process is
complete and failed.
...And 4 more matches
Signaling and video calling - Web APIs
an icecandidate event is sent to the rtcpeerconnection to
complete the process of adding a local description using pc.setlocaldescription(offer).
... optionally, see rfc 8445: interactive connectivity establishment, section 2.3 ("negotiating candidate pairs and concluding ice") if you want greater understanding of how this process is
completed inside the ice layer.
...media received before the ice negotiation is
completed may be used to help ice decide upon the best connectivity approach to take, thus aiding in the negotiation process.
...And 4 more matches
filter - CSS: Cascading Style Sheets
a value of 0% will create an image that is
completely black.
...a value of 0% will create an image that is
completely gray.
...a value of 100% is
completely grayscale.
...And 4 more matches
Chapter 5: Let's build a Firefox extension - Archive of obsolete content
draft this page is not
complete.
... fixme: figure 3: menu after phase 1
complete source file structure first set up the work folders you’ll use to organize your extension’s source files.
... phase 5: xpi packaging we actually
completed our hello world extension in phase 4, but you can’t distribute the source files in this state to other users.
...And 3 more matches
Mozilla Application Framework in Detail - Archive of obsolete content
what this means to you as the developer is this: you can take advantage of skills you already have with xml or web technologies to design and implement anything from a simple text editor to a comprehensive ide -
complete with all of the interface widgets that you would find in virtually any major application framework.
...rdf, a core element to the framework, allows you to define dynamic elements in your ui (elements that may change after you have
completed the application, such as a "history" menu item).
...supporting gecko technologies provide a
complete set of resources for efficient development, including full support of web standards, a cross-platform/cross-device user interface language, an extensible architecture and embedding technologies.
...And 3 more matches
Mozilla Crypto FAQ - Archive of obsolete content
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.
...at that point both nss and psm will be
completely buildable using the open source code available from the mozilla.org site, and nss and psm will be included in the mozilla binary releases distributed by mozilla.org.
... the mozilla crypto code will shortly include a full implementation of the rsa and other cryptographic algorithms; that implementation will form the basis of a
complete open source ssl implementation for mozilla.
...And 3 more matches
Deployment and next steps - Learn web development
note that our application is fully functional and porting it to typescript is
completely optional.
...we already covered most of its content, so it won't take you much time to
complete it — you should consider it as practise!
... other learning resources there's a
complete course about svelte and sapper by rich harris, available at frontend masters.
...And 3 more matches
Setting up an update server
for example, if you want the nightly mar from 2019-09-17 for a 64 bit windows machine, you probably want the mar located at https://archive.mozilla.org/pub/firefox/nightly/2019/09/2019-09-17-09-36-29-mozilla-central/firefox-71.0a1.en-us.win64.
complete.mar.
...you want to use the mar labelled
complete, not a partial mar.
... here is an example of an appropriate mar file to use: https://archive.mozilla.org/pub/firefox/releases/69.0b9/update/win64/firefox-69.0b9.
complete.mar.
...And 3 more matches
Embedded Dialog API
the
complete windowing portion of the api is large and complex, but it need not be entirely implemented.
...applications concerned with presenting a consistent dialog appearance have the option of implementing the
complete dialog posing api.
...applications concerned with a consistent overall dialog appearance will probably choose to implement the
complete api as well.
...And 3 more matches
nsIDownload
download objects are used by the download manager (see nsidownloadmanager to manage files that are queued to download, being downloaded, and finished being downloaded.) inherits from: nsitransfer last changed in gecko 1.9.1 (firefox 3.5 / thunderbird 3.0 / seamonkey 2.0) note: once the download is
completed, the download manager stops updating the nsidownload object.
...
completed states are nsidownloadmanager::download_finished, nsidownloadmanager::download_failed, and nsidownloadmanager::download_canceled.
...once the download is
complete, this value is set to null.
...And 3 more matches
nsIDownloadManager
toolkit/components/downloads/public/nsidownloadmanager.idlscriptable this interface lets applications and extensions communicate with the download manager, adding and removing files to be downloaded, fetching information about downloads, and being notified when downloads are
completed.
... cancleanup boolean whether or not there are downloads that can be cleaned up (removed) that is downloads that have
completed, have failed or have been canceled.
... download_finished 1 download
completed including any processing of the target file.
...And 3 more matches
FileReader - Web APIs
done 2 the entire read request has been
completed.
...this property is only valid after the read operation is
complete, and the format of the data depends on which of the methods was used to initiate the read operation.
...this event is triggered each time the reading operation is successfully
completed.
...And 3 more matches
IDBDatabase.transaction() - Web APIs
previously in a readwrite transaction idbtransaction.on
complete was fired only when all data was guaranteed to have been flushed to disk.
... in firefox 40+ the
complete event is fired after the os has been told to write the data but potentially before that data has actually been flushed to disk.
... the
complete event may thus be delivered quicker than before, however, there exists a small chance that the entire transaction will be lost if the os crashes or there is a loss of system power before the data is flushed to disk.
...And 3 more matches
PaymentResponse.retry() - Web APIs
return value a promise which is resolved when the payment is successfully
completed.
... validate the returned reponse; if there are any fields whose values are not acceptable, call the response's
complete() method with a value of "fail" to indicate failure.
... if the response's data is valid and acceptable, call
complete("success") to finalize the payment and proces it.
...And 3 more matches
Using the Payment Request API - Web APIs
for this demo, simulate immediate success: paymentresponse.
complete('success') .then(function() { // for demo purposes: intropanel.style.display = 'none'; successpanel.style.display = 'block'; }); }) this object provides the developer with access to details they can use to
complete the logical steps required after the payment
completes, such as an email address to contact the customer, a shipping address for mailing goods out to them, etc.
... in the code above, you'll see that we've called the paymentresponse.
complete() method to signal that the interaction has finished — you'd use this to carry out finishing steps, like updating the user interface to tell the user the transaction is
complete, etc.
... paymentresponse.
complete('success') .then(function() { // finish handling payment }); }) } }) paymentrequest.abort() can be used to abort the payment request if required.
...And 3 more matches
RTCPeerConnection - Web APIs
this indicates whether ice negotiation has not yet begun (new), has begun gathering candidates (gathering), or has
completed (
complete).
... "
completed" the ice agent has finished gathering candidates, has checked all pairs against one another, and has found a connection for all components.
... "
complete" the ice agent has finished gathering candidates.
...And 3 more matches
Using XMLHttpRequest - Web APIs
after the transaction
completes, the object will contain useful information such as the response body and the http status of the result.
... load the transfer is
complete; all data is now in the response var oreq = new xmlhttprequest(); oreq.addeventlistener("progress", updateprogress); oreq.addeventlistener("load", transfer
complete); oreq.addeventlistener("error", transferfailed); oreq.addeventlistener("abort", transfercanceled); oreq.open(); // ...
... // progress on transfers from the server to the client (downloads) function updateprogress (oevent) { if (oevent.lengthcomputable) { var percent
complete = oevent.loaded / oevent.total * 100; // ...
...And 3 more matches
SVG documentation index - SVG: Scalable Vector Graphics
12 svg 2 support in mozilla firefox, svg svg 2 is the next major version of the svg standard, which is a
complete rework of the svg 1.2 draft.
...with this helper, you can assign properties to a
complete set of elements.
...some of the parameters that determine their position and size are given, but an element reference would probably contain more accurate and
complete descriptions along with other properties that won't be covered in here.
...And 3 more matches
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
figure 2 shows how setting align="center" pack="start" on two elements will result in
completely different output with the only difference being the value for orient.
... <vbox align="start"> <textbox/> <textbox multiline="true" rows="5" cols="15"/> </vbox> listing 16: textbox examples figure 13: output from listing 16 auto
complete adding type="auto
complete" to a textbox element enables an automatic completion function for it.
... note that to actually use this function, you must also specify a search target for the auto
complete text using the auto
completesearch attribute.
...And 2 more matches
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
it's mission is to enable
completely automatic configuration of mozilla's apps preferences based on users properties either retrieved from system environement variables or on an organisation ldap directory.
... thunderbird.cfg (version 1) here's the
complete file, first we get the user login name from environment variables, then configure the ldap address book, create an email account, and configure imap and smtp: [root@calaz /usr/lib/thunderbird] $ cat thunderbird.cfg //put everything in a try/catch try { // 1) env variables if(getenv("user") != "") { // *nix settings var env_user = getenv("user"); var env_home = getenv("home"); } else { /...
... // 1) env variables if(getenv("user") != "") { // *nix settings var env_user = getenv("user"); var env_home = getenv("home"); } else { // windows settings var env_user = getenv("username"); var env_home = getenv("homepath"); } var env_mozdebug= getenv("mozilla_debug"); final production script here's the
complete final and commented production script: //mozilla autoconfiguration, jehan procaccia & roberto aguilar //put everything in a try/catch try { /* 1) define environment variables, 2) list & randomize ldap replicas, 3) define processldapvalues(), 4) call ldap server to get ldap attributes (mail & cn) getldapattributes() 5) set user preferences */ // 1) env variables if(getenv("user") != "") { //...
...And 2 more matches
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
event differences mozilla and internet explorer are almost
completely different in the area of events.
...if the call is asynchronous, then give the onload member a function reference, which is called once the request has
completed.
... functionref onload if set, the references function will be called when the request
completes successfully and the response has been received.
...And 2 more matches
Monitoring downloads - Archive of obsolete content
statement.execute(); statement.reset(); dbconn.close(); break; // record the completion (whether failed or successful) of the download case components.interfaces.nsidownloadmanager.download_finished: case components.interfaces.nsidownloadmanager.download_failed: case components.interfaces.nsidownloadmanager.download_canceled: this.logtransfer
completed(adownload); break; } }, we're interested in four states.
... if the download's state indicates that the download is finished, canceled, or failed, we call our logtransfer
completed routine to update the log to indicate that state change.
... that code looks like this: logtransfer
completed: function(adownload) { var endtime = new date(); // current time is the end time // issue the replace sqlite command to update the record.
...And 2 more matches
XBL Inheritance - Archive of obsolete content
autocompleting textboxes the example above is similar to how the url auto
complete feature works in mozilla.
... a textbox that supports auto
complete is just one with a xbl binding that extends the basic textbox.
... the auto
complete textbox adds extra event handling so that when a url is typed, a menu will pop up with possible completions.
...And 2 more matches
The Implementation of the Application Object Model - Archive of obsolete content
this gives you a feature called aggregation, the ability to put
completely different kinds of data into the same place.
...the only way that one content node would know how to instantiate a content node of a
completely different type is if it had additional information stored for every child content node that it contained.
...let's consider another required feature that has heretofore gone unmentioned in this document: the need to take the same set of data and present it as
completely different content models.
...And 2 more matches
textbox - Archive of obsolete content
thespellcheck attribute works well paired with the auto
complete, autocapitalize, and autocorrect attributes too!
... timeout type: integer for auto
complete textboxes, the number of milliseconds before the textbox starts searching for completions.
... auto
complete a textbox that supports auto
complete.
...And 2 more matches
NPP_URLNotify - Archive of obsolete content
url url of the npn_geturlnotify() or npn_posturlnotify() request that has
completed.
...values: npres_done (most common):
completed normally.
... description the browser calls npp_urlnotify() after the completion of a npn_geturlnotify() or npn_posturlnotify() request to inform the plug-in that the request was
completed and supply a reason code for the completion.
...And 2 more matches
Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
the function defined within this file checks the form to make sure it is
complete, returning a boolean.
...the
completed user interface is shown in figure 1.
... listing 7 - manipulating the dom server-side <script runat="server"> window.onserverload = function() { document.getelementbyid( "out-logger" ).innerhtml = jaxer.file.read( "dump.txt" ); } </script> the code in listing 7 is executed server-side and takes advantage of the onserverload event which ensures that we have a
complete dom before trying to access it.
...And 2 more matches
Introducing asynchronous JavaScript - Learn web development
only one thing can happen at a time, on a single main thread, and everything else is blocked until an operation
completes.
...neither of the possible outcomes have happened yet, so the fetch operation is currently waiting on the result of the browser trying to
complete the operation at some point in the future.
...the queued operations will
complete as soon as possible then return their results to the javascript environment.
...And 2 more matches
A first splash into JavaScript - Learn web development
previous overview: first steps next now you've learned something about the theory of javascript, and what you can do with it, we are going to give you a crash course in the basic features of javascript via a
completely practical tutorial.
... once the game restarts, make sure the game logic and ui are
completely reset, then go back to step 1.
...let's add our missing code now and
complete the example functionality.
...And 2 more matches
Silly story generator - Learn web development
will generate another random silly story if you press the button again (and again...) the following screenshot shows an example of what the finished program should output: to give you more of an idea, have a look at the finished example (no peeking at the source code!) steps to
complete the following sections describe what you need to do.
...
complete variable and function definitions" and paste it into the top of the main.js file.
... placing the event handler and in
complete function: now return to the raw text file.
...And 2 more matches
Ember app structure and componentization - Learn web development
update the application.hbs file again so its content looks like this: <section class="todoapp"> <h1>todos</h1> <input class="new-todo" aria-label="what needs to be done?" placeholder="what needs to be done?" autofocus > <section class="main"> <input id="mark-all-
complete" class="toggle-all" type="checkbox"> <label for="mark-all-
complete">mark all as
complete</label> <ul class="todo-list"> <li> <div class="view"> <input aria-label="toggle the completion of this todo" class="toggle" type="checkbox" > <label>buy movie tickets</label> <button type="button" ...
...s="destroy" title="remove this todo" ></button> </div> <input autofocus class="edit" value="todo text"> </li> </ul> </section> <footer class="footer"> <span class="todo-count"> <strong>0</strong> todos left </span> <ul class="filters"> <li> <a href="#">all</a> <a href="#">active</a> <a href="#">
completed</a> </li> </ul> <button type="button" class="clear-
completed"> clear
completed </button> </footer> </section> the rendered output should now be as follows: this looks pretty
complete, but remember that this is only a static prototype.
... looking at the code next to the rendered todo app, there are a number of ways we could decide how to break up the ui, but let's plan on splitting the html out into the following components: the component groupings are as follows: the main input / "new-todo" (red in the image) the containing body of the todo list + the mark-all-
complete button (purple in the image) the mark-all-
complete button, explicitly highlighted for reasons given below (yellow in the image) each todo is an individual component (green in the image) the footer (blue in the image) something odd to note is that the mark-all-
complete checkbox (marked in yellow), while in the "main" section, is rendered next to the "new-todo" input.
...And 2 more matches
Beginning our React todo list - Learn web development
previous overview: client-side javascript frameworks next let's say that we’ve been tasked with creating a proof-of-concept in react – an app that allows users to add, edit, and delete tasks they want to work on, and also mark tasks as
complete without deleting them.
... mark any task as
completed, using the mouse or keyboard.
... view a specific subset of tasks: all tasks, only the active task, or only the
completed tasks.
...And 2 more matches
Using Vue computed properties - Learn web development
previous overview: client-side javascript frameworks next in this article we'll add a counter that displays the number of
completed todo items, using a feature of vue called computed properties.
...if we have 2 of 5 items
completed in our to-do list, our summary could read "3 items
completed out of 5".
... while it might be tempting to do something like this: <h2>{{todoitems.filter(item => item.done).length}} out of {{todoitems.length}} items
completed</h2> it would be recalculated on every render.
...And 2 more matches
Handling common accessibility problems - Learn web development
defines accessibility more
completely and thoroughly than this article does.
...each label needs to be included inside a <label> to link it unambiguously to its partner form input (each <label> for attribute value needs to match the form element id value), and it will make sense even if the source order is not
completely logical (which to be fair it should be).
... if you instead look at our punk-bands-
complete.html example (live, source), you can see a few accessibility aids at work here, such as table headers (<th> and scope attributes), <caption> element, etc.
...And 2 more matches
Handling common JavaScript problems - Learn web development
for example, this ajax example checks to make sure the request is
complete and the response has been returned before trying to use the response for anything.
... for example: promises are a great new feature for performing asynchronous operations and making sure those operations are
complete before code that relies on their results is used for something else.
... normalization libraries: give you a simple syntax that allows you to easily
complete a task without having to worry about cross browser differences.
...And 2 more matches
Setting up your own test automation environment - Learn web development
for more
complete details, you should consult the selenium-webdriver javascript api reference for a detailed reference, and the selenium main documentation's selenium webdriver and webdriver: advanced usage pages, which contain multiple examples to learn from written in different languages.
...for example, above we used this construct to tab out of the form input before submitting it: driver.sleep(1000).then(function() { driver.findelement(by.name('q')).sendkeys(webdriver.key.tab); }); waiting for something to
complete there are times where you'll want to make webdriver wait for something to
complete before carrying on.
...add this line to the bottom of your quick_test.js test now: driver.quit(); when you run it, you should now see the test execute and the browser instance shut down again after the test is
complete.
...And 2 more matches
Eclipse CDT Manual Setup
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 in
complete and often just plain broken.
...first, eclipse needs build console output for a
complete build, so that it can find compiler options for as many source files as possible.
... select "c/c++ > editor > content assist" and set the auto-activation delay to 0 so that auto
complete suggestions don't seem to be laggy.
...And 2 more matches
AsyncShutdown.jsm
consequently, if any service has requested i/o to the profile directory before or during phase profilebeforechange, the system must be informed that these requests need to be
completed before the end of phase profilebeforechange.
...since the data is saved to the profile, this must be
completed during phase profilebeforechange.
...note that a result of false may mean either that the blocker has never been installed or that the phase has
completed and the blocker has already been resolved.
...And 2 more matches
NSS FAQ
it provides a
complete open-source implementation of the crypto libraries used by mozilla and other companies in the firefox browser, aol instant messenger (aim), server products from red hat, and other products.
...because nss provides
complete support for all versions of ssl and tls, it is particularly well-suited for applications that need to communicate with the many clients and servers that already support the ssl protocol.
...it provides a
complete software development kit that uses the same architecture used to support security features in many client and server products from netscape and other companies.
...And 2 more matches
Shell global objects
note: this list overlaps with "built-in functions" in introduction to the javascript shell and is probably not
complete.
... runoffthreadscript() wait for off-thread compilation to
complete.
... finishoffthreadmodule() wait for off-thread compilation to
complete.
...And 2 more matches
Animated PNG graphics
conceptually, at the beginning of each play the output buffer must be
completely initialized to a fully transparent black rectangle, with width and height dimensions from the 'ihdr' chunk.
... blend_op<code> specifies whether the frame is to be alpha blended into the current output buffer content, or whether it should
completely replace its region in the output buffer.
... as noted earlier, the output buffer must be
completely initialized to fully transparent black at the beginning of each play.
...And 2 more matches
History Service Design
places is designed to be a
complete replacement for the firefox bookmarks and history systems using storage.
...the same pre-compiled statements approach is used in other dependant services and in auto
complete.
...since places is actually not thread-safe and doing most of the work in the main-thread, adding visits (the most common action usually executed on user interaction) could end up locking the ui till the database i/o to save data is
complete.
...And 2 more matches
IAccessibleText
for example, if text() type is ::ia2_text_boundary_word, then the
complete word that is closest to and located after offset is returned.
...see ::ia2textboundarytype for the
complete list.
...see ::ia2textboundarytype for the
complete list.
...And 2 more matches
nsIBrowserSearchService
to access this service, use: var browsersearchservice = components.classes["@mozilla.org/browser/search-service;1"] .getservice(components.interfaces.nsibrowsersearchservice); attempting to use any method or attribute of this interface before init() has
completed will force the service to fall back to a slower, synchronous, initialization.
... this is not an issue if your code is executed in reaction to a user interaction, as initialization is
complete by then, but this is an issue if your code is executed during startup.
... callback a nsisearchinstallcallback that will be notified when the addition is
complete, or if the addition fails.
...And 2 more matches
nsIDOMSimpleGestureEvent
the following events are generated: mozswipegesture - generated when the user
completes a swipe across across the input device.
... mozmagnifygesture - generated when the user has
completed the magnify ("pinch") gesture.
... if you only want to receive a single event when the magnify gesture is
complete, you only need to hook this event and can safely ignore the mozmagnifygesturestart and the mozmagnifygestureupdate events.
...And 2 more matches
nsISelectionController
void charactermove(in boolean forward, in boolean extend); boolean checkvisibility(in nsidomnode node, in short startoffset, in short endoffset); void
completemove(in boolean forward, in boolean extend); void
completescroll(in boolean forward); boolean getcaretenabled(); short getdisplayselection(); nsiselection getselection(in short type); void intralinemove(in boolean forward, in boolean extend); void linemove(in boolean forward, in boolean extend); ...
...
completemove() will move page view to the top or bottom of the document this will also have the effect of collapsing the selection if the extend = pr_false the "point" of selection that is extended is considered the "focus" point, or the last point adjusted by the selection.
... void
completemove( in boolean forward, in boolean extend ); parameters forward forward or backward if pr_false.
...And 2 more matches
nsIWebProgressListener
the request is
complete when onstatechange() is called for the same request with the state_stop flag set.
... a document request does not
complete until all requests associated with the loading of its corresponding document have
completed.
...however, when a document request
completes, two onstatechange() calls with state_stop are generated.
...And 2 more matches
Mail composition back end
also, i will talk about some features though they may not be
complete as of yet.
...this is called after messages creation has
completed.
... ns_imethod onstatus(const char *amsgid, - the message id for the message being sent const prunichar *amsg) = 0; - a message concerning the status of the send operation onstopsending the onstopsending interface is called when the sending operation has
completed.
...And 2 more matches
Examine and edit CSS - Firefox Developer Tools
click the funnel to filter the rule view to show only the rules applying to the current node that try to set the same property: that is, the
complete cascade for the given property.
... examine computed css to see the
complete computed css for the selected element, select the computed panel in the righthand pane.
... as you start typing a property name, you'll see a list of auto
complete suggestions.
...And 2 more matches
The JavaScript input interpreter - Firefox Developer Tools
if your input does not appear to be
complete when you press enter, then the console treats this as shift+enter , enabling you to finish your input.
... accessing variables you can access variables defined in the page, both built-in variables like window and variables added by javascript libraries like jquery: auto
complete the editor has auto
complete: enter the first few letters and a popup appears with possible completions: press enter, tab, or the right arrow key to accept the suggestion, use the up/down arrows to move to a different suggestion, or just keep typing if you don't like any of the suggestions.
... console auto
complete suggestions are case-insensitive.
...And 2 more matches
HTMLFormElement - Web APIs
htmlformelement.auto
complete a domstring reflecting the value of the form's auto
complete html attribute, indicating whether the controls in this form can have their values automatically populated by the browser.
... deprecated methods htmlformelement.requestauto
complete() triggers a native browser interface to assist the user in completing the fields which have an autofill field name value that is not off or on.
... the form will receive an event once the user has finished with the interface, the event will either be auto
complete when the fields have been filled or auto
completeerror when there was a problem.
...And 2 more matches
OfflineAudioContext - Web APIs
event handlers offlineaudiocontext.on
complete is an eventhandler called when processing is terminated, that is when the
complete event (of type offlineaudiocompletionevent) is raised, after the event-based version of offlineaudiocontext.startrendering() is used.
... events listen to these events using addeventlistener() or by assigning an event listener to the oneventname property of this interface:
complete fired when the rendering of an offline audio context is
complete.
... also available using the on
complete event handler property.
...And 2 more matches
RTCPeerConnection: iceconnectionstatechange event - Web APIs
usage notes a successful connection attempt will typically involve the state starting at new, then transitioning through checking, then connected, and finally
completed.
... however, under certain circumstances, the connected state can be skipped, causing a connection to transition directly from the checking state to
completed.
... this can happen when only the last checked candidate is successful, and the gathering and end-of-candidates signals both occur before the successful negotiation is
completed.
...And 2 more matches
TextRange - Web APIs
this property should only be used as one of the solutions when you need to be compatible with lower versions of ie, rather than relying on it
completely in cross browser scripts.
... textrange.boundingleftread only returns the distance between the left edge of the rectangle that binds the textrange object and the left edge that
completely contains the textrange object.
... textrange.boundingtopread only returns the distance between the top edge of the rectangle that binds the textrange object and the top edge that
completely contains the textrange object.
...And 2 more matches
WebGL constants - Web APIs
framebuffer_attachment_object_name 0x8cd1 framebuffer_attachment_texture_level 0x8cd2 framebuffer_attachment_texture_cube_map_face 0x8cd3 color_attachment0 0x8ce0 depth_attachment 0x8d00 stencil_attachment 0x8d20 depth_stencil_attachment 0x821a none 0 framebuffer_
complete 0x8cd5 framebuffer_in
complete_attachment 0x8cd6 framebuffer_in
complete_missing_attachment 0x8cd7 framebuffer_in
complete_dimensions 0x8cd9 framebuffer_unsupported 0x8cdd framebuffer_binding 0x8ca6 renderbuffer_binding 0x8ca7 max_renderbuffer_size 0x84e8 invalid_fr...
...0x821a depth_stencil 0x84f9 depth24_stencil8 0x88f0 draw_framebuffer_binding 0x8ca6 read_framebuffer 0x8ca8 draw_framebuffer 0x8ca9 read_framebuffer_binding 0x8caa renderbuffer_samples 0x8cab framebuffer_attachment_texture_layer 0x8cd4 framebuffer_in
complete_multisample 0x8d56 uniforms constant name value description uniform_buffer 0x8a11 uniform_buffer_binding 0x8a28 uniform_buffer_start 0x8a29 uniform_buffer_size 0x8a2a max_vertex_uniform_blocks 0x8a2b max_fragment_uniform_blocks 0x8a2d max_combined_unifo...
...rm_block_referenced_by_vertex_shader 0x8a44 uniform_block_referenced_by_fragment_shader 0x8a46 sync objects constant name value description object_type 0x9112 sync_condition 0x9113 sync_status 0x9114 sync_flags 0x9115 sync_fence 0x9116 sync_gpu_commands_
complete 0x9117 unsignaled 0x9118 signaled 0x9119 already_signaled 0x911a timeout_expired 0x911b condition_satisfied 0x911c wait_failed 0x911d sync_flush_commands_bit 0x00000001 miscellaneous constants constant name value description color 0x...
...And 2 more matches
Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
perfect negotiation concepts perfect negotiation makes it possible to seamlessly and
completely separate the negotiation process from the rest of your application's logic.
... the old way consider this onnegotiationneeded event handler: pc.onnegotiationneeded = async () => { try { await pc.setlocaldescription(await pc.createoffer()); signaler.send({description: pc.localdescription}); } catch(err) { console.error(err); } }; because the createoffer() method is asynchronous and takes some time to
complete, there's time in which the remote peer might attempt to send an offer of its own, causing us to leave the stable state and enter the have-remote-offer state, which means we are now waiting for a response to the offer.
...this leaves both peers in a state in which the connection attempt cannot be
completed.
...And 2 more matches
Inputs and input sources - Web APIs
the use of these profiles is briefly described under input profiles below, and a more
complete guide may be found in our article using webxr input profiles.
...ddeventlistener("inputsourceschange", event => { inputsourcelist = event.session.inputsources; inputsourcelist.foreach(source => { switch(source) { case "left": lefthandsource = source; break; case "right": righthandsource = source; break; } }); }); the inputsourceschange event is also fired once when the session's creation callback first
completes execution, so you can use it to fetch the input source list as soon as it's available at startup time.
... the select event, on the other hand, is the event that tells your code that the user has
completed the action they want to
complete.
...And 2 more matches
XRSession - Web APIs
note: environmentblendmode() is part of the webxr augmented reality module, which has not been
completed.
... event description end sent to the xrsession object after the webxr session has ended and all hardware-related functions have
completed.
... select an event of type xrinputsourceevent which is sent to the session when one of the session's input sources has successfully
completed a primary action.
...And 2 more matches
Cognitive accessibility - Accessibility
these problems include difficulty with understanding content, remembering how to
complete tasks, and confusion caused by inconsistent or non-traditional web page layouts.
...such as unnecessary content or advertisements; providing consistent web page layout and navigation; incorporating familiar elements, such as underlined links that are blue when not visited and purple when visited; dividing processes into logical, essential steps with progress indicators; making website authentication as easy as possible without compromising security; and making forms easy to
complete, such as with clear error messages and simple error recovery.
... time it is important to allow users the time they require to
complete tasks.
...And 2 more matches
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
for popup listboxes used for dropdowns in auto
complete text fields, change the color value by 1 when the user is typing in the textfield as opposed to arrowing through the list.
...automatic screen reading of dialog boxes and status bars will often not work just because you're using the wrong class name, even if your msaa implementation is perfect, and everything else about the objects is
completely normal.
... vendor quirks problem: because assistive technology tends to utilize msaa as an additional solution resting on top of old hacks, rather than a
completely clean and separate way to deal with an application, and because of the quirky nature of msaa and of the inflexible heuristics that screen readers use, we do not have a "plug and play solution".
...And 2 more matches
Media events - Developer guides
ended sent when playback
completes.
... seeked sent when a seek operation
completes.
... suspend sent when loading of the media is suspended; this may happen either because the download has
completed or because it has been paused for any other reason.
...And 2 more matches
<form> - HTML: Hypertext Markup Language
auto
complete indicates whether input elements can by default have their values automatically
completed by the browser.
... auto
complete attributes on form elements override it on <form>.
... possible values: off: the browser may not automatically
complete entries.
...And 2 more matches
<input type="email"> - HTML: Hypertext Markup Language
value a domstring representing an e-mail address, or empty events change and input supported common attributes auto
complete, list, maxlength, minlength, multiple, name,pattern, placeholder, readonly, required, size, and type idl attributes list and value methods select() value the <input> element's value attribute contains a domstring which is automatically validated as conforming to e-mail syntax.
... additional attributes in addition to the attributes that operate on all <input> elements regardless of their type, email inputs support the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined auto
complete options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid multiple whether or not to allow multiple, comma-separated, e-mail addresses to be entered pattern a regular expression the input's contents must match in order to be valid ...
... if the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored
completely.
...And 2 more matches
HTTP Index - HTTP
a
complete document is reconstructed from the different sub-documents fetched, for instance text, layout description, images, videos, scripts, and more 4 basics of http guide, http, overview http is a pretty extensible protocol.
... 10 in
complete list of mime types audio, file types, files, http, mime, mime types, php, reference, text, types, video here is a list of mime types, associated by type of documents, ordered by their common extensions.
... 146 feature-policy: unsized-media directive, feature-policy, http, reference the http feature-policy header unsized-media directive controls whether the current document is allowed to change the size of media elements after the initial layout is
complete.
...And 2 more matches
Critical rendering path - Web Performance
with the dom and cssom
complete, the browser builds the render tree, computing the styles for all the visible content.
... after the render tree is
complete, layout occurs, defining the location and size of all the render tree elements.
... once
complete, the page is rendered, or 'painted' on the screen.
...And 2 more matches
Examples and demos from articles - Archive of obsolete content
live demos javascript rich-text editor [zip] how to standardize the creation of
complete rich-text editors in web pages.
... determine if an element has been totally scrolled [html] this example shows how to determine whether a user has
completely scrolled an element or not.
...[article] code snippets and tutorials javascript
complete cookies reader/writer with full unicode support this little framework consists of a
complete cookies reader/writer with unicode support.
... css css tutorial aimed at
complete beginners, this css tutorial for beginners introduces you to cascading style sheets (css).
Creating custom Firefox extensions with the Mozilla build system - Archive of obsolete content
go back and flesh out the c++ implementation of your components so that the build can
complete next time.
...zip) file with all the chrome files listed in jar.mn as well as a
complete directory structure mirroring that of the jar file.
...your
complete directory structure will look something like this: myextension/ base/ public/ src/ advanced/ content/ locale/ en-us/ ...other locales.../ public/ skin/ classic/ ...other skins.../ src/ other than that, nothing really changes.
...make sure that build/ comes last since it can't create the component library until the other makefiles have
completed.
Enhanced Extension Installation - Archive of obsolete content
the startup process receives this "needsrestart" bit when the extension manager's startup
completes, shuts down xpcom and relaunches the application.
...on the subsequent startup, this function causes metadata about the old version of the item to be
completely removed from the extensions datasource and the new data from the install manifest of the upgrade copied in, to avoid duplicate assertions.
...the set of error logs written is still neither perfect nor
complete, but it's a very good start.
... the nsiextensionmanager interface now has a single, unified set of installation/enabling interfaces: void installitemfromfile(in nsifile file, in string locationkey); void uninstallitem(in string id); void enableitem(in string id); void disableitem(in string id); uninstall logs are no longer written, since the item folder is removed
completely on uninstall.
jspage - Archive of obsolete content
d=true; window.fireevent("domready");document.fireevent("domready");};window.addevent("load",b);if(browser.engine.trident){var a=document.createelement("div"); (function(){($try(function(){a.doscroll();return document.id(a).inject(document.body).set("html","temp").dispose();}))?b():arguments.callee.delay(50);})(); }else{if(browser.engine.webkit&&browser.engine.version<525){(function(){(["loaded","
complete"].contains(document.readystate))?b():arguments.callee.delay(50); })();}else{document.addevent("domcontentloaded",b);}}})();var json=new hash(this.json&&{stringify:json.stringify,parse:json.parse}).extend({$specialchars:{"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},$replacechars:function(a){return json.$specialchars[a]||"\\u00"+math.floor(a.charcodeat()/16).tostrin...
...ions.duration.toint();var b=this.options.wait;if(b===false){this.options.link="cancel"; }},gettransition:function(){return function(a){return -(math.cos(math.pi*a)-1)/2;};},step:function(){var a=$time();if(a<this.time+this.options.duration){var b=this.transition((a-this.time)/this.options.duration); this.set(this.compute(this.from,this.to,b));}else{this.set(this.compute(this.from,this.to,1));this.
complete();}},set:function(a){return a;},compute:function(c,b,a){return fx.compute(c,b,a); },check:function(){if(!this.timer){return true;}switch(this.options.link){case"cancel":this.cancel();return true;case"chain":this.chain(this.caller.bind(this,arguments)); return false;}return false;},start:function(b,a){if(!this.check(b,a)){return this;}this.from=b;this.to=a;this.time=0;this.transition=this.gettrans...
...ition(); this.starttimer();this.onstart();return this;},
complete:function(){if(this.stoptimer()){this.on
complete();}return this;},cancel:function(){if(this.stoptimer()){this.oncancel(); }return this;},onstart:function(){this.fireevent("start",this.subject);},on
complete:function(){this.fireevent("
complete",this.subject);if(!this.callchain()){this.fireevent("chain
complete",this.subject); }},oncancel:function(){this.fireevent("cancel",this.subject).clearchain();},pause:function(){this.stoptimer();return this;},resume:function(){this.starttimer(); return this;},stoptimer:function(){if(!this.timer){return false;}this.time=$time()-this.time;this.timer=$clear(this.timer);return true;},starttimer:function(){if(this.timer){return false; }this.time=$time()-this.time;this.timer=this.step.periodical(math.roun...
...nse={text:null,xml:null};this.failure();}},issuccess:function(){return((this.status>=200)&&(this.status<300)); },processscripts:function(a){if(this.options.evalresponse||(/(ecma|java)script/).test(this.getheader("content-type"))){return $exec(a);}return a.stripscripts(this.options.evalscripts); },success:function(b,a){this.onsuccess(this.processscripts(b),a);},onsuccess:function(){this.fireevent("
complete",arguments).fireevent("success",arguments).callchain(); },failure:function(){this.onfailure();},onfailure:function(){this.fireevent("
complete").fireevent("failure",this.xhr);},setheader:function(a,b){this.headers.set(a,b); return this;},getheader:function(a){return $try(function(){return this.xhr.getresponseheader(a);}.bind(this));},check:function(){if(!this.running){return true; }switch(this.opt...
Creating an Installer - Archive of obsolete content
once the script is
complete, the new package has been installed.
...this function takes two arguments, the first is a list of packages to install, and the second is a callback function which will be called when the installation is
complete.
... here is an example: function donefn ( name , result ){ alert("the package " + name + " was installed with a result of " + result); } var xpi = new object(); xpi["calendar"] = "calendar.xpi"; installtrigger.install(xpi,donefn); first, we define a callback function donefn() which will be called when the install is
complete.
...if the result is 0, the installation
completed successfully.
XUL accessibility guidelines - Archive of obsolete content
it is an excellent indicator regarding the accessibility of a user interface, but is by no means a
complete test.
... ultimately, for applications that must be
completely accessible, it is best to have the application tested by a variety of end users with different software and assistive technology configurations.
...users should be able to reference a
complete description of all major functionality of an application.
... help documentation is not provided or is in
complete.
Introduction to Public-Key Cryptography - Archive of obsolete content
in this case, after server authentication is successfully
completed, the client must also present its certificate to the server to authenticate the client's identity before the encrypted ssl session can be established.
... in addition to using certificates, a
complete single-sign on solution must address the need to interoperate with enterprise systems, such as the underlying operating system, that rely on passwords or other forms of authentication.
... depending on an organization's policies, the process of issuing certificates can range from being
completely transparent for the user to requiring significant user participation and complex procedures.
...for example, an administrator may wish to be notified automatically when a certificate is about to expire, so that an appropriate renewal process can be
completed in plenty of time without causing the certificate's subject any inconvenience.
Scratchpad - Archive of obsolete content
code completion scratchpad integrates the tern code analysis engine, and uses that to provide auto
complete suggestions and popups containing information on the current symbol.
... to list auto
complete suggestions, press ctrl + space.
...you'll see the auto
complete box, as shown below: the icon next to each suggestion indicates the type, and the currently highlighted suggestion gets a popup with more information.
... ctrl + shift + r cmd + shift + r ctrl + shift + r save the pad ctrl + s cmd + s ctrl + s open an existing pad ctrl + o cmd + o ctrl + o create a new pad ctrl + n cmd + n ctrl + n close scratchpad ctrl + w cmd + w ctrl + w pretty print the code in scratchpad ctrl + p cmd + p ctrl + p show auto
complete suggestions ctrl + space ctrl + space ctrl + space show inline documentation ctrl + shift + space ctrl + shift + space ctrl + shift + space source editor shortcuts this table lists the default shortcuts for the source editor.
Using IO Timeout And Interrupt On NT - Archive of obsolete content
if the io operation cannot
complete before the specified timeout, the io function returns with <tt>pr_io_timeout_error</tt>.
...in the meantime, there are dedicated internal threads (called the idle threads) monitoring the io completion port for
completed io requests.
... if a
completed io request appears at the io completion port, an idle thread fetches it and wakes up the thread that issued the io request earlier.
... io timeout and interrupt however, nspr may wake up the thread in two other situations: if the overlapped io request is not
completed before the specified timeout.
Browser Detection and Cross Browser Support - Archive of obsolete content
due to bugs, in
complete implementations of the standards and legacy browsers, web developers must be able to determine which browser a visitor is using and provide the appropriate content and scripting code path.
...unfortunately, no other browser supports web standards as
completely as gecko.
...these other browsers appear to be moving towards more
complete support for the standards and there is hope that in the future web developers and authors will be able to dispense with browser detection at least with regard to features governed by standards.
... provide downlevel pages for older browsers no commercial web site today makes
complete support for netscape navigator versions 1, 2 or 3 or microsoft internet explorer 3 a requirement.
2D maze game with device orientation - Game development
the phaser framework provides you with a set of tools that will speed up development and help handle generic tasks needed to
complete the game, so you can focus on the game idea itself.
... finishlevel loads a new level when the current level is
completed, or finished the game if the final level is
completed.
...this is how the
complete updatecounter function looks: updatecounter: function() { this.timer++; this.timertext.settext("time: "+this.timer); this.totaltimetext.settext("total time: "+(this.totaltimer+this.timer)); }, as you can see we’re incrementing the this.timer variable and updating the content of the text objects with the current values on each iteration, so the player sees the elapsed time.
...when the ball overlaps with the hole (instead of colliding), the finishlevel function is executed: finishlevel: function() { if(this.level >= this.maxlevels) { this.totaltimer += this.timer; alert('congratulations, game
completed!\ntotal time of play: '+this.totaltimer+' seconds!'); this.game.state.start('mainmenu'); } else { alert('congratulations, level '+this.level+'
completed!'); this.totaltimer += this.timer; this.timer = 0; this.level++; this.timertext.settext("time: "+this.timer); this.totaltimetext.settext("total time: "+this.totaltimer); thi...
Mobile accessibility - Learn web development
long gone are the days when mobile devices ran
completely different web technologies to desktop browsers, forcing developers to use browser sniffing and serve them
completely separate sites (although quite a few companies still detect usage of mobile devices and serve them a separate mobile domain).
... for a more
complete list of talkback gestures, see use talkback gestures.
... note: see get started on android with talkback for more
complete documentation.
... note: for a more
complete reference covering the voiceover gestures available and other hints on accessibility testing on ios, see test accessibility on your device with voiceover.
Advanced form styling - Learn web development
the same is also true of the auto
complete list that appears for the datalist.
...you can use something like the following to remove the default slider track
completely and replace it with a custom style (a thin red track, in this case): input[type="range"] { appearance: none; -webkit-appearance: none; background: red; height: 2px; padding: 0; outline: 1px solid transparent; } however, it is very difficult to customize the style of the range control's drag handle — to get full control over range styling you'll need to use a whole bunch of compl...
... the only problem with file pickers is that the button provided that you press to open the file picker is
completely unstyleable — it can't be sized or colored, and it won't even accept a different font.
... niceforms is a standalone javascript method that provides
complete customization of web forms.
Tips for authoring fast-loading HTML pages - Learn web development
any dynamic features that require the page to
complete loading before being used, should be initially disabled, and then only enabled after the page has loaded.
...this not only speeds the display of the page but prevents annoying changes in a page's layout when the page
completes loading.
...you can determine if a given image is loaded by checking to see if the value of its boolean
complete property is true.
...interaction scripts typically can only run after the page has
completely loaded and all necessary objects have been initialized.
Choosing the right approach - Learn web development
asynchronous callbacks generally found in old-style apis, involves a function being passed into another function as a parameter, which is then invoked when an asynchronous operation has been
completed, so that the callback can in turn do something with the result.
... further information cooperative asynchronous javascript: timeouts and intervals, in particular requestanimationframe() requestanimationframe() reference promises promises are a javascript feature that allows you to run asynchronous operations and wait until it is definitely
complete before running another operation based on its result.
...for a much more
complete treatment, see the excellent we have a problem with promises, by nolan lawson.
... further information graceful asynchronous programming with promises using promises promise reference promise.all() a javascript feature that allows you to wait for multiple promises to
complete before then running a further operation based on the results of all the other promises.
Looping code - Learn web development
previous overview: building blocks next programming languages are very useful for rapidly completing repetitive tasks, from multiple basic calculations to just about any other situation where you've got a lot of similar items of work to
complete.
... often, the code will be slightly different on each successive iteration of the loop, which means that you can
complete a whole load of tasks that are similar but slightly different — if you've got a lot of different calculations to do, you want to do each different one, not the same one over and over again!
... exiting loops with break if you want to exit a loop before all the iterations have been
completed, you can use the break statement.
... the same three items are still present, and they are still defined in the same order as they are in the for loop — this makes sense, as you still have to have an initializer defined before you can check whether it has reached the point where the condition is no longer true; the final-expression is then run after the code inside the loop has run (an iteration has been
completed), which will only happen if the condition is still true.
Fetching data from the server - Learn web development
add this next: request.responsetype = 'text'; fetching a resource from the network is an asynchronous operation, meaning that you have to wait for that operation to
complete (e.g., the resource is returned from the network) before you can do anything with that response, otherwise, an error will be thrown.
...add the following below your previous addition to
complete the function.
...if this
completes successfully, the function inside the first .then() block contains the response returned from the network.
... however, a
complete website would handle this error more gracefully by displaying a message on the user's screen and perhaps offering options to remedy the situation, but we don't need anything more than a simple console.log().
What is JavaScript? - Learn web development
in the above example we take the string "player 1: " and join it to the name variable to create the
complete text label, e.g.
... browser security each browser tab has its own separate bucket for running code in (these buckets are called "execution environments" in technical terms) — this means that in most cases the code in each tab is run
completely separately, and the code in one tab cannot directly affect the code in another tab — or on another website.
...}); this is an event listener, which listens for the browser's "domcontentloaded" event, which signifies that the html body is
completely loaded and parsed.
...the problem with this solution is that loading/parsing of the script is
completely blocked until the html dom has been loaded.
Ember interactivity: Events, classes and state - Learn web development
we know that we want to track both the text of a todo, and whether or not it is is
completed.
... add the following import statement below the existing one: import { tracked } from '@glimmer/tracking'; now add the following class below the previous line you added: class todo { @tracked text = ''; @tracked is
completed = false; constructor(text) { this.text = text; } } this class represents a todo — it contains a @tracked text property containing the text of the todo, and a @tracked is
completed property that specifies whether the todo has been
completed or not.
... when instantiated, a todo object will have an initial text value equal to the text given to it when created (see below), and an is
completed value of false.
...we'll also wire up our "clear
completed" button.
Command line crash course - Learn web development
note: a very useful terminal shortcut is using the tab key to auto
complete names that you know are present, rather than having to type out the whole thing.
... for example, after typing the above two commands, try typing cd d and pressing tab — it should auto
complete the directory name desktop for you, provided it is present in the current directory.
...output some download counters and suchlike): location: /docs/web/api/fetch location: /docs/web/api/globalfetch/globalfetch.fetch() location: /docs/web/api/globalfetch/fetch location: /docs/web/api/windoworworkerglobalscope/fetch although contrived, we could take this result a little further and transform the location: line contents, adding the base origin to the start of each one so that we get
complete urls printed out.
... previous overview: understanding client-side tools next in this module client-side tooling overview command line crash course package management basics introducing a
complete toolchain deploying our app ...
Learn web development
this set of articles aims to provide
complete beginners to web development with all that they need to start coding websites.
... if you are a
complete beginner, web development can be challenging — we will hold your hand and provide enough detail for you to feel comfortable and learn the topics properly.
... get started where to start
complete beginner: if you are a
complete beginner to web development, we'd recommend that you start by working through our getting started with the web module, which provides a practical introduction to web development.
... getting started with the web provides a practical introduction to web development for
complete beginners.
Accessible Toolkit Checklist
in this case, adding a
complete or even a partial accessibility solution is major work, and will require more than one full time person as well as cooperation from windows assistive technology vendors when parts of your msaa solution isn't working.
...andle standard editing keys, such as arrow keys, home, end, pageup, pagedown, ctrl+left/right, shifted keys for selection, delete, ctrl+delete, backspace, ctrl+backspace, ctrl+a, ctrl+b, ctrl+c, ctrl+i, ctrl+u, ctrl+x, ctrl+v, ctrl+[shift]+z in multiline text field, enter key inserts new line (thus default button no longer shows dark border when multiline text field is focused) in auto
complete text fields, make sure the auto
complete popup doesn't receive actual or msaa focus unless an up/down arrow is pressed, and don't use the default system highlight color in the list itself unless it really has focus in auto
complete text fields, make sure that the delete or backspace key removes all auto
completed selected text.
... in auto
complete text fields, make sure that the left or right arrow closes the popup and starts moving through the text letter by letter msaa support, including accessible value that holds text, protected for password fields and readonly for read-only fields checkboxes space bar to toggle msaa support, including checkbox state and statechange event sliders keyboard support for moving slider: arrow keys, home, end, pgup, pgdn msaa support including role_slider, accessible value, value change events progress bars msaa support including accessible name, value, name and value change events grouped navigation widgets menus arrow keys, enter, escape alt alone enters main menu after ...
...for auto
complete lists, use the system color offset by 1, so that it looks active but the list items don't get echoed while they user's trying to simply type and edit.
Browser chrome tests
call finish() once the test is
complete.
... be aware that the test harness will mark tests that take too long to
complete as failed (the current timeout is 30 seconds).
... function test() { waitforexplicitfinish(); settimeout(
completetest, 1000); } function
completetest() { ok(true, "timeout ran"); finish(); } if your test is randomly timing out and you think that's just due to it taking too long, you can extend the timeout.
... requestlongertimeout(2); waitforexplicitfinish(); settimeout(
completetest, 40000); } function
completetest() { ok(true, "timeout did not run"); finish(); } exceptions in tests any exceptions thrown under test() will be caught and reported in the test output as a failure.
Continuous Integration
after the builds are
completed, they are used to run a series of correctness and performance tests.
... the talos indicators in treeherder appear green if the job successfully
completed; to see the performance data generated by the jobs, click on the performance tab of the job details panel that pops up when you click on a job in treeherder.
... post-job analysis and alerts there is some analysis of test data that occurs out-of-band after jobs
complete.
... intermittent failures after functional tests
complete, test log data are combined with treeherder's failure classification data.
Capturing a minidump
minidumps are files created by various windows tools which record the
complete state of a program as it's running, or as it was at the moment of a crash.
...sometimes a more
complete form of minidump is needed to see additional details about a crash, in which case manual capture of a minidump is desired.
...unlike the minidumps submitted by breakpad, these minidumps contain the
complete contents of program memory.
...once it
completes, which can take a fair while, you will have a very large file at c:\temp\firefoxcrash.dmp that can be used to help debug your problem.
Error codes returned by Mozilla APIs
this typically will occur if an operation could not
complete properly.
... ns_error_unexpected (0x8000ffff) an operation did not
complete due to a condition which was not expected.
... ns_error_no_aggregation (0x80040110) ns_error_not_available (0x80040111) an operation could not be
completed because some other necessary component or resource was not available.
... ns_error_connection_refused (0x804b000d) ns_error_net_timeout (0x804b000e) ns_error_in_progress (0x804b000f) the requested action could not be
completed while the object is busy.
HTTP Cache
the cache api is
completely thread-safe and non-blocking.
... it will soon be
completely obsoleted and removed (bug 913828).
... two storage objects created with in any way different nsiloadcontextinfo arguments are strictly and
completely distinct and cache entries in them do not overlap even when having the same uris.
... lifetime of an existing entry with only a partial content such a cache entry is first examined in the nsicacheentryopencallback.oncacheentrycheck callback, where it has to be checked for
completeness.
IME handling guide
however, especially on mobile devices nowadays, ime is also used for inputting latin languages like auto
complete.
...when composition
completely ends, it's unregistered from the list (and released automatically).
...if a web application implements auto
complete, committing with different strings especially an empty string it might cause confusion.
...however, tsftextstore ignores such fact temporarily until the composition is finished
completely.
AddonInstall
only available after downloading is
complete.
...this is guaranteed to be correct after downloading is
complete but may be set earlier.
...only available after downloading is
complete.
...the process will continue in the background until it fails,
completes, one of the registered installlisteners pauses it, or the process is canceled by a call to the cancel() method.
Examples
"you have .mozconfig in " + currentdir : "you don't have .mozconfig in " + currentdir); }); }).then(null, components.utils.reporterror); parallel promise (this example needs more work) so when chaining promises, consequent promises run after the previous promise
completes.
...uncomment the line `//var myvariscommented.....` and the promise will
complete succesfully.
... this copy/paste code here will
complete succesfully: components.utils.import("resource://gre/modules/promise.jsm"); var mypromise = myuserdefinedpromise(); mypromise.then( function(asuccessreason) { alert('mypromise was succesful and reason was = "' + asuccessreason + '"'); }, function(arejectreason) { alert('mypromise failed for reason = "' + uneval(arejectreason) + '"'); } ); function myuserdefinedpromise() { try...
... { var myvariscommented = 'hi'; alert(myvariscommented); // throw new error('i feel like rejecting this promise'); return promise.resolve('yay success'); // this takes place } catch(ex) { return promise.reject(ex); } } you must return `promise.resolve` in order to make the promise
complete successfuly.
PR_ConnectContinue
returns if the nonblocking connect has successfully
completed, pr_connectcontinue returns pr_success.
... if pr_connectcontinue() returns pr_failure, call pr_geterror(): - pr_in_progress_error: the nonblocking connect is still in progress and has not
completed yet.
...when pr_poll() returns, one calls pr_connectcontinue() on the socket to determine whether the nonblocking connect has
completed or is still in progress.
... repeat the pr_poll(), pr_connectcontinue() sequence until the nonblocking connect has
completed.
NSS API Guidelines
in addition, some low-level apis may be
completely opaque to higher level layers.
... callback functions, and functions used in function tables, should have a typedef used to define the
complete signature of the given function.
... lock over single element with retry: for medium sized lists, you can secure the reference to each element,
complete a test, then detect if the given element has been removed from the list.
... methods/functions design init, shutdown functions if a layer has some global initialization tasks, which need to be
completed before the layer can be used, that layer should supply an initialization function of the form layer_init().
NSS sources building testing
hg clone https://hg.mozilla.org/projects/nspr hg clone https://hg.mozilla.org/projects/nss after the above commands
complete, you should have two local directories, named nspr and nss, next to each other.
...the
complete build instructions include more information.
...the tests will take a while to
complete; on a slow computer it could take a couple of hours.
... once the test suite has
completed, a summary will be printed that shows the number of failures.
PKCS11 FAQ
for the sake of
completeness, it's also a good idea to expose public key objects.
...nss continues to evolve, and periodically enhances it's functionality by using a more
complete list of pkcs #11 functions.
...the nss softokn3 is not a
complete pkcs #11 module, it was implemented only to support nss, though other products have managed to get it to work in their environment.
... if i have my smart card which has initial pin set at '9999', i insert it into my reader and download with my certificate (keygen
completed), can i issue 'change password' from the firefox to set a new pin to the smart card?
SpiderMonkey 31
these release notes are in
complete.
... when all jsapi operation has
completed, the corresponding js_shutdown method (currently non-mandatory, but highly recommended as it may become mandatory in the future) uninitializes spidermonkey, cleaning up memory and allocations performed by js_init.
... once all jsapi operation has
completed, the corresponding js_shutdown method uninitializes spidermonkey, cleaning up memory and allocations performed by js_init.
... don't add anything here -- this is for after the release notes are
completed.
Using the Places history service
nsiauto
completesearch: url-bar auto
complete from history from 1.9.1 (firefox3.1) on, don't use any places service on (or after) quit-application has been notified, since the database connection will be closed to allow the last sync, and changes will most likely be lost.
... creating the history service the places history service's contract id is "@mozilla.org/browser/nav-history-service;1": var historyservice = components.classes["@mozilla.org/browser/nav-history-service;1"] .getservice(components.interfaces.nsinavhistoryservice); it also responds to the old contract id for url bar auto
complete "@mozilla.org/auto
complete/search;1?name=history" and the contract id for the old history system (since it is backwards-compatible) "@mozilla.org/browser/global-history;2".
... if database initialization
completes correctly a "places-init-
complete" topic is notified, at this point is possible to look for database status: var databasestatus = historyservice.databasestatus; switch (databasestatus) { case historyservice.database_status_ok: // database did already exist and has been correctly initialized.
...the typed flag affects the url bar auto
complete.
IAccessibleTable
iscolumnselected() returns a boolean value indicating whether the specified column is
completely selected.
...isselected returns true if the specified column is selected
completely and false otherwise.
...isrowselected() returns a boolean value indicating whether the specified row is
completely selected.
...isselected returns true if the specified row is selected
completely and false otherwise.
IAccessibleTable2
iscolumnselected() returns a boolean value indicating whether the specified column is
completely selected.
...isselected returns true if the specified column is selected
completely and false otherwise.
...isrowselected() returns a boolean value indicating whether the specified row is
completely selected.
...isselected returns true if the specified row is selected
completely and false otherwise.
nsIBrowserHistory
this method designates the url as having been explicitly typed in by the user, so it can be used as an auto
complete result.
...the typed flag affects the url bar auto
complete.
... note: this method was an alias for moziplacesauto
complete.registeropenpage(), which still exists and can be used instead.
... note: this method was an alias for moziplacesauto
complete.unregisteropenpage(), which still exists and can be used instead.
nsIDNSService
a specified nsidnslistener is invoked when the resolution process is
completed.
...if not null, this parameter specifies the nsieventtarget of the thread on which the listener's onlookup
complete should be called.
... if this parameter is null, then onlookup
complete will be called on an unspecified thread (possibly recursively).
...example let dnsservice = components.classes["@mozilla.org/network/dns-service;1"] .createinstance(components.interfaces.nsidnsservice); let thread = components.classes["@mozilla.org/thread-manager;1"] .getservice(components.interfaces.nsithreadmanager).currentthread; let host = "www.mozilla.org"; let listener = { onlookup
complete: function(request, record, status) { if (!components.issuccesscode(status)) { // handle error here return; } let address = record.getnextaddrasstring(); console.log(host + " = " + address); } }; dnsservice.asyncresolve(host, 0, listener, thread); ...
nsIJumpListBuilder
return value true if the operation
completed successfully.
...return value true if the operation
completed successfully.
...return value true if the operation
completed successfully.
... return value true if the operation
completed successfully.
nsIMsgDBView
g count); void loadmessagebymsgkey(in nsmsgkey amsgkey); void loadmessagebyviewindex(in nsmsgviewindex aindex); void loadmessagebyurl(in string aurl); void reloadmessage(); void reloadmessagewithallparts(); void selectmsgbykey(in nsmsgkey key); void selectfoldermsgbykey(in nsimsgfolder afolder, in nsmsgkey akey); void ondelete
completed(in boolean succeeded); nsmsgviewindex findindexfromkey(in nsmsgkey amsgkey, in boolean aexpand); void expandandselectthreadbyindex(in nsmsgviewindex aindex, in boolean aaugment); void addcolumnhandler(in astring acolumn, in nsimsgcustomcolumnhandler ahandler); void removecolumnhandler(in astring acolumn); nsimsgcustomcolumnhandler getcolumnhandler(in ...
... void reloadmessage(); reloadmessagewithallparts() reload the currently shown message with fetch
completemessage set to true.
... ondelete
completed() called when delete is
completed on a message.
... void ondelete
completed(in boolean succeeded); parameters succeeded true if the delete was successful.
Gloda examples
ction _onitemsadded(aitems, acollection) { }, /* called when items that are already in our collection get re-indexed */ onitemsmodified: function _onitemsmodified(aitems, acollection) { }, /* called when items that are in our collection are purged from the system */ onitemsremoved: function _onitemsremoved(aitems, acollection) { }, /* called when our database query
completes */ onquery
completed: function _onquery
completed(conversation_coll) { try { for (var conv in conversation_coll) { //do something with the conversation here alert(conv.subject); } } catch (e) {} } } glodamessage.conversation.getmessagescollection(alistener) alternatively if you need to get a conversation based on the...
...ction _onitemsadded(aitems, acollection) { }, /* called when items that are already in our collection get re-indexed */ onitemsmodified: function _onitemsmodified(aitems, acollection) { }, /* called when items that are in our collection are purged from the system */ onitemsremoved: function _onitemsremoved(aitems, acollection) { }, /* called when our database query
completes */ onquery
completed: function _onquery
completed(acollection) { var items = acollection.items; for (msg of items) { alert(msg.subject); }; } }; collection = id_q.getcollection(mylistener); show all messages where the from, to and cc values include a specified email address at present there doesn't appear to be any way of going directly from an ema...
...d_q.kind("email"); id_q.value("test@example.com"); id_coll = id_q.getcollection({ onitemsadded: function _onitemsadded(aitems, acollection) { }, onitemsmodified: function _onitemsmodified(aitems, acollection) { }, onitemsremoved: function _onitemsremoved(aitems, acollection) { }, onquery
completed: function _onquery
completed(id_coll) { //woops no identity if (id_coll.items.length <= 0) return; id = id_coll.items[0]; //now we use the identity to find all messages that person was involved with msg_q=gloda.newquery(gloda.noun_message) msg_q.involves(id) ...
... onitemsmodified: function _onitemsmodified(aitems, acollection) { }, /* called when items that are in our collection are purged from the system */ onitemsremoved: function _onitemsremoved(aitems, acollection) { }, /* called when our database query
completes */ onquery
completed: function _onquery
completed(msg_coll) { try { while(msg = msg_coll.items.pop()) { //do something with the messages here alert(msg.subject); } ...
Mail event system
{}, onitemintpropertychanged: myonintpropertychanged, onitemboolpropertychanged: function(item, property, oldvalue, newvalue) {}, onitemunicharpropertychanged: function(item, property, oldvalue, newvalue) {}, onitempropertyflagchanged: function(item, property, oldflag, newflag) {}, onitemevent: function(item, event) = {}, onfolderloaded: function(afolder) = {} ondeleteormovemessages
completed: function( afolder) = {}, } // now register myself as a listener on every mail folder var mailsession = components.classes["component://netscape/messenger/services/session"].
... future plans the notification system has two duplicate methods which could be implemented with onitemevent/notifyitemevent: folderloaded , and deleteormovemessages
completed .
...
completed there are some of redundant methods between the nsimsgmailsession and the nsifolderlistener interfaces.
... nsimsgmailsession also contains a number of other methods that are
completely unrealted to folder notification.
WebIDL bindings
the
complete list of valid deprecation tags is maintained in nsdeprecatedoperationlist.h.
... errorcode: returns a failure nsresult representing (perhaps in
completely) the state of this errorresult.
...this.__dom_impl__.__delete(akey); //
completely clear all values from maplike storage this.__dom_impl__.__clear(); setlike the following interface: [jsimplementation="@mozilla.org/dom/string-js-setlike;1", constructor()] interface stringsetlike { readonly setlike<domstring>; }; has these js functions available to it: // adds a key to a set.
...this.__dom_impl__.__delete(akey) //
completely clear all values from maplike storage this.__dom_impl__.__clear(); determining the principal of the caller that invoked the webidl api this can be done by calling component.utils.getwebidlcallerprincipal().
Mozilla
(to get a stacktrace for thunderbird or some other product, substitute the product name where ever you see firefox in this instructions.) how to implement a custom auto
complete search component the xul textbox element supports an auto
complete mechanism that is used to create a textbox with a popup containing a list of possible completions for what the user has started to type.
... there are actually two auto
complete mechanisms: how to investigate disconnect failures this article will guide you on how to investigate disconnect failures.
... mozilla dom hacking guide mozilla gives you the opportunity not only to use very powerful and
complete dom support, but also to work on a world-class implementation of one of the greatest internet technologies ever created.
... mozilla style system documentation see also the style techtalk for more
complete although less detailed documentation.
URLs - Plugins
without this notification, the plug-in cannot tell whether a request with a null target failed or a request with a non-null target was
completed.
... if a request is not
completed successfully (for example, because the url is invalid or an http server is down), the browser should call npp_urlnotify as soon as possible.
... if a request
completes successfully, and the target is non-null, the browser calls npp_urlnotify after it has finished loading the url.
...both functions pass the notifydata value to npp_urlnotify, which tells the plug-in that the url request was
completed and the reason for completion.
All keyboard shortcuts - Firefox Developer Tools
esc step forward through properties and values tab tab tab step backward through properties and values shift + tab shift + tab shift + tab start editing property or value (rules view only, when a property or value is selected, but not already being edited) enter or space return or space enter or space cycle up and down through auto-
complete suggestions (rules view only, when a property or value is being edited) up arrow , down arrow up arrow , down arrow up arrow , down arrow choose current auto-
complete suggestion (rules view only, when a property or value is being edited) enter or tab return or tab enter or tab increment selected value by 1 up arrow up arrow up arrow decrement ...
...nitiating reverse search) shift + f9 ctrl + s shift + f9 move to the beginning of the line home ctrl + a ctrl + a move to the end of the line end ctrl + e ctrl + e execute the current expression enter return enter add a new line, for entering multiline expressions shift + enter shift + return shift + enter auto
complete popup these shortcuts apply while the auto
complete popup is open: command windows macos linux choose the current auto
complete suggestion tab tab tab cancel the auto
complete popup esc esc esc move to the previous auto
complete suggestion up arrow up arrow up arrow move to the next auto
complete suggestion down arro...
...w down arrow down arrow page up through auto
complete suggestions page up page up page up page down through auto
complete suggestions page down page down page down scroll to start of auto
complete suggestions home home home scroll to end of auto
complete suggestions end end end style editor command windows macos linux open the style editor shift + f7 shift + f7 shift + f7 open auto
complete popup ctrl + space cmd + space ctrl + space scratchpad command windows macos linux open the scratchpad shift + f4 shift + f4 shift + f4 run scratchpad code ctrl + r cmd + r ctrl + r run scratchpad code, dis...
... ctrl + shift + r cmd + shift + r ctrl + shift + r save the pad ctrl + s cmd + s ctrl + s open an existing pad ctrl + o cmd + o ctrl + o create a new pad ctrl + n cmd + n ctrl + n close scratchpad ctrl + w cmd + w ctrl + w pretty print the code in scratchpad ctrl + p cmd + p ctrl + p show auto
complete suggestions ctrl + space ctrl + space ctrl + space show inline documentation ctrl + shift + space ctrl + shift + space ctrl + shift + space eyedropper command windows macos linux select the current color enter return enter dismiss the eyedropper esc esc esc move by 1 pixel arrow keys arrow ke...
Document - Web APIs
animationend fired when an animation has
completed normally.
... animationiteration fired when an animation iteration has
completed.
... load & unload events domcontentloaded fired when the document has been
completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading.
... transitionend fired when a css transition has
completed.
Basic concepts - Web APIs
transactions have a well-defined lifetime, so attempting to use a transaction after it has
completed throws exceptions.
... durable in firefox, indexeddb used to be durable, meaning that in a readwrite transaction idbtransaction.on
complete was fired only when all data was guaranteed to have been flushed to disk.
...in this case the
complete event is fired after the os has been told to write the data but potentially before that data has actually been flushed to disk.
...you're storing critical data that cannot be recomputed later) you can force a transaction to flush to disk before delivering the
complete event by creating a transaction using the experimental (non-standard) readwriteflush mode (see idbdatabase.transaction.) this is currently experimental, and can only be used if the dom.indexeddb.experimental pref is set to true in about:config.
OfflineAudioContext.startRendering() - Web APIs
the
complete event (of type offlineaudiocompletionevent) is raised when the rendering is finished, containing the resulting audiobuffer in its renderedbuffer property.
... syntax event-based version: offlineaudioctx.startrendering(); offlineaudioctx.on
complete = function(e) { // e.renderedbuffer contains the output buffer } promise-based version: offlineaudioctx.startrendering().then(function(buffer) { // buffer contains the output buffer }); parameters none.
... when the startrendering() promise resolves, rendering has
completed and the output audiobuffer is returned out of the promise.
...e = 'arraybuffer'; request.onload = function() { var audiodata = request.response; audioctx.decodeaudiodata(audiodata, function(buffer) { mybuffer = buffer; source.buffer = mybuffer; source.connect(offlinectx.destination); source.start(); //source.loop = true; offlinectx.startrendering().then(function(renderedbuffer) { console.log('rendering
completed successfully'); var audioctx = new (window.audiocontext || window.webkitaudiocontext)(); var song = audioctx.createbuffersource(); song.buffer = renderedbuffer; song.connect(audioctx.destination); play.onclick = function() { song.start(); } }).catch(function(err) { console.log('rendering failed: ' + err); // no...
Payment processing concepts - Web APIs
in the end, the only thing that the web site or app is responsible for is fetching the merchant's validation key and passing it into the event's
complete() method.
... paymentrequest.onmerchantvalidation = function(event) { event.
complete(fetchvalidationdata(event.validationurl)); } in this example, fetchvalidationdata() is a function which loads the payment handler specific identifying information from the address given by validationurl.
... by then delivering this data (or a promise which resolves to the loaded data) to the payment handler by passing it into
complete(), the payment handler can use the retrieved data and whatever algorithm and other data to support in order to verify that the merchant can use the payment handler.
...for instance, safari has integrated support for apple pay, so the apple pay payment handler uses this to ensure that apple pay can be used to pay the merchant by sending merchantvalidation to the client, instructing it to fetch the server's validation data and deliver it to the payment handler by calling
complete().
Payment Request API - Web APIs
payment request concepts and usage many problems related to online shopping-cart abandonment can be traced to checkout forms, which can be difficult and time consuming to fill out and often require multiple steps to
complete.
... the payment request api is meant to reduce the number of steps needed to
complete a payment online, potentially doing away with checkout forms.
...the paymentrequest allows the web page to exchange information with the user agent while the user provides input to
complete the transaction.
... you can find a
complete guide in using the payment request api.
PerformanceTiming - Web APIs
performancetiming.redirectend read only when the last http redirect is
completed, that is when the last byte of the http response has been received.
... performancetiming.dom
complete read only when the parser finished its work on the main document, that is when its document.readystate changes to '
complete' and the corresponding readystatechange event is thrown.
... performancetiming.loadeventend read only when the load event handler terminated, that is when the load event is
completed.
... if this event has not yet been sent, or is not yet
completed, it returns 0.
RTCPeerConnection: icecandidate event - Web APIs
indicating the end of a generation of candidates when an ice negotiation session runs out of candidates to propose for a given rtcicetransport, it has
completed gathering for a generation of candidates.
... indicating that ice gathering is
complete once all ice transports have finished gathering candidates and the value of the rtcpeerconnection object's icegatheringstate has made the transition to
complete, an icecandidate event is sent with the value of
complete set to null.
...r candidates expected, you're much better off watching the ice gathering state by watching for icegatheringstatechange events: pc.addeventlistener("icegatheringstatechange", ev => { switch(pc.icegatheringstate) { case "new": /* gathering is either just starting or has been reset */ break; case "gathering": /* gathering has begun or is ongoing */ break; case "
complete": /* gathering has ended */ break; } }); as you can see in this example, the icegatheringstatechange event lets you know when the value of the rtcpeerconnection property icegatheringstate has been updated.
... if that value is now
complete, you know that ice gathering has just ended.
Using Service Workers - Web APIs
when the oninstall handler
completes, the service worker is considered installed.
...we could try to work around this using .
complete, but it’s still not foolproof, and what about multiple images?
... the install event is fired when an install is successfully
completed.
... promises passed into waituntil() will block other events until completion, so you can rest assured that your clean-up operation will have
completed by the time you get your first fetch event on the new service worker.
SubtleCrypto.decrypt() - Web APIs
see the
complete code on github.
...see the
complete code on github.
...see the
complete code on github.
...see the
complete code on github.
SubtleCrypto.encrypt() - Web APIs
see the
complete code on github.
...see the
complete code on github.
...see the
complete code on github.
...see the
complete code on github.
SubtleCrypto.exportKey() - Web APIs
see the
complete code on github.
...see the
complete code on github.
...see the
complete code on github.
...see the
complete code on github.
SubtleCrypto.importKey() - Web APIs
see the
complete code on github.
...see the
complete code on github.
...see the
complete code on github.
...see the
complete code on github.
SubtleCrypto.sign() - Web APIs
see the
complete source code on github.
...see the
complete source code on github.
...see the
complete source code on github.
...see the
complete source code on github.
SubtleCrypto.verify() - Web APIs
see the
complete code on github.
...see the
complete code on github.
...see the
complete code on github.
...see the
complete code on github.
SubtleCrypto.wrapKey() - Web APIs
see the
complete code on github.
...see the
complete code on github.
...see the
complete code on github.
...see the
complete code on github.
Writing WebSocket servers - Web APIs
once the server sends these headers, the handshake is
complete and you can start swapping data!
... keeping track of clients this doesn't directly relate to the websocket protocol, but it's worth mentioning here: your server must keep track of clients' sockets so you don't keep handshaking again with clients who have already
completed the handshake.
...fin and opcode details are shown only for the client: client: fin=1, opcode=0x1, msg="hello" server: (process
complete message immediately) hi.
... client: fin=0, opcode=0x1, msg="and a" server: (listening, new message containing text started) client: fin=0, opcode=0x0, msg="happy new" server: (listening, payload concatenated to previous message) client: fin=1, opcode=0x0, msg="year!" server: (process
complete message) happy new year to you too!
Starting up and shutting down a WebXR session - Web APIs
be aware, however, that the emulator does not yet
completely emulate all of the webxr api, so you may run into problems you're not expecting.
...so a more
complete function that starts up and returns a webxr session could look like this: async function createimmersivesession(xr) { try { session = await xr.requestsession("immersive-vr"); return session; } catch(error) { throw error; } } this function returns the new xrsession or throws an exception if an error occurs while creating the session.
...at this point, the setup process is
complete and we've entered the rendering stage of our application.
...this returns a promise you can use to know when the shutdown is
complete.
Window - Web APIs
animationend fired when an animation has
completed normally.
... animationiteration fired when an animation iteration has
completed.
... domcontentloaded fired when the document has been
completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading.
... transitionend fired when a css transition has
completed.
Synchronous and asynchronous requests - Web APIs
this handler looks at the request's readystate to see if the transaction is
complete in line 4; if it is, and the http status is 200, the handler dumps the received content.
... line 1 declares a function invoked when the xhr operation
completes successfully.
... line 5 declares a function invoked when the xhr operation fails to
complete successfully.
... line 5 checks the status code after the transaction is
completed.
XMLHttpRequest.readyState - Web APIs
4 done the operation is
complete.
... done the fetch operation is
complete.
... this could mean that either the data transfer has been
completed successfully or failed.
...instead of unsent, opened, headers_received, loading and done, the names readystate_uninitialized (0), readystate_loading (1), readystate_loaded (2), readystate_interactive (3) and readystate_
complete (4) are used.
XRInputSource - Web APIs
once the action is
completed and the user has released the trigger or the grip, a squeeze event is sent.
... this is followed by a squeezeend, which is also sent if the action is aborted rather than
completed.
...when the action has
completed (such as when the user releases the button), a select event is sent.
... an action may be aborted either by the user in some device-specific fashion or if the input device is disconnected before the action is
completed.
ARIA: application role - Accessibility
any sort of special interpretation of html structures and widgets should be suspended, and control should be
completely handed over to the browser and web application to handle mouse, keyboard, or touch interaction.
... in this mode, the web author is
completely responsible for handling any and all keyboard input, focus management, and other interactions and cannot assume assistive technologies would do any processing on their end.
... keyboard interactions keyboard interaction is
completely under the web author's control and can be anything associated with the particular widget being implemented.
... the application role does not have a related html widget and thus is
completely free form.
Web applications and ARIA FAQ - Accessibility
function updateprogress(percent
complete) { progressbar.setattribute("aria-valuenow", percent
complete); } will adding aria change my page styles or behavior?
... here is an example of the markup used for an html5 progress bar: <!doctype html> <html> <head><title>gracefully degrading progress bar</title></head> <body> <progress id="progress-bar" value="0" max="100">0%
complete</progress> <button id="update-button">update</button> </body> </html> ...
... progressbar.setattribute("role", "progressbar"); progressbar.setattribute("aria-valuemin", 0); progressbar.setattribute("aria-valuemax", 100); } } function updateprogress(percent
complete) { if (!supportshtml5progress) { // html5 <progress> isn't supported by this browser, // so we need to update the aria-valuenow attribute progressbar.setattribute("aria-valuenow", percent
complete); } else { // html5 <progress> is supported, so update the value attribute instead.
... progressbar.setattribute("value", percent
complete); } progressbar.textcontent = percent
complete + "%
complete"; } function initdemo() { setupprogress(); // setup the progress bar.
<color> - CSS: Cascading Style Sheets
there are a few caveats to consider when using color keywords: html only recognizes the 16 basic color keywords found in css1, using a specific algorithm to convert unrecognized values (often to
completely different colors).
... unlike html, css will
completely ignore unknown keywords.
...this makes the background behind the colored item
completely visible.
...100% saturation is
completely saturated, while 0% is
completely unsaturated (gray).
<input type="search"> - HTML: Hypertext Markup Language
events change and input supported common attributes auto
complete, list, maxlength, minlength, pattern, placeholder, required, size.
... additional attributes in addition to the attributes that operate on all <input> elements regardless of their type, search field inputs support the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined auto
complete options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid pattern a regular expression the input's contents must match in order to be valid placeholder an exemplar value to display in the input field whenever it is empty readonly ...
... if the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored
completely.
...the following screenshot comes from chrome: in addition, modern browsers also tend to automatically store search terms previously entered across domains, which then come up as auto
complete options when subsequent searches are performed in search inputs on that domain.
<input type="tel"> - HTML: Hypertext Markup Language
value a domstring representing a telephone number, or empty events change and input supported common attributes auto
complete, list, maxlength, minlength, pattern, placeholder, readonly, and size idl attributes list, selectionstart, selectionend, selectiondirection, and value methods select(), setrangetext(), setselectionrange() value the <input> element's value attribute contains a domstring that either represents a telephone number or is an empty string ("").
... additional attributes in addition to the attributes that operate on all <input> elements regardless of their type, telephone number inputs support the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined auto
complete options maxlength the maximum length, in utf-16 characters, to accept as a valid input minlength the minimum length that is considered valid for the field's contents pattern a regular expression the entered value must match to pass constraint validation placeholder an example value to display inside the field when it has no value readonly a boolean attribute which, if present, indicates that the field's contents should not be u...
... if the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored
completely.
...this also offers hints to auto
complete.
<input type="time"> - HTML: Hypertext Markup Language
events change and input supported common attributes auto
complete, list, readonly, and step idl attributes value, valueasdate, valueasnumber, and list.
... additional attributes in addition to the attributes common to all <input> elements, time inputs offer the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined auto
complete options max the latest time to accept, in the syntax described under time value format min the earliest time to accept as a valid input readonly a boolean attribute which, if present, indicates that the contents of the time input should not be user-editable step the stepping interval to use both for user interfaces purposes and during constraint val...
... this property has some strange effects across browsers, so is not
completely reliable.
... also made the field required: <form> <div> <label for="appt-time">choose an appointment time (opening hours 12:00 to 18:00): </label> <input id="appt-time" type="time" name="appt-time" min="12:00" max="18:00" required> <span class="validity"></span> </div> <div> <input type="submit" value="submit form"> </div> </form> if you try to submit the form with an in
complete time (or with a time outside the set bounds), the browser displays an error.
<input type="url"> - HTML: Hypertext Markup Language
value a domstring representing a url, or empty events change and input supported common attributes auto
complete, list, maxlength, minlength, pattern, placeholder, readonly, required and size idl attributes list, value, selectionend, selectiondirection methods select(), setrangetext() and setselectionrange().
... additional attributes in addition to the attributes that operate on all <input> elements regardless of their type, url inputs support the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined auto
complete options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid pattern a regular expression the input's contents must match in order to be valid placeholder an exemplar value to display in the input field whenever it is empty readonly ...
... if the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored
completely.
...this also offers hints to auto
complete.
Control flow and error handling - JavaScript
see expressions and operators for
complete information about expressions.
... "standalone" blocks in javascript can produce
completely different results from what they would produce in c or java.
...ource } if the finally block returns a value, this value becomes the return value of the entire try…catch…finally production, regardless of any return statements in the try and catch blocks: function f() { try { console.log(0); throw 'bogus'; } catch(e) { console.log(1); return true; // this return statement is suspended // until finally block has
completed console.log(2); // not reachable } finally { console.log(3); return false; // overwrites the previous "return" console.log(4); // not reachable } // "return false" is executed now console.log(5); // not reachable } console.log(f()); // 0, 1, 3, false overwriting of return values by the finally block also applies to exceptions thrown or re-thrown inside of the catch ...
...block: function f() { try { throw 'bogus'; } catch(e) { console.log('caught inner "bogus"'); throw e; // this throw statement is suspended until // finally block has
completed } finally { return false; // overwrites the previous "throw" } // "return false" is executed now } try { console.log(f()); } catch(e) { // this is never reached!
JavaScript
for
complete beginners head over to our learning area javascript topic if you want to learn javascript but have no previous experience of javascript or programming.
... the
complete modules available there are as follows: javascript first steps answers some fundamental questions such as "what is javascript?", "what does it look like?", and "what can it do?", along with discussing key javascript features such as variables, strings, numbers, and arrays.
... reference browse the
complete javascript reference documentation.
...the first 40 lessons are free, and the
complete course is available for a small one-time payment.
Codecs used by WebRTC - Web media technologies
complete details of what video codecs and configurations webrtc is required to support can be found in rfc 7742: webrtc video processing and codec requirements.
... let codeclist = null; peerconnection.addeventlistener("icegatheringstatechange", (event) => { if (peerconnection.icegatheringstate === "
complete") { const senders = peerconnection.getsenders(); senders.foreach((sender) => { if (sender.track.kind === "video") { codeclist = sender.getparameters().codecs; return; } }); } codeclist = null; }); the event handler for icegatheringstatechange is established; in it, we look to see if the ice gathering state is
complete, indicating that no further cand...
...of the two mandatory codecs for video—vp8 and avc/h.264—only vp8 is
completely free of licensing requirements.
... rtp payload format media types it may be useful to refer to the iana's list of rtp payload format media types; this is a
complete list of the mime media types defined for potential use in rtp streams, such as those used in webrtc.
Content Scripts - Archive of obsolete content
a message-passing api allows the main code and content scripts to communicate with each other this
complete add-on illustrates all of these principles.
... almost all the examples presented in this guide are available as
complete, but minimal, add-ons in the addon-sdk-content-scripts repository on github.
...so to emit a message from a content script: self.port.emit("mycontentscriptmessage", mycontentscriptmessagepayload); to receive a message from the add-on code: self.port.on("myaddonmessage", function(myaddonmessagepayload) { // handle the message }); note that the global self object is
completely different from the self module, which provides an api for an add-on to access its data files and id.
dev/panel - Archive of obsolete content
it's equivalent to document.readystate === "
complete".
... example here's a
complete main.js: // main.js // require the sdk modules const { panel } = require("dev/panel"); const { tool } = require("dev/toolbox"); const { class } = require("sdk/core/heritage"); // define the panel constructor const mypanel = class({ extends: panel, label: "my panel", tooltip: "my new devtool's panel", icon: "./my-icon.png", url: "./my-panel.html", // when the panel is created, // take a reference to the debuggee setup: function(options) { this.debuggee = options.debuggee; }, dispose: funct...
... note that at the moment volcan.js does not support the
complete remote debugging protocol.
Chrome Authority - Archive of obsolete content
when the manifest implementation is
complete the runtime loader will actually prevent modules from require()ing modules that are not listed in the manifest.
...(until this work is
complete, modules may be able to sneak around these restrictions).
...if the scanner fails to see a require entry, the manifest will not include that entry, and (once the implementation is
complete) the runtime code will get an exception.
Getting Started with Firefox Extensions - Archive of obsolete content
they can add anything from a toolbar button to a
completely new feature.
... firefox provides a very rich and flexible architecture that allows extension developers to add advanced features, customize the user's experience, and
completely replace and remove parts of the browser.
...installing, uninstalling, enabling and disabling add-ons require a restart to
complete, with the exception of npapi plugins, add-ons sdk extensions and bootstrapped extensions.
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
i think that fact played a critical role in our team's willingness to try out something
completely new.
...a few changes to the css can
completely alter the presentation of thousands of pages.
...since all of our content is also
completely accessible sans style sheets, i think we get the best of both worlds: a well-designed, highly stylized, true-to-our-brand website which adapts in different browsing environments.
Venkman Introduction - Archive of obsolete content
when the download is
complete, restart your browser (some windows users may also need to restart their computer as well).
...if only one command matches, it will be auto-
completed on the first tab.
... view customization venkman offers nearly
complete control over the arrangement and display of views within the application.
textbox.type - Archive of obsolete content
auto
complete a textbox that supports auto
complete.
... for more information about auto
complete textboxes, see the auto
complete documentation (xpfe [thunderbird/seamonkey]) (firefox) number a textbox that only allows the user to enter numbers.
...if you have <binding id="input" extends="chrome://global/content/bindings/auto
complete.xml#auto
complete" >, then the textbox will have auto
complete type, regardless of tree's 'type' attribute.
Attribute (XUL) - Archive of obsolete content
« xul reference home acceltext accessible accesskey activetitlebarcolor afterselected align allowevents allownegativeassertions alternatingbackground alwaysopenpopup attribute autocheck auto
completeenabled auto
completepopup auto
completesearch auto
completesearchparam autofill autofillaftermatch autoscroll beforeselected buttonaccesskeyaccept buttonaccesskeycancel buttonaccesskeydisclosure buttonaccesskeyextra1 buttonaccesskeyextra2 buttonaccesskeyhelp buttonalign buttondir buttondisabledaccept buttonlabelaccept buttonlabelcancel buttonlabeldisclosure buttonlabelextra1 buttonlabelextra2 buttonlabelhelp buttonorient buttonpack buttons checked checkstate clicktoscroll class closebutton closemenu coalesceduplicatearcs collapse collapsed color ...
... cols command commandupdater
completedefaultindex container containment contentcontextmenu contenttooltip context contextmenu control crop curpos current currentset customindex customizable cycler datasources decimalplaces default defaultbutton defaultset description dir disableauto
complete disableautoselect disableclose disabled disablehistory disablekeynavigation disablesecurity dlgtype dragging editable editortype element empty emptytext deprecated since gecko 2 enablecolumndrag enablehistory equalsize eventnode events expr firstdayofweek firstpage first-tab fixed flags flex focused force
complete grippyhidden grippytooltiptext group handlectrltab height helpuri hidden hidechrome hidecolumnpicker hideheader hideseconds hidespinbutt...
...rves onbeforeaccept onbookmarkgroup onchange onclick onclosetab oncommand oncommandupdate ondialogaccept ondialogcancel ondialogclosure ondialogextra1 ondialogextra2 ondialoghelp onerror onerrorcommand onextra1 onextra2 oninput onload onnewtab onpageadvanced onpagehide onpagerewound onpageshow onpaneload onpopuphidden onpopuphiding onpopupshowing onpopupshown onsearch
complete onselect ontextcommand ontextentered ontextrevert ontextreverted onunload onwizardback onwizardcancel onwizardfinish onwizardnext open ordinal orient pack pageid pageincrement pagestep parent parsetype persist persistence phase pickertooltiptext placeholder popup position predicate preference preference-editable primary priority properties querytype readonly re...
addSession - Archive of obsolete content
« xul reference home addsession( session ) obsolete since gecko 26 return type: nsiauto
completesession adds a new session object to the auto
complete widget.
... this can be used to create a customized auto
complete results list.
... the argument should be an object which implements the nsiauto
completesession interface.
Progress Meters - Archive of obsolete content
adding a progress meter a progress meter is a bar that indicates how much of a task has been
completed.
...if this is set to determined, the progress meter is a determinate progress meter where it fills up as the task
completes.
...the value would be changed by a script as the task
completes.
Skinning XUL Files by Hand - Archive of obsolete content
in the very near future, it will be possible to skin xul files dynamically and
completely -- by pressing a button, selecting a skin from a menu, or by accepting a skin from over the web.
... here is a very short (but
complete!) cascading stylesheet that might be referenced and used by a xul file: toolbar.nav-bar { background-image: url("chrome://navigator/skin/navbar-bg.gif"); padding: 0px; padding-bottom: 2px; } box#navbar { background-color: lightblue; } a:link { color: #fa8072; } this stylesheet exhibits three of the different types of style definitions described above.
...what you have done manually in this article will be done dynamically and much more
completely by a mechanism called thechrome registry.
browser - Archive of obsolete content
attributes auto
completeenabled, auto
completepopup, autoscroll, disablehistory, disableglobalhistory, disablesecurity, droppedlinkhandler, homepage, showcaret, src, type properties accessibletype, cangoback, cangoforward, contentdocument, contentprincipal, contenttitle, contentvieweredit, contentviewerfile, contentwindow, currenturi, docshell, documentcharsetinfo, homepage, markupdocumentviewer, messagemanager, pref...
...ogress methods addprogresslistener, goback, goforward, gohome, gotoindex, loaduri, loaduriwithflags, reload, reloadwithflags, removeprogresslistener, stop, swapdocshells examples <!-- shows mozilla homepage inside a groupbox --> <groupbox flex="1"> <caption label="mozilla homepage"/> <browser type="content" src="http://www.mozilla.org" flex="1"/> </groupbox> attributes auto
completeenabled type: boolean set to true to enable auto
complete of fields.
... auto
completepopup type: id the id of a popup element used to hold auto
complete results for the element.
tabbrowser - Archive of obsolete content
attributes auto
completeenabled, auto
completepopup, autoscroll, contentcontextmenu, contenttooltip, handlectrlpageupdown, onbookmarkgroup, onnewtab, tabmodalpromptshowing properties browsers, cangoback, cangoforward, contentdocument, contenttitle, contentvieweredit, contentviewerfile, contentwindow, currenturi, docshell, documentcharsetinfo, homepage, markupdocumentviewer, securityui, selectedbrowser, selectedtab, sess...
...ptbox, goback, gobackgroup, goforward, goforwardgroup, gohome, gotoindex, loadgroup, loadonetab, loadtabs, loaduri, loaduriwithflags, movetabto, pintab, reload, reloadalltabs, reloadtab, reloadwithflags, removealltabsbut, removecurrenttab, removeprogresslistener, removetab, removetabsprogresslistener,replacegroup, selecttabatindex, seticon, showonlythesetabs, stop, unpintab attributes auto
completeenabled type: boolean set to true to enable auto
complete of fields.
... auto
completepopup type: id the id of a popup element used to hold auto
complete results for the element.
What XULRunner Provides - Archive of obsolete content
the following features are either already implemented or planned: gecko features xpcom networking gecko rendering engine dom editing and transaction support (no ui) cryptography xbl (xbl2 planned) xul svg xslt xml extras (xmlhttprequest, domparser, etc.) web services (soap) auto-update support (not yet
complete) type ahead find toolbar history implementation (the places implementation in the 1.9 cycle) accessibility support ipc services for communication between gecko-based apps (not yet
complete) storage/sqlite interfaces user interface features the following user interface is supplied by xulrunner, and may be overridden by embedders under certain circumstances: apis and user interface fo...
... extension manager file picker (uses native os filepicker as appropriate) find toolbar helper app dialog/ui security ui (maintenance of ssl keychains, etc) embedding apis the following embedding apis are provided by xulrunner: cross-platform embedding (xre_initembedding) javaxpcom embedding gtkmozembed (linux only) activex control (windows only) (not yet
complete) obsolete since gecko 7.0 nsview-based-widget (mac os x only) (not yet
complete) the "maybe" list the following features have been discussed and may be included if developer time permits and code size is controlled: ldap support spellchecking support (with or without dictionaries provided) see bug 285977 core support for profile roaming (with application-specific extensibility) pyxpco...
...m embedding (not yet
complete) - but it does work, if you compile a custom build that includes the pyxpcom bindings and there is a working python available.
Gecko Compatibility Handbook - Archive of obsolete content
while they support the css 1 standard to some degree, the implementations are not
complete and have non-standard features added.
... in addition, internet explorer 4 and netscape navigator 4 use
completely different methods of embedding third-party software into the browser.
... wrong doctype problem: an incorrect doctype can
completely alter a page's presentation.
NPN_GetURLNotify - Archive of obsolete content
this notification is the only way the plug-in can tell whether a request with a null target failed, or that a request with a non-null target
completed.
... for requests that
complete unsuccessfully, the browser calls npp_urlnotify() as soon as possible.
... for requests that
complete successfully: if the target is non-null, the browser calls npp_urlnotify() after it has finished loading the url.
NPP_NewStream - Archive of obsolete content
the browser calls npp_destroystream when the stream
completes (either successfully or abnormally).
...when the stream is
complete, the browser calls npp_streamasfile to deliver the path of the file to the plug-in.
...when the stream is
complete, the browser calls npp_streamasfile to deliver the path of the file to the plug-in.
Debug.msTraceAsyncCallbackStarting - Archive of obsolete content
remarks call this function in the callback function for the asynchronous operation after the call to debug.mstraceasyncoperation
completed.
... function asyncwrapperfunction() { var opid = debug.mstraceasyncoperationstarting('async trace'); dosomethingasync().then(function (result) { debug.mstraceasyncoperation
completed(opid, debug.ms_async_op_status_success); debug.mstraceasynccallbackstarting(opid); // process result of async operation.
... }, function (error) { debug.mstraceasyncoperation
completed(opid, debug.ms_async_op_status_error); debug.mstraceasynccallbackstarting(opid); }); debug.mstraceasynccallback
completed(); } function dosomethingasync() { return winjs.promise.as(true); } asyncwrapperfunction(); requirements supported in the internet explorer 11 standards document mode.
LiveConnect Overview - Archive of obsolete content
see data type conversion for
complete information.
...see data type conversions for
complete information.
...if canhandle is false, the exception is rethrown, the java handler catches it, and the doit method returns a java string: javascript error occurred see exception handling statements for
complete information about javascript exceptions.
Archive of obsolete content
see the
complete index of archived content note to writers: we need to try to keep the subpages here organized instead of all dumped into one large folder.
... creating a status bar extension many of the concepts introduced here apply to any xul-based application; however, to keep from getting
completely overwhelmed, we're going to focus specifically on firefox.
...this list is likely to be in
complete since we think there are many dark matter projects that we don't know about.
Asynchronous - MDN Web Docs Glossary: Definitions of Web-related terms
the term asynchronous refers to two or more objects or events not existing or happening at the same time (or multiple related things happening without waiting for the previous one to
complete).
... software design asynchronous software design expands upon the concept by building code that allows a program to ask that a task be performed alongside the original task (or tasks), without stopping to wait for the task to
complete.
... when the secondary task is
completed, the original task is notified using an agreed-upon mechanism so that it knows the work is done, and that the result, if any, is available.
HTML: A good basis for accessibility - Learn web development
some abuses of html are due to legacy practices that have not been
completely forgotten, and some are just plain ignorance.
...this gives you
complete groups of data that can be consumed by screen readers as single units.
...however, longdesc is not supported consistently by screen readers, and the content is
completely inaccessible to non-screen reader users.
HTML: A good basis for accessibility - Learn web development
some abuses of html are due to legacy practices that have not been
completely forgotten, and some are just plain ignorance.
...this gives you
complete groups of data that can be consumed by screen readers as single units.
...however, longdesc is not supported consistently by screen readers, and the content is
completely inaccessible to non-screen reader users.
Introduction to CSS layout - Learn web development
absolute positioning moves an element
completely out of the page's normal layout flow, like it is sitting on its own separate layer.
...ement.</p> body { width: 500px; margin: 0 auto; } p { background-color: rgb(207,232,220); border: 2px solid rgb(79,185,227); padding: 10px; margin: 10px; border-radius: 5px; } .positioned { position: relative; background: rgba(255,84,104,.3); border: 2px solid rgb(255,84,104); top: 30px; left: 30px; } absolute positioning absolute positioning is used to
completely remove an element from normal flow, and place it using offsets from the edges of a containing block.
...the positioned element has now been
completely separated from the rest of the page layout and sits over the top of it.
Client-side form validation - Learn web development
this validation is
completely customizable, but you need to create it all (or use a library).
...for a
complete list and many examples, consult our regular expressions documentation.
...{ font: 1em sans-serif; max-width: 320px; } p > label { display: block; } input[type="text"], input[type="email"], input[type="number"], textarea, fieldset { width : 100%; border: 1px solid #333; box-sizing: border-box; } input:invalid { box-shadow: 0 0 5px 1px red; } input:focus:invalid { box-shadow: none; } this renders as follows: see validation-related attributes for a
complete list of attributes that can be used to constrain input values and the input types that support them.
How to build custom form controls - Learn web development
if you consider that the active state and the open state are
completely different, the answer is again "nothing will happen" because we did not define any keyboard interactions for the opened state.
...they had the market share to successfully introduce a
completely new way of interacting with a device, something most device companies can't do.
... we can start with a
completely semantic, accessible, unordered list of radio buttons with an associated <label>, labeling the entire group with a semantically appropriate <fieldset> and <legend> pair.
Other form controls - Learn web development
html has two forms of drop down content: the select box, and the auto
complete box.
... auto
complete box you can provide suggested, automatically-
completed values for form widgets using the <datalist> element with child <option> elements to specify the values to display.
... once a data list is affiliated with a form widget, its options are used to auto-
complete text entered by the user; typically, this is presented to the user as a drop-down box listing possible matches for what they've typed into the input.
General asynchronous programming concepts - Learn web development
threads a thread is basically a single process that a program can use to
complete tasks.
... each thread can only do a single task at once: task a --> task b --> task c each task will be run sequentially; a task has to
complete before the next one can be started.
...programming languages that can support multiple threads can use multiple cores to
complete multiple tasks simultaneously: thread 1: task a --> task b thread 2: task c --> task d javascript is single-threaded javascript is traditionally single-threaded.
Making decisions in your code — conditionals - Learn web development
note: you can see a more
complete version of this example on github (also see it running live.) else if the last example provided us with two choices, or outcomes — but what if we want more than two?
...if you want to go outside, make sure to put some sunscreen on.'; } } even though the code all works together, each if...else statement works
completely independently of the other one.
...to make this work you've got to specify a
complete test either side of each or operator: if (x === 5 || x === 7 || x === 10 ||x === 20) { // run my code } switch statements if...else statements do the job of enabling conditional code well, but they are not without their downsides.
Drawing graphics - Learn web development
this illustrates another important point of the canvas — if you try to fill an in
complete path (i.e.
... note that on each frame we are
completely clearing the canvas and redrawing everything.
...3d canvas content is specified using the webgl api, which is a
completely separate api from the 2d canvas api, even though they both render onto <canvas> elements.
Arrays - Learn web development
try this: myarray.push('cardiff'); myarray; myarray.push('bradford', 'brighton'); myarray; the new length of the array is returned when the method call
completes.
...try this: myarray.pop(); the item that was removed is returned when the method call
completes.
... to
complete the app, we need you to: add a line below the // number 1 comment that adds the current value entered into the search input to the start of the array.
Aprender y obtener ayuda - Learn web development
the following are not quite as reasonable: i want to go from a
complete beginner to becoming a senior web developer in three months.
...you should try to schedule fun things to do after each learning session, which you'll only have when the learning is over and
complete.
... if you are a
complete beginner to web development, you'll have to do some study and web searches and lookup solutions to such problems.
Website security - Learn web development
however, a malicious user could
completely change the behavior of this sql statement to the new statement in the following example, by simply specifying the text in bold for the username.
...this works because the first part of the injected text (a';)
completes the original statement.
...clickjacking could also be used to get the user to click a button on a visible site, but in doing so actually unwittingly click a
completely different button.
Accessibility in React - Learn web development
and they can filter their task list by all, active, or
completed tasks.
... when we switch between templates in our <todo /> component, we
completely remove the elements that were there before to replace them with something else.
...in this case however, since we're
completely removing elements from the dom, we have no place to go back to.
Adding a new todo form: Vue events, methods, and models - Learn web development
</label> <input type="text" id="new-todo-input" name="new-todo" auto
complete="off" /> <button type="submit"> add </button> </form> </template> so we now have a form component into which we can enter the title of a new todo item (which will become a label for the corresponding todoitem when it is eventually rendered).
...do this now: <input type="text" id="new-todo-input" name="new-todo" auto
complete="off" v-model="label" /> note: you can also sync data with <input> values through a combination of events and v-bind attributes.
...our app is now starting to feel interactive, but one issue is that we've
completely ignored its look and feel up to now.
Handling common HTML and CSS problems - Learn web development
if a browser encounters a declaration or rule it doesn't understand, it just skips it
completely without applying it or throwing an error.
...ing the style property of the element, for example try typing these into the javascript console: test.style.transform = 'rotate(90deg)' test.style.webkittransform = 'rotate(90deg)' as you start to type the property name representation after the second dot (note that in javascript, css property names are written in lower camel case, not hyphenated), the javascript console should begin to auto
complete the names of the properties that exist in the browser and match what you've written so far.
... in your code, you can select sections of css you want to add prefixes to, open the command pallette (cmd/ctrl + shift + p), then type in autoprefixer and select the autoprefixer result that auto
completes.
Deploying our app - Learn web development
objective: to finish working through our
complete toolchain case study, focusing on deploying the app.
...this step isn't necessary, but it is a good best practice to get into the habit of setting up — across all our projects, we can then rely on npm run build to always do the
complete build step, without needing to remember the specific build command arguments for each project.
... previous overview: understanding client-side tools in this module client-side tooling overview command line crash course package management basics introducing a
complete toolchain deploying our app ...
Gecko info for Windows accessibility vendors
there are currently two techniques for parsing tables: 1) use acclocation() to get the coordinates for each cell and feed that into an algorithm that builds up your own table data structure, or 2) use isimpledomnode and parse the table see below for the
complete list of roles and notes about what we support intentional differences with internet explorer for the most part, where we support an msaa feature, we have tried to duplicate internet explorer's use of it.
... sets state_haspopup for auto
complete textfields role_pushbutton xul: <button> html: <input type= "button"> or<button> dhtml: role="wairole:button" sets state_haspopup for buttons containing menus role_checkbutton xul: <checkbox> html: <input type="checkbox"> dhtml: role="wairole:checkbox" fi...
...or, it can be used to
completely change content on the fly, without loading a new page.
Software accessibility: Where are we today?
however, all these solutions fell short of providing people with disabilities with a working environment which was
completely accessible and usable by them.
...for example, one application might display the image of a light bulb to indicate that it is processing a task, while another might display it as an indicator that it has
completed processing a task.
...realizing that
complete accessibility was not possible without cooperation between applications and accessibility aids such as screen reading software or voice recognition software, microsoft active accessibility defines a windows-based standard by which applications can communicate context and other pertanent information to accessibility aids.
Mozilla’s UAAG evaluation report
checkpoint information (same scaled used on w3c's uaag implementation reports pages) rating scale c:
complete implementation vg: very good implementation, almost all requirements satisfied g: good implementation, most important requirements satisfied p: poor implementation, some requirements satisfied and/or difficult for user to access feature ni: not implemented nr: not rated na: not applicable document under construction guideline 1.
... rating scale c:
complete implementation vg: very good implementation, almost all requirements satisfied g: good implementation, most important requirements satisfied p: poor implementation, some requirements satisfied and/or difficult for user to access feature ni: not implemented nr: not rated na: not applicable guideline 7.
...(p2) ni no end user accessibility documentation yet rating scale c:
complete implementation vg: very good implementation, almost all requirements satisfied g: good implementation, most important requirements satisfied p: poor implementation, some requirements satisfied and/or difficult for user to access feature ni: not implemented nr: not rated na: not applicable ...
Chrome registration
the providers work together to supply a
complete set of chrome for a particular window, from the images on the toolbar buttons to the files that describe the text, content, and appearance of the window itself.
... skin a skin provider is responsible for providing a
complete set of files that describe the visual appearance of the chrome.
... os=winnt os=darwin see os_target for a more
complete list of os names.
Creating reftest-based unit tests
it is
completely trivial, but so what.
... in order to test invalidation it is important that invalidation tests let the document
completely finish loading and displaying before making the changes for which invalidation and repainting is to be tested.
... making the changes before the document has
completely finished loading and painting would mean that the test may not actually test the browser's invalidation logic, since the changed parts of the document may end up displaying correctly purely due to a pending post-load paint.
Debugging on Mac OS X
# # note: this scripts actions take a few seconds to
complete, so the custom # formatters, commands etc.
... target = frame.getthread().getprocess().gettarget() debugger = target.getdebugger() # delete our breakpoint (not actually necessary with `--one-shot true`): target.breakpointdelete(bp_loc.getbreakpoint().getid()) # for
completeness, find and delete the dummy breakpoint (the breakpoint # lldb creates when it can't initially find the method to set the # breakpoint on): # bug workaround!
...these directions were written using xcode 6.3.1
complete all the steps above under "creating the project" from the "product" menu, ensure the scheme you created is selected under "scheme", then choose "scheme > edit scheme" in the resulting popup, click "duplicate scheme" give the resulting scheme a more descriptive name than "copy of scheme" select "run" on the left-hand side of the settings window, then select the "info" tab.
Simple Instantbird build
so firstly
complete the instructions for your os and then continue following these build instructions.
...it is faster and more efficient to use mercurial bundles instead the first time you fetch the
complete repo.
...this means deleting the object directory so that your next build is
completely fresh.
How to get a stacktrace with WinDbg
windbg will show "busy" at the bottom of the application window until the download is
complete.
... once the download is
complete, you need to configure windbg to examine child processes, ignore a specific event caused by flash player, and record a log of loaded modules.
...(again, press enter after each command.) ~* kp !analyze -v -f lm after these steps are
completed, find the file c:\temp\firefox-debug-(today's date).txt on your hard drive.
NetUtil.jsm
both streams are automatically closed when the copy operation is
completed.
... acallback an optional function that will be called when the copy operation is
completed.
... acallback a function that will be called when the open operation is
completed.
WebRequest.jsm
usage to import webrequest, use code like: let {webrequest} = cu.import("resource://gre/modules/webrequest.jsm", {}); the webrequest object has the following properties, each of which corresponds to a specific stage in executing a web request: onbeforerequest onbeforesendheaders onsendheaders onheadersreceived onresponsestarted on
completed each of these objects defines two functions: addlistener(callback, filter, opt_extrainfospec) removelistener(callback) adding listeners use addlistener to add a listener to a particular event.
...for example, it obviously doesn't make sense to cancel a network request after it has
completed.
... on
completed triggered when the response has been received.
Localizing with Koala
restart komodo when the installation is
complete.
...also, searchbar.dtd is no longer displayed in the "compare" view, as it has been
completely translated.
... here's a quick summary of what the output of the comparison means: files: "unmodified" - the file is
completely translated.
Updates
complete support for stix fonts 1.0.
...feel free to
complete and improve it!
... may 8, 2007 mozilla ceo speaks out on the future of firefox: the
complete 8,000 word interview.
Mozilla DOM Hacking Guide
mozilla gives you the opportunity not only to use very powerful and
complete dom support, but also to work on a world-class implementation of one of the greatest internet technologies ever created.
...since i am myself still learning how it works, don't expect this to be a
complete reference quite yet.
...not only do we want to add a new interface to an object, but we also want to expose a
completely new object to javascript.
NSPR Error Handling
pr_io_timeout_error the i/o operation has not
completed in the time specified for the preceding function.
... pr_connect_timeout_error the connection attempt did not
complete in a reasonable period of time.
... pr_invalid_device_state_error the device was in an invalid state to
complete the desired operation.
Overview of NSS
nss provides a
complete open-source implementation of the crypto libraries used by aol, red hat, google, and other companies in a variety of products, including the following: mozilla products, including firefox, thunderbird, seamonkey, and firefox os.
... for
complete details, see encryption technologies.
...
complete software development kit in addition to libraries and apis, nss provides security tools required for debugging, diagnostics, certificate and key management, cryptography module management, and other development tasks.
NSS tools : ssltab
-l prefix turn on looping; that is, continue to accept connections rather than stopping after the first connection is
complete.
...you will notice that the page you retrieved looks in
complete in the browser.
... this is because, by default, the tool closes down after the first connection is
complete, so the browser is not able to load images.
NSS tools : ssltap
-l prefix turn on looping; that is, continue to accept connections rather than stopping after the first connection is
complete.
...you will notice that the page you retrieved looks in
complete in the browser.
... this is because, by default, the tool closes down after the first connection is
complete, so the browser is not able to load images.
NSS Tools ssltap
-l turn on looping; that is, continue to accept connections rather than stopping after the first connection is
complete.
... you will notice that the page you retrieved looks in
complete in the browser.
... this is because, by default, the tool closes down after the first connection is
complete, so the browser is not able to load images.
NSS tools : ssltap
-l prefix turn on looping; that is, continue to accept connections rather than stopping after the first connection is
complete.
...you will notice that the page you retrieved looks in
complete in the browser.
... this is because, by default, the tool closes down after the first connection is
complete, so the browser is not able to load images.
Statistics API
json api addons can obtain the
complete data in json format via an observer.
...if the incremental gc
completed normally, this will be "none".
... additionally, an incremental gc is divided into a series of slices (the division into slices is
completely separate from the division into phases; neither one is a refinment of the other).
JSAPI User Guide
initializing built-in and global js objects for a
complete list of built-in objects provided by spidermonkey, see js_initstandardclasses.
... an object you create using a script only can be made available only during the lifetime of the script, or can be created to persist after the script
completes execution.
... ordinarily, once script execution is
complete, its objects are destroyed.
JS_DecompileFunction
generates the
complete source code of a function declaration from a compiled function.
... description js_decompilefunction generates the
complete source code of a function declaration from a function's compiled form, fun.
... if you decompile a function that does not make a native c call, then the text created by js_decompilefunction is a
complete function declaration suitable for re-parsing.
An Overview of XPCOM
in this way, construction and initialization can be
completely hidden from clients of the class.
...a
complete (if spare) implementation of the nsisupports interface is shown below.
...the tutorial will show each of these component and services in use, and the xpcom api reference has a
complete interface listing of these areas.
XPCOM Stream Guide
* * also, baseinputstream has been
completely consumed at this point, so we * shouldn't read from it anymore.
... (however, because baseinputstream is an * nsstringinputstream, it is also a seekable stream...so we could go to * the beginning if we wanted to.) */ var str1 = store.newinputstream(0); var d1 = new inputstream(str1); // d1 has a
complete copy of baseinputstream's original contents.
... var d2 = new inputstream(store.newinputstream(0)); // d2 has a
complete copy of baseinputstream's original contents.
imgIContainer
void decoding
complete(); obsolete since gecko 2.0 void draw(in gfxcontext acontext, in gfxgraphicsfilter afilter, [const] in gfxmatrix auserspacetoimagespace, [const] in gfxrect afill, [const] in nsintrect asubimage, [const] in nsintsize aviewportsize, in pruint32 aflags); native code only!
...you can only be guaranteed that querying this will not throw if status_decode_
complete is set on the imgirequest.
... return value missing description exceptions thrown missing exception missing description decoding
complete() obsolete since gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) void decoding
complete(); parameters none.
imgIRequest
status_load_
complete 0x4 the data has been fully loaded to memory, but not necessarily fully decoded.
... status_frame_
complete 0x10 the first frame has been
completely decoded.
... status_decode_
complete 0x20 the whole image has been decoded.
mozIVisitInfoCallback
es callback handling functionality for moziasynchistory.updateplaces() 1.0 66 introduced gecko 2.0 inherits from: nsisupports last changed in gecko 9.0 (firefox 9.0 / thunderbird 9.0 / seamonkey 2.6) method overview void handleerror(in nsresult aresultcode, in moziplaceinfo aplaceinfo); void handleresult(in moziplaceinfo aplaceinfo); void on
complete(in nsresult aresultcode, in moziplaceinfo aplaceinfo);obsolete since gecko 8.0 methods handleerror() called when a moziplaceinfo couldn't be processed.
... on
complete() obsolete since gecko 8.0 (firefox 8.0 / thunderbird 8.0 / seamonkey 2.5) called for each visit added, title change, or guid change when passed to moziasynchistory.updateplaces().
... void on
complete( in nsresult aresultcode, in moziplaceinfo aplaceinfo ); parameters aresultcode nsresult of the change indicating success or failure reason.
nsIAccessibleRole
role_progressbar 48 represents a progress bar, dynamically showing the user the percent
complete of an operation in progress.
... role_auto
complete 100 a text entry having dialog or list containing items for insertion into an entry widget, for instance a list of words for completion of a text entry.
... it is used for xul:textbox@auto
complete.
nsILoginManager
to create an instance, use: var loginmanager = components.classes["@mozilla.org/login-manager;1"] .getservice(components.interfaces.nsiloginmanager); method overview void addlogin(in nsilogininfo alogin); nsiauto
completeresult auto
completesearch(in astring asearchstring, in nsiauto
completeresult apreviousresult, in nsidomhtmlinputelement aelement); unsigned long countlogins(in astring ahostname, in astring aactionurl, in astring ahttprealm); boolean fillform(in nsidomhtmlformelement aform); void findlogins(out unsigned long count, in astring ahostname, in astring aactionurl, in astring...
... auto
completesearch() generates results for a user field auto
complete menu.
... nsiauto
completeresult auto
completesearch( in astring asearchstring, in nsiauto
completeresult apreviousresult, in nsidomhtmlinputelement aelement ); parameters asearchstring missing description apreviousresult missing description aelement missing description return value missing description countlogins() returns the number of logins matching the specified criteria.
nsIXMLHttpRequestEventTarget
onerror nsidomeventlistener a javascript function object that gets invoked if the operation fails to
complete due to an error.
... onload nsidomeventlistener a javascript function object that gets invoked when the operation is successfully
completed.
... onloadend nsidomeventlistener a javascript function object that gets invoked when the operation is
completed for any reason; it will always follow a an abort, error, or load event.
nsIZipWriter
other errors may be thrown if a failure to
complete the zip file occurs.
...the observer is notified when the first operation begins and when the last operation
completes.
... the zip writer will be busy until the queue is
complete or an error halts processing of the queue early.
Index
the
complete list of interfaces for the address book can be found here.
...the window api will give you the
complete details.
... 98 add option to context menu in
complete, thunderbird assuming this on chrome.manifest: 99 add tab needsupdate, missing, thunderbird this page has no content.
Debugger.Object - Firefox Developer Tools
call(this,argument, …) if the referent is callable, call it with the giventhis value andargument values, and return a completion value describing how the call
completed.this should be a debuggee value, or { asconstructor: true } to invoke the referent as a constructor, in which case spidermonkey provides an appropriate this value itself.
... apply(this,arguments) if the referent is callable, call it with the giventhis value and the argument values inarguments, and return a completion value describing how the call
completed.this should be a debuggee value, or { asconstructor: true } to invokefunction as a constructor, in which case spidermonkey provides an appropriate this value itself.arguments must either be an array (in the debugger) of debuggee values, or null or undefined, which are treated as an empty array.
... executeinglobal(code, [options]) if the referent is a global object, evaluatecode in that global environment, and return a completion value describing how it
completed.code is a string.
Debugger.Object - Firefox Developer Tools
call(this,argument, ...) if the referent is callable, call it with the giventhis value andargument values, and return a completion value describing how the call
completed.this should be a debuggee value, or { asconstructor: true } to invoke the referent as a constructor, in which case spidermonkey provides an appropriate this value itself.
... apply(this,arguments) if the referent is callable, call it with the giventhis value and the argument values inarguments, and return a completion value describing how the call
completed.this should be a debuggee value, or { asconstructor: true } to invokefunction as a constructor, in which case spidermonkey provides an appropriate this value itself.arguments must either be an array (in the debugger) of debuggee values, or null or undefined, which are treated as an empty array.
... evalinglobal(code, [options]) if the referent is a global object, evaluatecode in that global environment, and return a completion value describing how it
completed.code is a string.
Waterfall - Firefox Developer Tools
this sequence needs to fit into a single frame, since the screen isn't updated until it is
complete.
...for a rate of 60 frames per second, that gives the browser 16.7 milliseconds to execute the
complete flow.
...gc is relevant to performance because while it's running the javascript engine must be paused, so your program is suspended and will be
completely unresponsive.
Applying styles and colors - Web APIs
by increasing the step count and in effect drawing more circles, the background would
completely disappear from the center of the image.
...knowing that a 1.0 width line will extend half a unit to either side of the path, creating the path from (3.5,1) to (3.5,5) results in the situation in the third image—the 1.0 line width ends up
completely and precisely filling a single pixel vertical line.
...you'll notice that it's drawn
completely flush with the guides.
Drawing shapes with canvas - Web APIs
if we left out the closepath() for the stroked triangle, only two lines would have been drawn, not a
complete triangle.
...the endangle starts at 180 degrees (half a circle) in the first column and is increased by steps of 90 degrees, culminating in a
complete circle in the last column.
...in both cases we see a succession of curves being drawn which finally result in a
complete shape.
Document.readyState - Web APIs
complete the document and all sub-resources have finished loading.
... var span = document.createelement("span"); span.textcontent = "a <span> element."; document.body.appendchild(span); break; case "
complete": // the page is fully loaded.
...ext); break; } readystatechange as an alternative to domcontentloaded event // alternative to domcontentloaded event document.onreadystatechange = function () { if (document.readystate === 'interactive') { initapplication(); } } readystatechange as an alternative to load event // alternative to load event document.onreadystatechange = function () { if (document.readystate === '
complete') { initapplication(); } } readystatechange as event listener to insert or modify the dom before domcontentloaded document.addeventlistener('readystatechange', event => { if (event.target.readystate === 'interactive') { initloader(); } else if (event.target.readystate === '
complete') { initapp(); } }); specifications specification status comment ...
EffectTiming.fill - Web APIs
"forwards" the affected element will continue to be rendered in the state of the final animation framecontinue to be applied to the after the animation has
completed playing, in spite of and during any enddelay or when its playstate is finished.
... "both" combining the effects of both forwards and backwards: the animation's effects should be reflected by the element(s) state prior to playing and retained after the animation has
completed playing, in spite of and during any enddelay, delay and/or pending or finished playstate.
... here we specify that the animation should take 2000 milliseconds (2 seconds) to
complete, should only run once, and that the fill mode should be "none".
ExtendableEvent.waitUntil() - Web APIs
in service workers, waituntil() tells the browser that work is ongoing until the promise settles, and it shouldn't terminate the service worker if it wants that work to
complete.
... the install events in service workers use waituntil() to hold the service worker in the installing phase until tasks
complete.
...this gives the service worker time to update database schemas and delete outdated caches, so other events can rely on a
completely upgraded state.
GlobalEventHandlers.ontransitionend - Web APIs
the transitionend event is sent to when a css transition
completes.
... if the transition is removed from its target node before the transition
completes execution, the transitionend event won't be generated.
... syntax var transitionendhandler = target.ontransitionend; target.ontransitionend = function value a function to be called when a transitionend event occurs indicating that a css transition has
completed on the target, where the target object is an html element (htmlelement), document (document), or window (window).
HTMLElement - Web APIs
animationend fired when an animation has
completed normally.
... animationiteration fired when an animation iteration has
completed.
... transitionend fired when a css transition has
completed.
HTMLInputElement - Web APIs
properties that apply only to text/number-containing or elements auto
complete string: returns / sets the element's auto
complete attribute, indicating whether the value of the control can be automatically
completed by the browser.
...possible values are: on: the browser can auto
complete the value using previously stored value off: the user must explicity enter a value max string: returns / sets the element's max attribute, containing the maximum (numeric or date-time) value for this item, which must not be less than its minimum (min attribute) value.
... the following properties have been added: auto
complete, autofocus, dirname, files, formaction, formenctype, formmethod, formnovalidate, formtarget, height, indeterminate, labels, list, max, min, multiple, pattern, placeholder, required, selectiondirection, selectionend, selectionstart, step, validationmessage, validity, valueasdate, valueasnumber, width, and willvalidate.
IDBRequest - Web APIs
each request has a readystate that is set to the 'pending' state; this changes to 'done' when the request is
completed or fails.
...if the request has been
completed successfully, the result is made available through the result property and an event indicating success is fired at the request (idbrequest.onsuccess).
...the state changes to done when the request
completes successfully or when an error occurs.
KeyframeEffect.KeyframeEffect() - Web APIs
syntax var keyframes = new keyframeeffect(element, keyframeset, keyframeoptions); var keyframes = new keyframeeffect(sourcekeyframes); parameters the first type of constructor (see above) creates a
completely new keyframeeffect object instance.
... duration optional the number of milliseconds each iteration of the animation takes to
complete.
... fill optional dictates whether the animation's effects should be reflected by the element(s) prior to playing ("backwards"), retained after the animation has
completed playing ("forwards"), or both.
Capabilities, constraints, and settings - Web APIs
for a
complete representation of the track's current configuration, use getsettings().
...you can look at the
complete example by clicking here.
... function log(msg) { logelement.innerhtml += (msg + "<br>"); } function handleerror(reason) { log("error <code>" + reason.name + "</code> in constraint <code>" + reason.constraint + "</code>: " + reason.message); } result here you can see the
complete example in action.
MerchantValidationEvent.validationURL - Web APIs
this data should be passed into the
complete() method to let the user agent
complete the transaction.
... syntax validationurl = merchantvalidationevent.validationurl; value a read-only usvstring giving the url from which to load payment handler specific data needed to
complete the merchant verification process.
... once this has been loaded, it should be passed into
complete(), either directly or using a promise.
PaymentRequest: merchantvalidation event - Web APIs
request.addeventlistener("merchantvalidation", event => { event.
complete(async () => { const merchantserverurl = window.location.origin + '/validate?url=' + encodeuricomponent(event.validationurl); // get validation data, and
complete validation; return await fetch(merchantserverurl).then(response => response.text()); }, false); }; const response = await request.show(); how merchant server handles the validation depends on the server implementa...
...the content delivered by the validation server is forwarded to the merchant server and is then returned from the fetch() call's fulfillment handler to the
complete() method on the event.
... you can also use the onmerchantvalidation event handler property to set up the handler for this event: request.onmerchantvalidation = event => { event.
complete(async () => { const merchantserverurl = window.location.origin + '/validate?url=' + encodeuricomponent(event.validationurl); // get validation data, and
complete validation; return await fetch(merchantserverurl).then(response => response.text()); }); }; const response = await request.show(); for more information, see merchant validation in payment processing concepts.
PerformanceNavigationTiming.domContentLoadedEventEnd - Web APIs
the domcontentloadedeventend read-only property returns a timestamp representing the time value equal to the time immediately after the current document's domcontentloaded event
completes.
... syntax perfentry.domcontentloadedeventend; return value a timestamp representing the time value equal to the time immediately after the current document's domcontentloaded event
completes.
... // use getentriesbytype() to just get the "navigation" events var perfentries = performance.getentriesbytype("navigation"); for (var i=0; i < perfentries.length; i++) { console.log("= navigation entry[" + i + "]"); var p = perfentries[i]; // dom properties console.log("dom content loaded = " + (p.domcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom
complete = " + p.dom
complete); console.log("dom interactive = " + p.dominteractive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } ...
PerformanceNavigationTiming.loadEventEnd - Web APIs
the loadeventend read-only property returns a timestamp which is equal to the time when the load event of the current document is
completed.
... syntax perfentry.loadeventend; return value a timestamp representing the time when the load event of the current document is
completed.
... // use getentriesbytype() to just get the "navigation" events var perfentries = performance.getentriesbytype("navigation"); for (var i=0; i < perfentries.length; i++) { console.log("= navigation entry[" + i + "]"); var p = perfentries[i]; // dom properties console.log("dom content loaded = " + (p.domcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom
complete = " + p.dom
complete); console.log("dom interactive = " + p.dominteractive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } ...
PerformanceNavigationTiming - Web APIs
the interface also supports the following properties: performancenavigationtiming.dom
complete read only a domhighrestimestamp representing a time value equal to the time immediately before the browser sets the current document readiness of the current document to
complete.
... performancenavigationtiming.domcontentloadedeventend read only a domhighrestimestamp representing the time value equal to the time immediately after the current document's domcontentloaded event
completes.
... performancenavigationtiming.loadeventend read only a domhighrestimestamp representing the time when the load event of the current document is
completed.
RTCIceTransport.ongatheringstatechange - Web APIs
"
complete" the transport has finished gathering ice candidates and has sent the end-of-candidates indicator to the remote device.
... example this snippet establishes a handler for the gatheringstatechange event that checks to see if the state has changed to "
complete", indicating that all ice candidates from both the local and remote peers have been received and processed.
... var icetransport = pc.getsenders()[0].transport.transport; icetransport.ongatheringstatechange = function(event) { if (icetransport.gatheringstate == "
complete") { allcandidatesreceived(pc); } } specifications specification status comment webrtc 1.0: real-time communication between browsersthe definition of 'rtcicetransport.ongatheringstatechange' in that specification.
RTCIceTransport - Web APIs
the value is one of those included in the rtcicegathererstate enumerated type: "new", "gathering", or "
complete".
...the value of state can be used to determine whether the ice agent has made an initial connection using a viable candidate pair ("connected"), made its final selection of candidate pairs ("
completed"), or in an error state ("failed"), among other states.
... see the rtcicetransportstate enumerated type for a
complete list of states.
RTCPeerConnection: icegatheringstatechange event - Web APIs
when the value changes to
complete, all of the transports that make up the rtcpeerconnection have finished gathering ice candidates.
... bubbles no cancelable no interface event event handler onicegatheringstatechange note: while you can determine that ice candidate gathering is
complete by watching for icegatheringstatechange events and checking for the value of icegatheringstate to become
complete, you can also simply have your handler for the icecandidate event look to see if its candidate property is null.
... pc.onicegatheringstatechange = ev => { let connection = ev.target; switch(connection.icegatheringstate) { case "gathering": /* collection of candidates has begun */ break; case "
complete": /* collection of candidates is finished */ break; } } likewise, you can use addeventlistener() to add a listener for icegatheringstatechange events: pc.addeventlistener("icegatheringstatechange", ev => { let connection = ev.target; switch(connection.icegatheringstate) { case "gathering": /* collection of candidates has begun */ break; case "
complete": /* collection of candidates is finished */ ...
ReadableStream.pipeTo() - Web APIs
the pipeto() method of the readablestream interface pipes the current readablestream to a given writablestream and returns a promise that fulfills when the piping process
completes successfully, or rejects if any errors were encountered.
...the method will return a fulfilled promise once this process
completes, unless an error is encountered while closing the destination in which case it will be rejected with that error.
... return value a promise that resolves when the piping process has
completed.
ReadableStreamDefaultReader.cancel() - Web APIs
cancel is used when you've
completely finished with the stream and don't need any more data from it, even if there are chunks enqueued waiting to be read.
...to read those chunks still and not
completely get rid of the stream, you'd use readablestreamdefaultcontroller.close().
... if (done) { console.log("stream
complete"); reader.cancel(); para.textcontent = result; return; } // value for fetch streams is a uint8array charsreceived += value.length; const chunk = value; let listitem = document.createelement('li'); listitem.textcontent = 'received ' + charsreceived + ' characters so far.
Service Worker API - Web APIs
it takes the form of a javascript file that can control the web-page/site that it is associated with, intercepting and modifying navigation and resource requests, and caching resources in a very granular fashion to give you
complete control over how your app behaves in certain situations (the most obvious one being when the network is not available).
... note: because oninstall/onactivate could take a while to
complete, the service worker spec provides a waituntil method, once this is called oninstall or onactivate, it passes a promise.
... for a
complete tutorial to show how to build up your first basic example, read using service workers.
SpeechSynthesisErrorEvent.error - Web APIs
interrupted a speechsynthesis.cancel method call caused the speechsynthesisutterance to be interrupted after it had begun being spoken and before it
completed.
... audio-busy the operation couldn't be
completed at this time because the user-agent couldn't access the audio output device (for example, the user may need to correct this by closing another application.) audio-hardware the operation couldn't be
completed at this time because the user-agent couldn't identify an audio output device (for example, the user may need to connect a speaker or configure system settings.) network the operation couldn't be
completed at this time because some required network communication failed.
... synthesis-unavailable the operation couldn't be
completed at this time because no synthesis engine was available (for example, the user may need to install or configure a synthesis engine.) synthesis-failed the operation failed because the synthesis engine raised an error.
WebRTC connectivity - Web APIs
note: this page needs heavy rewriting for structural integrity and content
completeness.
... once the ice session is
complete, the configuration that's currently in effect is the final one, unless an ice reset occurs.
...it's a legacy notification of a state which can be detected instead by watching for the icegatheringstate to change to
complete, by watching for the icegatheringstatechange event.
WebRTC API - Web APIs
close the data channel has
completed the closing process and is now in the closed state.
... its underlying data transport is
completely closed at this point.
... you can be notified before closing
completes by watching for the closing event instead.
Fundamentals of WebXR - Web APIs
field of view and mixed reality devices to achieve a wide enough field of view that the user's eyes are tricked into believing that the virtual world
completely surrounds them, the fov needs to at least approach the width of the binocular vision area.
...when objects are drawn, they are drawn onto the goggles' lenses, either partially or
completely blocking the physical environment from being seen through the obscured portion of the lens.
... caves a cave automated virtual environment (cave) is an immersive vr environment in which the scene is projected or otherwise displayed on the walls (as well as possibly the ceiling and/or floor), thus
completely surrounding the user with the simulation and allowing them to be immersed in the scene.
Window: popstate event - Web APIs
each form control within new-entry's document that has auto
complete configured with its autofill field name set to off is reset.
... see the html auto
complete attribute for more about the auto
complete field names and how auto
complete works.
... if new-entry's document is already fully loaded and ready—that is, its readystate is
complete—and the document is not already visible, it's made visible and the pageshow event is fired at the document with the pagetransitionevent's persisted attribute set to true.
WindowOrWorkerGlobalScope.queueMicrotask() - Web APIs
the microtask is a short function which will run after the current task has
completed its work and when there is no other code waiting to be run before control of the execution context is returned to the browser's event loop.
... this lets your code run without interfering with any other, potentially higher priority, code that is pending, but before the browser regains control over the execution context, potentially depending on work you need to
complete.
...enqueued microtasks are executed after all pending tasks have
completed but before yielding control to the browser's event loop.
The stacking context - CSS: Cascading Style Sheets
each stacking context is
completely independent of its siblings: only descendant elements are considered when stacking is processed.
...the hierarchy of stacking contexts is organized as follows: root div #1 div #2 div #3 div #4 div #5 div #6 it is important to note that div #4, div #5 and div #6 are children of div #3, so stacking of those elements is
completely resolved within div#3.
... once stacking and rendering within div #3 is
completed, the whole div #3 element is passed for stacking in the root element with respect to its sibling's div.
Adding captions and subtitles to HTML5 video - Developer guides
note: ie will
completely ignore webvtt files unless you define the mime type.
... firefox firefox's implementation was
completely broken due to a bug, leading to mozilla turning off webvtt support by default (you can turn it on via the media.webvtt.enabled flag.) however, this bug looks to have been fixed and webvtt support re-enabled as of gecko 31, so this will not be a problem for firefox final release users for much longer (on gecko 29 as of the time of this writing) this has been fixed as of firefox 31, and everythin...
... mediaelement.js another
complete video player that also support video captions, albeit only in srt format.
Overview of events and handlers - Developer guides
this pattern can easily be followed using
completely custom code, as explained in the article on custom events.
... although this list is currently in
complete.
... a partial diagram of the class hierarchy of event objects is: note: this diagram is in
complete.
<input type="checkbox"> - HTML: Hypertext Markup Language
use the auto
complete attribute to control this feature.
...if they are
completely unrelated, then you can just deal with them all separately, as shown above.
... so in this case the indeterminate state is used to state that collecting the ingredients has started, but the recipe is not yet
complete.
<input type="text"> - HTML: Hypertext Markup Language
events change and input supported common attributes auto
complete, list, maxlength, minlength, pattern, placeholder, readonly, required and size idl attributes list, value methods select(), setrangetext() and setselectionrange().
... additional attributes in addition to the attributes that operate on all <input> elements regardless of their type, text inputs support the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined auto
complete options maxlength the maximum number of characters the input should accept minlength the minimum number of characters long the input can be and still be considered valid pattern a regular expression the input's contents must match in order to be valid placeholder an exemplar value to display in the input field whenever it is empty readonly ...
... if the specified pattern is not specified or is invalid, no regular expression is applied and this attribute is ignored
completely.
HTML documentation index - HTML: Hypertext Markup Language
for example, it can be used to hide elements of the page that can't be used until the login process has been
completed.
... 51 the html auto
complete attribute addresses, attribute, email addresses, forms, html, input, phone numbers, reference, select, text, usernames, auto
complete, form, passwords, textarea auto
complete lets web developers specify what if any permission the user agent has to provide automated assistance in filling out form field values, as well as guidance to the browser as to the type of information expected in the...
...hidden inputs are
completely invisible in the rendered page, and there is no way to make it visible in the page's content.
MIME types (IANA media types) - HTTP
the internet assigned numbers authority (iana) is responsible for all official mime types, and you can find the most up-to-date and
complete list at their media types page.
...this isn't a
complete list of all the types that may be available, however.
... multipart/form-data the multipart/form-data type can be used when sending the values of a
completed html form from browser to server.
Concurrency model and the event loop - JavaScript
"run-to-completion" each message is processed
completely before any other message is processed.
... a downside of this model is that if a message takes too long to
complete, the web application is unable to process user interactions like click or scroll.
... basically, the settimeout needs to wait for all the code for queued messages to
complete even though you specified a particular time limit for your settimeout.
Symbol - JavaScript
the symbol() function returns a value of type symbol, has static properties that expose several members of built-in objects, has static methods that expose the global symbol registry, and resembles a built-in object class, but is in
complete as a constructor because it does not support the syntax "new symbol()".
...it is in
complete as a constructor because it does not support the syntax "new symbol()".
... let obj = {} obj[symbol('a')] = 'a' obj[symbol.for('b')] = 'b' obj['c'] = 'c' obj.d = 'd' for (let i in obj) { console.log(i) // logs "c" and "d" } symbols and json.stringify() symbol-keyed properties will be
completely ignored when using json.stringify(): json.stringify({[symbol('foo')]: 'foo'}) // '{}' for more details, see json.stringify().
Understanding latency - Web Performance
g 250 kbps 50 kbps 300 good 2g 450 kbps 150 kbps 150 regular 3g 750 kbps 250 kbps 100 good 3g 1.5 mbps 750 kbps 40 regular 4g/lte 4 mbps 3 mbps 20 dsl 2 mbps 1 mbps 5 wi-fi 30 mbps 15 mbps 2 network timings also, on the network tab, you can see how long each request took to
complete.
... connecting is the time it takes for a tcp handshake to
complete.
... waiting is disk latency, the time it took for the server to
complete its response.
XUL Migration Guide - Archive of obsolete content
xul windows xul windows are used to define
completely new windows to host user interface elements specific to the add-on.
... the following
complete add-on uses nsipromptservice to display an alert dialog: var {cc, ci} = require("chrome"); var promptsvc = cc["@mozilla.org/embedcomp/prompt-service;1"].
indexed-db - Archive of obsolete content
here's a
complete add-on that adds two buttons to the browser: the button labeled "add" adds the title of the current tab to a database, while the button labeled "list" lists all the titles in the database.
...; var store = trans.objectstore("items"); var time = new date().gettime(); var request = store.put({ "name": name, "time": time }); request.onerror = database.onerror; }; function getitems(callback) { var cb = callback; var db = database.db; var trans = db.transaction(["items"], "readwrite"); var store = trans.objectstore("items"); var items = new array(); trans.on
complete = function() { cb(items); } var keyrange = idbkeyrange.lowerbound(0); var cursorrequest = store.opencursor(keyrange); cursorrequest.onsuccess = function(e) { var result = e.target.result; if(!!result == false) return; items.push(result.value.name); result.continue(); }; cursorrequest.onerror = database.onerror; }; function listitems(itemlist) { console...
panel - Archive of obsolete content
so implementing a
complete solution usually means you have to send messages between the content script and the main add-on code.
... the html <datalist> element doesn't give you auto
complete suggestions (bug 918600).
io/text-streams - Archive of obsolete content
after the write
completes, the backing stream's buffer is flushed, and both the stream and the backing stream are closed, also on the background thread.
...it's called as callback(error) when the write
completes.
places/bookmarks - Archive of obsolete content
save() and search() are both asynchronous functions: they synchronously return a placesemitter object, which then asynchronously emits events as the operation progresses and
completes.
... error the error event is emitted whenever a bookmark item's save could not be
completed.
places/history - Archive of obsolete content
each query option can take several properties, which are and'd together to make one
complete query.
... error the error event is emitted whenever a search could not be
completed.
ui/frame - Archive of obsolete content
load this event is emitted while a frame instance is
completely loaded.
... it's the equivalent of the point where the frame's document.readystate becomes "
complete": var { frame } = require("sdk/ui/frame"); var frame = new frame({ url: "./frame.html" }); frame.on("load", ping); function ping(e) { e.source.postmessage("ping", "*"); } arguments event : this contains two properties: source, which defines a postmessage() function which you can use to send messages back to this particular frame instance.
ui/sidebar - Archive of obsolete content
here's a simple but
complete add-on that shows how to set up communication between main.js and a script in a sidebar, in the case where the sidebar script initiates communication: the html file includes just a script, "sidebar.js": <!doctype html> <html> <body> content for my sidebar <script type="text/javascript" src="sidebar.js"></script> </body> </html> the "sidebar.js" file sends a ping message to main.js...
... here's a simple but
complete add-on that shows how to set up communication between main.js and a script in a sidebar, in the case where the main.js script initiates communication: the html file includes just a script, "sidebar.js": <!doctype html> <html> <body> content for my sidebar <script type="text/javascript" src="sidebar.js"></script> </body> </html> the "sidebar.js" file listens to the ping message fro...
window/utils - Archive of obsolete content
isdocumentloaded(window) check if the given window's document is
completely loaded.
... parameters window : nsidomwindow returns boolean: true if the document is
completely loaded.
Displaying annotations - Archive of obsolete content
the
complete content script is here: self.on('message', function onmessage(annotations) { annotations.foreach( function(annotation) { if(annotation.url == document.location.tostring()) { createanchor(annotation); } }); $('.annotated').css('border', 'solid 3px yellow'); $('.annotated').bind('mouseenter', function(event) { self.port.emit('show', $(this).attr('annotation'))...
...you should see a yellow border around the item you annotated: when you move your mouse over the item, the annotation should appear: obviously this add-on isn't
complete yet.
Creating Reusable Modules - Archive of obsolete content
var s = array.from(hash, (c, i) => tohexstring(hash.charcodeat(i))).join(""); return s; } putting it together the
complete add-on adds a button to firefox: when the user clicks the button, we ask them to select a file, compute the hash, and log the hash to the console: var {cc, ci} = require("chrome"); // return the two-digit hexadecimal code for a byte function tohexstring(charcode) { return ("0" + charcode.tostring(16)).slice(-2); } function md5file(path) { var f = cc["@mozilla.org/file/local;1"] .
...copy the hashing code there, and add this line at the end: exports.hashfile = md5file; the
complete file looks like this: var {cc, ci} = require("chrome"); // return the two-digit hexadecimal code for a byte function tohexstring(charcode) { return ("0" + charcode.tostring(16)).slice(-2); } function md5file(path) { var f = cc["@mozilla.org/file/local;1"] .createinstance(ci.nsilocalfile); f.initwithpath(path); var istream = cc["@mozilla.org/network/file-input-stream;1"] ...
HTML to DOM - Archive of obsolete content
the returned <body> object is of type element here is a sample that counts the number of paragraphs in a string: var dompars = htmlparser('<p>foo</p><p>bar</p>'); alert(dompars.getelementsbytagname('p').length); if htmlparser() returns the element name html (instead of body), you have all document object with its
complete functions list, therefore you can retrieve info within div tag like this: var dompars = htmlparser("<div id='userinfo'>john was a mediocre programmer, but people liked him <strong>anyway</strong>.</div>"); alert(dompars.getelementbyid('userinfo').innerhtml); to parse a
complete html page, load it into an iframe whose type is content (not chrome).
... parsing
complete html to dom loading an html document seems much simpler if it's loaded using the xmlhttprequest object.
Communication between HTML and your extension - Archive of obsolete content
communication between an html page and and extension after building a sample extension by reading carefully and following the
complete instructions for building an extension i was able to get an extension that could display something on the status bar.
... next i started investigating events, there are only a handful of events and the w3c documentation is pretty
complete.
Extension Versioning, Update and Compatibility - Archive of obsolete content
formatting prior to firefox 4 prior to firefox 4 you could only use the following tags, any other tags have themselves and their contents
completely stripped: h1, h2 and h3 for general headings p for paragraphs ul and ol for lists.
...the following tags are interpreted normally: h1, h2 and h3 for general headings p, div, pre and blockquote for block formatting ul, ol, li, dl, dt and dd for lists b, i, em, strong, u, q, sub, sup and code for text formatting br and hr for line breaking the head, style and script tags and any of their contents are
completely stripped.
Install Manifests - Archive of obsolete content
skinnable a true or false value property that tells the application whether the (
complete) theme can be skinned by lightweight themes/personas: examples <em:skinnable>true</em:skinnable> strictcompatibility a boolean value indicating if the add-on should be enabled when the version of the application is greater than its max version.
...alternatively, you could host your extension on amo and leave out the updateurl
completely.
Multiple item extension packaging - Archive of obsolete content
extension / theme manager) is used, the manager will display the individual items contained by the multiple item package after the download
completes in the same manner that it would if the user had chosen to install multiple individual items simultaneously.
... the manager will not display the multiple item package in the list of items after the download has
completed.
Chapter 6: Firefox extensions and XUL applications - Archive of obsolete content
draft this page is not
complete.
... the next command will import the source code: gonzui-import.exe mozilla once the import process is
complete, type the following command to launch the gonzui server: gonzui-server.exe now you can access gonzui from your web browser by typing the following into your location bar : http://localhost:46984 this lets you browse all packages, click on links to traverse them, and take traversed-link locations as search starting points (figure a).
Appendix C: Avoiding using eval in Add-ons - Archive of obsolete content
in order to host your add-on with mozilla it is crucial to minimize or
completely eliminate eval use in order to receive a positive review and have your add-on made public.
... other extensions might do something similar, trying to hook the same functions, but a little different, ending up with
completely broken code.
CSS3 - Archive of obsolete content
each module being standardized independently, the standard css consists of css2.1 amended and extended by the
completed modules, not necessary all with the same level number.
... css modules status
completed modules a few css modules already became a standard as a w3c recommendation.
JXON - Archive of obsolete content
if you want a
complete bidirectional jxon library (modelled on the json global object), skip to the dedicated paragraph (but please read the note about the const statement compatibility).
... appendix: a
complete, bidirectional, jxon library now we can create a more
complete, bidirectional, jxon library based on all our algorithms (see: #1, #2, #3, #4, reverse).
List of Mozilla-Based Applications - Archive of obsolete content
this list is likely to be in
complete since we think there are many dark matter projects that we don't know about.
... evergreen library automation system evolution email client uses nss exe elearning xhtml editor seems to be using xul for some of their webui facebook open platform facebook open platform the fbml parser used in the platform is based on mozilla code fennec browser for mobiles as mark notes: fennec is not firefox, it’s a
completely different application findthatfont!
MMgc - Archive of obsolete content
zeroing rcobjects all rcobjects (including all subclasses) must zero themselves out
completely upon destruction.
...when the queue is empty all the marking is
complete.
Protecting Mozilla's registry.dat file - Archive of obsolete content
in other windows versions, internet explorer (which is hard to kick off
completely) likes to install "personnalized settings" when the user logs in for the first time, and this seems to have the interesting "side-effect" of wiping any non-microsoft subfolders from %userprofile%\application data, including mozilla's .
...moreover, it's advisable to "protect" the mozilla registry using attrib +r +s in case the logon script is finished before ie's "personnalized settings" have
completed their dirty deed...
Drag and Drop - Archive of obsolete content
the is also called after a drop is
complete so that an element has a chance to remove any highlighting or other indication.
... the nsidragservice is responsible for creating drag sessions when a drag starts, and removing the drag session when the drag is
complete.
JavaScript Client API - Archive of obsolete content
this is the method that the engine will call the first time it syncs, in order to get a
complete inventory of what data there is that will need to be uploaded to the server.
... wipe() when this method is called, your store needs to
completely wipe all of its stored data from the local application.
Creating a Help Content Pack - Archive of obsolete content
this is still very much a work in progress, tho, and i need to
complete the rest of it soon (where "
complete" means "use what's there that's good, build on the stuff that's not as good, and add other useful information as necessary".
...platform="win os2" nc:datasources="win-toc.rdf"/> </rdf:li> <rdf:li> <rdf:description nc:panelid="toc" nc:platform="unix mac" nc:datasources="unix-toc.rdf"/> </rdf:li> there's one final element to add inside rdf:seq to
complete the content pack descriptor file: an element to describe the help viewer's search function.
Twitter - Archive of obsolete content
success is a function that's called when the request successfully
completes, and error is a function called when it fails to
complete.
...with this style you can use any of the various jquery.ajax() options in your request: data, success,
complete, etc.
Menu - Archive of obsolete content
tpack.notifications.show(menuitem.label) }); add an item to the hyperlink context menu that tweets the link: jetpack.menu.context.page.on("a").add(function (context) { return { label: "tweet", command: function () jetpack.lib.twitter.statuses.update({ status: context.node.href }) }; )); add an item to the page's context menu depending on some complex criteria that can't be
completely expressed via a css selector: jetpack.menu.context.page.beforeshow = function (menu, context) { menu.reset(); if (matchesmycriteria(context)) menu.add("match!"); }; add an item to both the hyperlink context menu and the image context menu: jetpack.menu.context.page.on("a, img").set("a link or image"); add an item to the image context menu, but only for images contained in hyperlinks: ...
...left-click the button to show popupmenu: var button = $("<div />", document); button.text("click me"); var contextmenu = new jetpack.menu(["do this", "do that", "and the other"]); contextmenu.contexton(button); var popupmenu = new jetpack.menu(["frumpy", "frimpy", "frompy"]); popupmenu.popupon(button);
complete jetpacks see a
complete, real-word example that you can install in the simple storage documentation.
Tamarin build documentation - Archive of obsolete content
alternatively, run make, in which case the process will
complete with errors when it tries to create the shared lib crt0.o: $ /android-public/android-ndk/toolchains/arm-eabi-4.4.0/prebuilt/darwin-x86/bin/../lib/gcc/arm-eabi/4.4.0/../../../../arm-eabi/bin/ld: crt0.o: no such file: no such file or directory collect2: ld returned 1 exit status make[2]: *** [link_app.] error 1 make[1]: *** [openssl] error 2 make: *** [build_apps] error 1 you can ignore these err...
...an email with the build status will be sent to this address when a builder
completes whether it is passes or fails.
URIs and URLs - Archive of obsolete content
together these segments form the url spec with the following syntax: scheme://username:password@host:port/directory/filebasename.fileextension;param?query#ref for performance reasons the
complete spec is stored in escaped form in the nsstandardurl object with pointers (position and length) to each basic segment and for the more global segments like path and prehost for example.
...another quote from rfc 2396: a uri is always in an "escaped" form, since escaping or unescaping a
completed uri might change its semantics.
Creating XPI Installer Modules - Archive of obsolete content
the xpi packaging scheme a
complete description of the new packaging scheme is beyond the scope of this article.
...using a zip archiver[zip], create a new archive of the content/ subdirectory and name it barley.jar: once this step is
complete, the barley package is in the same state as the jar packages of the mozilla ui.
panel.type - Archive of obsolete content
should be one of the following: auto
complete specify this for a panel that provides a tree for an auto
complete element.
... auto
complete-richlistbox specify this for a panel that provides a richlistbox for an auto
complete element.
showpopup - Archive of obsolete content
if false, the popup will not be shown, but the auto
complete results will still be available.
... you can set this to false and set the autofill attribute to true to emulate a communicator 4.x style auto
complete textbox.
getResultAt - Archive of obsolete content
« xul reference home getresultat( index ) obsolete since gecko 26 return type: nsiauto
completeitem returns the result item at the specified index.
... the item will be a value of type nsiauto
completeitem.
getSession - Archive of obsolete content
« xul reference home getsession( index ) obsolete since gecko 26 return type: nsiauto
completesession returns the session object with the given index.
... this will return an object of type nsiauto
completesession.
getSessionByName - Archive of obsolete content
« xul reference home getsessionbyname( name ) obsolete since gecko 26 return type: nsiauto
completesession returns the session object with the given name.
... this will return an object of type nsiauto
completesession.
removeSession - Archive of obsolete content
« xul reference home removesession( session ) obsolete since gecko 26 return type: void removes a session object from the auto
complete widget.
... the argument should be an object which implements the nsiauto
completesession interface.
OpenClose - Archive of obsolete content
here is a
complete example which uses a button to open a menu: <button label="open menu" oncommand="document.getelementbyid('editmenu').open = true;"/> <menu id="editmenu" label="edit"> <menupopup> <menuitem label="cut"/> <menuitem label="copy"/> <menuitem label="paste"/> </menupopup> </menu> this technique may be used for both menupopups that use the menu tag, the button tag and the too...
...in the following example, the popup is opened at horizontal positon 100 and vertical position 200: popup.openpopupatscreen(100, 200, false); note that if the supplied coordinates would cause the popup to be partially or
completely off screen, the popup will be moved such that it is fully visible, and may be resized if necessary.
Property - Archive of obsolete content
align allnotifications allowevents alwaysopenpopup amindicator applocale autocheck autofill autofillaftermatch boxobject browsers builder builderview buttons canadvance cangoback cangoforward canrewind checked checkstate child children classname clickselectsall clientheight clientwidth collapsed color columns command commandmanager
completedefaultindex container contentdocument contentprincipal contenttitle contentview contentvieweredit contentviewerfile contentwindow contextmenu control controller controllers crop current currentindex currentitem currentnotification currentpage currentpane currentset currenturi customtoolbarcount database datasources date dateleadingzero dateval...
...ue decimalplaces decimalsymbol defaultbutton defaultvalue description dir disableauto
complete disableauto
complete disableautoselect disabled disablekeynavigation dlgtype docshell documentcharsetinfo editable editingcolumn editingrow editingsession editor editortype emptytext deprecated since gecko 2 enablecolumndrag eventnode firstordinalcolumn firstpermanentchild flex focused focuseditem force
complete group handlectrlpageupdown handlectrltab hasuservalue height hidden hideseconds highlightnonmatches homepage hour hourleadingzero id ignoreblurwhilesearching image increment inputfield inverted is24hourclock ispm issearching iswaiting itemcount label labelelement lastpermanentchild lastsel...
The Joy of XUL - Archive of obsolete content
in practical terms, this enables developers to maintain one code stream for a given application, then apply custom branding or include special features for customers with a
completely independent code base.
...within a week this too was
complete and mozilla had a working calendar for all three primary platforms: linux, macintosh, and windows.
Tree View Details - Archive of obsolete content
complete example there are several other view functions we can implement but they don't need to do anything in this example, so we can create functions that do nothing for those.
... they are added near the end of the
complete example, shown here: <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window onload="init();" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <tree id="elementlist" flex="1"> <treecols> <treecol id="element" label="element" primary="true" flex="1"/> </treecols> <treechildren/> </tree> <script> <![cdata[ var treeview = { childdata : { solids: ["silver", "gold", "lead"], liquids: ["mercury"], gases: ["helium", "nitrogen"] }, visibledata : [ ["solids", true, false], ["liquids", true, false], ["gases", true, false] ], treebox: null, selection: null, get rowcount() { return this.visibledata.length; }, settree: fun...
XUL Reference - Archive of obsolete content
query queryset radio radiogroup resizer richlistbox richlistitem row rows rule scale script scrollbar scrollbox scrollcorner separator spacer spinbuttons splitter stack statusbar statusbarpanel stringbundle stringbundleset tab tabbrowser (firefox-only starting with firefox 3/gecko 1.9) tabbox tabpanel tabpanels tabs template textnode textbox textbox (firefox auto
complete) textbox (mozilla auto
complete) timepicker titlebar toolbar toolbarbutton toolbargrippy toolbaritem toolbarpalette toolbarseparator toolbarset toolbarspacer toolbarspring toolbox tooltip tree treecell treechildren treecol treecols treeitem treerow treeseparator triple vbox where window wizard wizardpage categorical list of all xul elements « xul reference « wind...
...enuseparator menupopup panel tooltip popupset toolbar toolbarbutton toolbargrippy toolbaritem toolbarpalette toolbarseparator toolbarset toolbarspacer toolbarspring toolbox tabbox tabs tab tabpanels tabpanel groupbox caption separator spacer button checkbox colorpicker datepicker menulist progressmeter radio radiogroup scale splitter textbox textbox (firefox auto
complete) textbox (mozilla auto
complete) timepicker description label image listbox listitem listcell listcol listcols listhead listheader richlistbox richlistitem tree treecell treechildren treecol treecols treeitem treerow treeseparator box hbox vbox bbox deck stack grid columns column rows row scrollbox action assign binding bindings conditions content member p...
XUL controls - Archive of obsolete content
textbox reference <textbox type="auto
complete"> a textbox that provides a dropdown showing matches that would
complete what the user types.
... <textbox type="auto
complete" auto
completesearch="history"/> textbox reference <textbox type="number"> a textbox for entering numbers.
panel - Archive of obsolete content
should be one of the following: auto
complete specify this for a panel that provides a tree for an auto
complete element.
... auto
complete-richlistbox specify this for a panel that provides a richlistbox for an auto
complete element.
Deploying XULRunner - Archive of obsolete content
windows on windows, xulrunner does not yet have a
complete built-in installation solution; app developers should use pre-existing solutions for a native windows installer.
...the
complete bundle structure is as follows: myapp.app/ contents/ info.plist pkginfo frameworks/ xul.framework/ files copied from /library/frameworks/xul.framework/versions/1.8/...
MacFAQ - Archive of obsolete content
(note this document has not been reviewed for accuracy or
completeness.) special build notes enable libxul.
... if you've
completed a xulrunner build, you should copy or symlink the dist/xul.framework directory to /library/frameworks.
2006-10-06 - Archive of obsolete content
summary: mozilla.dev.quality - september 30-october 6, 2006 announcements firefox 2 rc2 update - the minimum tests for rc2 are
complete which includes smoke and bft tests.
... firefox 2 rc2 testing - tim riley announced the l10n builds were
completed last night.
NPFullPrint - Archive of obsolete content
values: true: plug-in takes
complete control of the printing process and prints full-page.
...if you want the plug-in to take
complete control of the printing process, it should print the full page and set the field pluginprinted to true before returning.
NPP_DestroyStream - Archive of obsolete content
values: npres_done (most common):
completed normally; all data was sent to the instance.
... description the browser calls the npp_destroystream function when a data stream sent to the plug-in is finished, either because it has
completed successfully or terminated abnormally.
Adobe Flash - Archive of obsolete content
a
complete code listing which expands on the above approach can be found in the flashversion.js file used in the samples.
... performance and flash as is the case with any plug-in content, flash content has the potential to slow down or even
completely stall not just the tab it's running in, but the entire browser and even the entire computer it's being used on.
Common Firefox theme issues and solutions - Archive of obsolete content
this document was started on july 27, 2012 so it will take some time to
completely fill in and some issues still need to have solutions written for them.
...l tree */ #inspector-treepanel-toolbutton { list-style-image: url("chrome://browser/skin/devtools/treepanel-button.png"); -moz-margin-end: 0; -moz-image-region: rect(0px 18px 16px 0px); } /* highlighter toolbar */ #inspector-inspect-toolbutton { list-style-image: url("chrome://browser/skin/devtools/inspect-button.png"); -moz-image-region: rect(0px 16px 16px 0px); } style inspector is
completely unstyled the style inspector that is part of firefox 10 and later needs to be styled.
Debug - Archive of obsolete content
functions debug.mstraceasynccallback
completed indicates that the callback stack associated with a previously specified asynchronous operation has
completed.
... debug.mstraceasyncoperation
completed indicates that an asynchronous operation has
completed.
RDF in Mozilla FAQ - Archive of obsolete content
by setting // ablocking to true, we could force it to be synchronous, but this // is generally a bad idea, because your ui will
completely lock up!
...you should never do a synchronous load unless you really know what you're doing: this will freeze the ui until the load
completes!
The Business Benefits of Web Standards - Archive of obsolete content
storing css in a separate document (aka style sheet) and applying it to a set of html documents permits a
complete change of presentation for all these documents in a snap.
...the blogging community are particularly dynamic in this respect where on many platforms including wordpress, textpattern and habari, the site theme is a
complete and discrete entity in its own right.
Efficient animation for web games - Game development
to take a concrete example, if you start a css transition to move something from off-screen so that it is fully visible on-screen, the browser knows that the related content will end up
completely visible to the user and can then pre-render that content.
... measure performance there are some popular animation-related libraries and ui toolkits with animation functions that still do things like using settimeout to drive their animations, drive all their animations
completely individually, or other similar things that aren’t conducive to maintaining a high frame-rate.
Mouse controls - Game development
the paddle will now follow the position of the mouse cursor, but since we're restricting the movement to the size of the canvas, it won't disappear
completely off either side.
... next steps now we've got a
complete game we'll finish our series of lessons with some more small tweaks — finishing up.
Animations and tweens - Game development
go to your ballhitbrick() function, find your brick.kill(); line, and replace it with the following: var killtween = game.add.tween(brick.scale); killtween.to({x:0,y:0}, 200, phaser.easing.linear.none); killtween.on
complete.addonce(function(){ brick.kill(); }, this); killtween.start(); let's walk through this so you can see what's happening here: when defining a new tween you have to specify which property will be tweened — in our case, instead of hiding the bricks instantly when hit by the ball, we will make their width and height scale to zero, so they will nicely disappear.
... we will also add the optional on
complete event handler, which defines a function to be executed when the tween finishes.
Randomizing gameplay - Game development
our game appears to be
completed, but if you look close enough you'll notice that the ball is bouncing off the paddle at the same angle throughout the whole game.
...it's not
completely random of course, but it does make the gameplay a bit more unpredictable and therefore more interesting.
Plug-in Development Overview - Gecko Plugin API Reference
the npn_geturlnotify function operates like npn_geturl, except that it notifies the plug-in of the result when the operation
completes.
... the npn_posturlnotify function operates like npn_posturl, except that it notifies the plug-in of the result when the operation
completes.
Callback function - MDN Web Docs Glossary: Definitions of Web-related terms
a callback function is a function passed into another function as an argument, which is then invoked inside the outer function to
complete some kind of routine or action.
... note, however, that callbacks are often used to continue code execution after an asynchronous operation has
completed — these are called asynchronous callbacks.
Promise - MDN Web Docs Glossary: Definitions of Web-related terms
a promise is an object that's returned by a function that has not yet
completed its work.
... when the called function finishes its work asynchronously, a function on the promise object called a resolution (or fulfillment, or completion) handler is called to let the original caller know that the task is
complete.
Speed index - MDN Web Docs Glossary: Definitions of Web-related terms
the calculation calculates what percent of the page is visually
complete at every 100ms interval until the page is visually
complete.
... the overall score, the above the fold metric, is a sum of the individual 10 times per second intervals of the percent of the screen that is not-visually
complete.
What is accessibility? - Learn web development
these include difficulty with understanding content, remembering how to
complete tasks, and confusion caused by inconsistent webpage layouts.
...rtant content; minimizing distractions, such as unnecessary content or advertisements; consistent webpage layout and navigation; familiar elements, such as underlined links blue when not visited and purple when visited; dividing processes into logical, essential steps with progress indicators; website authentication as easy as possible without compromising security; and making forms easy to
complete, such as with clear error messages and simple error recovery.
CSS values and units - Learn web development
this takes a value from 0–100%, where 0 is no light (it will appear
completely black) and 100% is full light (it will appear
completely white) we can update the rgb example to use hsl colors like this: just as rgb has rgba, hsl has an hsla equivalent, which gives you the same ability to specify the alpha channel.
...in programming, a function is a reusable section of code that can be run multiple times to
complete a repetitive task with minimum effort on the part of both the developer and the computer.
Legacy layout methods - Learn web development
this leaves us with 960 pixels for our total column/gutter widths — in this case, the padding is subtracted from the total content width because we have set box-sizing to border-box on all elements on the site (see changing the box model
completely for more explanation).
...add the following rule below your previous one: .row { clear: both; } applying this clearing means that we don’t need to
completely fill each row with elements making the full twelve columns.
Responsive design - Learn web development
zoe mickley gillenwater was instrumental in her work to describe and formalize the different ways in which flexible sites could be created, attempting to find a happy medium between filling the screen or being
completely fixed in size.
... you can also art direct images used at different sizes, thus providing a different crop or
completely different image to different screen sizes.
CSS FAQ - Learn web development
documents with an in
complete, incorrect, or missing doctype declaration or a known doctype declaration in common use before 2001 will be rendered in quirks mode.
...for example, many developers only using the -webkit- prefixed version of a property when the non-prefixed version is supported across all browsers meant that a feature relying on that property would break in non-webkit-based browsers,
completely needlessly.
Styling web forms - Learn web development
box sizing all text fields have
complete support for every property related to the css box model, such as width, height, padding, margin, and border.
... border : none; padding : 0 10px; margin : 0; width : 80%; background : none; } when one of these fields gains focus, we highlight them with a light grey, transparent, background (it is always important to have focus style, for usability and keyboard accessibility): input:focus, textarea:focus { background : rgba(0,0,0,.1); border-radius: 5px; } now that our text fields are
complete, we need to adjust the display of the single and multiple line text fields to match, since they won't typically look the same using the defaults.
JavaScript basics - Learn web development
see expressions and operators for a
complete list.
... supercharging our example website with this review of javascript basics
completed (above), let's add some new features to our example site.
What’s in the head? Metadata in HTML - Learn web development
you should see something like this: it should now be
completely obvious where the <h1> content appears, and where the <title> content appears!
...let's look at an example: <meta name="author" content="chris mills"> <meta name="description" content="the mdn web docs learning area aims to provide
complete beginners to the web with all they need to know to get started with developing web sites and applications."> specifying an author is beneficial in many ways: it is useful to be able to understand who wrote the page, if you have any questions about the content and you would like to contact them.
Function return values - Learn web development
return values are just what they sound like — the values that a function returns when it has
completed.
... when the function
completes (finishes running), it returns a value, which is a new string with the replacement made.
Test your skills: Strings - Learn web development
concatenate the two strings together to make a single string containing the
complete quote.
... strings 4 in the final string task, we have given you the name of a theorem, two numeric values, and an in
complete string (the bits that need adding are marked with asterisks (*)).
Measuring performance - Learn web development
these interfaces allows the accurate measurement of the time it takes for javascript tasks to
complete.
...next up, you'll look at perceived performance and some techniques to make unavoidable performance hits appear less severe to the user, or disguise them
completely.
Perceived performance - Learn web development
it doesn’t indicate
completeness and may report a time when nothing visible is painted.
... make things like type-ahead a progressive enhancement: use css to display input modal, js to add typeahead/auto
complete as it is available make task initiators appear more interactive making a content request on keydown rather than waiting for keyup can shave 200ms off the perceived load of the content.
Getting started with Ember - Learn web development
developers are then more easily able to switch between projects and applications without having to
completely relearn the architecture, patterns, conventions, etc.
... here is the
completed ember version, for reference.
Introduction to client-side frameworks - Learn web development
it is a
complete rewrite from the same team that built angularjs.
...there are a number of advantages of this approach, mostly around performance (your user's device isn’t building the page with javascript; it's already
complete) and security (static pages have fewer attack vectors).
Getting started with React - Learn web development
when the process is
complete, cd into the moz-todo-react directory and run the command npm start.
...you don't need to understand this file at all to
complete this tutorial, however, if you'd like to learn more about it, you can read what is the file `package.json`?
Vue conditional rendering: editing existing todos - Learn web development
copy the following code into that file: <template> <form class="stack-small" @submit.prevent="onsubmit"> <div> <label class="edit-label">edit name for "{{label}}"</label> <input :id="id" type="text" auto
complete="off" v-model.lazy.trim="newlabel" /> </div> <div class="btn-group"> <button type="button" class="btn" @click="oncancel"> cancel <span class="visually-hidden">editing {{label}}</span> </button> <button type="submit" class="btn btn__primary"> save <span class="visually-hidden">edit for {{label}}</span> </button> </div> </form> <...
...if you try checking (or unchecking) it again, the
completed count will change in the opposite way to what you'd expect.
Styling Vue components with CSS - Learn web development
</label> </h2> <input type="text" id="new-todo-input" name="new-todo" auto
complete="off" v-model.lazy.trim="label" class="input__lg" /> <button type="submit" class="btn btn__primary btn__lg"> add </button> </form> </template> let's also add the stack-large class to the <ul> tag in our app.vue file.
...in the next article we'll return to adding some more functionlity to our app, namely using a computed property to add a count of
completed todo items to our app.
Introduction to automated testing - Learn web development
once the install
completes, test that node is installed by typing the following into the terminal, which returns the installed versions of node and npm: node -v npm -v if you've got node/npm already installed, you should update them to their latest versions.
...each gulp task is written in the same basic format — gulp's task() method is run, and given two parameters — the name of the task, and a callback function containing the actual code to run to
complete the task.
Introduction to cross browser testing - Learn web development
on the other hand, it is not ok for a site to work fine for sighted users, but be
completely inaccessible for visually impaired users because their screen reader application can't read any of the information stored on it.
...you can set up your own testing automation system (selenium being the popular app of choice) that could for example load your site in a number of different browsers, and: see if a button click causes something to happen successfully (like for example, a map displaying), displaying the results once the tests are
completed take a screenshot of each, allowing you to see if a layout is consistent across the different browsers.
Strategies for carrying out testing - Learn web development
of course, this relies on you already having a site to use it on, so it isn't much good for
completely new sites.
... after the process has
completed, you should have a virtual machine running an operating system inside a window on your host computer.
Git and GitHub - Learn web development
overview vcses are essential for software development: it is rare that you will work on a project
completely on your own, and as soon as you start working with other people you start to run the risk of conflicting with each other's work — this is when both of you try to update the same piece of code at the same time.
... note: git is actually a distributed version control system, meaning that a
complete copy of the repository containing the codebase is made on your computer (and everyone else's).
Client-side tooling overview - Learn web development
the date-fns docs for example are pretty good,
complete, and easy to follow.
... overview: understanding client-side tools next in this module client-side tooling overview command line crash course package management basics introducing a
complete toolchain deploying our app ...
Understanding client-side web development tools - Learn web development
we finish up by providing a
complete toolchain example showing you how to get productive.
...introducing a
complete toolchain in the final couple of articles in the series we will solidify your tooling knowledge by walking you through the process of building up a sample case study toolchain.
Accessibility API cross-reference
n/a n/a aria-auto
complete the control cannot accept input at this time.
... indicates an element is being modified and that assistive technologies may want to wait until the modifications are
complete before exposing them to the user.
Accessibility/LiveRegionDevGuide
in this case, the root event string is object:text-changed with ":delete" and ":insert" being appended to
complete the event type.
...(at-spi only) a global variable can be set in a document:load:
complete event listener and reset in a object:state-changed:busy listener.
Mozilla accessibility architecture
note: this chart is not
complete, consult the handleevent() method to see the rest.
...we must be careful: if the dom mutation events are in
complete, then our cache will not be a correct mirror of the dom.
CSUN Firefox Materials
mozilla corporation is currently reaching out to work with ai squared, the makers of zoomtext, in order to enable
complete support of advanced zoomtext features such as the doc reader and app reader.
...this extension is useful for making ie specific sites, or site that read better in ie, open directly in firefox, while using the internet explorer engine tab mix plus
completely enhances firefox's tab browsing capabilities.
Links and Resources
webxact™ from watchfire® corporation webxact™ is a free and
complete online accessibility validation service that can test single pages for quality, accessibility and privacy issues.
...just like webxact, it can also perform a "
complete webpage quality check" for accessibility, privacy, searchability, metadata and even alt text attribute quality.
Index
683 source code submission add-ons, extensions, review policy, distribution to
complete the review process at addons.mozilla.org (amo), reviewers must be able to read the code in your extension.
... 688 third party library usage add-ons, extensions, review policy to
complete the review process at addons.mozilla.org (amo), reviewers must be able to verify the code in your extension.
Old Thunderbird build
so firstly
complete the instructions for your os and then continue following these build instructions.
...it is faster and more efficient to use mercurial bundles instead the first time you fetch the
complete repo.
Simple Sunbird build
for
complete information, see the build documentation.
...building just lightning after you have
completed a full build, if you would like to rebuild lightning you don't need to go through the whole build process: # enter the calendar directory in the object-directory cd src/../objdir-sb-release/calendar # make the lightning extension make -c lightning references general build documentation comm-central ...
Simple Thunderbird build
so firstly
complete the instructions for your os and then continue following these build instructions.
... if it is in your `mozconfig` file, you should go ahead and remove it when building thunderbird 74 or later, since support for it will eventually be removed
completely.
The Firefox codebase: CSS Guidelines
using descendant selectors is good practice for performance when possible: for example: .auto
complete-item[selected] > .auto
complete-item-title would be more efficient than .auto
complete-item[selected] .auto
complete-item-title overriding css before overriding any css rules, check whether overriding is really needed.
... :root[lwt-popup-brighttext]: dark arrow panels and auto
complete panels.
mach
ings-list try running the program: $ ./mach run try running your program in a debugger: $ ./mach run --debug try running some tests: $ ./mach xpcshell-test services/common/tests/unit/ or run an individual test: $ ./mach mochitest browser/base/content/test/general/browser_pinnedtabs.js you run mach from the source directory, so you should be able to use your shell's tab completion to tab-
complete paths to tests.
... you can add the command to your .profile so it will run automatically when you start the shell: source /path/to/mozilla-central/python/mach/bash-completion.sh this will enable tab completion of mach command names, and in the future it may
complete flags and other arguments too.
Multiple Firefox profiles
it takes little time to set up a new profile, and once it is
complete, all of your firefox versions will update separately and can be run simultaneously.
... here is a
complete example terminal command from steps 2-3: /applications/firefox.app/contents/macos/firefox -profile /users/suzie/library/application\ support/firefox/profiles/r99d1z7c.default if the profile manager window does not open, firefox may have been running in the background, even though it was not visible.
mozbrowseractivitydone
details the details property returns an anonymous javascript object with the following properties: success a boolean that indicates whether the activity has
completed successfully (true) or not (false).
... examples var browser = document.queryselector("iframe"); browser.addeventlistener("mozbrowseractivitydone", function(event) { if(event.details.success) { console.log('activity
completed successfully'); } else { console.log('activity not
completed successfully'); } }); related events mozbrowserclose mozbrowsercontextmenu mozbrowsererror mozbrowsericonchange mozbrowserloadend mozbrowserloadstart mozbrowserlocationchange mozbrowseropenwindow mozbrowsersecuritychange mozbrowsertitlechange mozbrowserusernameandpasswordrequired ...
MozBeforePaint
this computes the current position for the animating box and updates the box's position on screen, and, if the animation sequence is not yet
complete, calls window.requestanimationframe() to schedule the next animation frame to be drawn.
... when the animation sequence
completes, removes the event listener.
Embedding Tips
when the operation is
completed, the onstatechange will be notified by a combination of state_stop | state_is_network state flags.
...wait for persistence to
complete before returning.
Gecko SDK
see the build documentation for
complete details.
... after the xulrunner build is
complete running make sdk from your object directory will create a package of the sdk in dist.
Implementing QueryInterface
this technique works because nsbaseimplementation is already a
complete class that could have been used on its own.
... this technique is less appropriate when you derive from several
complete classes; but it can still be used if you are sensitive to the order, e.g., // ...
Internationalized Domain Names (IDN) Support in Mozilla Browsers
some country will
complete the conversion quickly, e.g.
...if you find idn test sites under the .com and .net top domains, and if you cannot successfully access these sites, you can use the following workaround until the conversion to punycode is
completed for these top domains: using netscape 7.1 or mozilla 1.4: type about:config into the location/url bar.
InstallListener
void ondownloadprogress( in addoninstall install ) parameters install the addoninstall representing the install ondownloadended() called when downloading
completes successfully for an add-on install.
... void oninstallstarted( in addoninstall install ) parameters install the addoninstall representing the install oninstallended() called when installation of an add-on is
complete.
UpdateCheckListener
method overview void onupdatecheck
complete(in updateinfo results[]) void onupdatecheckerror(in integer status) methods onupdatecheck
complete() called when the update check
completed successfully.
... void onupdatecheck
complete( in updateinfo results[] ) parameters results an array of updateinfo objects representing the available add-on versions onupdatecheckerror() called when the update check fails.
UpdateListener
onupdatefinished() to signal that the update check has
completed.
... void onnoupdateavailable( in addon addon ) parameters addon the addon that was being checked for updates onupdatefinished() called when the update check is
complete.
CustomizableUI.jsm
anode is the widget's node, acontainer is the area it was moved into (nb: it might already have been there and been moved to a different position!) onareareset(aarea, acontainer) fired after a reset to default placements is
complete on an area's dom node.
...this is a
complete example that can be copied and pasted into scratchpad: //start - use customizableui.jsm to create the widget cu.import('resource:///modules/customizableui.jsm'); customizableui.createwidget({ id: 'id_of_my_widget_within_customizableui_and_dom', defaultarea: customizableui.area_navbar, label: 'my widget', // type: 'button', //we don't need to type this, the default type is button ...
DownloadTarget
this is a dynamic property, which is updated when the download is
completed or when the download.refresh() method is called.
... size read only number the size of the target file, in bytes, or zero if the download has not yet been
completed.
FxAccountsOAuthClient.jsm
on
complete function gets called when the firefox accounts oauth flow successfully
completes.
...parameters none examples using the fxaccountsoauthclient chrome code let parameters = { oauth_uri: oauth_server_endpoint, client_id: oauth_client_id, content_uri: content_server_url, state: oauth_state } let client = new fxaccountsoauthclient({ parameters: parameters }); client.on
complete = function (tokendata) { // tokendata consists of two properties: "tokendata.state" and "tokendata.code" }; client.launchwebflow(); ...
Interfacing with the Add-on Repository
the callback object needs to implement the searchcallback interface, providing the methods that get called when a search either fails or
completes successfully.
... handling successful requests the callback object's searchsucceeded() method gets called when a search
completes successfully.
Following the Android Toasts Tutorial from a JNI Perspective
this is what our fields array will look like: static_fields: [ { name: 'length_short', sig: sig.int } ] wrap it all up here is the code for our
completed toast class: var toast = jni.loadclass(my_jenv, sig.toast.substr(1, sig.toast.length - 2), { static_methods: [ { name: 'maketext', sig: '(' + sig.context + // context sig.int + // resid sig.int + // duration ')' + sig.toast // return } ], methods: [ ...
... var geckoappshell = jni.loadclass(my_jenv, sig.geckoappshell.substr(1, sig.geckoappshell.length - 2), { static_methods: [ { name: 'getcontext', sig: '()' + sig.context } ] }); porting the java code now that all the declarations are
complete, we can now side-by-side port the java code to jni.
Promise
new promise(executor); parameters executor this function is invoked immediately with the resolving functions as its two arguments: executor(resolve, reject); the constructor will not return until the executor has
completed.
... the resolving functions can be used at any time, before or after the executor has
completed, to control the final state of the promise.
PromiseWorker.jsm
the
complete demo is found here: github :: promiseworker custom errors demo catching the promise from the worker, it is not possible, as of firefox 40, to cause the promise on the main thread catch.
...
complete example following example provides resolvetest function, which resolves the promise when true is passed as an argument, and rejects the promise when false is passed as an argument, and post messages to it from the main thread.
Sqlite.jsm
this returns a promise that is resolved when the operation
completes.
...function() ), and only are labeled as onstatement
complete and onerror for readability.
Task.jsm
task.spawn() returns a promise that is resolved when the task
completes successfully, or is rejected if an exception occurs.
...if the reason for the exception is that the file doesn't exist, this is treated as an expected condition, and the task will
complete succesfully.
Index
19 localization: frequently asked questions faq, guide, internationalization, localization, mozilla this page lists tweaks and tips that may not require a
complete page on its own.
...if the documentation is in
complete or you have questions, please drop by the #l10n or #hg channels on irc.mozilla.org.
Localizing with Mercurial
if the documentation is in
complete or you have questions, please drop by the #l10n or #hg channels on irc.mozilla.org.
... for the eager and quick, below you'll find instructions on installing and configuring mercurial, instructions on receiving an hg account commit priviledges, as well as a few tasks you can
complete without account priviledges.
Localization technical reviews
overview you've
completed most, if not all, of your localization work.
... search plugins similar to the region.properties files, the list.txt file should be reverted to en-us and amended accordingly as the search plugin productization bugs are
completed.
DMD
this can take 10s of seconds or more to
complete.
...use --stacks=full if you want
complete information, but note that dmd will run substantially slower in that case.
JS::PerfMeasurement
here is the
complete c++-level api: perfmeasurement::eventmask this is an enumeration defining all of the bit mask values in the above table.
...jsobject* js::registerperfmeasurement(jscontext* cx, jsobject* global) you shouldn't need to use this function, but we mention it for
completeness.
Leak-hunting strategies and tips
because (1) large graphs of leaked objects tend to include some objects pointed to by global variables that confuse gc-based leak detectors, which can make leaks look smaller (as in bug 99180) or hide them
completely and (2) large graphs of leaked objects tend to hide smaller ones, it's much better to go after the large graphs of leaks first.
...start finding and fixing leaks by running part of the task under nstracerefcnt logging, gradually building up from as little as possible to the
complete task, and fixing most of the leaks in the first steps before adding additional steps.
L20n
complete with use cases and examples of l20n in action.
...
complete with use cases and examples of l20n in action.
AsyncTestUtils extended framework
sometimes in your tests you need to wait for an operation to
complete that does not occur synchronously (that is, it is not done when the function call you made to initiate the operation returns control to you).
...when the asynchronous operation is
complete, something needs to call async_driver().
Optimizing Applications For NSPR
this memo is by no way
complete.
...for
complete cross platform portability, do not take the address of a stack variable and make that address available to another thread.
Introduction to NSPR
nspr threads are scheduled in two separate domains: local threads are scheduled within a process only and are handled entirely by nspr, either by
completely emulating threads on each host operating system (os) that doesn't support threads, or by using the threading facilities of each host os that does support threads to emulate a relatively large number of local threads by using a relatively small number of native threads.
...when the changes have been
completed, the thread notifies the condition associated with the data and exits the monitor using pr_notifycondvar.
PR_GetConnectStatus
if pr_geterror returns pr_in_progress_error, the nonblocking connection is still in progress and has not
completed yet.other errors indicate that the connection has failed.
... description after pr_connect on a nonblocking socket fails with pr_in_progress_error, you may wait for the connection to
complete by calling pr_poll on the socket with the in_flags pr_poll_write | pr_poll_except.
PR_JoinThread
if pr_jointhread is not called on the same thread as pr_createthread, then it is the caller's responsibility to ensure that pr_createthread has
completed.
... several threads cannot wait for the same thread to
complete.
PR_TransmitFile
sends a
complete file across a connected socket.
... description the pr_transmitfile function sends a
complete file (sourcefile) across a connected socket (networksocket).
NSS 3.21 release notes
in ssl.h ssl_getpreliminarychannelinfo - obtains information about a tls channel prior to the handshake being
completed, for use with the callbacks that are invoked during the handshake ssl_signatureprefset - configures the enabled signature and hash algorithms for tls ssl_signatureprefget - retrieves the currently configured signature and hash algorithms ssl_signaturemaxcount - obtains the maximum number signature algorithms that can be configured with ssl_signatureprefset in utilpars.h nssu...
... ckm_tls_mac - computes tls finished mac in secoidt.h nss_use_alg_in_ssl_kx - policy flag indicating that keys are used in tls key exchange in sslerr.h ssl_error_rx_short_dtls_read - error code for failure to include a
complete dtls record in a udp packet ssl_error_no_supported_signature_algorithm - error code for when no valid signature and hash algorithm is available ssl_error_unsupported_signature_algorithm - error code for when an unsupported signature and hash algorithm is configured ssl_error_missing_extended_master_secret - error code for when the extended master secret is missing after having been negot...
Python binding for NSS
013-10-28 scm tag pynss_release_0_14_1 source download https://ftp.mozilla.org/pub/mozilla.org/security/python-nss/releases/pynss_release_0_14_1/src/ change log release 0.14.1 contains only modifications to tests and examples, otherwise functionally it is the same as release 0.14.0 fix bug in ssl_example.py and test_client_server.py where
complete data was not read from socket.
...sock.readline() calls sock.recv() internally until a
complete line is read or the socket is closed.
sslerr.html
ssl_error_token_insertion_removal -12205 "pkcs #11 token was inserted or removed while operation was in progress." a cryptographic operation required to
complete the handshake failed because the token that was performing it was removed while the handshake was underway.
... ssl_error_no_compression_overlap -12203 "cannot communicate securely with peer: no common compression algorithm(s)." ssl_error_handshake_not_
completed -12202 "cannot initiate another ssl handshake until current handshake is
complete." ssl_error_bad_handshake_hash_value -12201 "received incorrect handshakes hash values from peer." ssl_error_cert_kea_mismatch -12200 "the certificate provided cannot be used with the selected key exchange algorithm." ssl_error_no_trusted_ssl_client_ca -12199 "no c...
TLS Cipher Suite Discovery
at any time, any real implementation implements some subset of the
complete set of well-defined cipher suites.
...ruint16 effectivekeybits; /* mac info */ const char * macalgorithmname; sslmacalgorithm macalgorithm; pruint16 macbits; pruintn isfips : 1; pruintn isexportable : 1; pruintn nonstandard : 1; pruintn reservedbits :29; } sslciphersuiteinfo; (unfinished, to be
completed here) ...
certutil
a
complete list of ecc curves is given in the help (-h).
...use the -h option to show the
complete list of arguments for each command option.
Necko Architecture
once you have a url interface in hand (nsiurl), you have a
completely parsed representation of the original url string, and you can query for the various parts of the url.
...the transaction is not
complete until you receive an "stopped" notification.
Tracing JIT
if the recorder
completes recording at a backward branch back to the initial pc value that triggered recording mode, it is said to have successfully closed the loop.
...when the innermost recorder
completes -- successfully or otherwise -- every recorder on the deferred abort stack is aborted.
JS::SourceBufferHolder
if ownership is not given to the sourcebufferholder, then the memory must be kept alive until the js compilation is
complete.
... any code calling sourcebufferholder::take() must guarantee to keep the memory alive until js compilation
completes.
Parser API
note: this page describes spidermonkey-specific behavior and might be in
complete.
...st character after the parsed source region): interface sourcelocation { source: string | null; start: position; end: position; } each position object consists of a line number (1-indexed) and a column number (0-indexed): interface position { line: uint32 >= 1; column: uint32 >= 0; } programs interface program <: node { type: "program"; body: [ statement ]; } a
complete program source tree.
SpiderMonkey 1.8.8
these release notes are an in
complete draft and were initially seeded from the 1.8.5 release notes, so lots of the information here isn't actually new to spidermonkey 1.8.8 (nor is it even the case that the version number will be 1.8.8!).
... don't add anything here -- this is for after the release notes are
completed.
SpiderMonkey 17
these release notes are an in
complete draft and were initially seeded from the (now-defunct) 1.8.8 release notes, which were themselves seeded from the 1.8.5 release notes, so lots of the information here isn't actually new to spidermonkey 17.
... don't add anything here -- this is for after the release notes are
completed.
SpiderMonkey 24
these release notes are an in
complete draft and were initially seeded from the spidermonkey 17 release notes, so they're not necessarily
complete or fully accurate.
... don't add anything here -- this is for after the release notes are
completed.
SpiderMonkey 38
these release notes are in
complete.
... don't add anything here -- this is for after the release notes are
completed.
SpiderMonkey 45
these release notes are in
complete.
...eddertimefunction (bug 1159507) js_getcurrentembeddertime (bug 1159507) js_mayresolvestandardclass (bug 1155946) js_getiteratorprototype (bug 1225392) js_globallexicalscope (bug 1202902) js_hasextensiblelexicalscope (bug 1202902) js_extensiblelexicalscope (bug 1202902) js_initreflectparse (bug 987514) js::toprimitive (bug 1206168) js::getfirstargumentastypehint (bug 1054756) js::objectto
completepropertydescriptor (bug 1144366) js_setimmutableprototype (bug 1211607) js_getownucpropertydescriptor (bug 1211607) js_hasownpropertybyid (bug 1211607) js_hasownproperty (bug 1211607) js_deleteucproperty (bug 1211607) js::newfunctionfromspec (bug 1054756) js::compilefornonsyntacticscope (bug 1165486) js_checkforinterrupt (bug 1058695) js::mapdelete (bug 1159469) js::mapforeach (bug 11594...
Thread Sanitizer
entral directory: mk_add_options moz_objdir=@topsrcdir@/objdir-ff-tsan mk_add_options moz_make_flags=-j12 # enable llvm specific code and build workarounds ac_add_options --enable-thread-sanitizer # if clang is already in your $path, then these can simply be: # export cc=clang # export cxx=clang++ export cc="/path/to/clang" export cxx="/path/to/clang++" # llvm-symbolizer displays much more
complete backtraces when data races are detected.
... starting firefox after the build has
completed, you can start firefox from the objdir as usual.
Web Replay
care must be taken to make sure these resources are coherent to the process after the restore
completes.
... failed operations currently just produce a placeholder "in
complete" result.
Task graph
once its prerequisite tasks
complete, a dependent task begins.
... the outputs from each task, log files, firefox installers, and so on, appear attached to each task when it
completes.
Gecko Roles
role_progressbar represents a progress bar, dynamically showing the user the percent
complete of an operation in progress.
... role_auto
complete a text entry having dialog or list containing items for insertion into an entry widget, for instance a list of words for completion of a text entry.
Frecency algorithm
places with this value can show up in auto
complete results.
... invalid places have a frecency value of zero, and will not show up in auto
complete results.
XPCOM array guide
void processvisibleitems() { // temporary stack-based nscomarray nscomarray<nsifoo> fooitems; get
completelist(fooitems); // now filter out non visible objects // doing this backwards pruint32 i = fooitems.count(); while (i > 0) { --i; prbool isvisible; fooitems[i]->getisvisible(&isvisible); if (!isvisible) { fooitems.removeobjectat(i); } } // now deal with the processed list processlist(fooitems); // fooitems will release all its members // when it goes ...
... void processvisibleitems() { // temporary stack-based nstarray nstarray<foostruct> fooitems; get
completelist(fooitems); // now filter out non visible objects // doing this backwards pruint32 i = fooitems.length(); while (i > 0) { --i; prbool isvisible; fooitems[i]->getisvisible(&isvisible); if (!isvisible) { fooitems.removeelementat(i); } } // now deal with the processed list processlist(fooitems); // fooitems will call the destructors of all the foostruc...
Component Internals
complete xpcom startup: xpcom notifies that it's begun.
... once registration is
complete and the notifications have fired, xpcom is ready to be used by the application.
Finishing the Component
here is the
complete implementation of the shouldload() method: ns_imethodimp weblock::shouldload(print32 contenttype, nsiuri *contentlocation, nsisupports *ctxt, nsidomwindow *window, prbool *_retval) { if (!contentlocation) return ns_error_failure; nsembedcstring scheme; contentlocation->getscheme(scheme); if (strcmp("ht...
... allow this nsiuri to load *_retval = pr_true; return ns_ok; } node = node->next; } return ns_ok; } at this point, all of the backend work is
complete.
Packaging WebLock
weblock installation script is the
completetrigger installation script, which can be launched from a web page.
...the following html specifies a
complete webpage in which the trigger script is defined as a javascript function, installweblock, that gets called when the user clicks the hyperlink.
Using XPCOM Utilities to Make Things Easier
for a
complete listing of smart pointer functionality, see mozilla.org's nscomptr documentationxxx this should be in devmo.
...for a
complete listing of all available options you can look at the
complete reference in the xpcom api reference.
Mozilla internal string guide
the 8-bit and 16-bit string classes have
completely separate base classes, but share the same apis.
...
complete documentation can be found in the appendix.
Components.utils.importGlobalProperties
therefore readystate must be checked, if it is not
complete, then a load listener must be attached.
... once readystate is
complete then the objects can be used.
Monitoring HTTP activity
ctivitytype, aactivitysubtype, atimestamp, aextrasizedata, aextrastringdata) { if (aactivitytype == nsihttpactivityobserver.activity_type_http_transaction) { switch(aactivitysubtype) { case nsihttpactivityobserver.activity_subtype_response_header: // received response header break; case nsihttpactivityobserver.activity_subtype_response_
complete: // received
complete http response break; } } } }; then you need to install your activity observer.
...these include the ability to monitor outgoing http request headers and bodies as well as incoming http headers and
complete http transactions.
amIInstallCallback
toolkit/mozapps/extensions/amiinstalltrigger.idlscriptable a callback function that web pages can implement to be notified when triggered installs
complete.
... 1.0 66 introduced gecko 2.0 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview void oninstallended(in astring aurl, in print32 astatus); methods oninstallended() called when an install
completes or fails.
imgIDecoderObserver
however, with decode-on-draw, the set of decode notifications can come
completely after the load notifications, and can come multiple times if the image is discardable.
...ideally this would be called when the decode is
complete.
mozIRepresentativeColorCallback
toolkit/components/places/mozicoloranalyzer.idlscriptable provides callback methods for mozicoloranalyzer 1.0 66 introduced gecko 17.0 inherits from: nsisupports last changed in gecko 17.0 (firefox 17.0 / thunderbird 17.0 / seamonkey 2.14) method overview void on
complete(in boolean success, [optional] in unsigned long color); methods on
complete() will be called when color analysis finishes.
... void on
complete( in boolean success, [optional] in unsigned long color ); parameters success true if analysis was successful, false otherwise.
mozIStorageCompletionCallback
last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) inherits from: nsisupports method overview void
complete(); methods
complete() called when an asynchronous storage routine has
completed.
... void
complete(); parameters none.
mozIStorageConnection
methods asyncclose() asynchronously closes a database connection, allowing all pending asynchronous statements to
complete first.
...that object's mozistoragecompletioncallback.
complete() routine will be called once the connection is closed.
nsIContentPrefCallback2
ods 1.0 66 introduced gecko 20.0 inherits from: nsisupports last changed in gecko 20.0 (firefox 20.0 / thunderbird 20.0 / seamonkey 2.17) method overview void handlecompletion(in unsigned short reason); void handleerror(in nsresult error); void handleresult(in nsicontentpref pref); constants constant value description
complete_ok 0
complete_error 1 methods handlecompletion() called when the method finishes.
...void handlecompletion( in unsigned short reason ); parameters reason one of the
complete_* values indicating the manner in which the method
completed.
nsIContentViewer
void load
complete(in unsigned long astatus); void loadstart(in nsisupports adoc); void move(in long ax, in long ay); void open(in nsisupports astate, in nsishentry ashentry); void pagehide(in boolean isunload); boolean permitunload([optional] in boolean acallercloseswindow); boolean requestwindowclose(); void resetclosewindow(); void setbou...
...void init( in nsiwidgetptr aparentwidget, [const] in nsintrectref abounds ); parameters aparentwidget missing description abounds missing description load
complete() void load
complete( in unsigned long astatus ); parameters astatus missing description exceptions thrown missing exception missing description loadstart() void loadstart( in nsisupports adoc ); parameters adoc missing description exceptions thrown missing exception missing description move() void move( in long ax, in long ay ); parameters a...
nsICookieService
methods getcookiestring() get the
complete cookie string associated with the uri.
... getcookiestringfromhttp() get the
complete cookie string associated with the uri.
nsIDNSListener
inherits from: nsisupports last changed in gecko 1.7 method overview void onlookup
complete(in nsicancelable arequest, in nsidnsrecord arecord, in nsresult astatus); methods onlookup
complete() called when an asynchronous host lookup
completes.
... void onlookup
complete( in nsicancelable arequest, in nsidnsrecord arecord, in nsresult astatus ); parameters arequest the value returned from asyncresolve.
nsIDownloadObserver
inherits from: nsisupports last changed in gecko 1.7 method overview void ondownload
complete(in nsidownloader downloader, in nsirequest request, in nsisupports ctxt, in nsresult status, in nsifile result); methods ondownload
complete() called to signal a download that has
completed.
... void ondownload
complete( in nsidownloader downloader, in nsirequest request, in nsisupports ctxt, in nsresult status, in nsifile result ); parameters downloader request ctxt status result ...
nsIDownloadProgressListener
amaxselfprogress the value that the self progress needs to reach to indicate that the download is
complete.
... amaxtotalprogress the value that the total progress needs to reach to indicate that all downloads are
complete.
nsIDownloader
the resulting file is valid from the time the downloader
completes until the last reference to the downloader is released.
...void init( in nsidownloadobserver observer, in nsifile downloadlocation ); parameters observer the nsidownloadobserver to be notified when the download
completes.
nsIEditorObserver
editor/idl/nsieditorobserver.idlscriptable used by applications wishing to be notified when the editor has
completed a user action.
... 66 introduced gecko 1.0 obsolete gecko 18 inherits from: nsisupports last changed in gecko 1.7 method overview void editaction(); methods editaction() called after the editor
completes a user action.
nsIFaviconDataCallback
1.0 66 introduced gecko 2.0 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview void on
complete(in nsiuri auri, in unsigned long adatalen, [const,array,size_is(adatalen)] in octet adata, in autf8string amimetype); methods on
complete() called when the required favicon's information is available.
...void on
complete( in nsiuri auri, in unsigned long adatalen, [const,array,size_is(adatalen)] in octet adata, in autf8string amimetype ); parameters auri receives the "favicon uri" (not the "favicon link uri") associated to the requested page.
nsIHttpActivityObserver
activity_subtype_response_
complete 0x5005 the
complete http response has been received.
...activity_subtype_response_
complete aextrasizedata contains the total number of bytes received.
nsIMsgFolder
oolean matchorchangefilterdestination(in nsimsgfolder folder,in boolean caseinsensitive); boolean confirmfolderdeletionforfilter(in nsimsgwindow msgwindow); void alertfilterchanged(in nsimsgwindow msgwindow); void throwalertmsg(in string msgname, in nsimsgwindow msgwindow); astring getstringwithfoldernamefrombundle(in string msgname); void notifycompact
completed(); long comparesortkeys(in nsimsgfolder msgfolder); [noscript] void getsortkey(out octet_ptr key, out unsigned long length); boolean callfilterplugins(in nsimsgwindow amsgwindow); acstring getstringproperty(in string propertyname); void setstringproperty(in string propertyname, in acstring propertyvalue); boolean isancestorof(in nsimsgfolder ...
...nfirmfolderdeletionforfilter() boolean confirmfolderdeletionforfilter(in nsimsgwindow msgwindow); alertfilterchanged() void alertfilterchanged(in nsimsgwindow msgwindow); throwalertmsg() void throwalertmsg(in string msgname, in nsimsgwindow msgwindow); getstringwithfoldernamefrombundle() astring getstringwithfoldernamefrombundle(in string msgname); notifycompact
completed() void notifycompact
completed(); comparesortkeys() long comparesortkeys(in nsimsgfolder msgfolder); getsortkey() [noscript] void getsortkey(out octet_ptr key, out unsigned long length); callfilterplugins() boolean callfilterplugins(in nsimsgwindow amsgwindow); getstringproperty() acstring getstringproperty(in string propertyname); setstringproperty...
nsIMsgIdentity
bccothers boolean bcclist astring dobcc boolean dobcclist astring draftfolder astring stationeryfolder astring showsavemsgdlg boolean directoryserver astring overrideglobalpref boolean auto
completetomydomain boolean if this is false, don't append the user's domain to an auto
complete address with no matches.
... valid boolean determines if the ui should use this identity and the wizard uses this to determine whether or not to ask the user to
complete all the fields.
nsINavHistoryService
markpageastyped() this method designates the url as having been explicitly typed in by the user, so it can be used as an auto
complete result.
...the typed flag affects the url bar auto
complete.
nsITimer
type_repeating_slack 1 after firing, the timer is stopped and not restarted until its callback
completes.
... the timer period will ideally be at least the time between when processing for last firing the callback
completes and when the next firing occurs, but note that this is not guaranteed: the timer can fire at any time.
nsIURL
if the url denotes a path to a directory and not a file, for example http://host/foo/bar/, then the directory attribute accesses the
complete /foo/bar/ portion, and the filename is the empty string.
...if the url denotes a path to a directory and not a file, for example http://host/foo/bar/, then the directory attribute accesses the
complete /foo/bar/ portion, and the filename is the empty string.
nsIUpdate
pps/update/nsiupdateservice.idlscriptable an interface that describes an object representing an available update to the current application - this update may have several available patches from which one must be selected to download and install, for example we might select a binary difference patch first and attempt to apply that, then if the application process fails fall back to downloading a
complete file-replace patch.
... is
completeupdate boolean true if the update is a
complete replacement of the existing installation; false if the update is a patch representing the difference between the new version and the existing version.
nsIUpdateCheckListener
1.0 66 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) method overview void oncheck
complete(in nsixmlhttprequest request, [array, size_is(updatecount)] in nsiupdate updates, in unsigned long updatecount); void onerror(in nsixmlhttprequest request, in nsiupdate update); void onprogress(in nsixmlhttprequest request, in unsigned long position, in unsigned long totalsize); methods oncheck
complete() called when the update check is
completed.
... void oncheck
complete( in nsixmlhttprequest request, [array, size_is(updatecount)] in nsiupdate updates, in unsigned long updatecount ); parameters request the nsixmlhttprequest object handling the update check.
nsIWebSocketChannel
uri nsiuri the uri corresponding to the protocol connection after any redirections are
completed.
... 1000 close_normal normal closure; the connection successfully
completed whatever purpose for which it was created.
nsIWebSocketListener
this is the final notification the listener will receive; once it's been received, the websocket connection is
complete.
... astatuscode reason for stopping (ns_ok if
completed successfully).
nsIWindowMediator
this example below waits for listens to when a window opens, and then after that window opens it adds event listener to listen to when the window
completes loading, after that it fires a function.
...for that reason this interface requires only objects one step removed from the native window (nsiwidgets), and its implementation must be very understanding of what may be
completely invalid pointers in those parameters.
XPCOM Interface Reference
bletextiaccessiblevalueidispatchijsdebuggeramiinstallcallbackamiinstalltriggeramiwebinstallinfoamiwebinstalllisteneramiwebinstallpromptamiwebinstallerimgicacheimgicontainerimgicontainerobserverimgidecoderimgidecoderobserverimgiencoderimgiloaderimgirequestinidomutilsjsdistackframemoziasyncfaviconsmoziasynchistorymozicoloranalyzermozijssubscriptloadermozipersonaldictionarymoziplaceinfomoziplacesauto
completemoziregistrymozirepresentativecolorcallbackmozispellcheckingenginemozistorageaggregatefunctionmozistorageasyncstatementmozistoragebindingparamsmozistoragebindingparamsarraymozistoragecompletioncallbackmozistorageconnectionmozistorageerrormozistoragefunctionmozistoragependingstatementmozistorageprogresshandlermozistorageresultsetmozistoragerowmozistorageservicemozistoragestatementmozistoragestateme...
...plicationcachensiapplicationcachechannelnsiapplicationcachecontainernsiapplicationcachenamespacensiapplicationcacheservicensiapplicationupdateservicensiarraynsiasyncinputstreamnsiasyncoutputstreamnsiasyncstreamcopiernsiasyncverifyredirectcallbacknsiauthinformationnsiauthmodulensiauthpromptnsiauthprompt2nsiauthpromptadapterfactorynsiauthpromptcallbacknsiauthpromptprovidernsiauthpromptwrappernsiauto
completecontrollernsiauto
completeinputnsiauto
completeitemnsiauto
completelistenernsiauto
completeobservernsiauto
completeresultnsiauto
completesearchnsibadcertlistener2nsibidikeyboardnsibinaryinputstreamnsibinaryoutputstreamnsiblocklistpromptnsiblocklistservicensiboxobjectnsibrowserboxobjectnsibrowserhistorynsibrowsersearchservicensicrlinfonsicrlmanagernsicachensicachedeviceinfonsicacheentrydescriptornsicache...
Storage
the latter will allow all ongoing transactions to
complete before closing the connection, and will optionally notify you via callback when the connection is closed.
...for a
complete reference see mozistoragestatement.
Address book sync client design
* */ void onstartauthoperation(); /** * notify the observer that the ab sync operation has been
completed.
...ify the observer that progress as occurred for the ab sync operation */ void onprogress(in print32 atransactionid, in pruint32 aprogress, in pruint32 aprogressmax); /** * notify the observer with a status message for sync operation */ void onstatus(in print32 atransactionid, in wstring amsg); /** * notify the observer that the ab sync operation has been
completed.
Creating a gloda message query
create a collection from the query your listener is notified as messages are added to the collection as the database query
completes.
...er_onitemsadded(aitems, acollection) { }, /* called when items that are already in our collection get re-indexed */ onitemsmodified: function mylistener_onitemsmodified(aitems, acollection) { }, /* called when items that are in our collection are purged from the system */ onitemsremoved: function mylistener_onitemsremoved(aitems, acollection) { }, /* called when our database query
completes */ onquery
completed: function mylistener_onquery
completed(acollection) { } }; let collection = query.getcollection(mylistener); message attributes look at the pretty messages!
Activity Manager examples
roup this activity by account process.contextobj = folder.server; // account in question gactivitymanager.addactivity(process); // step 2: showing some progress let percent = 50; process.setprogress(percent, "junk processing 25 of 50 messages", 25, 50); // step 3: removing the process and adding an event using process' attributes process.state = components.interfaces.nsiactivityprocess.state_
completed; gactivitymanager.removeactivity(process.id); let event = components.classes["@mozilla.org/activity-event;1"].createinstance(nsiae); // localization is omitted, initiator is omitted event.init(folder.prettiestname + " is processed", null, "no junk found", process.starttime, // start time date.now()); // completion time event.contexttype = pr...
... // subject of the delete operation is the imap folder // wrap it in a nsvariant component nscomptr<nsiwritablevariant> srcfolder = do_createinstance(ns_variant_contractid); srcfolder->setasisupports(reinterpret_cast<nsisupports*>(imapfolder)); copyevent->addsubject(srcfolder); copyevent->init(ns_literal_string("message copy event"), initiator, ns_literal_string("
completed successfully"), pr_now() / pr_usec_per_msec, // start time pr_now() / pr_usec_per_msec); // completion time // do not forget to increase the ref counter if needed copyevent->setundohandler(undohandler); //////////////////////////////////////////////////////////////// //// adding the event into activity manager nscomptr<nsiactivitymanager> activitymgr(do_get...
Using COM from js-ctypes
ulong* pulstreamnumber); void* speakstream; void* getstatus; void* skip; void* setpriority; void* getpriority; void* setalertboundary; void* getalertboundary; void* setrate; void* getrate; void* setvolume; void* getvolume; void* waituntildone; void* setsyncspeaktimeout; void* getsyncspeaktimeout; void* speak
completeevent; void* isuisupported; void* displayui; /* end ispvoice */ }; int main(void) { if (succeeded(coinitialize(null))) { struct myispvoice* pvoice = null; hresult hr = cocreateinstance(&clsid_spvoice, null, clsctx_all, &iid_ispvoice, (void**)&pvoice); if (succeeded(hr)) { pvoice->lpvtbl->speak(pv...
...}, { 'setalertboundary': ctypes.voidptr_t }, { 'getalertboundary': ctypes.voidptr_t }, { 'setrate': ctypes.voidptr_t }, { 'getrate': ctypes.voidptr_t }, { 'setvolume': ctypes.voidptr_t }, { 'getvolume': ctypes.voidptr_t }, { 'waituntildone': ctypes.voidptr_t }, { 'setsyncspeaktimeout': ctypes.voidptr_t }, { 'getsyncspeaktimeout': ctypes.voidptr_t }, { 'speak
completeevent': ctypes.voidptr_t }, { 'isuisupported': ctypes.voidptr_t }, { 'displayui': ctypes.voidptr_t } // end ispvoice ]); // functions // http://msdn.microsoft.com/en-us/library/windows/desktop/ms695279%28v=vs.85%29.aspx let coinitializeex = lib.declare('coinitializeex', winabi, hresult, // result lpvoid, // pvreserved dword // dwcoinit ); // http://msdn.micro...
Standard OS Libraries
a
complete list of windows apis can be found at the msdn api index.
... although jni is done
completely through js-ctypes, a jsm was created to abstract away the js-ctypes so developers can focus on the jni aspect.
Drawing and Event Handling - Plugins
the plug-in has
complete control over drawing and event handling within that window.
...events are sent to the plug-in with a call to npp_handleevent; for a
complete list of event types, see the reference entry for npevent.
Plug-in Basics - Plugins
how plug-ins work the life cycle of a plug-in, unlike that of an application, is
completely controlled by the web page that calls it.
...this type of plug-in
completely fills the web page.
Plug-in Development Overview - Plugins
the npn_geturlnotify function operates like npn_geturl, except that it notifies the plug-in of the result when the operation
completes.
... the npn_posturlnotify function operates like npn_posturl, except that it notifies the plug-in of the result when the operation
completes.
Debugger.Memory - Firefox Developer Tools
censuses a census is a
complete traversal of the graph of all reachable memory items belonging to a particular debugger‘s debuggees.
... ongarbagecollection(statistics) a garbage collection cycle spanning one or more debuggees has just been
completed.
DevTools API - Firefox Developer Tools
{toolid}-ready(panel) the asynchronous initialization for a tool has
completed and it is ready to be used.
...if the tool needs to perform asynchronous operations during destruction the method should return a promise that is resolved once the process is
complete.
Migrating from Firebug - Firefox Developer Tools
a few property values are not auto-
completed yet, which is tracked in bug 1337918.
... this is the part where firebug and the devtools differ the most, because the outputs are
completely different.
Examine and edit HTML - Firefox Developer Tools
this shows the
complete hierarchy through the document for the branch containing the selected element: hovering over a breadcrumb highlights that element in the page.
... as you type, an auto
complete popup shows any class or id attributes that match the current search term: press up and down to cycle through suggestions, tab to choose the current suggestion, then enter to select the first node with that attribute.
Flame Chart - Firefox Developer Tools
there are two main controls you can use to navigate the flame chart: zoom: increase/decrease the selected portion of the
complete profile that's displayed in the flame chart 1) mouse wheel up/down in the flame chart.
... pan: move the selected portion of the
complete profile left and right 1) click and drag the selected portion in the recording overview pane.
Animating CSS properties - Firefox Developer Tools
this sequence needs to fit into a single frame, since the screen isn't updated until it is
complete.
...for a rate of 60 frames per second, that gives the browser 16.7 milliseconds to execute the
complete flow.
Console messages - Firefox Developer Tools
summary the http version, response code, and time taken to
complete.
... the
complete list of security messages is as follows: message details blocked loading mixed active content the page contained mixed active content: that is, the main page was served over https, but asked the browser to load "active content", such as scripts, over http.
Web console keyboard shortcuts - Firefox Developer Tools
nitiating reverse search) shift + f9 ctrl + s shift + f9 move to the beginning of the line home ctrl + a ctrl + a move to the end of the line end ctrl + e ctrl + e execute the current expression enter return enter add a new line, for entering multiline expressions shift + enter shift + return shift + enter auto
complete popup these shortcuts apply while the auto
complete popup is open: command windows macos linux choose the current auto
complete suggestion tab tab tab cancel the auto
complete popup esc esc esc move to the previous auto
complete suggestion up arrow up arrow up arrow move to the next auto
complete suggestion down arro...
...w down arrow down arrow page up through auto
complete suggestions page up page up page up page down through auto
complete suggestions page down page down page down scroll to start of auto
complete suggestions home home home scroll to end of auto
complete suggestions end end end global shortcuts these shortcuts work in all tools that are hosted in the toolbox.
Web Console remoting - Firefox Developer Tools
the new web console actors are: the webconsoleactor allows js evaluation, auto
complete, start/stop listeners, etc.
... auto
complete and more the auto
complete request packet: { "to": "conn0.console9", "type": "auto
complete", "text": "d", "cursor": 1 } the response packet: { "from": "conn0.console9", "matches": [ "decodeuri", "decodeuricomponent", "defaultstatus", "devicepixelratio", "disableexternalcapture", "dispatchevent", "domyxhr", "document", "dump" ], "matchprop": ...
AudioParam.setTargetAtTime() - Web APIs
the decay rate as defined by the timeconstant parameter is exponential; therefore the value will never reach target
completely, but after each timestep of length timeconstant, the value will have approached target by another 1-e-1≈63.2%1 - e^{-1} \approx 63.2%.
... for the
complete formula (which uses a first-order linear continuous time-invariant system), check the web audio specification.
Using images - Web APIs
data urls allow you to
completely define an image as a base64 encoded string of characters directly in your code.
...you could have all elements in a single image file and use this method to composite a
complete drawing.
Clipboard - Web APIs
all of the clipboard api methods operate asynchronously; they return a promise which is resolved once the clipboard access has been
completed.
... clipboard availability the asynchronous clipboard api is a relatively recent addition, and the process of implementing it in browsers is not yet
complete.
Document: DOMContentLoaded event - Web APIs
the domcontentloaded event fires when the initial html document has been
completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading.
...</script> checking whether loading is already
complete domcontentloaded may fire before your script has a chance to run, so it is wise to check before adding a listener.
Document.getElementsByClassName() - Web APIs
when called on the document object, the
complete document is searched, including the root node.
... javascript // getelementsbyclassname only selects elements that have both given classes var allorangejuicebyclass = document.getelementsbyclassname('orange juice'); var result = "document.getelementsbyclassname('orange juice')"; for (var i=0, len=allorangejuicebyclass.length|0; i<len; i=i+1|0) { result += "\n " + allorangejuicebyclass[i].textcontent; } // queryselector only selects full
complete matches var allorangejuicequery = document.queryselectorall('.orange.juice'); result += "\n\ndocument.queryselectorall('.orange.juice')"; for (var i=0, len=allorangejuicequery.length|0; i<len; i=i+1|0) { result += "\n " + allorangejuicequery[i].textcontent; } document.getelementbyid("resultarea").value = result; result specifications specification status comment ...
EffectTiming - Web APIs
duration optional the number of milliseconds each iteration of the animation takes to
complete.
... fill optional dictates whether the animation's effects should be reflected by the element(s) prior to playing ("backwards"), retained after the animation has
completed playing ("forwards"), or both.
Element.animate() - Web APIs
duration optional the number of milliseconds each iteration of the animation takes to
complete.
... fill optional dictates whether the animation's effects should be reflected by the element(s) prior to playing ("backwards"), retained after the animation has
completed playing ("forwards"), or both.
ElementCSSInlineStyle.style - Web APIs
for adding specific styles to an element without altering other style values, it is preferred to use the individual properties of style (as in elt.style.color = '...') as using elt.style.csstext = '...' or elt.setattribute('style', '...') sets the
complete inline style for the element by overriding the existing inline styles.
... examples // set multiple styles in a single statement elt.style.csstext = "color: blue; border: 1px solid black"; // or elt.setattribute("style", "color:red; border: 1px solid blue;"); // set specific style while leaving other inline style values untouched elt.style.color = "blue"; getting style information the style property is not useful for
completely learning about the styles applied on the element, since it represents only the css declarations set in the element's inline style attribute, not those that come from style rules elsewhere, such as style rules in the <head> section, or external style sheets.
FileReader.result - Web APIs
this property is only valid after the read operation is
complete, and the format of the data depends on which of the methods was used to initiate the read operation.
...the value is null if the reading is not yet
complete or was unsuccessful.
FileSystemEntry.copyTo() - Web APIs
successcallback optional a function which is called when the copy operation is succesfully
completed.
... fileerror.quota_exceeded_err the operation exceeded the user's storage quota, or there isn't enough storage space left to
complete the operation.
FileSystemEntry.moveTo() - Web APIs
successcallback optional a function which is called when the move operation is succesfully
completed.
... fileerror.quota_exceeded_err the operation exceeded the user's storage quota, or there isn't enough storage space left to
complete the operation.
Using the Gamepad API - Web APIs
(connecting) { gamepads[gamepad.index] = gamepad; } else { delete gamepads[gamepad.index]; } } window.addeventlistener("gamepadconnected", function(e) { gamepadhandler(e, true); }, false); window.addeventlistener("gamepaddisconnected", function(e) { gamepadhandler(e, false); }, false); this previous example also demonstrates how the gamepad property can be held after the event has
completed — a technique we will use for device state querying later.
...amepads : []); if (!gamepads) { return; } var gp = gamepads[0]; if (buttonpressed(gp.buttons[0])) { b--; } else if (buttonpressed(gp.buttons[2])) { b++; } if (buttonpressed(gp.buttons[1])) { a++; } else if (buttonpressed(gp.buttons[3])) { a--; } ball.style.left = a * 2 + "px"; ball.style.top = b * 2 + "px"; start = requestanimationframe(gameloop); }
complete example: displaying gamepad state this example shows how to use the gamepad object, as well as the gamepadconnected and gamepaddisconnected events in order to display the state of all gamepads connected to the system.
HTMLImageElement - Web APIs
htmlimageelement.
complete read only returns a boolean that is true if the browser has finished fetching the image, whether successful or not.
... the following properties have been added: crossorigin, naturalwidth, naturalheight, and
complete.
HTMLMediaElement.seekToNextFrame() - Web APIs
this method returns immediately, returning a promise, whose fulfillment handler is called when the seek operation is
complete.
... syntax var seek
completepromise = htmlmediaelement.seektonextframe(); htmlmediaelement.seektonextframe(); return value a promise which is fulfilled once the seek operation has
completed.
Drag Operations - Web APIs
rns the data associated with the best-supported format: function dodrop(event) { const supportedtypes = ["application/x-moz-file", "text/uri-list", "text/plain"]; const types = event.datatransfer.types.filter(type => supportedtypes.includes(type)); if (types.length) { const data = event.datatransfer.getdata(types[0]); } event.preventdefault(); } finishing a drag once the drag is
complete, a dragend event is fired at the source of the drag (the same element that received the dragstart event).
... after the dragend event has finished propagating, the drag and drop operation is
complete.
IDBObjectStore.add() - Web APIs
to determine if the add operation has
completed successfully, listen for the transaction’s
complete event in addition to the idbobjectstore.add request’s success event, because the transaction may still fail after the success event fires.
...te a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IdleDeadline.timeRemaining() - Web APIs
for example, if the callback finishes a task and has another one to begin, it can call timeremaining() to see if there's enough time to
complete the next task.
... example see our
complete example in the article cooperative scheduling of background tasks api.
Checking when a deadline is due - Web APIs
when the form's submit button is pressed, we run the adddata() function, which starts like this: function adddata(e) { e.preventdefault(); if(title.value == '' || hours.value == null || minutes.value == null || day.value == '' || month.value == '' || year.value == null) { note.innerhtml += '<li>data not submitted — form in
complete.</li>'; return; } in this segment, we check to see if the form fields have all been filled in.
... hours : hours.value, minutes : minutes.value, day : day.value, month : month.value, year : year.value, notified : "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.on
complete = function(event) { note.innerhtml += '<li>transaction opened for task addition.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
KeyframeEffectOptions - Web APIs
duration optional the number of milliseconds each iteration of the animation takes to
complete.
... fill optional dictates whether the animation's effects should be reflected by the element(s) prior to playing ("backwards"), retained after the animation has
completed playing ("forwards"), or both.
LockManager.request() - Web APIs
}); } the do_write() function use the same lock but in 'exclusive' mode which will delay invocation of the request() call in do_read() until the write operation has
completed.
...in this function await means the method will not return until the callback is
complete.
MSManipulationEvent - Web APIs
inertiadestinationxread only represents the predicted horizontal scroll offset after the inertia phase
completes.
... inertiadestinationyread only represents the predicted vertical scroll offset after the inertia phase
completes.
MediaSessionActionDetails.fastSeek - Web APIs
your handler should take steps to return as quickly as possible by skipping any steps of its operation which are only necessary when the seek operation is
complete.
... once fastseek is false or not present, the repeating series of seekto actions is
complete and you can finalize the state of your web app or content.
MerchantValidationEvent - Web APIs
once this data is retrieved, the data (or a promise resolving to the validation data) should be passed into
complete() to validate that the payment request is coming from an authorized merchant.
... methods merchantvalidationevent.
complete() secure context pass the data retrieved from the url specified by validationurl into
complete() to
complete the validation process for the paymentrequest.
OVR_multiview2 - Web APIs
framebuffer_in
complete_view_targets_ovr if baseviewindex is not the same for all framebuffer attachment points where the value of framebuffer_attachment_object_type is not none, the framebuffer is considered in
complete.
... calling checkframebufferstatus for a framebuffer in this state returns framebuffer_in
complete_view_targets_ovr.
PerformanceTiming.loadEventEnd - Web APIs
the legacy performancetiming.loadeventend read-only property returns an unsigned long long representing the moment, in miliseconds since the unix epoch, when the load event handler terminated, that is when the load event is
completed.
... if this event has not yet been sent, or is not yet
completed, it returns 0.
RTCIceTransport.gatheringState - Web APIs
the read-only rtcicetransport property gatheringstate returns a domstring from the enumerated type rtcicegathererstate that indicates what gathering state the ice agent is currently in: "new", "gathering", or "
complete".
... "
complete" the transport has finished gathering ice candidates and has sent the end-of-candidates indicator to the remote device.
RTCIceTransportState - Web APIs
"
completed" the transport has finished gathering local candidates and has received a notification from the remote peer that no more candidates will be sent.
... usage notes if an ice restart occurs, the candidate gathering and connectivity check process is started over again; this will cause a transition from the "connected" state if the restart occurred while the state was "
completed".
RTCPeerConnection.canTrickleIceCandidates - Web APIs
if trickling isn't supported, or you aren't able to tell, you can check for a falsy value for this property and then wait until the value of icegatheringstate changes to "
completed" before creating and sending the initial offer.
...pc.setremotedescription(remoteoffer) .then(_ => pc.createanswer()) .then(answer => pc.setlocaldescription(answer)) .then(_ => if (pc.cantrickleicecandidates) { return pc.localdescription; } return new promise(r => { pc.addeventlistener('icegatheringstatechange', e => { if (e.target.icegatheringstate === '
complete') { r(pc.localdescription); } }); }); }) .then(answer => sendanswertopeer(answer)) // signaling message .catch(e => handleerror(e)); pc.addeventlistener('icecandidate', e => { if (pc.cantrickleicecandidates) { sendcandidatetopeer(e.candidate); // signaling message } }); specifications specification status comment webrtc 1.0...
RTCPeerConnection.onicecandidate - Web APIs
when this happens, the connection's icegatheringstate has also changed to
complete.
... you don't need to watch for this explicitly; instead, if you need to sense the end of signaling, you should watch for a icegatheringstatechange event indicating that the ice negotiation has transitioned to the
complete state.
RTCPeerConnection.restartIce() - Web APIs
if negotiation fails to
complete—either due to rollback or because incoming offers are in the process of being negotiated—the rtcpeerconnection will remember that you requested ice restart.
...this process continues until an ice restart has been successfully
completed.
RTCPeerConnection.setConfiguration() - Web APIs
the changes are not additive; instead, the new values
completely replace the existing ones.
... exceptions invalidaccesserror one or more of the urls specified in configuration.iceservers is a turn server, but
complete login information is not provided (that is, either the rtciceserver.username or rtciceserver.credentials is missing).
RTCPeerConnection.setRemoteDescription() - Web APIs
instead, the current connection configuration remains in place until negotiation is
complete.
... on the other hand, if we're in the middle of an ongoing negotiation and an offer is passed into setremotedescription(), the ice agent automatically begins an ice rollback in order to return the connection to a stable signaling state, then, once the rollback is
completed, sets the remote description to the specified offer.
RTCPeerConnection.signalingState - Web APIs
this may mean that the rtcpeerconnection object is new, in which case both the localdescription and remotedescription are null; it may also mean that negotiation is
complete and a connection has been established.
...this provisional answer describes the supported media formats and so forth, but may not have a
complete set of ice candidates included.
ReadableStream.cancel() - Web APIs
cancel is used when you've
completely finished with the stream and don't need any more data from it, even if there are chunks enqueued waiting to be read.
...to read those chunks still and not
completely get rid of the stream, you'd use readablestreamdefaultcontroller.close().
Using the Screen Capture API - Web APIs
sharing surfaces include the contents of a browser tab, a
complete window, all of the applications of a window combined into a single surface, and a monitor (or group of monitors combined together into one surface).
... a logical display surface is one which is in part or
completely obscured, either by being overlapped by another object to some extent, or by being entirely hidden or offscreen.
Using readable streams - Web APIs
if (done) { console.log("stream
complete"); para.textcontent = result; return; } charsreceived += value.length; const chunk = value; let listitem = document.createelement('li'); listitem.textcontent = 'read ' + charsreceived + ' characters so far.
... if you wanted to
completely get rid of the stream and discard any enqueued chunks, you'd use readablestream.cancel() or readablestreamdefaultreader.cancel().
WEBGL_compressed_texture_etc - Web APIs
ext.compressed_rgb8_punchthrough_alpha1_etc2 similar to rgb8_etc, but with ability to punch through the alpha channel, which means to make it
completely opaque or transparent.
... ext.compressed_srgb8_punchthrough_alpha1_etc2 similar to srgb8_etc, but with ability to punch through the alpha channel, which means to make it
completely opaque or transparent.
WebGL2RenderingContext.fenceSync() - Web APIs
must be gl.sync_gpu_commands_
complete.
... var sync = gl.fencesync(gl.sync_gpu_commands_
complete, 0); specifications specification status comment webgl 2.0the definition of 'fencesync' in that specification.
WebGL2RenderingContext.getSyncParameter() - Web APIs
gl.sync_condition: returns a glenum indicating the sync objects' condition (always gl.sync_gpu_commands_
complete).
... examples var sync = gl.fencesync(gl.sync_gpu_commands_
complete, 0); gl.getsyncparameter(sync, gl.sync_status); specifications specification status comment webgl 2.0the definition of 'getsyncparameter' in that specification.
Adding 2D content to a WebGL context - Web APIs
the
complete source code for this project is available on github.
... view the
complete code | open this demo on a new page matrix utility operations matrix operations might seem complicated but they are actually pretty simple if you take them one step at a time.
Lifetime of a WebRTC session - Web APIs
but they realized that it would take longer to
complete the transition than 32-bit addresses would last, so other smart people came up with a way to let multiple computers share the same 32-bit ip address.
... only once signaling has been successfully
completed can the true process of opening the webrtc peer connection begin.
Using WebRTC data channels - Web APIs
this makes it easy to write efficient routines that make sure there's always data ready to send without over-using memory or swamping the channel
completely.
...chrome will instead see a series of messages that it believes are
complete, and will deliver them to the receiving rtcdatachannel as multiple messages.
Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
in that situation, the
complete coordinates for an object located at (1, 0, 3) are (1, 0, 3, 1).
...this is then converted into a rotation transform matrix; then, finally, the view matrix is multiplied by the rotation transform to
complete the rotations.
Web Audio API - Web APIs
complete (event) the
complete event is fired when the rendering of an offlineaudiocontext is terminated.
...the
complete event implements this interface.
Web Authentication API - Web APIs
server validates and finalizes registration - finally, the server is required to perform a series of checks to ensure that the registration was
complete and not tampered with.
... these include: verifying that the challenge is the same as the challenge that was sent ensuring that the origin was the origin expected validating that the signature over the clientdatahash and the attestation using the certificate chain for that specific model of the authenticator a
complete list of validation steps can be found in the web authentication api specification.
Web Locks API - Web APIs
the lock is automatically released when the task
completes.
...the lock is automatically released when the callback returns, so usually the callback is an async function, which causes the lock to be released only when the async function has
completely finished.
WindowOrWorkerGlobalScope.setInterval() - Web APIs
loop() is recursively called inside settimeout() after the logic has
completed executing.
... while this pattern does not guarantee execution on a fixed interval, it does guarantee that the previous interval has
completed before recursing.
WindowOrWorkerGlobalScope.setTimeout() - Web APIs
function() { vcallback.apply(null, aargs); } : vcallback, ndelay); }; }, 0, 'test'); }()) ie-only fix if you want a
completely unobtrusive fix for every other mobile or desktop browser, including ie 9 and below, you can either use javascript conditional comments: /*@cc_on // conditional ie < 9 only fix @if (@_jscript_version <= 9) (function(f){ window.settimeout = f(window.settimeout); window.setinterval = f(window.setinterval); })(function(f){return function(c,t){var a=[].slice.call(arguments,2);ret...
...currently-executing code must
complete before functions on the queue are executed, thus the resulting execution order may not be as expected.
WindowOrWorkerGlobalScope - Web APIs
windoworworkerglobalscope.queuemicrotask() enqueues a microtask—a short function to be executed after execution of the javascript code
completes and control isn't being returned to a javascript caller, but before handling callbacks and other tasks.
... this lets your code run without interfering with other, possibly higher priority, code, but before the browser runtime regains control, potentially depending upon the work you need to
complete.
XMLHttpRequest - Web APIs
load fired when an xmlhttprequest transaction
completes successfully.
... loadend fired when a request has
completed, whether successfully (after load) or unsuccessfully (after abort or error).
XMLHttpRequestEventTarget.onload - Web APIs
the xmlhttprequesteventtarget.onload is the function called when an xmlhttprequest transaction
completes successfully.
... syntax xmlhttprequest.onload = callback; values callback is the function to be executed when the request
completes successfully.
XMLHttpRequestEventTarget.onprogress - Web APIs
the xmlhttprequesteventtarget.onprogress is the function called periodically with information when an xmlhttprequest before success
completely.
... syntax xmlhttprequest.onprogress = callback; values callback is the function to be called periodically before the request is
completed.
XRInputSourceEvent() - Web APIs
event types select sent to an xrsession when the sending input source has fully
completed a primary action.
... squeeze sent to an xrsession when the sending input source has fully
completed a primary squeeze action.
XRInputSourceEvent - Web APIs
event types select sent to an xrsession when the sending input source has fully
completed a primary action.
... squeeze sent to an xrsession when the sending input source has fully
completed a primary squeeze action.
XRSession.onsqueezeend - Web APIs
the squeezeend event handler is where you handle closing out a squeeze action whether it was successfully
completed or not.
... xrsession.onsqueezeend = event => { if (event.inputsource.handedness == user.handedness) { let targetraypose = event.frame.getpose(event.inputsource.targetrayspace, myrefspace; if (user.heldobject) { cancelobjectdrag(user.heldobject); } } }; this code presumes that if the user actually intentionally
completed the drag, user.heldobject will be null here.
ARIA: textbox role - Accessibility
aria-auto
complete attribute indicates whether and how the user's input into the field could trigger display of a prediction of the intended value.
... both: predicted text is presented as a collection of values, with the text needed to
complete one value inserted after the caret.
CSS Animations tips and tricks - CSS: Cascading Style Sheets
however, changes to the class list don't take effect until the style recomputation is
complete and a refresh has occurred to reflect the change.
...if instead you'd like the animation to
complete and then come to a stop you have to try a different approach.
Using CSS animations - CSS: Cascading Style Sheets
animation-duration configures the length of time that an animation should take to
complete one cycle.
... the html just for the sake of
completeness, here’s the html that displays the page content, including the list into which the script inserts information about the received events: <h1 id="watchme">watch me move</h1> <p> this example shows how to use css animations to make <code>h1</code> elements move across the page.
Controlling Ratios of Flex Items Along the Main Axis - CSS: Cascading Style Sheets
if you want flexbox to
completely ignore the size of the item when doing space distribution then set flex-basis to 0.
...you don’t usually want your content to disappear
completely or for boxes to get smaller than their minimum content, so the above rules make sense in terms of sensible behaviour for content that needs to be shrunk in order to fit into a container.
Mastering Wrapping of Flex Items - CSS: Cascading Style Sheets
as the items can grow, they will expand larger than 160 px in order to fill each row
completely.
...the container will need to have a height in order that the items will start wrapping and creating new columns, and items will stretch taller to fill each column
completely.
Relationship of flexbox to other layout methods - CSS: Cascading Style Sheets
there is a note in the flexbox spec stating that in the future, once it is
completed, the definitions in box alignment level 3 will supersede those of flexbox: "note: while the alignment properties are defined in css box alignment [css-align-3], flexible box layout reproduces the definitions of the relevant ones here so as to not create a normative dependency that may slow down advancement of the spec.
...additionally, any new values defined in the box alignment module will apply to flexible box layout; in otherwords, the box alignment module, once
completed, will supercede the definitions here." in a later article in this series — aligning items in a flex container — we will take a thorough look at how the box alignment properties apply to flex items.
Variable fonts guide - CSS: Cascading Style Sheets
so you would have separate files for 'roboto regular', 'roboto bold', and 'roboto bold italic' — meaning that you could end up with 20 or 30 different font files to represent a
complete typeface (it could be several times that for a large typeface that has different widths as well).
...the reason for this is that most typefaces have very specific designs for bolder weights and italics that often include
completely different characters (lower-case 'a' and 'g' are often quite different in italics, for example).
Grid template areas - CSS: Cascading Style Sheets
leaving a grid cell empty we have
completely filled our grid with areas in this example, leaving no white space.
...; grid-template-areas: "hd hd hd hd hd hd hd hd hd" "sd sd sd main main main main main main" "sd sd sd ft ft ft ft ft ft"; } <div class="wrapper"> <div class="header">header</div> <div class="sidebar">sidebar</div> <div class="content">content</div> <div class="footer">footer</div> </div> the value of grid-template-areas must show a
complete grid, otherwise it is invalid (and the property is ignored).
Using CSS transitions - CSS: Cascading Style Sheets
this is a transitionevent object, which has two added properties beyond a typical event object: propertyname a string indicating the name of the css property whose transition
completed.
...datetransition, true); you detect the beginning of a transition using transitionrun (fires before any delay) and transitionstart (fires after any delay), in the same kind of fashion: el.addeventlistener("transitionrun", signalstart, true); el.addeventlistener("transitionstart", signalstart, true); note: the transitionend event doesn't fire if the transition is aborted before the transition is
completed because either the element is made display: none or the animating property's value is changed.
CSS Tutorials - CSS: Cascading Style Sheets
some are aimed at
complete beginners, while others present complex features to be used by more experienced users.
... beginner-level css tutorials getting started this guide is aimed at
complete beginners: you haven't written one single line of css?
animation-duration - CSS: Cascading Style Sheets
the animation-duration css property sets the length of time that an animation takes to
complete one cycle.
... syntax /* single animation */ animation-duration: 6s; animation-duration: 120ms; /* multiple animations */ animation-duration: 1.64s, 15.22s; animation-duration: 10s, 35s, 230ms; values <time> the time that an animation takes to
complete one cycle.
brightness() - CSS: Cascading Style Sheets
a value of 0% will create an image that is
completely black, while a value of 100% leaves the input unchanged.
... examples setting brightness using numbers and percentages brightness(0%) /*
completely black */ brightness(0.4) /* 40% brightness */ brightness(1) /* no effect */ brightness(200%) /* double brightness */ specifications specification status filter effects module level 1the definition of 'brightness()' in that specification.
contrast() - CSS: Cascading Style Sheets
a value of 0% will create an image that is
completely gray, while a value of 100% leaves the input unchanged.
... examples setting contrast using numbers and percentages contrast(0) /*
completely gray */ contrast(65%) /* 65% contrast */ contrast(1) /* no effect */ contrast(200%) /* double contrast */ specifications specification status filter effects module level 1the definition of 'contrast()' in that specification.
grayscale() - CSS: Cascading Style Sheets
a value of 100% is
completely grayscale, while a value of 0% leaves the input unchanged.
... examples grayscale(0) /* no effect */ grayscale(.7) /* 70% grayscale */ grayscale(100%) /*
completely grayscale */ specifications specification status filter effects module level 1the definition of 'grayscale()' in that specification.
invert() - CSS: Cascading Style Sheets
a value of 100% is
completely inverted, while a value of 0% leaves the input unchanged.
... examples invert(0) /* no effect */ invert(.6) /* 60% inversion */ invert(100%) /*
completely inverted */ specifications specification status filter effects module level 1the definition of 'invert()' in that specification.
opacity() - CSS: Cascading Style Sheets
a value of 0% is
completely transparent, while a value of 100% leaves the input unchanged.
... examples opacity(0%) /*
completely transparent */ opacity(50%) /* 50% transparent */ opacity(1) /* no effect */ specifications specification status filter effects module level 1the definition of 'opacity()' in that specification.
saturate() - CSS: Cascading Style Sheets
a value of 0% is
completely unsaturated, while a value of 100% leaves the input unchanged.
... examples saturate(0) /*
completely unsaturated */ saturate(.4) /* 40% saturated */ saturate(100%) /* no effect */ saturate(200%) /* double saturation */ specifications specification status filter effects module level 1the definition of 'saturate()' in that specification.
sepia() - CSS: Cascading Style Sheets
a value of 100% is
completely sepia, while a value of 0% leaves the input unchanged.
... examples sepia(0) /* no effect */ sepia(.65) /* 65% sepia */ sepia(100%) /*
completely sepia */ specifications specification status filter effects module level 1the definition of 'sepia()' in that specification.
text-overflow - CSS: Cascading Style Sheets
fade this keyword clips the overflowing inline content and applies a fade-out effect near the edge of the line box with
complete transparency at the edge.
... fade( <length> | <percentage> ) this function clips the overflowing inline content and applies a fade-out effect near the edge of the line box with
complete transparency at the edge.
Getting Started - Developer guides
} the full list of the readystate values is documented at xmlhttprequest.readystate and is as follows: 0 (uninitialized) or (request not initialized) 1 (loading) or (server connection established) 2 (loaded) or (request received) 3 (interactive) or (processing request) 4 (
complete) or (request finished and response is ready) next, check the http response status codes of the http response.
...e timed xhr example another simple example follows — here we are loading a text file via xhr, the structure of which is assumed to be like this: time: 312.05 time: 312.07 time: 312.10 time: 312.12 time: 312.14 time: 312.15 once the text file is loaded, we split() the items into an array at each newline character (\n — basically where each line break is in the text file), and then print the
complete list of timestamps, and the last timestamp, onto the page.
Cross-browser audio basics - Developer guides
manipulating the audio element with javascript in addition to being able to specify various attributes in html, the <audio> element comes
complete with several properties and methods that you can manipulate via javascript.
... myaudio.addeventlistener("canplay", function() { //audio is ready to play }); canplaythrough canplaythrough is similar to canplay but it lets you know that the media is ready to be played all the way through (that is to say that the file has
completely downloaded, or it is estimated that it will download in time so that buffering stops do not occur).
Mouse gesture events - Developer guides
mozmagnifygesture the mozmagnifygesture event is sent when the user
completes a "pinch" gesture.
...mozrotategesture the mozrotategesture event is sent when the user
completes a rotate gesture.
Rich-Text Editing in Mozilla - Developer guides
figure 4 : executing rich editing commands html: <button onclick="doricheditcommand('bold')" style="font-weight:bold;">b</button> javascript: function doricheditcommand(aname, aarg){ getiframedocument('editorwindow').execcommand(aname,false, aarg); document.getelementbyid('editorwindow').contentwindow.focus() } example: a simple but
complete rich text editor <!doctype html> <html> <head> <title>rich text editor</title> <script type="text/javascript"> var odoc, sdeftxt; function initdoc() { odoc = document.getelementbyid("textbox"); sdeftxt = odoc.innerhtml; if (document.compform.switchmode.checked) { setdocmode(true); } } function formatdoc(scmd, svalue) { if (validatemode()) { document.execcommand(scmd, false, svalue); o...
...ontenteditable="true"><p>lorem ipsum</p></div> <p id="editmode"><input type="checkbox" name="switchmode" id="switchbox" onchange="setdocmode(this.checked);" /> <label for="switchbox">show html</label></p> <p><input type="submit" value="send" /></p> </form> </body> </html> note: if you want to see how to standardize the creation and the insertion of your editor in your page, please see our more
complete rich-text editor example.
Making content editable - Developer guides
you can enable them by setting the preferences shown below using about:config: user_pref("capability.policy.policynames", "allowclipboard"); user_pref("capability.policy.allowclipboard.sites", "https://www.mozilla.org"); user_pref("capability.policy.allowclipboard.clipboard.cutcopy", "allaccess"); user_pref("capability.policy.allowclipboard.clipboard.paste", "allaccess"); example: a simple but
complete rich text editor <!doctype html> <html> <head> <title>rich text editor</title> <script type="text/javascript"> var odoc, sdeftxt; function initdoc() { odoc = document.getelementbyid("textbox"); sdeftxt = odoc.innerhtml; if (document.compform.switchmode.checked) { setdocmode(true); } } function formatdoc(scmd, svalue) { if (validatemode()) { document.execcommand(scmd, false, svalue); od...
...contenteditable="true"><p>lorem ipsum</p></div> <p id="editmode"><input type="checkbox" name="switchmode" id="switchbox" onchange="setdocmode(this.checked);" /> <label for="switchbox">show html</label></p> <p><input type="submit" value="send" /></p> </form> </body> </html> note: if you want to see how to standardize the creation and the insertion of your editor in your page, please see our more
complete rich-text editor example.
HTML5 Parser - Developer guides
are not valid javascript escapes; the character code strategy is more general-purpose.) inline svg and mathml support as a
completely new parsing feature, html5 introduced support for inline svg and mathml in text/html.
...this results in improved performance compared to older parsers, because most of the time, gecko can
complete these tasks in parallel.
Separate sites for mobile and desktop - Developer guides
finally, it also allows for
completely different user experiences on desktop and mobile — they’re two different sites, after all!
...this is because you have the option of sending
completely separate html, javascript, and css to phones and pcs.
<input type="date"> - HTML: Hypertext Markup Language
among browsers with custom interfaces for selecting dates are chrome and opera, whose data control looks like so: the edge date control looks like: and the firefox date control looks like this: value a domstring representing a date in yyyy-mm-dd format, or empty events change and input supported common attributes auto
complete, list, readonly, and step idl attributes list, value, valueasdate, valueasnumber.
... let's look at an example of minimum and maximum dates, and also made a field required: <form> <label> choose your preferred party date (required, april 1st to 20th): <input type="date" name="party" min="2017-04-01" max="2017-04-20" required> <span class="validity"></span> </label> <p> <button>submit</button> </p> </form> if you try to submit the form with an in
complete date (or with a date outside the set bounds), the browser displays an error.
<input type="datetime-local"> - HTML: Hypertext Markup Language
events change and input supported common attributes auto
complete, list, readonly, and step idl attributes list, value, valueasnumber.
...r="party">choose your preferred party date and time (required, june 1st 8.30am to june 30th 4.30pm):</label> <input id="party" type="datetime-local" name="partydate" min="2017-06-01t08:30" max="2017-06-30t16:30" required> <span class="validity"></span> </div> <div> <input type="submit" value="book party!"> </div> </form> if you try to submit the form with an in
complete date (or with a date outside the set bounds), the browser displays an error.
<input type="file"> - HTML: Hypertext Markup Language
let's look at a more
complete example: <form method="post" enctype="multipart/form-data"> <div> <label for="profile_pic">choose file to upload</label> <input type="file" id="profile_pic" name="profile_pic" accept=".jpg, .jpeg, .png"> </div> <div> <button>submit</button> </div> </form> div { margin-bottom: 10px; } this produces a similar-looking output to the previous example: note: you...
... note: you can see the
complete source code for this example on github — file-example.html (see it live also).
<input type="month"> - HTML: Hypertext Markup Language
events change and input supported common attributes auto
complete, list, readonly, and step.
...h" name="bday-month" value="2017-06"> var monthcontrol = document.queryselector('input[type="month"]'); monthcontrol.value = '1978-06'; additional attributes in addition to the attributes common to <input> elements, month inputs offer the following attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined auto
complete options max the latest year and month to accept as a valid input min the earliest year and month to accept as a valid input readonly a boolean which, if present, indicates that the input's value can't be edited step a stepping interval to use when incrementing and decrementing the value of the input field list the values of the list attribut...
<input type="number"> - HTML: Hypertext Markup Language
events change and input supported common attributes auto
complete, list, placeholder, readonly idl attributes list, value, valueasnumber methods select(), stepup(), stepdown() value any floating-point number, or empty.
...lue for the input by including a number inside the value attribute, like so: <input id="number" type="number" value="42"> additional attributes in addition to the attributes commonly supported by all <input> types, inputs of type number support these attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined auto
complete options max the maximum value to accept for this input min the minimum value to accept for this input placeholder an example value to display inside the field when it's empty readonly a boolean attribute indicating whether the value is read-only step a stepping interval to use when using up and down arrows to adjust the value, as well as...
Global attributes - HTML: Hypertext Markup Language
the event handler attributes: onabort, onauto
complete, onauto
completeerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown...
...for example, it can be used to hide elements of the page that can't be used until the login process has been
completed.
Using the application cache - HTML: Hypertext Markup Language
if the currently-cached copy of the manifest is up-to-date, the browser sends a noupdate event to the applicationcache object, and the update process is
complete.
... example 2: a more
complete cache manifest file the following is a more
complete cache manifest file for the imaginary web site at www.example.com: cache manifest # v1 2011-08-14 # this is another comment index.html cache.html style.css image1.png # use from network if available network: network.html # fallback content fallback: .
Content Security Policy (CSP) - HTTP
a
complete data transmission security strategy includes not only enforcing https for data transfer, but also marking all cookies with the secure attribute and providing automatic redirects from http pages to their https counterparts.
...your policy should include a default-src policy directive, which is a fallback for other resource types when they don't have policies of their own (for a
complete list, see the description of the default-src directive).
An overview of HTTP - HTTP
a
complete document is reconstructed from the different sub-documents fetched, for instance text, layout description, images, videos, scripts, and more.
...the web browser then mixes these resources to present to the user a
complete document, the web page.
Redirections in HTTP - HTTP
firefox displays: firefox has detected that the server is redirecting the request for this address in a way that will never
complete.
... it is important to avoid redirection loops, as they
completely break the user experience.
HTTP response status codes - HTTP
http response status codes indicate whether a specific http request has been successfully
completed.
... 507 insufficient storage (webdav) the method could not be performed on the resource because the server is unable to store the representation needed to successfully
complete the request.
CSS Houdini
houdini code doesn't wait for that first rendering cycle to be
complete.
... <script> css.paintworklet.addmodule('csscomponent.js'); </script> this added module contains registerpaint() functions, which register
completely configurable worklets.
Expressions and operators - JavaScript
a
complete and detailed list of operators and expressions is also available in the reference.
... shift << >> >>> relational < <= > >= in instanceof equality == != === !== bitwise-and & bitwise-xor ^ bitwise-or | logical-and && logical-or || conditional ?: assignment = += -= *= /= %= <<= >>= >>>= &= ^= |= &&= ||= ??= comma , a more detailed version of this table,
complete with links to additional details about each operator, may be found in javascript reference.
Keyed collections - JavaScript
see also the map reference page for more examples and the
complete api.
...see also the set reference page for more examples and the
complete api.
Inheritance and the prototype chain - JavaScript
making your javascript run fast is
completely out of the question if you dare use this in the final production code because many browsers optimize the prototype and try to guess the location of the method in the memory when calling an instance in advance, but setting the prototype dynamically disrupts all these optimizations and can even force some browsers to recompile for deoptimization your code just to make it work according to the spe...
...making your javascript run fast is
completely out of the question if you dare use this in the final production code because many browsers optimize the prototype and try to guess the location of the method in the memory when calling an instance in advance, but setting the prototype dynamically disrupts all these optimizations and can even force some browsers to recompile for deoptimization your code just to make it work according to the spe...
JSON.stringify() - JavaScript
all symbol-keyed properties will be
completely ignored, even when using the replacer function.
... issue with plain json.stringify for use as javascript historically, json was not a
completely strict subset of javascript.
Object.assign() - JavaScript
// this is an assign function that copies full descriptors function
completeassign(target, ...sources) { sources.foreach(source => { let descriptors = object.keys(source).reduce((descriptors, key) => { descriptors[key] = object.getownpropertydescriptor(source, key); return descriptors; }, {}); // by default, object.assign copies enumerable symbols, too object.getownpropertysymbols(source).foreach(sym => { let descriptor = object.getown...
...propertydescriptor(source, sym); if (descriptor.enumerable) { descriptors[sym] = descriptor; } }); object.defineproperties(target, descriptors); }); return target; } copy =
completeassign({}, obj); console.log(copy); // { foo:1, get bar() { return 2 } } specifications specification ecmascript (ecma-262)the definition of 'object.assign' in that specification.
Promise.all() - JavaScript
it is typically used when there are multiple asynchronous tasks that are dependent on one another to
complete successfully, as it does not wait and will reject immediately upon any of the input promises rejecting.
... in comparison, the promise returned by promise.allsettled() will wait for all input promises to
complete, regardless of whether or not one rejects.
Promise.allSettled() - JavaScript
it is typically used when you have multiple asynchronous tasks that are not dependent on one another to
complete successfully, or you'd always like to know the result of each promise.
... return value a pending promise that will be asynchronously fulfilled once every promise in the specified collection of promises has
completed, either by successfully being fulfilled or by being rejected.
Proxy - JavaScript
s[0]); // { name: 'firefox', type: 'browser' } console.log(products['firefox']); // { name: 'firefox', type: 'browser' } console.log(products['chrome']); // undefined console.log(products.browser); // [{ name: 'firefox', type: 'browser' }, { name: 'seamonkey', type: 'browser' }] console.log(products.types); // ['browser', 'mailer'] console.log(products.number); // 3 a
complete traps list example now in order to create a
complete sample traps list, for didactic purposes, we will try to proxify a non-native object that is particularly suited to this type of operation: the doccookies global object created by the "little framework" published on the document.cookie page.
...get the "doccookies" object here: https://developer.mozilla.org/docs/dom/document.cookie#a_little_framework.3a_a_
complete_cookies_reader.2fwriter_with_full_unicode_support */ var doccookies = new proxy(doccookies, { get: function (otarget, skey) { return otarget[skey] || otarget.getitem(skey) || undefined; }, set: function (otarget, skey, vvalue) { if (skey in otarget) { return false; } return otarget.setitem(skey, vvalue); }, deleteproperty: function (otarget, skey) { if (skey in otarget) { return false; } return otarget.removeitem(skey); }, enumerate: function (otarget, skey) { return otarget.keys(); }, ownkeys: function (otarget, skey) { return otarget.keys(); }, has: function (otarget, skey) { return skey in o...
String.prototype.match() - JavaScript
if the g flag is used, all results matching the
complete regular expression will be returned, but capturing groups will not.
... if the g flag is not used, only the first
complete match and its related capturing groups are returned.
encodeURI() - JavaScript
syntax encodeuri(uri) parameters uri a
complete uri.
...note how certain characters are used to signify special meaning: http://username:password@www.example.com:80/path/to/file.php?foo=316&bar=this+has+spaces#anchor hence encodeuri() does not encode characters that are necessary to formulate a
complete uri.
async function - JavaScript
if there is an await expression inside the function body, however, the async function will always
complete asynchronously.
...nction concurrentpromise() { console.log('==concurrent start with promise.all==') return promise.all([resolveafter2seconds(), resolveafter1second()]).then((messages) => { console.log(messages[0]) // slow console.log(messages[1]) // fast }) } async function parallel() { console.log('==parallel with await promise.all==') // start 2 "jobs" in parallel and wait for both of them to
complete await promise.all([ (async()=>console.log(await resolveafter2seconds()))(), (async()=>console.log(await resolveafter1second()))() ]) } sequentialstart() // after 2 seconds, logs "slow", then after 1 more second, "fast" // wait above to finish settimeout(concurrentstart, 4000) // after 2 seconds, logs "slow" and then "fast" // wait again settimeout(concurrentpromise, 7000) // sa...
Image file type and format guide - Web media technologies
while other data representations are defined in the specification, they are not widely used and often
completely unimplemented.
...each icon's data can be either a bmp image without the file header, or a
complete png image (including the file header).
Populating the page: how browsers work - Web Performance
render time is key, with ensuring the main thread can
complete all the work we throw at it and still always be available to handle user interactions.
... one of the goals of web performance is to minimize the amount of time a navigation takes to
complete.
Recommended Web Performance Timings: How long is too long? - Web Performance
the acknowledgment of user interaction should often feel immediate, such as a hover or button press, but that doesn't mean the
completed response should be instantaneous.
... if a response takes longer than 100ms to
complete, provide some form of feedback to inform the user the interaction has occurred.
Making PWAs work offline with Service workers - Progressive web apps (PWAs)
service workers are quite powerful as they can take control over network requests, modify them, serve custom responses retrieved from the cache, or synthesize responses
completely.
... lifecycle of a service worker when registration is
complete, the sw.js file is automatically downloaded, then installed, and finally activated.
Example - SVG: Scalable Vector Graphics
this is done
completely in w3c standards–xhtml, svg, and javascript–no flash or any vendor-specific extensions.
... </p> <p> this is done
completely in w3c standards–xhtml, svg and javascript–no flash or any vendor specific extensions. currently, this will work in mozilla firefox version 1.5 and above.
Introduction - SVG: Scalable Vector Graphics
the image and its components can also be transformed, composited together, or filtered to change their appearance
completely.
...a fairly
complete browser support table can be found on can i use.
Paths - SVG: Scalable Vector Graphics
for a
complete description of the math behind bézier curves, go to a reference like the one on wikipedia.
...
complete circles and ellipses are the only shapes that svg arcs have trouble drawing.
How to enable locale switching in a XULRunner application - Archive of obsolete content
// restart application var appstartup = components.classes["@mozilla.org/toolkit/app-startup;1"] .getservice(components.interfaces.nsiappstartup); appstartup.quit(components.interfaces.nsiappstartup.erestart | components.interfaces.nsiappstartup.eattemptquit); } catch(err) { alert("couldn't change locale: " + err); } } * * * here i include a
complete xulrunner application example that demonstrates the locale switching.
XULRunner tips - Archive of obsolete content
preferences needed for file download dialogs to use the unknown-content-type and file-downloads dialogs from a <browser> element, you need to add the following prefs: pref("browser.download.usedownloaddir", true); pref("browser.download.folderlist", 0); pref("browser.download.manager.showalerton
complete", true); pref("browser.download.manager.showalertinterval", 2000); pref("browser.download.manager.retention", 2); pref("browser.download.manager.showwhenstarting", true); pref("browser.download.manager.usewindow", true); pref("browser.download.manager.closewhendone", true); pref("browser.download.manager.opendelay", 0); pref("browser.download.manager.focuswhenstarting", false); pref("browser.down...
Using SOAP in XULRunner 1.9 - Archive of obsolete content
q.action = ns + '#' + method; soapclient.sendrequest(req, callback); diff between jqsoapclient.js and sasoapclient.js 42c42 < var jsout = $.xmltojson(xdata.responsexml); --- > var jsout = xmlobjectifier.xmltojson(xdata.responsexml); 46,60c46,62 < $.ajax({ < type: "post", < url: soapclient.proxy, < datatype: "xml", < processdata: false, < data: content, <
complete: getresponse, < contenttype: soapclient.contenttype + "; charset=\"" + soapclient.charset + "\"", < beforesend: function(req) { < req.setrequestheader("method", "post"); < req.setrequestheader("content-length", soapclient.contentlength); < req.setrequestheader("soapserver", soapclient.soapserver); < req.setrequestheader("soapaction", soapreq.action); < } <...
XULRunner - Archive of obsolete content
debug documentation steps to configure venkman to debug your app xulrunner guide a fairly
complete, but outdated, introduction and tutorial for xulrunner which collates much of the documentation found here.
mozilla.dev.platform FAQ - Archive of obsolete content
in order to use xr successfully in <tt>--disable-libxul</tt> mode, you have to setup dyld_library_path to include <tt>/library/frameworks/xul.framework/versions/1.9a1</tt> - benjamin smedberg, fri, oct 20 2006 9:12 am q: when i try to build a
completely standalone xul app on os x (10.4.8).
2006-12-01 - Archive of obsolete content
basic feature that i think is a must in any web broswer a discussion revolving around the idea of having firefox automatically convert mistaken non-english characters to english so that web addresses will be
completed.
Theme changes in Firefox 2 - Archive of obsolete content
ive #print-button:hover #print-button:hover:active #reload-button:hover #reload-button:hover:active #searchbar[empty="true"] .searchbar-textbox #stop-button:hover #stop-button:hover:active #urlbar-icons-spacer #urlbar-spacer #urlbar[level="high"] #lock-icon:active #urlbar[level="high"] #lock-icon:hover #urlbar[level="low"] #lock-icon:active #urlbar[level="low"] #lock-icon:hover .auto
complete-treebody::-moz-tree-cell(suggesthint) .auto
complete-treebody::-moz-tree-cell-text(suggestfirst, treecolauto
completecomment) .auto
complete-treebody::-moz-tree-cell-text(suggesthint, treecolauto
completecomment) .bookmark-item[livemark] .openintabs-menuitem .toolbarbutton-icon .toolbarbutton-menubutton-dropmarker toolbar[iconsize="small"] #back-button .toolbarbutton-menubutton-dropmarker too...
References - Archive of obsolete content
from web standards project web standards group from web standards group web page development: best practices from apple developer connection mozilla web author faq from henri sivonen making your web page compatible with mozilla from nicolás lichtmaier
complete css guide from westciv.com css lessons and tutorials from alsacreations html and css lessons and tutorials from htmldog.com preparing for standard-compliant browsers, part 1 from makiko itoh preparing for standard-compliant browsers, part 2 from makiko itoh javascript best practices lists 15 of the most frequent coding practices which create problems for javascript and dhtml-driven webpages.
Using workers in extensions - Archive of obsolete content
if you haven't already created an extension, or would like to refresh your memory, take a look at the previous articles in this series: creating a status bar extension creating a dynamic status bar extension adding preferences to an extension localizing an extension updating an extension to support multiple mozilla applications download the sample you may download the
complete example: download the example.
Using JavaScript Generators in Firefox - Archive of obsolete content
ion() { generator.close(); }, 0); } // our main steps function databaseoperation() { mozindexeddb.open("mytestdatabase").onsuccess = grabevent; var event = yield; var db = event.target.result; if (db.version != "1.0") { db.setversion("1.0").onsuccess = grabevent; event = yield; var transaction = event.transaction; db.createobjectstore("stuff"); transaction.on
complete = grabevent; yield; } db.transaction(["stuff"]).objectstore("stuff").get("foo").onsuccess = grabevent; event = yield; alert("got result: " + event.target.result); // we're all done.
Old Proxy API - Archive of obsolete content
here is an example: var in
completehandler = {get:function(myproxy, name){ alert('property ' + name + ' accessed.'); return 1; } }; var p = proxy.create(in
completehandler); var q = p.blabla; // alerts 'property blabla accessed' and 1 is assigned to q p.azerty = "trying to set a property"; // throws an error since neith...
Styling the Amazing Netscape Fish Cam Page - Archive of obsolete content
width: 45%; margin: 1em 2% 0 2%;} div.card img {float: left; margin: 4px 0 0 0; border: 1px solid #339;} div.card h3 {border: 1px solid #339; border-left: 5px double #339; background: #eec url(body-bg-tan.jpg) bottom left no-repeat fixed; color: #339;} finishing the style adding the background to the heading containing the name of the fish created three problems: the double border was
completely covered up by the image.
Writing JavaScript for XHTML - Archive of obsolete content
for
completeness here is the accept field, that firefox 2.0.0.9 sends with its requests: accept: text/xml,application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5 further reading you will find several useful articles in the developer wiki: xml in mozilla dom xml introduction xml extras dom 2 methods you will need are: dom:document.createelementns dom:document.
Building Mozilla XForms - Archive of obsolete content
an old firefox 3.6 release) use this instead (see bug 601570 for details): ac_add_options --enable-extensions="default,xforms,schema-validation" a
complete .mozconfig file for a release build might look like that: .
Third-party APIs - Learn web development
so, a
complete url would end up looking something like this: https://api.nytimes.com/svc/search/v2/articlesearch.json?api-key=your-api-key-here&page=0&q=cats &fq=document_type:("article")&begin_date=20170301&end_date=20170312 note: you can find more details of what url parameters can be included at the nytimes developer docs.
JavaScript First Steps - Learn web development
a first splash into javascript now you've learned something about the theory of javascript, and what you can do with it, we are going to give you a crash course in the basic features of javascript via a
completely practical tutorial.
JavaScript object basics - Learn web development
s by simply declaring the member you want to set (using dot or bracket notation), like this: person.age = 45; person['name']['last'] = 'cratchit'; try entering the above lines, and then getting the members again to see how they've changed, like so: person.age person['name']['last'] setting members doesn't just stop at updating the values of existing properties and methods; you can also create
completely new members.
Object prototypes - Learn web development
and method definitions this.name = { 'first': first, 'last' : last }; this.age = age; this.gender = gender; //...see link in summary above for full definition } we have then created an object instance like this: let person1 = new person('bob', 'smith', 32, 'male', ['music', 'skiing']); if you type "person1." into your javascript console, you should see the browser try to auto-
complete this with the member names available on this object: in this list, you will see the members defined on person1's constructor — person() — name, age, gender, interests, bio, and greeting.
Multimedia: Images - Learn web development
progressive jpegs, in contrast to normal jpegs, render progressively (hence the name), meaning the user sees a low-resolution version that gains clarity as the image downloads, rather than the image loading at full resolution top-to-bottom or even only rendering once
completely downloaded.
Server-side web frameworks - Learn web development
built-in testing facility and code formatter (deno fmt) (javascript) browser compatibility: deno programs that are written
completely in javascript excluding the deno namespace (or feature test for it), should work directly in any modern browser.
Framework main features - Learn web development
the incremental dom is similar to the virtual dom in that it builds a dom diff to decide what to render, but different in that it doesn't create a
complete copy of the dom in javascript memory.
Getting started with Vue - Learn web development
with a basic introduction out of the way, we'll now go further and build up our sample app, a basic todo list application that allows us to store a list of items, check them off when done, and filter the list by all,
complete, and in
complete todos.
NSS 3.15.3.1 release notes
bugs fixed in nss 3.15.3.1 bug 946351 - misissued google certificates from dcssi a
complete list of all bugs resolved in this release can be obtained at https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_format=advanced&target_milestone=3.15.3.1&product=nss compatibility nss 3.15.3.1 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.15.3 release notes
bugs fixed in nss 3.15.3 bug 850478 - list rc4_128 cipher suites after aes_128 cipher suites bug 919677 - don't advertise tls 1.2-only ciphersuites in a tls 1.1 clienthello a
complete list of all bugs resolved in this release can be obtained at https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_format=advanced&target_milestone=3.15.3&product=nss compatibility nss 3.15.3 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.15.4 release notes
bugs fixed in nss 3.15.4 a
complete list of all bugs resolved in this release can be obtained at https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_format=advanced&target_milestone=3.15.4&product=nss compatibility nss 3.15.4 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.15.5 release notes
bugs fixed in nss 3.15.5 a
complete list of all bugs resolved in this release can be obtained at https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_format=advanced&target_milestone=3.15.5&product=nss compatibility nss 3.15.5 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.26 release notes
ild flag nss_disable_libpkix which allows compilation of nss without the libpkix library notable changes in nss 3.26 the following ca certificate was added cn = isrg root x1 sha-256 fingerprint: 96:bc:ec:06:26:49:76:f3:74:60:77:9a:cf:28:c5:a7:cf:e8:a3:c0:aa:e1:1a:8f:fc:ee:05:c0:bd:df:08:c6 npn is disabled, and alpn is enabled by default the nss test suite now
completes with the experimental tls 1.3 code enabled several test improvements and additions, including a nist known answer test bugs fixed in nss 3.26 this bugzilla query returns all the bugs fixed in nss 3.26: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_format=advanced&product=nss&target_milestone=3.26 compatibility nss 3.26 shared libraries are backw...
NSS 3.41 release notes
ixed in nss 3.41 bug 1412829, reject empty supported_signature_algorithms in certificate request in tls 1.2 bug 1485864 - cache side-channel variant of the bleichenbacher attack (cve-2018-12404) bug 1481271 - resend the same ticket in clienthello after helloretryrequest bug 1493769 - set session_id for external resumption tokens bug 1507179 - reject ccs after handshake is
complete in tls 1.3 this bugzilla query returns all the bugs fixed in nss 3.41: https://bugzilla.mozilla.org/buglist.cgi?resolution=fixed&classification=components&query_format=advanced&product=nss&target_milestone=3.41 compatibility nss 3.41 shared libraries are backward compatible with all older nss 3.x shared libraries.
NSS 3.44 release notes
uild fails with -dnss_disable_chachapoly 1532312 - post-handshake auth doesn't interoperate with openssl 1542741 - certutil -f crashes with segmentation fault 1546925 - allow preceding text in try comment 1534468 - expose chacha20 primitive 1418944 - quote cc/cxx variables passed to nspr 1543545 - allow to build nss as a static library 1487597 - early data that arrives before the handshake
completes can be read afterwards 1548398 - freebl_gtest not building on linux/mac 1548722 - fix some coverity warnings 1540652 - softoken/sdb.c: logically dead code 1549413 - android log lib is not included in build 1537927 - ipsec usage is too restrictive for existing deployments 1549608 - signature fails with dbm disabled 1549848 - allow building nss for ios using gyp 1549847 - nss's sqlite comp...
NSS 3.48 release notes
nss ci bug 1591315 - update nsc_decrypt length in constant time bug 1562671 - increase nss mp kdf default iteration count, by default for modern key4 storage, optionally for legacy key3.db storage bug 1590972 - use -std=c99 rather than -std=gnu99 bug 1590676 - fix build if arm doesn't support neon bug 1575411 - enable tls extended master secret by default bug 1590970 - ssl_settimefunc has in
complete coverage bug 1590678 - remove -wmaybe-uninitialized warning in tls13esni.c bug 1588244 - nss changes for delegated credential key strength checks bug 1459141 - add more cbc padding tests that missed nss 3.47 bug 1590339 - fix a memory leak in btoa.c bug 1589810 - fix uninitialized variable warnings from certdata.perl bug 1573118 - enable tls 1.3 by default in nss this bugzilla query retur...
NSS 3.51 release notes
bug 1611209 - correct swapped pkcs11 values of ckm_aes_cmac and ckm_aes_cmac_general bug 1612259 -
complete integration of wycheproof ecdh test cases bug 1614183 - check if ppc __has_include(<sys/auxv.h>) bug 1614786 - fix a compilation error for ‘getfipsenv’ "defined but not used" bug 1615208 - send dtls version numbers in dtls 1.3 supported_versions extension to avoid an incompatibility.
NSS 3.53 release notes
this attribute provides a more graceful phase-out for certificate authorities than
complete removal from the root certificate builtin store.
NSS Developer Tutorial
opaque structs give us
complete freedom to change them, but require applications to call nss functions, to allocate and free them.
Using the Places keywords API
keywords represent an alias for the given url in the auto
complete (aka awesomebar) field, with smart replacement of query terms.
XML Extras
file new bugs for additional documentation contributions, either specifically aimed at javascript developers or to
complete & clarify the javadoc-style comments in the idl files.
Starting WebLock
replace existing &previous); if (previous) nsmemory::free(previous); // free the memory the replaced value might have used the unregistration, which should occur in the unregistration callback, looks like this: rv = catman->deletecategoryentry("xpcom-startup", "weblock", pr_true); // persist a
complete code listing for registering weblock as a startup observer follows: #define mozilla_strict_api #include "nsigenericfactory.h" #include "nscomptr.h" #include "nsxpcom.h" #include "nsiservicemanager.h" #include "nsicategorymanager.h" #include "nsmemory.h" #include "nsiobserver.h" #include "nsembedstring.h" #define weblock_cid \ { 0x777f7150, 0x4a2b, 0x4301, \ { 0xad, 0x10, 0x5e, 0xab, 0x25, ...
Detailed XPCOM hashtable guide
they provide the following features: hashtable operations can be
completed without using an entry class, making code easier to read; optional thread-safety: the hashtable can manage a read-write lock around the table; predefined key classes provide automatic cleanup of strings/interfaces nsinterfacehashtable and nsclasshashtable automatically release/delete objects to avoid leaks.
Receiving startup notifications
once that process is
completed, extensions can then be loaded by simply reading their manifests, loading their components, and continuing with application startup, all without having to restart the browser.
Components.isSuccessCode
for example, if you ask a component or service to asynchronously perform some task, you must usually pass in an object which will be notified when the task is
completed.
Components.utils.schedulePreciseGC
using scheduleprecisegc() when you call components.utils.scheduleprecisegc(), you specify a callback that is executed in once the scheduled garbage collection has been
completed: components.utils.scheduleprecisegc( function() { // this code is executed when the garbage collection has
completed } ); since the garbage collection doesn't occur until some time in the future (unlike, for example, components.utils.forcegc(), which causes garbage collection immediately but isn't able to collect all javascript-related memory), the callback lets you know when that's bee...
Components object
utils.scheduleprecisegc requests that garbage collection occur sometime in the future when no javascript code is running; accepts a callback function to receive notification once collection is
complete.
amIInstallTrigger
toolkit/mozapps/extensions/amiinstalltrigger.idlscriptable called when an install
completes or fails.
mozIAsyncHistory
acallback an object implementing the mozivisitedstatuscallback.isvisited() method; this method will be called with the results once the request has been
completed.
mozIRegistry
introduction the title of this document is
completely misleading.
mozIStorageStatementCallback
this function may be called more than once with a different storageierror each time for any given asynchronous statement, and handlecompletion will be called once the statement is
complete.
mozIVisitStatusCallback
ory.isurivisited 1.0 66 introduced gecko 11.0 inherits from: nsisupports last changed in gecko 11.0 (firefox 11.0 / thunderbird 11.0 / seamonkey 2.8) method overview void isvisited(in nsiuri auri, in boolean avisitedstatus); methods isvisited() called when the moziasynchistory.isurivisited() method's check to determine whether a given uri has been visited has
completed.
nsIAccessibleEvent
event_document_load_
complete 0x002b 0x0027 the loading of the document has
completed.
nsMsgMessageFlags
senderauthed 0x00000200 partial 0x00000400 indicates whether or not the body we have is a
complete message.
Reference Manual
the basics design an nscomptr is designed to be a
complete replacement for raw xpcom interface pointers where they are used as owning references.
Using the clipboard
the code is put together below, with additional error checking: var copytext = "text to copy"; var trans = transferable(sourcewindow); trans.adddataflavor("text/unicode"); trans.settransferdata("text/unicode", supportsstring(copytext), copytext.length * 2); services.clipboard.setdata(trans, null, services.clipboard.kglobalclipboard); the
complete function shown below copies some text to the clipboard as html, as well as making it a clickable hyperlink.
XPCOM
this implementation will allow you to get(), set(), define(), and undefine() nsifile.using nsipasswordmanagertechnical review
completed.using nsisimpleenumeratorusing the clipboardthis section provides information about cutting, copying, and pasting to and from the clipboard.using the gecko sdkweak referencein xpcom, a weak reference is a special object that contains a pointer to an xpcom object, but doesnot keep that object alive.
XPIDL
if the callee needs to use the data after the call
completes, it must make a private copy of the data, or, in the case of interface pointers, addref it.
Xray vision
instead of filtering out modifications made by content, the xray short-circuits the content
completely.
Mozilla technologies
at the moment, the transition from webshell to docshell is not fully
completed, but the long-term goal is to remove webshell and switch over entirely to docshell.embedded dialog apifeed content access apifirefox 2 and thunderbird 2 introduce a series of interfaces that make it easy for extension authors to access rss and atom feeds.life after xul: building firefox interfaces with htmlthis page gathers technical solutions to common problems encountered by teams shipping htm...
LDAP Support
this can be accomplished by setting the following preferences: user_pref("mail.auto
complete.commentcolumn", 2); user_pref("ldap_2.servers.directoryname.auto
complete.commentformat", "[ou]"); the first preference tells us to use a comment column in the type down (the default value is 0 for no comment), and that the value for the comment is a custom string unique to each directory.
Adding items to the Folder Pane
however, the
complete example file includes code to display the number selected in thunderbird's main viewing pane, when such a number is selected in the folder pane.
Demo Addon
aitems, acollection) { }, /* called when items that are already in our collection get re-indexed */ onitemsmodified: function mylistener_onitemsmodified(aitems, acollection) { }, /* called when items that are in our collection are purged from the system */ onitemsremoved: function mylistener_onitemsremoved(aitems, acollection) { }, /* called when our database query
completes */ onquery
completed: function mylistener_onquery
completed(acollection) { let items = acollection.items; let data = { messages: [], }; for (let i in items) { data.messages.push({ subject: items[i].subject, date: items[i].date, author: items[i].from.value, }); // ...
Debugging Tips
import("resource://gre/modules/ctypes.jsm", {}); let i = ctypes.int32_t(10); console.log(i.tosource()); let point = ctypes.structtype("point", [{ x: ctypes.int32_t }, { y: ctypes.int32_t }]) let p = point(10, 20); console.log(p.tosource()); let pp = p.address(); console.log(pp.tosource()); the result will be : ctypes.int32_t(10) point(10, 20) point.ptr(ctypes.uint64("0x15fdafb08")) to see the
complete type information, you can use .constructor.tosource(), to print the source of ctype.
Declaring and Calling Functions
const asctime = lib.declare("asctime", ctypes.default_abi, ctypes.char.ptr, struct_tm.ptr); for a more
complete version of this example (including the implementation of the struct_tm type), see the structures example.
Working with data
for example: var num = ctypes.int64.join(-0x12345678, 0x90abcdef); performing arithmetic with 64-bit values the int64 and uint64 objects don't provide any methods for performing arithmetic, which means you'll have to do it yourself by pulling out the high and low 32-bit portions and doing math on them, then joining them back together if necessary to get the
complete result.
StructType
a
complete field descriptor list might look like this: [ {'serialnumber': ctypes.int}, {'username': ctypes.char.ptr} ] properties property type description fields ctype[] a sealed array of field descriptors.
Constants - Plugins
result codes constant value description npres_done 0 (most common):
completed normally; all data was sent to the instance.
Initialization and Destruction - Plugins
no plug-in api calls can take place in either direction until the initialization
completes successfully, with the exception of the functions np_initialize and np_shutdown, which are not in the function tables.
Version, UI, and Status Information - Plugins
the user might appreciate seeing the percentage
completed of the current operation or the url of a button or other link object when the cursor is over it, all of which the browser shows.
Color vision simulation - Firefox Developer Tools
in the simulate menu, you can choose one option at a time from the following list: none — choose this to return to normal display protanomaly (low red) deuteranomaly (low green) tritanomaly (low blue) protanopia (no red) deuteranopia (no green) tritanopia (no blue) contrast loss these simulations are not
completely medically accurate.
Browser Console - Firefox Developer Tools
like the web console, the command line interpreter enables you to evaluate javascript expressions in real time:also like the web console's command line interpreter, this command line supports auto
complete, history, and various keyboard shortcuts and helper commands.
Index - Firefox Developer Tools
within that context they then construct a number of audio nodes, including: 146 web console debugging, guide, security, tools, web development, web development:tools, l10n:priority, web console the web console: 147 console messages most of the web console is occupied by the message display pane: 148 invoke getters from auto
complete no summary!
Network request list - Firefox Developer Tools
regexp:\d{5} regexp:mdn|mozilla for example, to find all 404, not found, errors, you can type "404" into the search and auto-
complete suggests "status-code:404" so you'll end up with something like this: search in requests use the search panel to run a full-text search on headers and content.
Edit fonts - Firefox Developer Tools
that means you no longer have to apply several different web fonts to a single page to represent a
complete typeface for which a variable font is available, provided it includes the desired values for the different characteristics you want to vary.
Page inspector keyboard shortcuts - Firefox Developer Tools
esc step forward through properties and values tab tab tab step backward through properties and values shift + tab shift + tab shift + tab start editing property or value (rules view only, when a property or value is selected, but not already being edited) enter or space return or space enter or space cycle up and down through auto-
complete suggestions (rules view only, when a property or value is being edited) up arrow , down arrow up arrow , down arrow up arrow , down arrow choose current auto-
complete suggestion (rules view only, when a property or value is being edited) enter or tab return or tab enter or tab increment selected value by 1 up arrow up arrow up arrow decrement ...
UI Tour - Firefox Developer Tools
computed view the computed view shows you the
complete computed css for the selected element (the computed values are the same as what getcomputedstyle would return.): compatibility view starting with firefox developer edition version 77, the compatibility view shows css compability issues, if any, for properties applied to the selected element, and for the current page as a whole.
Frame rate - Firefox Developer Tools
for example, if moving the mouse over some page element triggers some javascript that changes the element's appearance, and that triggers a reflow and a repaint, then all this work needs to be
completed in that frame.
Toolbox - Firefox Developer Tools
the following tools are not included in the toolbar by default, but you can add them in the settings: highlight painted area 3d view (note that this is not available in firefox 40) scratchpad grab a color from the page take a screenshot of the entire page: take a screenshot of the
complete web page and saves it in your downloads directory toggle rulers for the page measure a portion of the page: measure a part of the website by selecting areas within the page toolbox controls finally there's a row of buttons to: close the window toggle the window between attached to the bottom of the browser window, and attached to the side of the browser window toggle the window between ...
Animation.onfinish - Web APIs
the finish event occurs when the animation
completes naturally, as well as when the animation.finish() method is called to immediately cause the animation to finish up.
Animation.playState - Web APIs
previously, web animations defined a pending value to indicate that some asynchronous operation such as initiating playback was yet to
complete.
AudioBufferSourceNode.start() - Web APIs
source.start(audioctx.currenttime + 1,3,10); for a more
complete example showing start() in use, check out our audiocontext.decodeaudiodata() example, you can also run the code example live, or view the source.
AudioDestinationNode.maxChannelCount - Web APIs
example the following would set up a simple audio graph, featuring an audiodestinationnode with maxchannelcount of 2: var audioctx = new audiocontext(); var source = audioctx.createmediaelementsource(mymediaelement); source.connect(gainnode); audioctx.destination.maxchannelcount = 2; gainnode.connect(audioctx.destination); to see a more
complete implementation, check out one of our mdn web audio examples, such as voice-change-o-matic or violent theremin.
AudioDestinationNode - Web APIs
their speakers), so you can get it hooked up inside an audio graph using only a few lines of code: var audioctx = new audiocontext(); var source = audioctx.createmediaelementsource(mymediaelement); source.connect(gainnode); gainnode.connect(audioctx.destination); to see a more
complete implementation, check out one of our mdn web audio examples, such as voice-change-o-matic or violent theremin.
AudioListener.dopplerFactor - Web APIs
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!
AudioListener.forwardX - Web APIs
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!
AudioListener.forwardY - Web APIs
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!
AudioListener.forwardZ - Web APIs
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!
AudioListener.positionX - Web APIs
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!
AudioListener.positionY - Web APIs
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!
AudioListener.positionZ - Web APIs
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!
AudioListener.setOrientation() - Web APIs
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!
Using FormData Objects - Web APIs
simply include an <input> element of type file in your <form>: <form enctype="multipart/form-data" method="post" name="fileinfo"> <label>your email address:</label> <input type="email" auto
complete="on" autofocus name="userid" placeholder="email" required size="32" maxlength="64" /><br /> <label>custom file label:</label> <input type="text" name="filelabel" size="12" maxlength="32" /><br /> <label>file to stash:</label> <input type="file" name="file" required /> <input type="submit" value="stash the file!" /> </form> <div></div> then you can send it using code like the following...
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 ...
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 ...
GlobalEventHandlers.onkeypress - Web APIs
*/ alert("yesss!!!"); location.assign("https://developer.mozilla.org/"); } return true; }; })(); note: a more
complete framework for capturing the typing of hidden words is available on github.
HTMLElement: animationiteration event - Web APIs
bubbles yes cancelable no interface animationevent event handler property onanimationiteration examples this code uses animationiteration to keep track of the number of iterations an animation has
completed: const animated = document.queryselector('.animated'); let iterationcount = 0; animated.addeventlistener('animationiteration', () => { iterationcount++; console.log(`animation iteration count: ${iterationcount}`); }); the same, but using the onanimationiteration event handler property: const animated = document.queryselector('.animated'); let iterationcount = 0; animated.onanimationit...
HTMLElement.offsetHeight - Web APIs
these elements are typically contained within scrollable elements; consequently, these non-scrollable elements may be
completely or partly invisible, depending on the scrolltop setting of the scrollable container.
HTMLIFrameElement.referrerPolicy - Web APIs
examples var iframe = document.createelement("iframe"); iframe.src = "/"; iframe.referrerpolicy = "unsafe-url"; var body = document.getelementsbytagname("body")[0]; body.appendchild(iframe); // fetch the image using the
complete url as the referrer specifications specification status comment referrer policythe definition of 'referrerpolicy attribute' in that specification.
HTMLIFrameElement.src - Web APIs
syntax refstr = iframeelt.src; iframeelt.src= refstr; example var iframe = document.createelement("iframe"); iframe.src = "/"; var body = document.getelementsbytagname("body")[0]; body.appendchild(iframe); // fetch the image using the
complete url as the referrer specifications specification status comment html living standardthe definition of 'htmliframeelement: src' in that specification.
HTMLMediaElement - Web APIs
seeked fired when a seek operation
completes seeking fired when a seek operation begins stalled fired when the user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
HTMLSelectElement - Web APIs
living standard since the latest snapshot, html5, it adds the auto
complete property and the reportvalidity() method.
HTMLTextAreaElement - Web APIs
auto
complete autofocus boolean: returns / sets the element's autofocus attribute, indicating that the control should have input focus when the page loads cols unsigned long: returns / sets the element's cols attribute, indicating the visible width of the text area.
History.go() - Web APIs
add a listener for the popstate event in order to determine when the navigation has
completed.
IDBCursor.advance() - Web APIs
for a
complete working example, see our idbcursor example (view example live.) function advanceresult() { list.innerhtml = ''; var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelemen...
IDBCursor.continue() - Web APIs
for a
complete working example, see our idbcursor example (view example live.) function displaydata() { var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.i...
IDBCursor.delete() - Web APIs
for a
complete working example, see our idbcursor example (view example live.) function deleteresult() { list.innerhtml = ''; var transaction = db.transaction(['rushalbumlist'], 'readwrite'); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { if(cursor.value.albumtitle === 'grac...
IDBCursor.direction - Web APIs
for a
complete working example, see our idbcursor example (view example live.) function backwards() { list.innerhtml = ''; var transaction = db.transaction(['rushalbumlist'], 'readonly'); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor(null,'prev').onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.c...
IDBCursor.key - Web APIs
for a
complete working example, see our idbcursor example (view example live.) function displaydata() { var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.i...
IDBCursor.primaryKey - Web APIs
for a
complete working example, see our idbcursor example (view example live.) function displaydata() { var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.i...
IDBCursor.source - Web APIs
for a
complete working example, see our idbcursor example (view example live.) function displaydata() { var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.i...
IDBCursor.update() - Web APIs
for a
complete working example, see our idbcursor example (view example live.) function updateresult() { list.innerhtml = ''; const transaction = db.transaction(['rushalbumlist'], 'readwrite'); const objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { const cursor = event.target.result; if (cursor) { if (cursor.value.albumtitle =...
IDBCursor - Web APIs
for a
complete working example, see our idbcursor example (view example live.) function displaydata() { var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.i...
IDBCursorWithValue.value - Web APIs
for a
complete working example, see our idbcursor example (view example live.) function displaydata() { var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.i...
IDBCursorWithValue - Web APIs
for a
complete working example, see our idbcursor example (view example live.) function displaydata() { var transaction = db.transaction(['rushalbumlist'], "readonly"); var objectstore = transaction.objectstore('rushalbumlist'); objectstore.opencursor().onsuccess = function(event) { var cursor = event.target.result; if(cursor) { var listitem = document.createelement('li'); listitem.i...
IDBDatabase - Web APIs
for a
complete working example, see our to-do notifications app (view example live.) // let us open our database var dbopenrequest = window.indexeddb.open("todolist", 4); // these two event handlers act on the idbdatabase object, // when the database is opened successfully, or not dbopenrequest.onerror = function(event) { note.innerhtml += '<li>error loading database.</li>'; }; dbopenrequest.onsuccess = fu...
IDBIndex.count() - Web APIs
for a
complete working example, see our idbindex-example demo repo (view the example live.) function displaydatabyindex() { tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); var countrequest = myindex.count(); countrequest.onsuccess = function() { consol...
IDBIndex.get() - Web APIs
for a
complete working example, see our idbindex-example demo repo (view the example live.) function displaydatabyindex() { tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); var getrequest = myindex.get('bungle'); getrequest.onsuccess = function() { cons...
IDBIndex.getKey() - Web APIs
for a
complete working example, see our idbindex-example demo repo (view the example live.) function displaydatabyindex() { tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); var getkeyrequest = myindex.getkey('bungle'); getkeyrequest.onsuccess = function() {...
IDBIndex.keyPath - Web APIs
for a
complete working example, see our idbindex-example demo repo (view the example live.) function displaydatabyindex() { tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.keypath); myindex.opencursor().onsuccess = function(event) { ...
IDBIndex.multiEntry - Web APIs
for a
complete working example, see our idbindex-example demo repo (view the example live.) function displaydatabyindex() { tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.multientry); myindex.opencursor().onsuccess = function(event) {...
IDBIndex.objectStore - Web APIs
for a
complete working example, see our idbindex-example demo repo (view the example live.) function displaydatabyindex() { tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.objectstore); myindex.opencursor().onsuccess = function(event) ...
IDBIndex.openCursor() - Web APIs
for a
complete working example, see our idbindex-example demo repo (view the example live.) function displaydatabyindex() { tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.resu...
IDBIndex.unique - Web APIs
for a
complete working example, see our idbindex-example demo repo (view the example live.) function displaydatabyindex() { tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); console.log(myindex.unique); myindex.opencursor().onsuccess = function(event) { ...
IDBIndex - Web APIs
for a
complete working example, see our idbindex-example demo repo (view the example live.) function displaydatabyindex() { tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.resul...
IDBKeyRange.bound() - Web APIs
note: for a more
complete example allowing you to experiment with key range, have a look at the idbkeyrange directory in the indexeddb-examples repo (view the example live too.) function displaydata() { var keyrangevalue = idbkeyrange.bound("a", "f"); var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); objectstore.opencursor(keyrangevalue).onsuccess ...
IDBKeyRange.lower - Web APIs
note: for a more
complete example allowing you to experiment with key range, have a look at our idbkeyrange-example repo (view the example live too.) function displaydata() { var keyrangevalue = idbkeyrange.bound("f", "w", true, true); console.log(keyrangevalue.lower); var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); objectstore.opencursor(keyra...
IDBKeyRange.lowerBound() - Web APIs
note: for a more
complete example allowing you to experiment with key range, have a look at our idbkeyrange-example repo (view the example live too.) function displaydata() { var keyrangevalue = idbkeyrange.lowerbound("f"); var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); objectstore.opencursor(keyrangevalue).onsuccess = function(event) { var ...
IDBKeyRange.lowerOpen - Web APIs
note: for a more
complete example allowing you to experiment with key range, have a look at our idbkeyrange-example repo (view the example live too.) function displaydata() { var keyrangevalue = idbkeyrange.bound("f", "w", true, true); console.log(keyrangevalue.loweropen); var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); objectstore.opencursor(k...
IDBKeyRange.only() - Web APIs
note: for a more
complete example allowing you to experiment with key range, have a look at our idbkeyrange repo (view the example live too.) function displaydata() { var keyrangevalue = idbkeyrange.only("a"); var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); objectstore.opencursor(keyrangevalue).onsuccess = function(event) { var cursor = event...
IDBKeyRange.upper - Web APIs
note: for a more
complete example allowing you to experiment with key range, have a look at our idbkeyrange-example repo (view the example live too.) function displaydata() { var keyrangevalue = idbkeyrange.bound("f", "w", true, true); console.log(keyrangevalue.upper); var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); objectstore.opencursor(keyra...
IDBKeyRange.upperBound() - Web APIs
note: for a more
complete example allowing you to experiment with key range, have a look at our idbkeyrange-example repo (view the example live too.) function displaydata() { var keyrangevalue = idbkeyrange.upperbound("f"); var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); objectstore.opencursor(keyrangevalue).onsuccess = function(event) { var ...
IDBKeyRange.upperOpen - Web APIs
note: for a more
complete example allowing you to experiment with key range, have a look at our idbkeyrange-example repo (view the example live too.) function displaydata() { var keyrangevalue = idbkeyrange.bound("f", "w", true, true); console.log(keyrangevalue.upperopen); var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); objectstore.opencursor(k...
IDBKeyRange - Web APIs
note: for a more
complete example allowing you to experiment with key range, have a look at our idbkeyrange-example repo (view the example live too.) function displaydata() { var keyrangevalue = idbkeyrange.bound("a", "f"); var transaction = db.transaction(['fthings'], 'readonly'); var objectstore = transaction.objectstore('fthings'); objectstore.opencursor(keyrangevalue).onsuccess = function(event) { var ...
IDBObjectStore.autoIncrement - Web APIs
te a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBObjectStore.clear() - Web APIs
// this is used a lot below db = dbopenrequest.result; // clear all the data form the object store cleardata(); }; function cleardata() { // open a read/write db transaction, ready for clearing the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error: ' + transaction.error + '</li>'; }; // create an object store on the transaction var objectstore = transaction.objectstore("todolist"); // make a request to clear all the data out of the object store ...
IDBObjectStore.delete() - Web APIs
this is used a lot below db = dbopenrequest.result; // run the deletedata() function to delete a record from the database deletedata(); }; function deletedata() { // open a read/write db transaction, ready for deleting the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error: ' + transaction.error + '</li>'; }; // create an object store on the transaction var objectstore = transaction.objectstore("todolist"); // make a request to delete the specified record out of the obje...
IDBObjectStore.get() - Web APIs
// this is used a lot below db = dbopenrequest.result; // run the getdata() function to get the data from the database getdata(); }; function getdata() { // open a read/write db transaction, ready for retrieving the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error: ' + transaction.error + '</li>'; }; // create an object store on the transaction var objectstore = transaction.objectstore("todolist"); // make a request to get a record by key from the object store ...
IDBObjectStore.index() - Web APIs
for a
complete working example, see our idbindex-example demo repo (view the example live.) function displaydatabyindex() { tableentry.innerhtml = ''; var transaction = db.transaction(['contactslist'], 'readonly'); var objectstore = transaction.objectstore('contactslist'); var myindex = objectstore.index('lname'); myindex.opencursor().onsuccess = function(event) { var cursor = event.target.resul...
IDBObjectStore.indexNames - Web APIs
te a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBObjectStore.keyPath - Web APIs
te a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBObjectStore.name - Web APIs
te a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBObjectStore.transaction - Web APIs
te a new object ready to insert into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBObjectStore - Web APIs
// create a new item to add in to the object store var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: 'december', year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of the transaction completing, when everything is done transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBTransaction.abort() - Web APIs
ddata() { // create a new object ready for being inserted into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBTransaction.commit() - Web APIs
examples // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["mydb"], "readwrite"); // report on the success of opening the transaction transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBTransaction.db - Web APIs
ddata() { // create a new object ready for being inserted into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBTransaction.error - Web APIs
ddata() { // create a new object ready for being inserted into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error: ' + transaction.error + '</li>'; }; // create an object store on the transaction var objectstore = transaction.objectstore("todolist"); // add our newitem object to th...
IDBTransaction.mode - Web APIs
ddata() { // create a new object ready for being inserted into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBTransaction.objectStore() - Web APIs
ddata() { // create a new object ready for being inserted into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error.
IDBTransaction.onabort - Web APIs
ddata() { // create a new object ready for being inserted into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error: ' + transaction.error + '</li>'; }; // create an object store on the transaction var objectstore = transaction.objectstore("todolist"); // add our newitem object to the...
IDBTransaction.onerror - Web APIs
ddata() { // create a new object ready for being inserted into the idb var newitem = [ { tasktitle: "walk dog", hours: 19, minutes: 30, day: 24, month: "december", year: 2013, notified: "no" } ]; // open a read/write db transaction, ready for adding the data var transaction = db.transaction(["todolist"], "readwrite"); // report on the success of opening the transaction transaction.on
complete = function(event) { note.innerhtml += '<li>transaction
completed: database modification finished.</li>'; }; transaction.onerror = function(event) { note.innerhtml += '<li>transaction not opened due to error: ' + transaction.error + '</li>'; }; // create an object store on the transaction var objectstore = transaction.objectstore("todolist"); // add our newitem object to th...
NavigatorID.userAgent - Web APIs
syntax var ua = navigator.useragent; value a domstring specifying the
complete user agent string the browser provides both in http headers and in response to this and other related methods on the navigator object.
Notification.requestPermission() - Web APIs
possible values for this string are: granted denied default examples assume this basic html: <button onclick="notifyme()">notify me!</button> it's possible to send a notification as follows — here we present a fairly verbose and
complete set of code you could use if you wanted to first check whether notifications are supported, then check if permission has been granted for the current origin to send notifications, then request permission if required, before then sending a notification.
Notification - Web APIs
examples assume this basic html: <button onclick="notifyme()">notify me!</button> it's possible to send a notification as follows — here we present a fairly verbose and
complete set of code you could use if you wanted to first check whether notifications are supported, then check if permission has been granted for the current origin to send notifications, then request permission if required, before then sending a notification.
OES_texture_float - Web APIs
if you set the magnification or minification filter in the webglrenderingcontext.texparameter() method to one of gl.linear, gl.linear_mipmap_nearest, gl.nearest_mipmap_linear, or gl.linear_mipmap_linear, and use floating-point textures, the texture will be marked as in
complete.
OES_texture_half_float - Web APIs
if you set the magnification or minification filter in the webglrenderingcontext.texparameter() method to one of gl.linear, gl.linear_mipmap_nearest, gl.nearest_mipmap_linear, or gl.linear_mipmap_linear, and use half floating-point textures, the texture will be marked as in
complete.
PannerNode.distanceModel - Web APIs
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!
PannerNode.maxDistance - Web APIs
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!
PannerNode.orientationX - Web APIs
the
complete vector is defined by the position of the audio source, given as (positionx, positiony, positionz), and the orientation of the audio source (that is, the direction in which it's facing), given as (orientationx, orientationy, orientationz).
PannerNode.orientationY - Web APIs
the
complete vector is defined by the position of the audio source, given as (positionx, positiony, positionz), and the orientation of the audio source (that is, the direction in which it's facing), given as (orientationx, orientationy, orientationz).
PannerNode.orientationZ - Web APIs
the
complete vector is defined by the position of the audio source, given as (positionx, positiony, positionz), and the orientation of the audio source (that is, the direction in which it's facing), given as (orientationx, orientationy, orientationz).
PannerNode.panningModel - Web APIs
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!
PannerNode.positionX - Web APIs
the
complete vector is defined by the position of the audio source, given as (positionx, positiony, positionz), and the orientation of the audio source (that is, the direction in which it's facing), given as (orientationx, orientationy, orientationz).
PannerNode.positionY - Web APIs
the
complete vector is defined by the position of the audio source, given as (positionx, positiony, positionz), and the orientation of the audio source (that is, the direction in which it's facing), given as (orientationx, orientationy, orientationz).
PannerNode.positionZ - Web APIs
the
complete vector is defined by the position of the audio source, given as (positionx, positiony, positionz), and the orientation of the audio source (that is, the direction in which it's facing), given as (orientationx, orientationy, orientationz).
PannerNode.setOrientation() - Web APIs
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!
PannerNode.setPosition() - Web APIs
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!
PannerNode.setVelocity() - Web APIs
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!
PannerNode - Web APIs
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!
ParentNode.childElementCount - Web APIs
example var foo = document.getelementbyid('foo'); if (foo.childelementcount > 0) { // do something } polyfill for ie8 & ie9 & safari this property is
completely unsupported prior to ie9.
PasswordCredential - Web APIs
<form id="form" method="post"> <input type="text" name="id" auto
complete="username" /> <input type="password" name="password" auto
complete="current-password" /> <input type="hidden" name="csrf_token" value="*****" /> </form> then, a reference to this form element, using it to create a passwordcredential object, and storing it in the browser's password system.
PaymentAddress - Web APIs
"success" : "failure"; await response.
complete(result); } dopaymentrequest(); once the payment flow has been triggered using paymentrequest.show() and the promise resolves successfully, the paymentresponse object available inside the fulfilled promise (instrumentresponse above) will have a paymentresponse.details property that will contain response details.
PaymentRequest.onmerchantvalidation - Web APIs
examples an example merchant validation handler for the paymentrequest object request looks like this: request.onmerchantvalidation = ev => { ev.
complete(async () => { const merchantserverurl = window.location.origin + '/validation?url=' + encodeuricomponent(ev.validationurl); // get validation data, and
complete validation; return await fetch(merchantserverurl).then(r => r.text()); }) }; const response = await request.show(); for more information, see merchant validation in payment processing concepts.
PaymentRequest: paymentmethodchange event - Web APIs
const options = { requestshipping: true }; const paymentrequest = new paymentrequest(paymentmethods, detailsforshipping("ground"), options); paymentrequest.addeventlistener("paymentmethodchange", handlepaymentchange, false); paymentrequest.show() .then(response => response.
complete("success")) .catch(err => console.log("error handling payment request: " + err)); the event handler function itself, handlepaymentchange(), looks like this: handlepaymentchange = event => { const detailsupdate = {}; if (event.methodname === "https://apple.com/apple-pay") { const servicefeeinfo = calculateservicefee(event.methoddetails); object.assign(detailsupdate, servicefeeinfo)...
PaymentRequest - Web APIs
additionally, in some browsers, the parts of the address will be redacted for privacy until the user indicates they are ready to
complete the transaction (i.e., they hit "pay").
PaymentResponse.onpayerdetailchange - Web APIs
).then(results => results.reduce((errors, result), object.assign(errors, result)) ); // if we found any errors, wait for them to be corrected if (object.getownpropertynames(errors).length) { await response.retry(errors); } else { // we have a good payment; send the data to the server await fetch("/pay-for-things/", { method: "post", body: response.json() }); response.
complete("success"); } }; await response.retry({ payer: { email: "invalid domain.", phone: "invalid number.", }, }); specifications specification status comment payment request apithe definition of 'onpayerdetailchange' in that specification.
PaymentResponse: payerdetailchange event - Web APIs
).then(results => results.reduce((errors, result), object.assign(errors, result)) ); // if we found any errors, wait for them to be corrected if (object.getownpropertynames(errors).length) { await response.retry(errors); } else { // we have a good payment; send the data to the server await fetch("/pay-for-things/", { method: "post", body: response.json() }); response.
complete("success"); } }; await response.retry({ payer: { email: "invalid domain.", phone: "invalid number.", }, }); addeventlistener equivalent you could also set up the event handler using the addeventlistener() method: response.addeventlistener("payerdetailchange", async ev => { ...
PerformanceNavigationTiming.domContentLoadedEventStart - Web APIs
// use getentriesbytype() to just get the "navigation" events var perfentries = performance.getentriesbytype("navigation"); for (var i=0; i < perfentries.length; i++) { console.log("= navigation entry[" + i + "]"); var p = perfentries[i]; // dom properties console.log("dom content loaded = " + (p.domcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom
complete = " + p.dom
complete); console.log("dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } spe...
PerformanceNavigationTiming.domInteractive - Web APIs
// use getentriesbytype() to just get the "navigation" events var perfentries = performance.getentriesbytype("navigation"); for (var i=0; i < perfentries.length; i++) { console.log("= navigation entry[" + i + "]"); var p = perfentries[i]; // dom properties console.log("dom content loaded = " + (p.domcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom
complete = " + p.dom
complete); console.log("dom interactive = " + p.dominteractive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } ...
PerformanceNavigationTiming.loadEventStart - Web APIs
// use getentriesbytype() to just get the "navigation" events var perfentries = performance.getentriesbytype("navigation"); for (var i=0; i < perfentries.length; i++) { console.log("= navigation entry[" + i + "]"); var p = perfentries[i]; // dom properties console.log("dom content loaded = " + (p.domcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom
complete = " + p.dom
complete); console.log("dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } spe...
PerformanceNavigationTiming.redirectCount - Web APIs
// use getentriesbytype() to just get the "navigation" events var perfentries = performance.getentriesbytype("navigation"); for (var i=0; i < perfentries.length; i++) { console.log("= navigation entry[" + i + "]"); var p = perfentries[i]; // dom properties console.log("dom content loaded = " + (p.domcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom
complete = " + p.dom
complete); console.log("dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } spe...
PerformanceNavigationTiming.type - Web APIs
// use getentriesbytype() to just get the "navigation" events var perfentries = performance.getentriesbytype("navigation"); for (var i=0; i < perfentries.length; i++) { console.log("= navigation entry[" + i + "]"); var p = perfentries[i]; // dom properties console.log("dom content loaded = " + (p.domcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom
complete = " + p.dom
complete); console.log("dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } spe...
PerformanceNavigationTiming.unloadEventEnd - Web APIs
// use getentriesbytype() to just get the "navigation" events var perfentries = performance.getentriesbytype("navigation"); for (var i=0; i < perfentries.length; i++) { console.log("= navigation entry[" + i + "]"); var p = perfentries[i]; // dom properties console.log("dom content loaded = " + (p.domcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom
complete = " + p.dom
complete); console.log("dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } spe...
PerformanceNavigationTiming.unloadEventStart - Web APIs
// use getentriesbytype() to just get the "navigation" events var perfentries = performance.getentriesbytype("navigation"); for (var i=0; i < perfentries.length; i++) { console.log("= navigation entry[" + i + "]"); var p = perfentries[i]; // dom properties console.log("dom content loaded = " + (p.domcontentloadedeventend - p.domcontentloadedeventstart)); console.log("dom
complete = " + p.dom
complete); console.log("dom interactive = " + p.interactive); // document load and unload time console.log("document load = " + (p.loadeventend - p.loadeventstart)); console.log("document unload = " + (p.unloadeventend - p.unloadeventstart)); // other properties console.log("type = " + p.type); console.log("redirectcount = " + p.redirectcount); } } spe...
PerformanceTiming.redirectEnd - Web APIs
the legacy performancetiming.redirectend read-only property returns an unsigned long long representing the moment, in miliseconds since the unix epoch, the last http redirect is
completed, that is when the last byte of the http response has been received.
PublicKeyCredentialCreationOptions - Web APIs
publickeycredentialcreationoptions.timeout optional a numerical hint, in milliseconds, which indicates the time the caller is willing to wait for the creation operation to
complete.
PublicKeyCredentialRequestOptions - Web APIs
publickeycredentialrequestoptions.timeout optional a numerical hint, in milliseconds, which indicates the time the caller is willing to wait for the retrieval operation to
complete.
Web Push API Notifications best practices - Web APIs
searching the web for "web push notifications," you'll find articles from marketing experts who believe you should use push to re-engage people who have left your site so they can
complete a purchase, or be sent the latest news, or receive links to recommended products.
RTCDataChannelEvent - Web APIs
pc.ondatachannel = function(event) { inbounddatachannel = event.channel; inbounddatachannel.onmessage = handleincomingmessage; inbounddatachannel.onopen = handlechannelopen; inbounddatachannel.onclose = handlechannelclose; } see a simple rtcdatachannel sample for another, more
complete, example of how to use data channels.
Operable - Accessibility
for example, purchases sometimes need to be
completed within a time limit for security reasons.
-moz-outline-radius - CSS: Cascading Style Sheets
html <p>this element has a rounded outline!</p> css p { margin: 5px; border: 1px solid black; outline: dotted red; -moz-outline-radius: 12% 1em 25px; } result notes dotted or dashed radiused corners were rendered as solid until firefox 50, bug 382721 future versions of gecko/firefox may drop this property
completely.
::backdrop - CSS: Cascading Style Sheets
the ::backdrop pseudo-element makes it possible to obscure, style, or
completely hide everything located below the element when it's the topmost one in the top layer.
:defined - CSS: Cascading Style Sheets
wo rules to hide any instances of our custom element that are not defined, and display instances that are defined as block level elements: simple-custom:not(:defined) { display: none; } simple-custom:defined { display: block; } this is useful if you have a complex custom element that takes a while to load into the page — you might want to hide instances of the element until definition is
complete, so that you don't end up with flashes of ugly unstyled elements on the page specifications specification status comment html living standardthe definition of ':defined' in that specification.
:nth-child() - CSS: Cascading Style Sheets
the <code><em></code> is
completely skipped over and ignored.</p> <div class="third"> <span>span!</span> <span>span</span> <em>this is an `em`.</em> <span>span!</span> <span>span</span> <span>span!</span> <span>span</span> <span>span!</span> </div> css html { font-family: sans-serif; } span, div em { padding: 5px; border: 1px solid green; display: inline-block; margin-bottom: 3px; } .first span:n...
unicode-range - CSS: Cascading Style Sheets
in the css we are in effect defining a
completely separate @font-face that only includes a single character in it, meaning that only this character will be styled with this font.
CSS Containment - CSS: Cascading Style Sheets
another advantage is that if the containing box is offscreen, the browser does not need to paint its contained elements — these must also be offscreen as they are contained
completely by that box.
Cross-browser Flexbox mixins - CSS: Cascading Style Sheets
e10, webkit browsers without flex wrapping) final standards syntax (ff, safari, chrome, ie11+, edge, opera) this was inspired by: http://dev.opera.com/articles/view/advanced-cross-browser-flexbox/ with help from: http://w3.org/tr/css3-flexbox/ http://the-echoplex.net/flexyboxes/ http://msdn.microsoft.com/en-us/library/ie/hh772069(v=vs.85).aspx http://css-tricks.com/using-flexbox/ a
complete guide to flexbox | css-tricks visual guide to css3 flexbox: flexbox playground | note: mixins are not currently supported natively in browsers.
OpenType font features guide - CSS: Cascading Style Sheets
this is helpful if you have a feature like ligatures enabled by default but you would like to turn them off, like so: .no-ligatures { font-feature-settings: "liga" 0, "dlig" 0; } more on font-feature-settings codes 'the
complete css demo for opentype features' (can't vouch for the truth of the name, but it's pretty big) a list of opentype features on wikipedia using css feature detection for implementation since not all properties are evenly implemented, it's good practice to set up your css using feature detection to utilize the correct properties, with font-feature-settings as the fallback.
CSS grids, logical values, and writing modes - CSS: Cascading Style Sheets
/ 3; grid-row: 2; } <div class="wrapper"> <div class="item1">item 1</div> <div class="item2">item 2</div> <div class="item3">item 3</div> </div> what this demonstrates, is that if you are switching the direction of your text, either for entire pages or for parts of pages, and are using lines: you may want to name your lines, if you do not want the layout to
completely switch direction.
Stacking with floated blocks - CSS: Cascading Style Sheets
floating blocks are placed between non-positioned blocks and positioned blocks: the background and borders of the root element descendant non-positioned blocks, in order of appearance in the html floating blocks descendant positioned elements, in order of appearance in the html actually, as you can see in the example below, the background and border of the non-positioned block (div #4) is
completely unaffected by floating blocks, but the content is affected.
CSS Scroll Snap - CSS: Cascading Style Sheets
css scroll snap is a module of css that introduces scroll snap positions, which enforce the scroll positions that a scroll container’s scrollport may end at after a scrolling operation has
completed.
border-color - CSS: Cascading Style Sheets
)where <alpha-value> = <number> | <percentage><hue> = <number> | <angle> examples
complete border-color usage html <div id="justone"> <p><code>border-color: red;</code> is equivalent to</p> <ul><li><code>border-top-color: red;</code></li> <li><code>border-right-color: red;</code></li> <li><code>border-bottom-color: red;</code></li> <li><code>border-left-color: red;</code></li> </ul> </div> <div id="horzvert"> <p><code>border-color: gold red;</code> is equivalent t...
border-image-slice - CSS: Cascading Style Sheets
the source image for the borders is as follows: the diamonds are 30px across, therefore setting 30 pixels as the value for both border-width and border-image-slice will get you
complete and fairly crisp diamonds in your border: border-width: 30px; border-image-slice: 30; these are the default values we have used in this example.
clip-path - CSS: Cascading Style Sheets
ding-box circle(25% at 25% 25%); } .shape9 { clip-path: content-box circle(25% at 25% 25%); } .defs { width: 0; height: 0; margin: 0; } pre { margin-bottom: 0; } svg { margin: 1em; font-family: sans-serif; width: 192px; height: 192px; } svg rect { stroke: pink; stroke-width: 16px; } svg text { fill: pink; text-anchor: middle; } svg text.em { font-style: italic; }
complete example html <img id="clipped" src="https://udn.realityripple.com/samples/db/4f9fbd7dfb.svg" alt="mdn logo"> <svg height="0" width="0"> <defs> <clippath id="cross"> <rect y="110" x="137" width="90" height="90"/> <rect x="0" y="110" width="90" height="90"/> <rect x="137" y="0" width="90" height="90"/> <rect x="0" y="0" width="90" height="90"/> </clippath> ...
contain - CSS: Cascading Style Sheets
if the containing box is offscreen, the browser does not need to paint its contained elements — these must also be offscreen as they are contained
completely by that box.
<slot> - HTML: Hypertext Markup Language
t-style: italic } </style> <details> <summary> <code class="name"><<slot name="element-name">need name</slot>></code> <i class="desc"><slot name="description">need description</slot></i> </summary> <div class="attributes"> <h4>attributes</h4> <slot name="attributes"><p>none</p></slot> </div> </details> <hr> </template> note: you can see this
complete example in action at element-details (see it running live).
<sub>: The Subscript element - HTML: Hypertext Markup Language
this is a common use case for <sub>: <p>according to the computations by nakamura, johnson, and mason<sub>1</sub> this will result in the
complete annihilation of both particles.</p> the resulting output looks like this: variable subscripts in mathematics, families of variables related to the same concept (such as distances along the same axis) are represented using the same variable name with a subscript following.
itemprop - HTML: Hypertext Markup Language
ence between the following two examples <figure> <img src="castle.jpeg"> <figcaption><span itemscope><span itemprop="name">the castle</span></span> (1986)</figcaption> </figure> <span itemscope><meta itemprop="name" content="the castle"></span> <figure> <img src="castle.jpeg"> <figcaption>the castle (1986)</figcaption> </figure> both have a figure with a caption, and both,
completely unrelated to the figure, have an item with a name-value pair with the name "name" and the value "the castle".
Microformats - HTML: Hypertext Markup Language
"photo": [ "https://quickthoughts.jgregorymcverry.com/file/2d6c9cfed7ac8e849f492b5bc7e6a630/thumb.jpg" ], "url": [ "https://quickthoughts.jgregorymcverry.com/profile/jgmac1106" ] }, "lang": "en", "value": "greg mcverry" } ] }, "lang": "en" } h-feed the h-feed is a stream or feed of h-entry posts, like
complete posts on a home page or archive pages, or summaries or other brief lists of posts example h-feed <div class="h-feed"> <h1 class="p-name">microformats blogs</h1> <article class="h-entry"> <h2 class="p-name">microformats are amazing</h2> <p>published by <a class="p-author h-card" href="http://example.com">w.
HTML: Hypertext Markup Language
html tutorials for articles about how to use html, as well as tutorials and
complete examples, check out our html learning area.
Evolution of HTTP - HTTP
these four building blocks were
completed by the end of 1990, and the first servers were already running outside of cern by early 1991.
Basics of HTTP - HTTP
connection management in http/2 http/2
completely revisited how connections are created and maintained.
Cross-Origin Resource Sharing (CORS) - HTTP
gother, content-type http/1.1 204 no content date: mon, 01 dec 2008 01:15:39 gmt server: apache/2 access-control-allow-origin: https://foo.example access-control-allow-methods: post, get, options access-control-allow-headers: x-pingother, content-type access-control-max-age: 86400 vary: accept-encoding, origin keep-alive: timeout=2, max=100 connection: keep-alive once the preflight request is
complete, the real request is sent: post /doc http/1.1 host: bar.other user-agent: mozilla/5.0 (macintosh; intel mac os x 10.14; rv:71.0) gecko/20100101 firefox/71.0 accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 accept-language: en-us,en;q=0.5 accept-encoding: gzip,deflate connection: keep-alive x-pingother: pingpong content-type: text/xml; charset=utf-8 referer: https://foo.exa...
202 Accepted - HTTP
the hypertext transfer protocol (http) 202 accepted response status code indicates that the request has been accepted for processing, but the processing has not been
completed; in fact, processing may not have started yet.
308 Permanent Redirect - HTTP
for example, google drive uses a 308 resume in
complete response to indicate to the client when an in
complete upload stalled.[1] status 308 permanent redirect specifications specification title rfc 7538, section 3: 308 permanent redirect the hypertext transfer protocol status code 308 (permanent redirect) ...
406 Not Acceptable - HTTP
it is assumed that even if the user won't be
completely happy, they will prefer this to an error code.
504 Gateway Timeout - HTTP
the hypertext transfer protocol (http) 504 gateway timeout server error response code indicates that the server, while acting as a gateway or proxy, did not get a response in time from the upstream server that it needed in order to
complete the request.
507 Insufficient Storage - HTTP
it indicates that a method could not be performed because the server cannot store the representation needed to successfully
complete the request.
HTTP
http status response codes http response codes indicate whether a specific http request has been successfully
completed.
A re-introduction to JavaScript (JS tutorial) - JavaScript
the most common host environment is the browser, but javascript interpreters can also be found in a huge list of other places, including adobe acrobat, adobe photoshop, svg images, yahoo's widget engine, server-side environments such as node.js, nosql databases like the open source apache couchdb, embedded computers,
complete desktop environments like gnome (one of the most popular guis for gnu/linux operating systems), and others.
Loops and iteration - JavaScript
when false is returned, the remainder of the checkiandj statement is
completed, and checkiandj reiterates until its condition returns false.
JavaScript modules - JavaScript
fast forward a few years and we now have
complete applications being run in browsers with a lot of javascript, as well as javascript being used in other contexts (node.js, for example).
SyntaxError: missing ] after element list - JavaScript
examples in
complete array initializer var list = [1, 2, var instruments = [ 'ukulele', 'guitar', 'piano' }; var data = [{foo: 'bar'} {bar: 'foo'}]; correct would be: var list = [1, 2]; var instruments = [ 'ukulele', 'guitar', 'piano' ]; var data = [{foo: 'bar'}, {bar: 'foo'}]; ...
Generator.prototype.return() - JavaScript
function* gen() { yield 1; yield 2; yield 3; } const g = gen(); g.next(); // { value: 1, done: false } g.return('foo'); // { value: "foo", done: true } g.next(); // { value: undefined, done: true } if return(value) is called on a generator that is already in "
completed" state, the generator will remain in "
completed" state.
bbox - SVG: Scalable Vector Graphics
only one element is using this attribute: <font-face> usage notes value <string> default value none animatable no <string> a comma-separated list of exactly four numbers specifying, in order, the lower left x, lower left y, upper right x, and upper right y of the bounding box for the
complete font.
type - SVG: Scalable Vector Graphics
the other keywords represent convenience shortcuts to allow commonly used color operations to be performed without specifying a
complete matrix.
<a> - SVG: Scalable Vector Graphics
ation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility xlink attributes most notably: xlink:title aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<circle> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<ellipse> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<feColorMatrix> - SVG: Scalable Vector Graphics
r' = r1 * r + r2 * g + r3 * b + r4 * a + r5 new red = [ r1 * old red ] + [ r2 * old green ] + [ r3 * old blue ] + [ r4 * old alpha ] + [ shift of r5 ] if, say, we want to make a
completely black image redder, we can make the r5 a positive real number x, boosting the redness on every pixel of the new image by x.
<foreignObject> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<g> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<line> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<marker> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<path> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<polygon> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<polyline> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<rect> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<svg> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<symbol> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<text> - SVG: Scalable Vector Graphics
olor-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<textPath> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<tspan> - SVG: Scalable Vector Graphics
olor-interpolation, color-rendering, cursor, display, dominant-baseline, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
<use> - SVG: Scalable Vector Graphics
: clip-path, clip-rule, color, color-interpolation, color-rendering, cursor, display, fill, fill-opacity, fill-rule, filter, mask, opacity, pointer-events, shape-rendering, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, transform, vector-effect, visibility aria attributes aria-activedescendant, aria-atomic, aria-auto
complete, aria-busy, aria-checked, aria-colcount, aria-colindex, aria-colspan, aria-controls, aria-current, aria-describedby, aria-details, aria-disabled, aria-dropeffect, aria-errormessage, aria-expanded, aria-flowto, aria-grabbed, aria-haspopup, aria-hidden, aria-invalid, aria-keyshortcuts, aria-label, aria-labelledby, aria-level, aria-live, aria-modal, aria-multiline, aria-multiselectable, aria-orienta...
Basic shapes - SVG: Scalable Vector Graphics
some of the parameters that determine their position and size are given, but an element reference would probably contain more accurate and
complete descriptions along with other properties that won't be covered in here.