Index - MDN Web Docs Glossary: Definitions of Web-related terms
even when both directionalities occur in the same paragraph, the text in each language must appear in its proper directionality.
... 49 cors-safelisted request header cors, fetch a cors-safelisted request header is one of the following http headers: 50 cors-safelisted response header cors, fetch, glossary, http a cors-safelisted response header is an http header which has been safelisted so that it will not be filtered when responses are processed by cors, since they're considered safe (as the headers listed in access-control-expose-headers).
... 84 compile time codingscripting, glossary, javascript the compile time is the time from when the program is first loaded until the program is parsed.
...And 52 more matches

Index
multiple elements of nss's own modules have been implemented with this interface, and nss makes use of this interface when talking to those modules.
... when checking whether a certificate is trusted or not, it's necessary to find a relevant trust anchor (root certificate) that represents the signing capability of a trusted third party, usually called a certificate authority (ca).
...when working with handles to private keys it's usually difficult (and undesired) that an application gets access to the raw key data; therefore it may be difficult to extract such data from nss.
...And 52 more matches

ARIA Test Cases - Accessibility
when documenting an issue, please also list it in the relevant compatibility table below.
... when possible provide a link to the bug in the database so that its status can be reviewed.
... widget test cases alert simple alert complex alert real alert example with aria-required and aria-invalid -- type in a email address without an at sign to test the alert expected at behavior: a screen reader or screen magnifier must speak an alert when it becomes visible.
...And 46 more matches

sslfnc.html
when this socket's session is finished, no other socket will be able to resume the session begun by this socket.
... keep the following in mind when deciding on the operating parameters you want to use with a particular socket: enabling the ssl_require_certificate option is not recommended.
... as mentioned in communication, when an application imports a socket into ssl after the tcp connection on that socket has already been established, it must call ssl_resethandshake to determine whether the socket is for a client or server.
...And 44 more matches

Event reference
most common categories resource events event name fired when error a resource failed to load.
... network events event name fired when online the browser has gained access to the network.
... focus events event name fired when focus an element has received focus (does not bubble).
...And 44 more matches

nsITextInputProcessor
this means that even when gecko changes the dom event behavior, it may not be necessary that the users of this interface need to be updated, i.e., the implementation of this class can be a cushion from the impact of gecko's change.
... finally, when you commit the composition with the last composition string, just do this: tip.commitcomposition(); when you commit composition with specific string, specify commit string with its argument: tip.commitcompositionwith("foo-bar-buzz"); when you cancel composition, just do this: tip.cancelcomposition(); when you dispatch keydown event (and one or more keypress events), just do this: var keye...
...var dodefault = tip.keydown(keyevent); when you dispatch keyup event, just do this: var keyevent = new keyboardevent("", { key: "a", code: "keya", keycode: keyboardevent.dom_vk_a }); var dodefault = tip.keyup(keyevent); startcomposition(), flushpendingcomposition(), commitcomposition(), commitcompositionwith(), and cancelcomposition() can take a keyboardevent which causes modifying the composition state.
...And 41 more matches

source-editor.jsm
umn, [optional] number aalign); void setselection(number astart, number aend); breakpoint management void addbreakpoint(number alineindex, [optional] string acondition); array getbreakpoints(); boolean removebreakpoint(number alineindex); properties attribute type description dirty boolean set this value to false whenever you save the text; the editor will update it to true when the content is changed.
... you can then use this value to detect when the contents of the text are different from your most recent save.
... in addition, when this value changes, the "dirtychanged" event is sent.
...And 40 more matches

MMgc - Archive of obsolete content
the garbage collector is "managing" it, detecting when the memory is no longer reachable from anywhere in the application and reclaiming it at that time.
...there is no need to delete instances of myobject, because the gc will clean them up automatically when they are unreachable.
...the finalizer (c++ destructor) of a gcfinalizedobject will be invoked when mmgc collects the object.
...And 39 more matches

Web Replay
the button will be colored blue when the tab is being recorded.
... this has the same effect as above but can be used when the developer tools are not open.
... live rewinding at any time while recording, the tab can be rewound to replay earlier behavior, all the way back to when the tab was opened or to the last time it navigated.
...And 39 more matches

Element - Web APIs
when used as a setter, replaces the element with nodes parsed from the given string.
... event handlers element.onfullscreenchange an event handler for the fullscreenchange event, which is sent when the element enters or exits full-screen mode.
... this can be used to watch both for successful expected transitions, but also to watch for unexpected changes, such as when your app is running in the background.
...And 38 more matches

Client-side storage - Learn web development
previous overview: client-side web apis modern web browsers support a number of ways for web sites to store data on the user's computer — with the user's permission — then retrieve it when necessary.
...on the user's machine) and then retrieve it when needed.
...this is useful when you just need to store some simple data, like the user's name, whether they are logged in, what color to use for the background of the screen, etc.
...And 37 more matches

<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
<input type="checkbox" name="checkbox"/> color a control for specifying a color; opening a color picker when active in supporting browsers.
...opens a date picker or numeric wheels for year, month, day when active in supporting browsers.
...opens a date picker or numeric wheels for date- and time-components when active in supporting browsers.
...And 37 more matches

context-menu - Archive of obsolete content
usage instead of manually adding items when particular contexts occur and then removing them when those contexts go away, you bind items to contexts, and the adding and removing is automatically handled for you.
...when the user invokes the context menu, all of the items bound to the current context are automatically added to the menu.
... for example, if your add-on needs to add a context menu item whenever the user visits a certain page, don't create the item when that page loads, and don't remove it when the page unloads.
...And 36 more matches

Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
we also need to learn a bit about component lifecycle, to understand when these dom nodes get mounted and and unmounted from the dom and how we can access them.
... when the first button is clicked, we'll emit a checkall event to signal that all the todos should be checked/unchecked.
... when the second button is clicked, we'll emit a removecompleted event to signal that all of the completed todos should be removed.
...And 36 more matches

An Overview of XPCOM
when two or more related components are grouped together in a binary library, the library is referred to as a module.
... performance when code is modularized, modules that are not necessary right away can be "lazy loaded", or not loaded at all, which can improve the performance of your application.
... maintenance even when you are not updating a component, designing your application in a modular way can make it easier for you to find and maintain the parts of the application that you are interested in.
...And 36 more matches

Gecko info for Windows accessibility vendors
when you see the content window receive focus, first check the role.
... gecko also helps determine when to load a new window by firing two event_state_change's on the root role_document accessible -- the first state change indicates the document pane is now busy loading.
...when handling the event, use get_accstate() to check the state_busy flag.
...And 34 more matches

Signaling and video calling - Web APIs
what does matter is when the ice subsystem instructs you to send signaling data to the other peer, you do so, and the other peer knows how to receive this information and deliver it to its own ice subsystem.
... exchanging session descriptions when starting the signaling process, an offer is created by the user initiating the call.
... note: the important thing to note is this: the only thing your code is responsible for during ice negotiation is accepting outgoing candidates from the ice layer and sending them across the signaling connection to the other peer when your onicecandidate handler is executed, and receiving ice candidate messages from the signaling server (when the "new-ice-candidate" message is received) and delivering them to your ice layer by calling rtcpeerconnection.addicecandidate().
...And 33 more matches

Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
when to use msaa, and when not to it's a common mistake to say that msaa is not worth using, for a number of reasons.
... msaa decision-making guide use msaa whenever you have created custom controls where you're handling the drawing, mouse and keyboard accessibility in your own code.
...when your application closes, different signals are typically broadcast.
...And 32 more matches

Handling common accessibility problems - Learn web development
when we say accessibility in the context of web technology, most people immediately think of making sure websites/apps are usable by people with disabilities, for example: visually impaired people using screen readers or magnification/zoom to access text people with motor function impairments using the keyboard (or other non-mouse features) to activate website functionality.
... another tip — as shown in our example, you can control how your focusable elements look when focused, using the :focus pseudo-class.
... it is a good idea to double up focus and hover styles, so your users get that visual clue that a control will do something when activated, whether they are using mouse or keyboard: a:hover, input:hover, button:hover, select:hover, a:focus, input:focus, button:focus, select:focus { font-weight: bold; } note: if you do decide to remove the default focus styling using css, make sure you replace it with something else that fits in with your design better — it is a very valuable accessiblity tool, and should not be removed.
...And 31 more matches

UI pseudo-classes - Learn web development
this included some usage of pseudo-classes, for example using :checked to target a checkbox only when it is selected.
... the original pseudo-classes available to us (as of css 2.1) that are relevant to forms are: :hover: selects an element only when it is being hovered over by a mouse pointer.
... :focus: selects an element only when it is focused (i.e.
...And 30 more matches

SVG documentation index - SVG: Scalable Vector Graphics
when svg documents are embedded within a parent html document using the tag: 6 namespaces crash course svg, xml as an xml dialect, svg is namespaced.
...they specifies some script to run when the event of the given type is dispatched to the element on which the attributes are specified.
... 24 amplitude needscompattable, svg, svg attribute the amplitude attribute controls the amplitude of the gamma function of a component transfer element when its type attribute is gamma.
...And 30 more matches

Introduction to events - Learn web development
a series of fortunate events as mentioned above, events are actions or occurrences that happen in the system you are programming — the system produces (or "fires") a signal of some kind when an event occurs, and provides a mechanism by which an action can be automatically taken (that is, some code running) when the event occurs.
... for example, in an airport, when the runway is clear for take off, a signal is communicated to the pilot.
... each available event has an event handler, which is a block of code (usually a javascript function that you as a programmer create) that runs when the event fires.
...And 29 more matches

Bytecode Descriptions
implements: propertydefinitionevaluation for methods, steps 3 and 4, when enumerable is false.
...implements: makeconstructor, step 8, when writableprototype is false.
...this instruction is used when an array literal contains a spreadelement.
...And 29 more matches

Index - Learn web development
there are also are times when you'll get stuck and feel frustrated — even professional web developers feel like this regularly — and it pays to know about the most effective ways to try and get help so you can progress in your work.
... accessibility, beginner, design, example, intro, mobile, needsactivelearning when you're building a website, one top issue to consider is universal design: accommodating all users regardless of disability, technical constraints, culture, location, and so on.
... beginner, composing, needsactivelearning, needsschema when starting with a web project, many people focus on the technical side.
...And 28 more matches

CustomizableUI.jsm
when a customizable toolbar's xbl binding is constructed (generally, that is when a <toolbar customizable="true"/> node is appended to the document and isn't invisible), the binding will call into customizableui and register the toolbar's node as being one of the concrete instances of its area.
...these come in 3 types themselves: button which are simple toolbar buttons which do something when clicked view which are toolbar buttons with a 'view' of further options.
... the view can be shown as its own panel when such a widget is in the toolbar, or as a sliding 'subview' of the menu panel when such a widget is in the menu panel.
...And 28 more matches

HTTP Index - HTTP
19 cross-origin resource policy (corp) http, reference, security cross-origin resource policy is an opt-in mechanism that allows web applications to protect against certain cross-origin requests, such as those issued by the browser when resources are embedded using elements such as <script> and <img>.
...when this happens, the user needs to turn cors back on in their browser.
...this header specifies a comma-delineated list of the http methods which may be used when using cors to access the url specified in the request; if the request is using any other method, this error occurs.
...And 28 more matches

Starting WebLock
in order to be started up or notified when some event happens, the sample component has to hook into mozilla, which it can do either by overriding an existing component or by registering for some event that will cause it to start up.
... weblock does the latter and gets called when a gecko profile startup occurs.
... when a gecko application starts up, registered components are created and notified via the general-purpose observer interface nsiobserver.
...And 27 more matches

Mozilla internal string guide
nsliteral[c]string is trivially constructible and destructible, and therefore does not emit construction/destruction code when stored in statics, as opposed to the other string classes.
...once you are familiar with them, see the appendix describing what class to use when.
...for example: // when passing a string to a method, use const nsastring& nsfoo::printstring(const nsastring &str); // when getting a string from a method, use nsastring& nsfoo::getstring(nsastring &result); the abstract classes are also sometimes used to store temporary references to objects.
...And 26 more matches

Error codes returned by Mozilla APIs
the following tables list errors that can occur when calling various mozilla apis.
...for example, by using components.results.ns_error_not_initialized general errors the following errors are general and can occur when using any component.
... ns_error_null_pointer (0x80004003) an error occurred because a value was set to null when this was not expected.
...And 25 more matches

WebIDL bindings
it is a good fit for when the specification allows a usvstring, but you want to process the string as utf-8 rather than utf-16.
...if areportexceptions is set to erethrowexceptions, js exceptions will be stashed in the errorresult and will be reported when the stack unwinds to wherever the errorresult was set up.
...when this is done, passing in a null jscontext* is allowed if the passed-in js::value is js::nullvalue().
...And 25 more matches

Index - Firefox Developer Tools
2 3d view html, tools, web development, web development:tools when you click on the 3d view button, the page goes into 3d view mode; in this mode, you can see your page presented in a 3d view in which nested blocks of html are increasingly "tall," projecting outward from the bottom of the page.
...this is the two-pane inspector that appears when ctrl+shift+i (or cmd+shift+i) is pressed from one of the applications for which dom inspector has explicit support (i.e., menuitems placed via overlay).
... 18 debugger when called as a constructor, the debugger object creates a new debugger instance.
...And 25 more matches

RTCPeerConnection - Web APIs
this lets you detect, for example, when collection of ice candidates has finished.localdescription read only the read-only property rtcpeerconnection.localdescription returns an rtcsessiondescription describing the session for the local end of the connection.
...see signaling in lifetime of a webrtc session for more details about the signaling process.event handlersalso inherits event handlers from: eventtargetonaddstream the rtcpeerconnection.onaddstream event handler is a property containing the code to execute when the addstream event, of type mediastreamevent, is received by this rtcpeerconnection.
... such an event is sent when a mediastream is added to this connection by the remote peer.
...And 25 more matches

Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
(in other words, when the stack is empty.) you will learn more on this matter as you progress through this article.
... zero or more values that represent any parameters you want to pass to the function when it is run.
... settimeout() returns an identifier value that can be used to refer to the timeout later, such as when you want to stop it.
...And 24 more matches

Working with Svelte stores - Learn web development
components can subscribe to stores and receive notifications when their values change.
... moreover, when your app becomes complicated and your component hierarchy gets complex, it might become too difficult for components to relay data between each other.
... a store is simply an object with a subscribe() method that allows interested parties to be notified whenever the store value changes, and an optional set() method that allows you to set new values for the store.
...And 24 more matches

Focus management with Vue refs - Learn web development
specifically, when a user activates the "edit" button, we remove the "edit" button from the dom, but we don't move the user's focus anywhere, so in effect it just disappears.
...in addition, what happens when you press tab again varies depending on the browser you're using.
... to give users a better experience, we'll add code to control the focus so that it gets set to the edit field when the edit form is shown.
...And 24 more matches

LiveConnect Overview - Archive of obsolete content
when programming in javascript, you can use a wrapper object to access methods and fields of the java object; calling a method or accessing a property on the wrapper results in a call on the java object.
...when a javascript object is sent to java, the runtime engine creates a java wrapper of type jsobject; when a jsobject is sent from java to javascript, the runtime engine unwraps it to its original javascript object type.
...javascript to java communication when you refer to a java package or class, or work with a java object or array, you use one of the special liveconnect objects.
...And 23 more matches

Browser API
the following new events can be listened for: mozbrowseractivitydone sent when something inside the browser <iframe> triggers a web activity, and that web activity's message is consumed by the receiving app.
... mozbrowserasyncscroll sent when the browser <iframe> content scrolls (the apcz version.) see also mozbrowserscroll.
... mozbrowseraudioplaybackchange sent when audio starts or stops playing within the browser <iframe> content.
...And 23 more matches

Using IndexedDB - Web APIs
console.error("database error: " + event.target.errorcode); }; one of the common possible errors when opening a database is ver_err.
... creating or updating the version of the database when you create a new database or increase the version number of an existing database (by specifying a higher version number than you did previously, when opening a database), the onupgradeneeded event will be triggered and an idbversionchangeevent object will be passed to any onversionchange event handler set up on request.result (i.e., db in the example).
...whenever a value is stored in an object store, it is associated with a key.
...And 23 more matches

widget - Archive of obsolete content
you can attach panels to them that open when they're clicked, or you can define a custom click handler to perform some other action, like opening a web page in a tab.
...turl: data.url("buttons.html") }); player.port.emit("init"); player.port.on("play", function() { console.log("playing"); }); player.port.on("pause", function() { console.log("pausing"); }); player.port.on("stop", function() { console.log("stopping"); }); attaching panels to widgets you can supply a panel to the widget's constructor: if you do this, the panel is automatically displayed when the user clicks the widget.
...widgets.widget({ id: "auto-update-widget", label: "widget that updates content on a timer", content: "0", contentscript: 'settimeout(function() {' + ' document.body.innerhtml++;' + '}, 2000)', contentscriptwhen: "ready" }); // a widget created with a specified width, that grows.
...And 22 more matches

Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
introduction when netscape started the mozilla browser, it made the conscious decision to support w3c standards.
...browser sniffing is usually done through the useragent, such as: mozilla/5.0 (x11; u; linux i686; en-us; rv:1.5) gecko/20031016 while using the useragent to sniff the browser provides detailed information on the browser in use, code that handles useragents often can make mistakes when new browser versions arrive, thus requiring code changes.
... useragent sniffing makes sense in very limited cases where you really do want to know the exact browser in use, such as when you need to work around a bug in a specific version of a specific browser.
...And 22 more matches

Graceful asynchronous programming with Promises - Learn web development
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.
... generally, you are less interested in the amount of time an async operation will take to return its result (unless of course, it takes far too long!), and more interested in being able to respond to it being returned, whenever that is.
...even if the handlecallbutton() function has already returned to the code that called it, when getusermedia() has finished working, it calls the handler you provide.
...And 22 more matches

HTMLMediaElement - Web APIs
note: automatically playing audio when the user doesn't expect or desire it is a poor user experience and should be avoided in most cases, though there are exceptions.
... htmlmediaelement.controlslist read only returns a domtokenlist that helps the user agent select what controls to show on the media element whenever the user agent shows its own set of controls.
... htmlmediaelement.loop a boolean that reflects the loop html attribute, which indicates whether the media element should start over when it reaches the end.
...And 22 more matches

RDF Modifications - Archive of obsolete content
« previousnext » one of the most useful aspects of using templates with rdf datasources is that when the rdf datasource changes, for instance a new triple is added, or a triple is removed, the template updates accordingly, adding or removing result output as needed.
...when the datasource is modified, the datasource will notify any observers of the change.
...you don't need to implement this observer yourself, although you may add an observer to the datasource if you want to be notified when the data changes.
...And 21 more matches

How to build custom form controls - Learn web development
we will also discuss how, when, and whether building your own control makes sense, and what to consider when building a control is a requirement.
...let's start by defining how the control reaches each state: the control is in its normal state when: the page loads.
... the control is in its active state when: the user clicks on it or touches it on a touch screen.
...And 21 more matches

Componentizing our Svelte app - Learn web development
first of all, we need to import it — add the following line at the top of the todos.svelte <script> section: import filterbutton from './filterbutton.svelte' now, replace the filters <div> with a call to the filterbutton component, which takes the current filter as a prop — the below line is all you need: <filterbutton {filter} /> note: remember that when the html attribute name and variable matches, they can be replaced with {variable}, that's why we could replace <filterbutton filter={filter} /> with <filterbutton {filter} />.
...you'll notice that when you click on the filter buttons, they are selected and the style updates appropriately.
...whenever the user clicks on any filter button, the child will call the onclick handler, passing the selected filter as a parameter, back up to its parent.
...And 21 more matches

Handling common JavaScript problems - Learn web development
these days, most cross-browser javascript problems are seen: when poor-quality browser-sniffing code, feature-detection code, and vendor prefix usage block browsers from running code they could otherwise use just fine.
... when developers make use of new/nascent javascript features (for example ecmascript 6 / ecmascript next features, modern web apis...) in their code, and find that such features don't work in older browsers.
...when clicked, each one should alert a message containing its number (the value of i at the time it was created), however each one reports i as 11, because for loops do all their iterating before nested functions are invoked.
...And 21 more matches

Navigation and resource timings - Web Performance
the order is: performance timings details navigationstart when the prompt for unload terminates on the previous document in the same browsing context.
... secureconnectionstart when the secure connection handshake starts.
... redirectstart when the first http redirect starts.
...And 21 more matches

XForms Input Element - Archive of obsolete content
representations the xforms input element can be represented by the following widgets for the spcified data types (or types derived from these data types): text field - the default widget when no type is specified or the data is of type xsd:string (xhtml/xul) checkbox - used for xsd:boolean instance data.
... (xhtml/xul) datepicker - used to represent data of type xsd:date (xhtml/xul) calendar - used to represent data of type xsd:date when appearance attribute also has the value 'full' (xhtml/xul) month list - used to represent data of type xsd:gmonth (xhtml only) days list - used to represent data of type xsd:gday (xhtml only) number field - used to represent data of numeric type (fx 3.0 only, xul only) more detail about each of these widgets follows below.
...xforms inputs are most often used when a form author needs to allow for the input/output of simple text into an instance node.
...And 20 more matches

CSS and JavaScript accessibility best practices - Learn web development
previous overview: accessibility next css and javascript, when used properly, also have the potential to allow for accessible web experiences ...
...as we frequently mentioned in our html: a good basis for accessibility article, you should use the appropriate semantic element for the job, whenever possible.
... href="https://www.mozilla.org">mozilla homepage</a>.</p> some very simple link styling is shown below: a { color: #ff0000; } a:hover, a:visited, a:focus { color: #a60000; text-decoration: none; } a:active { color: #000000; background-color: #a60000; } the standard link conventions are underlined and a different color (default: blue) in their standard state, another color variation when the link has previously been visited (default: purple), and yet another color when the link is activated (default: red).
...And 20 more matches

WAI-ARIA basics - Learn web development
the initial solution was to add one or more hidden links at the top of the page to link to the navigation (or whatever else), for example: <a href="#hidden" class="hidden">skip to navigation</a> but this is still not very precise, and can only be used when the screenreader is reading from the top of the page.
... note: some javascript libraries support wai-aria, meaning that when they generate ui features like complex form controls, they add aria attributes to improve the accessibility of those features.
... if you are looking for a 3rd party javascript solution for rapid ui development, you should definitely consider the accessibility of its ui widgets as an important factor when making your choice.
...And 20 more matches

Download
method overview promise start(); promise launch(); promise showcontainingdirectory(); promise cancel(); promise removepartialdata(); promise whensucceeded(); promise finalize([optional] boolean aremovepartialdata); properties attribute type description canceled read only boolean indicates that the download has been canceled.
... this property can become true, then it can be reset to false when a canceled download is restarted.
... error read only downloaderror when the download fails, this is set to a downloaderror instance indicating the cause of the failure.
...And 20 more matches

Plug-in Basics - Plugins
like a plug-in, the browser starts a helper application when the browser encounters a mime type that is mapped to it.
... when the browser encounters a mime type, it always searches for a registered plug-in first.
... when gecko starts, it looks for plugin modules in particular places on the system.
...And 20 more matches

HTMLElement - Web APIs
htmlelement.title is a domstring containing the text that appears in a popup box when mouse is over the element.
... invalid fired when an element does not satisfy its constraints during constraint validation.
... animation events animationcancel fired when an animation unexpectedly aborts.
...And 20 more matches

Starting up and shutting down a WebXR session - Web APIs
your document needs to either have been loaded from the local drive (such as by using an url such as http://localhost/...), or using https when loading the page.
...setting it to null signals that the polyfill can be garbage collected when no objects depending on it are using it anymore.
...when you're ready to create your reference space, you can try for a local space, and if that fails, fall back to a viewer reference space, which all devices are required to support.
...And 20 more matches

panel - Archive of obsolete content
a panel's content is loaded as soon as it is created, before the panel is shown, and the content remains loaded when a panel is hidden, so it is possible to keep a panel around in the background, updating its content as appropriate in preparation for the next time it is shown.
... your add-on can receive notifications when a panel is shown or hidden by listening to its show and hide events.
... the following add-on adds a button which displays a panel when clicked.
...And 19 more matches

Anonymous Content - Archive of obsolete content
scoping and access using the dom when a binding is attached and certain conditions are met, the children of the binding's content element are cloned.
...when anonymous content elements are built above the bound element, the topmost elements' parentnode pointers are set to the bound element's parentnode.
... content generation rules for generation whenever bindings are attached to an element, anonymous content will potentially be generated or destroyed.
...And 19 more matches

Dynamic behavior in Svelte: working with variables and props - Learn web development
svelte will use it to diff the list when data changes, rather than adding or removing items at the end, and it's a good practice to always specify one.
... finally, an :else block can be provided, which will be rendered when the list is empty.
...this will be used if the component's consumer doesn't specify the prop on the component — or if its initial value is undefined — when instantiating the component.
...And 19 more matches

Using Service Workers - Web APIs
however, it made many assumptions about what you were trying to do and then broke horribly when your app didn’t follow those assumptions exactly.
... note: as of firefox 44, when appcache is used to provide offline support for a page a warning message is now displayed in the console advising developers to use service workers instead (bug 1204581.) service workers should finally fix these issues.
...using a service worker you can easily set an app up to use cached assets first, thus providing a default experience even when offline, before then getting more data from the network (commonly known as offline first).
...And 19 more matches

Using DTMF with WebRTC - Web APIs
when you wish to transmit dtmf signals, you first need to decide which track to send them on, since dtmf is sent as a series of out-of-band payloads on the rtcrtpsender responsible for transmitting that track's data to the other peer.
...when the tone buffer is empty, indicating that all the tones have been sent, a tonechange event with its tone property set to "" (an empty string) is delivered to the connection object.
...when the button is clicked, a dtmf string is sent over the connection using rtcdtmfsender.insertdtmf().
...And 19 more matches

Inputs and input sources - Web APIs
when the targeting ray mode is gaze, the ray's origin is at the viewer and simply aims in the direction the user is facing.
... mapping a grip space to the world origin when the controller is positioned below and to the left of the world origin, and closer to us than the world origin is.
... managing input sources when multiple input sources are available, you need to be able to obtain information about each one, including its position and orientation, its targeting ray (if applicable to your needs), and details that can help you decide how to present the input source visually, if at all.
...And 19 more matches

Media events - Developer guides
various events are sent when handling media that are embedded in html documents using the <audio> and <video> elements; this section lists them and provides some helpful information about using them.
... event name description abort sent when playback is aborted; for example, if the media is playing and is restarted from the beginning, this event is sent.
... canplay sent when enough data is available that the media can be played, at least for a couple of frames.
...And 19 more matches

Index - HTTP
browsers set adequate values for this header depending on the context where the request is done: when fetching a css stylesheet a different value is set for the request than when fetching an image, video or a script.
... 7 access-control-allow-credentials cors, http, reference, header the access-control-allow-credentials response header tells browsers whether to expose the response to frontend javascript code when the request's credentials mode (request.credentials) is "include".
... 9 access-control-allow-methods cors, http, reference, header the access-control-allow-methods response header specifies the method or methods allowed when accessing the resource in response to a preflight request.
...And 19 more matches

tabs - Archive of obsolete content
usage open a tab you can open a new tab, specifying various properties including location: var tabs = require("sdk/tabs"); tabs.open("http://www.example.com"); track tabs you can register event listeners to be notified when tabs open, close, finish loading dom content, or are made active or inactive: var tabs = require("sdk/tabs"); // listen for tab openings.
...s = require('sdk/tabs'); tabs.on('ready', function () { console.log('first: ' + tabs[0].title); console.log('last: ' + tabs[tabs.length-1].title); }); you can access the currently active tab: var tabs = require('sdk/tabs'); tabs.on('activate', function () { console.log('active: ' + tabs.activetab.url); }); track a single tab given a tab, you can register event listeners to be notified when the tab is closed, activated or deactivated, or when the page hosted by the tab is loaded or retrieved from the "back-forward cache": var tabs = require("sdk/tabs"); function onopen(tab) { console.log(tab.url + " is open"); tab.on("pageshow", logshow); tab.on("activate", logactivate); tab.on("deactivate", logdeactivate); tab.on("close", logclose); } function logshow(tab) { console.
... events open this event is emitted when a new tab is opened.
...And 18 more matches

Listening to events in Firefox extensions - Archive of obsolete content
some of the more interesting dom events you may wish to monitor are listed here: event description domlinkadded dispatched when a new html <link> element is detected in the document.
... domtitlechanged dispatched when the title of the page changes.
... domcontentloaded dispatched when the initial dom for the page is completely loaded.
...And 18 more matches

Textbox (XPFE autocomplete) - Archive of obsolete content
alwaysopenpopup obsolete since gecko 1.9.1 type: boolean note: applies to: thunderbird and seamonkeyif true, the autocomplete popup will be displayed even when there are no matches.
... enablehistory new in thunderbird 1requires seamonkey 2.0 type: boolean if true, an arrow button will appear on the end of the textbox which, when pressed, will open a dropdown menu of all available results.
... forcecomplete obsolete since gecko 1.9.1 type: boolean if true, the textbox will be filled in with the best match when it loses the focus.
...And 18 more matches

HTML parser threading
it also has another lazily initialized tokenizer/tree builder for speculatively scanning the tail of document.write() data when the parser blocks without parsing the document.write() data to completion.
...it's more efficient to obtain a mutex only every once in a while when a whole bunch of tree ops is moved to or from the staging queue.
...(the same runnable is used repeatedly in order to avoid cross-thread refcounting issues.) memory management when crossing the thread boundary the tree ops hold various heap-allocated objects that end up crossing the thread boundary.
...And 18 more matches

HTTP Cache
when there is no profile the new http cache works, but everything is stored only in memory not obeying any particular limits.
... currently we have 3 types of storages, all the access methods return an nsicachestorage object: memory-only (memorycachestorage): stores data only in a memory cache, data in this storage are never put to disk disk (diskcachestorage): stores data on disk, but for existing entries also looks into the memory-only storage; when instructed via a special argument also primarily looks into application caches application cache (appcachestorage): when a consumer has a specific nsiapplicationcache (i.e.
... a particular app cache version in a group) in hands, this storage will provide read and write access to entries in that application cache; when the app cache is not specified, this storage will operate over all existing app caches the service also provides methods to clear the whole disk and memory cache content or purge any intermediate memory structures: clear – after it returns, all entries are no longer accessible through the cache apis; the method is fast to execute and non-blocking in any way; the actual erase happens in background purgefrommemory – removes (schedules to remove) any intermediate cache data held in memory for faster access (more about the intermediate cache below) nsiloadcontextinfo distinguishes the scope of the ...
...And 18 more matches

Using microtasks in JavaScript with queueMicrotask() - Web APIs
javascript promises and the mutation observer api both use the microtask queue to run their callbacks, but there are other times when the ability to defer work until the current event loop pass is wrapping up.
... tasks get added to the task queue when: a new javascript program or subprogram is executed (such as from a console, or by running the code in a <script> element) directly.
...only tasks which were already in the task queue when the event loop pass began will be executed during the current iteration.
...And 18 more matches

Pointer events - Web APIs
however, for scenarios when device-specific handling is desired, pointer events defines a pointertype property to inspect the device type which produced the event.
... terminology active buttons state the condition when a pointer has a non-zero value for the buttons property.
... for example, in the case of a pen, when the pen has physical contact with the digitizer, or at least one button is depressed while hovering.
...And 18 more matches

XUL element attributes - Archive of obsolete content
« xul reference home the following attributes are common to all xul elements: align type: one of the values below the align attribute specifies how child elements of the box are aligned, when the size of the box is larger than the total size of the children.
...when multiple datasources are used, one may override an assertion from another.
...when multiple datasources are used, one may override an assertion from another.
...And 17 more matches

XPCOM array guide
when holding pointers, doesn't own the pointer.
...when holding pointers, doesn't own the pointer.
... when the array can or should be modified, then use nsimutablearray: // array is read-only because it uses nsiarray void printsize(nsiarray* elements) { pruint32 count; elements->getlength(&count); printf("there are %d elements.\n", count); } // using nsimutablearray, so callee may modify void tweakarray(nsimutablearray* elements) { elements->removeelementat(0); elements->appendelement(newe...
...And 17 more matches

Getting Started Guide
when that count goes to zero, the interface may delete itself.
... clients are expected to keep this reference count accurate by incrementing it when they acquire a reference to the interface, and decrementing it before they let go.
...the caller can then hold onto the reference indefinitely, calling release when it no longer needs it.
...And 17 more matches

Migrating from Firebug - Firefox Developer Tools
when migrating from firebug to the firefox developer tools, you may wonder where the features you loved in firebug are available in the developer tools.
...that means that when you open a page on the same origin in a different tab, firebug gets opened automatically.
... and when you open a page of a different origin in the same tab, it closes automatically.
...And 17 more matches

PerformanceTiming - Web APIs
performancetiming.navigationstart read only when the prompt for unload terminates on the previous document in the same browsing context.
... performancetiming.unloadeventstart read only when the unload event has been thrown, indicating the time at which the previous document in the window began to unload.
... performancetiming.unloadeventend read only when the unload event handler finishes.
...And 17 more matches

Appendix: What you should know about open-source software licenses - Archive of obsolete content
in this chapter, i’ll explain some of the basics: what open-source software (oss) licenses are, what types of licenses exist, and when they’re appropriate.
... the different meanings of the word “use” when we talk about the ways an author uses a work, we mean printing or recording and distributing it.
...when we talk about a driver’s license, we mean a permit to drive a car.
...And 16 more matches

Menu - Archive of obsolete content
beforeshow may modify the menu, and when the menu is shown, it will reflect the changes.
...if the menu is hidden, it will reflect the changes when it is next shown.
...the menu will be shown when the node is left-clicked.
...And 16 more matches

Menus - Archive of obsolete content
when the menu or button is clicked the menu is opened, listing the commands that are available.
... menu the menu tag is used when placing menus on a menu bar.
...this type of menu would be used when you want to have a set of commands yet don't want to use a menu bar, for example in a dialog box.
...And 16 more matches

textbox - Archive of obsolete content
emptytext deprecated since gecko 2 type: string a string that appears in the textbox when it has no value.
... increment type: integer the amount by which the curpos (for scroll bars) or value (for number boxes and scale) attribute changes when the arrows are clicked(or scales are dragged).
... to the first newline, dropping the rest of the text replacewithcommas pastes the text with the newlines replaced with commas replacewithspaces pastes the text with newlines replaced with spaces strip pastes the text with the newlines removed stripsurroundingwhitespace pastes the text with newlines and adjacent whitespace removed onblur type: script code this event is sent when a textbox loses keyboard focus.
...And 16 more matches

Application cache implementation overview
when aentrystatus is a success code, entry has been found and we are loading it from the cache.
...when aentrystatus is a failure code, entry has not been found, but the url is falling under one of the network or fallback namespaces.
... when matching fallback namespace, the associated fallback entry for it is remembered.
...And 16 more matches

Eclipse CDT
when eclipse's indexer tries to process the mozilla source, eclipse will need considerably more memory than the limits imposed by its default configuration.
...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".
...rerun it (and then rebuild the index) once a week or so, or as necessary when you start to notice unusual code assistance issues that aren't fixed by rebuilding the index alone.
...And 16 more matches

PKCS11 Implement
general-purpose functions c_initialize the nss calls c_initialize on startup or when it loads a new module.
... c_finalize the nss calls c_finalize on shutdown and whenever it unloads a module.
... c_getfunctionlist the nss calls c_getfunctionlist on startup or when it loads a new module.
...And 16 more matches

Index
whenever practical, new code and changes should move code closer to the ideal future.
... 67 js::setlargeallocationfailurecallback jsapi reference, reference, référence(2), spidermonkey if a large allocation fails when calling pod_{calloc,realloc}cangc, the js engine may call the large-allocation- failure callback, if set, to allow the embedding to flush caches, possibly perform shrinking gcs, etc.
... 91 jsclass.call jsapi reference, spidermonkey note that when a custom object is called, a this argument is calculated for it just as if it were a function.
...And 16 more matches

EventTarget.addEventListener() - Web APIs
the eventtarget method addeventlistener() sets up a function that will be called whenever the specified event is delivered to the target.
... listener the object that receives a notification (an object that implements the event interface) when an event of the specified type occurs.
...if true, the listener would be automatically removed when invoked.
...And 16 more matches

Intersection Observer API - Web APIs
when a site is loaded with these tests, things can get downright ugly.
... the intersection observer api lets code register a callback function that is executed whenever an element they wish to monitor enters or exits another element (or the viewport), or when the amount by which the two intersect changes by a requested amount.
... one thing the intersection observer api can't tell you: the exact number of pixels that overlap or specifically which ones they are; however, it covers the much more common use case of "if they intersect by somewhere around n%, i need to do something." intersection observer concepts and usage the intersection observer api allows you to configure a callback that is called: (1) whenever one element, called the target, intersects either the device viewport or a specified element; for the purpose of this api, this is called the root element or root (2) and whenever the observer is asked to watch a target for the very first time typically, you'll want to watch for intersection changes with regard to the element's closest scrollable ancestor, or, if the element isn't a descend...
...And 16 more matches

Advanced techniques: Creating and sequencing audio - Web APIs
when they are enabled the note will sound.
... when the instrument plays, it will move across this set of beats and loop the bar.
... creating an audio context as you should be used to by now, each web audio api app starts with an audio context: // for cross browser compatibility const audiocontext = window.audiocontext || window.webkitaudiocontext; const audioctx = new audiocontext(); the "sweep" — oscillators, periodic waves, and envelopes for what we will call the "sweep" sound, that first noise you hear when you dial up, we're going to create an oscillator to generate the sound.
...And 16 more matches

Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
maybe that's why color is one of the first things people often want to experiment with when learning to develop websites.
... we're going to touch on most of what you'll need to know when using color, including a list of what you can color and what css properties are involved, how you describe colors, and how to actually use colors both in stylesheets and in scripts.
... text whenever an element is rendered, these properties are used to determine the color of the text, its background, and any decorations on the text.
...And 16 more matches

Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
when this file is opened in firefox, it is displayed as shown in figure 1.
...so when changing the attribute’s value using a dom function for example, do not use setattribute('disabled', false) — instead, use removeattribute('disabled').
... root elements for dialog windows dialog use the dialog element when creating options dialogs, confirmation dialogs, etc.
...And 15 more matches

Block and Line Layout Cheat Sheet - Archive of obsolete content
ns_frame_in_reflow this bit is set when the frame is being actively being reflowed.
... ns_frame_first_reflow this flag is set on a newly created frame, and later cleared by the frame's reflow() method when the frame has had its initial reflow.
...this is set by default for document frames, area frames, table cell inner frames, absolutely positioned wrapper frames, and floated frames when the frame is created.
...And 15 more matches

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).
... (note that venkman displays usage data when it starts up: "recorded local startup x, global yyy." this data comes from a counter built in to the application.
... for more information about this counter and the data, see item 2.2 in the venkman faq.) when you first start venkman, the basic views are arranged as in the screenshot above—though you can customize the layout and presence of the different views however you want, as we describe in the view customization section below.
...And 15 more matches

PopupEvents - Archive of obsolete content
an overview of these is listed below: contextmenu this event is fired when a request is made to open a context menu, whether by the keyboard or mouse.
...for examples of the use of the popupshowing event when used with context menus, see hiding and showing menu items based on context.
...when using nested submenus, make sure to check in the popupshowing event that the event corresponds to the right popup.
...And 15 more matches

prefwindow - Archive of obsolete content
normally, you would not set this attribute as it will be set automatically such that the default pane is the same as the one showing when the preferences dialog was last closed.
...pe="bool"/> <preference id="pref-backupduration" name="myapp.mybackups.duration" type="int"/> </preferences> <checkbox label="automatically save backups" preference="pref-backup"/> <textbox label="duration:" preference="pref-backupduration"/> </prefpane> </prefwindow> attributes activetitlebarcolor type: color string specify background color of the window's titlebar when it is active (foreground).
...the following values can be used in the list: accept: the ok button, which will accept the changes when pressed.
...And 15 more matches

Mozilla accessibility architecture
however, because this would have caused a lot of difficulty when implementing the accessibility cache, the code was moved in to the "wrap" classes in a source directory specific to each toolkit.
...when the doc accessible is asked for, an event is fired which reaches the presshell, which then uses the accessibility service singleton (nsiaccessibilityservice) to create the doc accessible and return it back to the widget code.
...when there is no dom node for each accessible, as is the case for nshtmlcomboboxaccessible and nsxultreeitemaccessible, we also need to override the shutdown() method, so that the children get removed from memory when the parent is shutdown.
...And 15 more matches

Performance best practices for Firefox front-end engineers
use requestidlecallback() if you simply cannot avoid doing some kind of long job on the main thread, try to break it up into smaller pieces that you can run when the browser has a free moment to spare, and the user isn't doing anything.
... you can do that using requestidlecallback() and the cooperative scheduling of background tasks api, and doing it only when we have a free second where presumably the user isn’t doing something.
... when css is applied to a document (html or xul, it doesn’t matter), the browser does calculations to figure out which css styles will apply to each element.
...And 15 more matches

L20n Javascript API
l20n javascript api var ctx = l20n.getcontext(); ctx.linkresource('./locales/strings.l20n'); ctx.requestlocales(); when you freeze the context by calling requestlocales, the resource files will be retrieved, parsed and compiled.
... you can listen to the ready event (emitted by the context instance when all the resources have been compiled) and use ctx.getsync and ctx.getentitysync to get translations synchronously.
... alternatively, you can register callbacks to execute when the context is ready (or when globals change and translations need to be updated) with ctx.localize.
...And 15 more matches

PKCS11 FAQ
nss searches all the installed pkcs #11 modules when looking for certificates.
...this value is set when the key is generated, so that nss will be able to find the key when the certificate for that key is loaded.
...if you do, your token must be able to generate random numbers even when it is not logged in.
...And 15 more matches

certutil
when you delete keys, be sure to also remove any certificates associated with those keys from the certificate database, by using -d.
...use when checking certificate validity with the -v option.
...when specifying an explicit time, use a z at the end of the term, yymmddhhmmssz, to close it.
...And 15 more matches

Using the Places history service
the places history service ("navhistory") implements these history interfaces: nsiglobalhistory2: basic add page, is visited functionality used by the docshell when visiting and rendering pages.
...when the user starts browsing (for example, by typing in a link or following a bookmark), a new session id is created.
...a session is ended when a new url is typed in or selected from bookmarks.
...And 15 more matches

Drag Operations - Web APIs
when an image or link is dragged, the url of the image or link is set as the drag data, and a drag begins.
... note: when an element is made draggable, text or other elements within it can no longer be selected in the normal way by clicking and dragging with the mouse.
...</p> when a user begins to drag, the dragstart event is fired.
...And 15 more matches

Cognitive accessibility - Accessibility
another form it can take is depression, such as when mourning the loss of a loved one, or being momentarily saddened by a tweet or video they just saw online.
... it may seem like an overwhelming challenge to address the wide range of cognitive differences, especially when solutions for two different people may be conflicting.
...ntent in more than one way, such as by text-to-speech or by video; providing easily-understood content, such as text written using plain-language standards; focusing attention on important content; minimizing distractions, 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.
...And 15 more matches

<body>: The Document Body element - HTML: Hypertext Markup Language
alink color of text for hyperlinks when selected.
... onbeforeprint function to call when the user requests printing of the document.
... onbeforeunload function to call when the document is about to be unloaded.
...And 15 more matches

Panels - Archive of obsolete content
it is used when supporting temporary popup displays for selecting or entering data.
...when the button is pressed, the panel is opened.
...when you want to associate a panel with a button, place the <panel> element directly inside the button element.
...And 14 more matches

Anatomy of a video game - Game development
it helps beginners to the modern game development arena understand what is required when building a game and how web standards like javascript lend themselves as tools.
...this is more of a turn-based approach that doesn't demand a constant update every frame, only when the player reacts.
...being more specific with the browser about when your function needs to be called allows the browser to optimize when it is called.
...And 14 more matches

Client-side form validation - Learn web development
go to any popular site with a registration form, and you will notice that they provide feedback when you don't enter your data in the format they are expecting.
...when you enter data, the browser and/or the web server will check to see that the data is in the correct format and within the constraints set by the application.
... when an element is valid, the following things are true: the element matches the :valid css pseudo-class, which lets you apply a specific style to valid elements.
...And 14 more matches

Client-Server Overview - Learn web development
previous overview: first steps next now that you know the purpose and potential benefits of server-side programming we're going to examine in detail what happens when a server receives a "dynamic request" from a browser.
... as most website server-side code handles requests and responses in similar ways, this will help you understand what you need to do when writing most of your own code.
...when you click a link on a web page, submit a form, or run a search, the browser sends an http request to the server.
...And 14 more matches

Accessibility in React - Learn web development
when we switch between templates in our <todo /> component, we completely remove the elements that were there before to replace them with something else.
... focusing between templates when a user toggles a <todo/> template from viewing to editing, we should focus on the <input> used to rename it; when they toggle back from editing to viewing, we should move focus back to the "edit" button.
...as a reminder, we want to focus on the editing field when we switch to the editing template.
...And 14 more matches

NSS tools : certutil
when you delete keys, be sure to also remove any certificates associated with those keys from the certificate database, by using -d.
...use when checking certificate validity with the -v option.
...when specifying an explicit time, use a z at the end of the term, yymmddhhmmssz, to close it.
...And 14 more matches

JSAPI User Guide
note: the foss wiki page contains a few links to other libraries and programs that can make life easier when using spidermonkey and jsapi.
...whenever javascript code does something like window.open("http://www.mozilla.org/"), it is accessing a global property, in this case window.
... a minimal example each of the three key elements described in the previous section requires a few jsapi calls: the runtime: use js_newruntime to create it and js_destroyruntime to clean it up when you're done.
...And 14 more matches

Finishing the Component
the component will be recognized by xpcom and registered with the category manager so that it starts up when xpcom initializes.
... when the component starts up, it populates a list of urls read in from a file stored next to the gecko binary on the local system.
... * when they are finished they can ns_release() the service as usual.
...And 14 more matches

Drawing and Event Handling - Plugins
when it comes to determining the way a plug-in instance appears in a web page, you (and the web page author) have many options.
...this type of plug-in determines when it draws itself.
... the npwindow structure when a plug-in is loaded, it is drawn into a target area.
...And 14 more matches

Debugger.Frame - Firefox Developer Tools
this allows the code using each debugger instance to place whatever properties it likes on its debugger.frame instances, without worrying about interfering with other debuggers.) when the debuggee pops a stack frame (say, because a function call has returned or an exception has been thrown from it), the debugger.frame instance referring to that frame becomes inactive: its live property becomes false, and accessing its other properties or calling its methods throws an exception.
... note that frames only become inactive at times that are predictable for the debugger: when the debuggee runs, or when the debugger removes frames from the stack itself.
... visible frames when inspecting the call stack, debugger does not reveal all the frames that are actually present on the stack: while it does reveal all frames running debuggee code, it omits frames running the debugger’s own code, and omits most frames running non-debuggee code.
...And 14 more matches

HTMLBodyElement - Web APIs
windoweventhandlers.onafterprint is an eventhandler representing the code to be called when the afterprint event is raised.
... windoweventhandlers.onbeforeprint is an eventhandler representing the code to be called when the beforeprint event is raised.
... windoweventhandlers.onbeforeunload is an eventhandler representing the code to be called when the beforeunload event is raised.
...And 14 more matches

In depth: Microtasks and the JavaScript runtime environment - Web APIs
when debugging or, possibly, when trying to decide upon the best approach to solving a problem around timing and scheduling of tasks and microtasks, there are things about how the javascript runtime operates under the hood that may be useful to understand.
...to understand where queuemicrotask() comes into play here, it's helpful to understand how the javascript runtime operates when scheduling and running code.
... when a fragment of javascript code runs, it runs inside an execution context.
...And 14 more matches

Timing element visibility with the Intersection Observer API - Web APIs
the intersection observer api makes it easy to be asynchronously notified when elements of interest become more or less obscured by a shared ancestor node or element, including the document itself.
...when an ad exceeds one minute of visible time, it will be replaced with a new one.
... the wrapper's width is fixed at 700px so that it will fit in the available space when presented inline on mdn below.
...And 14 more matches

Using Web Workers - Web APIs
when you want to send a message to the worker, you post messages to it like this (main.js): first.onchange = function() { myworker.postmessage([first.value,second.value]); console.log('message posted to worker'); } second.onchange = function() { myworker.postmessage([first.value,second.value]); console.log('message posted to worker'); } so here we have two <input> elements represented by th...
...e variables first and second; when the value of either is changed, myworker.postmessage([first.value,second.value]) is used to send the value inside both to the worker, as an array.
... in the worker, we can respond when the message is received by writing an event handler block like this (worker.js): onmessage = function(e) { console.log('message received from main script'); var workerresult = 'result: ' + (e.data[0] * e.data[1]); console.log('posting message back to main script'); postmessage(workerresult); } the onmessage handler allows us to run some code whenever a message is received, with the message itself being available in the message event's data attribute.
...And 14 more matches

Understandable - Accessibility
your site should provide a glossary that contains definitions of such words/terms that you can then link to when they appear, or at the very least provide definitions somewhere in the surrounding text, or in a description list at the bottom of the page.
... the <abbr> element is often thought of as the preferred way to provide an expansion for an abbreviation — it takes a title attribute that contains the expansion, and this appears when the acronym is moused over.
... success criteria how to conform to the criteria practical resource 3.2.1 on focus (a) when a control or other page feature receives focus, it should not change the context in a way that may confuse or disorientate the user.
...And 14 more matches

HTML documentation index - HTML: Hypertext Markup Language
its purpose is to identify the element when linking (using a fragment identifier), scripting, or styling (with css).
... 33 translate experimental, global attributes, html, reference the translate global attribute is an enumerated attribute that is used to specify whether an element's translateable attribute values and its text node children should be translated when the page is localized, or whether to leave them unchanged.
... 34 x-ms-acceleratorkey attribute, html, html:microsoft extensions, non-standard, reference, x-ms-acceleratorkey the x-ms-acceleratorkey attribute accessibly declares that an accelerator key has been assigned to an element: the element is activated via javascript when the key(s) are pressed on a keyboard.
...And 14 more matches

Details of the object model - JavaScript
any object can specify its own properties, either when you create it or at run time.
...then, when you create a new manager, it inherits the name and dept properties from the employee object.
...in these definitions, you cannot specify any property values when you create an object.
...And 14 more matches

Inheritance and the prototype chain - JavaScript
when it comes to inheritance, javascript only has one construct: objects.
...when trying to access a property of an object, the property will not only be sought on the object but on the prototype of the object, the prototype of the prototype, and so on until either a property with a matching name is found or the end of the prototype chain is reached.
... it should not be confused with the func.prototype property of functions, which instead specifies the [[prototype]] to be assigned to all instances of objects created by the given function when used as a constructor.
...And 14 more matches

Autoplay guide for media and Web Audio APIs - Web media technologies
while autoplay of media serves a useful purpose, it should be used carefully and only when needed.
... autoplay blocking is not applied to <video> elements when the source media does not have an audio track, or if the audio track is muted.
... autoplay of media elements now that we've covered what autoplay is and what can prevent autoplay from being allowed, we'll look at how your web site or app can automatically play media upon page load, how to detect when autoplay fails to occur, and tips for coping when autoplay is denied by the browser.
...And 14 more matches

Chapter 5: Let's build a Firefox extension - Archive of obsolete content
lines 1–3 define the icon image to use with full-sized icons, and lines 4–6 define the icon image to use when small toolbar icons have been selected.
...check to make sure that, when you click on the “customize toolbar” button at the top-right of the window that the new toolbar icon appears in the resulting window.
...take note that when using an extension to create an overlay on the browser window, any global variables and functions defined within javascript that get opened as overlays on top of browser.xul all become properties of the browser.xul window object.
...And 13 more matches

Elements - Archive of obsolete content
constructor the code inside the constructor is called when a binding has just been attached to an element.
... note: prior to firefox 3, the constructor could be called at a time when reflow of the document layout was locked down, so that attempting to get layout information from within the constructor could return out of date information.
... in firefox 3 and later, the constructor is called when reflow can take place, which results in up-to-date information being returned.
...And 13 more matches

OpenClose - Archive of obsolete content
opening menus menus will display themselves automatically when needed without extra work.
... for instance, a menu's popup will open when the menu label is clicked, and a submenu will open when the mouse is hovered over the parent menu element.
... however, there may be situations when you wish to open a menu manually.
...And 13 more matches

Focus and Selection - Archive of obsolete content
when the tab key is pressed, the next element is given the focus.
...rearranging the tab order you can change the order in which elements are focused when the user presses the tab key by adding a tabindex attribute to an element.
...when the user presses tab, the focus will shift to the element with the next highest tab index.
...And 13 more matches

XUL accessibility guidelines - Archive of obsolete content
it can also be set programmatically with the tabindex attribute if needed, but this should be done sparingly and thoroughly tested whenever it is used.
... careful attention should be taken when setting keyboard shortcuts.
... when creating an extension (for firefox or another xul application), make sure the keyboard shortcuts you assign do not interfere with those already defined by the base application.
...And 13 more matches

Practical positioning examples - Learn web development
prerequisites: html basics (study introduction to html), and an idea of how css works (study introduction to css.) objective: to get an idea of the practicalities of positioning a tabbed info-box the first example we'll look at is a classic tabbed info box — a very common feature used when you want to pack a lot of information into a small area.
...we'll also give you a bit of javascript to include on your page to display the corresponding panel when a tab is pressed, and style the tab itself.
... styling our tabs now we want to style tabs to look like tabs — basically, these are a horizontal navigation menu, but instead of loading different web pages when they are clicked on like we've seen previously in the course, they cause different panels to be displayed on the same page.
...And 13 more matches

Responsive images - Learn web development
however, issues arise when you start to view the site on a narrow screen device.
... an improvement would be to display a cropped version of the image which displays the important details of the image when the site is viewed on a narrow screen.
...and conversely, a small raster image starts to look grainy when displayed larger than its original size (a raster image is a set number of pixels wide and a set number of pixels tall, as we saw when we looked at vector graphics).
...And 13 more matches

What is JavaScript? - Learn web development
we used a click event in our example above to detect when the button is clicked and then run the code that updates the text label.
... note: many of the above demos won't work in an older browser — when experimenting, it's a good idea to use a modern browser like firefox, chrome, edge or opera to run your code in.
... you will need to consider cross browser testing in more detail when you get closer to delivering production code (i.e.
...And 13 more matches

Storage access policy: Block cookies from trackers
when the list is applied in firefox, we make two important changes: first, we only use the "basic protection" version of the list, which excludes some categories of trackers.
... second, firefox uses an additional "entity list", which prevents domains from being classified as trackers when they are loaded on a top-level site owned by the same organization.
... the storage access policy blocks resources identified as trackers from accessing their cookies and other site storage when they are loaded in a third-party context.
...And 13 more matches

Mozilla DOM Hacking Guide
class info and helper classes introduction to class info class info is what gives the dom classes their correct behavior when used through xpconnect.
...this means that when we use the dom from javascript, we pass arguments that have no type.
... when, in javascript, a client tries to access a dom object or a dom method on a dom object, the js engine asks xpconnect to search for the relevant c++ method to call.
...And 13 more matches

An overview of NSS Internals
multiple elements of nss's own modules have been implemented with this interface, and nss makes use of this interface when talking to those modules.
... when checking whether a certificate is trusted or not, it's necessary to find a relevant trust anchor (root certificate) that represents the signing capability of a trusted third party, usually called a certificate authority (ca).
...when working with handles to private keys it's usually difficult (and undesired) that an application gets access to the raw key data; therefore it may be difficult to extract such data from nss.
...And 13 more matches

Background Tasks API - Web APIs
the cooperative scheduling of background tasks api (also referred to as the background tasks api or simply the requestidlecallback() api) provides the ability to queue tasks to be executed automatically by the user agent when it determines that there is free time to do so.
... use timeouts when you need to, but only when you need to.
... using timeouts can ensure that your code runs in a timely manner, but it can also allow you to cause lag or animation stutters by mandating that the browser call you when there's not enough time left for you to run without disrupting performance.
...And 13 more matches

HTMLInputElement - Web APIs
formnovalidate boolean: returns / sets the element's formnovalidate attribute, indicating that the form is not to be validated when it is submitted.
... properties that apply to any type of input element that is not hidden name string: returns / sets the element's name attribute, containing a name that identifies the element when submitting the form.
...see also readonly autofocus boolean: returns / sets the element's autofocus attribute, which specifies that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control.
...And 13 more matches

WindowEventHandlers - Web APIs
windoweventhandlers.onafterprint is an eventhandler representing the code to be called when the afterprint event is raised.
... windoweventhandlers.onbeforeprint is an eventhandler representing the code to be called when the beforeprint event is raised.
... windoweventhandlers.onbeforeunload is an eventhandler representing the code to be called when the beforeunload event is raised.
...And 13 more matches

ARIA: button role - Accessibility
the button role should be used for clickable elements that trigger a response when activated by the user.
... in addition to the ordinary button widget, role="button" should be included when creating a toggle button or menu button using a non button element.
...the values include aria-pressed="false" when a button is not currently pressed, aria-pressed="true" to indicate a button is currently pressed, and aria-pressed="mixed" if the button is considered to be partially pressed.
...And 13 more matches

<input type="email"> - HTML: Hypertext Markup Language
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 placeholder an exemplar value to display in the input field whenever it is empty readonly a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be list the values of the list attribute is the id of a <datalist> element located in the same document.
...constraint validation is only applied when the value is changed by the user.
...constraint validation is only applied when the value is changed by the user.
...And 13 more matches

Web audio codec guide - Web media technologies
in this article, we look at audio codecs used on the web to compress and decompress audio, what their capabilities and use cases are, and offer guidance when choosing audio codecs to use for your content.
...-rate 3gp flac free lossless audio codec mp4, ogg, flac g.711 pulse code modulation (pcm) of voice frequencies rtp / webrtc g.722 7 khz audio coding within 64 kbps (for telephony/voip) rtp / webrtc mp3 mpeg-1 audio layer iii mp4, adts, mpeg1, 3gp opus opus webm, mp4, ogg vorbis vorbis webm, ogg [1] when mpeg-1 audio layer iii codec data is stored in an mpeg file, and there is no video track on the file, the file is typically referred to as an mp3 file, even though it's still an mpeg format file.
...the specific codec used—and the compression configuration selected—determine how close to the original, uncompressed audio signal the output seems to be when heard by the human ear.
...And 13 more matches

page-mod - Archive of obsolete content
for example, the following add-on displays an alert whenever the user visits any page hosted at "mozilla.org": var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "*.mozilla.org", contentscript: 'window.alert("page matches ruleset");' }); you can modify the document in your script: var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "*.mozilla.org", contentscript: 'document.body.innerhtml = ' + ' "<h1>page matches ruleset</h1>";' }); you can sup...
... attachto controls whether to attach scripts to tabs that were already open when the page-mod was created, and whether to attach scripts to iframes as well as the topmost document.
... contentscriptwhen controls the point during document load at which content scripts are attached.
...And 12 more matches

ui/button/toggle - Archive of obsolete content
toggle buttons have two extra features: they emit a change event when clicked, as well as a click event.
... they have an extra attribute checked that is automatically toggled when the button is clicked.
... when a button is checked it gets a "pressed" look in the user interface (note that the "pressed" look currently does not work in mac os x).
...And 12 more matches

jpm - Archive of obsolete content
installing jpm globally npm install jpm --global depending on your setup, you might need to run this as an administrator: sudo npm install jpm --global installing jpm locally if you do not wish to, or are unable to, install jpm globally, you may instead install it locally: cd $home && npm install jpm to run jpm from a terminal when installed locally, you must add the directory "$home/node_modules/.bin/" to your terminal's path first.
... when testing your add-on, you will need to use the -b option to jpm run.
... jpm watchpost package your add-on as an xpi file whenever there is a file change and post that to some url.
...And 12 more matches

Enhanced Extension Installation - Archive of obsolete content
when a newer version fo an existing extension is installed, files for the newer version are copied into the folder used by the older version, and obsolete files are not cleaned up.
... when changes are made to the extensions datasource - new items are installed, old items uninstalled, enabled or disabled, a .autoreg file is written to the profile directory as well, which tells the startup code that the system has been modified, so that it destroys the component registries, finishes pending transactions and regenerates metadata appropriately.
...the composite datasource handles all read-only information requests, and when data must be written the extension manager determines the appropriate datasource to write and flush to.
...And 12 more matches

Appendix F: Monitoring DOM changes - Archive of obsolete content
their major advantage is in their performance and their ease of use, especially when combined with simple libraries.
... non-mutation triggers it is usually possible to tell when a mutation has occurred or is about to occur without resorting to mutation events or observers.
... hashchange and popstate events most ajax-heavy sites update the url when they significantly change their content, either via a change to the fragment identifier (hash) or more recently via the history.pushstate method.
...And 12 more matches

textbox (Toolkit autocomplete) - Archive of obsolete content
enablehistory new in thunderbird 1requires seamonkey 2.0 type: boolean if true, an arrow button will appear on the end of the textbox which, when pressed, will open a dropdown menu of all available results.
... forcecomplete new in thunderbird 3requires seamonkey 2.0 type: boolean if true, the textbox will be filled in with the best match when it loses the focus.
... if false, it will only be filled in when the user selects an item.
...And 12 more matches

The Implementation of the Application Object Model - Archive of obsolete content
the second section describes the xul/rdf architecture itself and outlines enhancements to the xul language in order to allow the markup language to reference local data and to indicate how and when it would like to be annotatable with local data.
...because the file lives remotely, it can be updated whenever the owner of the web site sees fit.
...when the remote file is subsequently downloaded, these local annotations are sucked in and superimposed on top of the structure described by the file.
...And 12 more matches

Mozilla XForms User Interface - Archive of obsolete content
we use the data type of the instance node that the form control is bound to as a clue when making a rendering decision.
...when a xf:output binds to a node that has a type of xsd:date, we output the date value as plain text.
...for instance, when the spec reaches 'recommendation'-level status.
...And 12 more matches

Sending form data - Learn web development
this article looks at what happens when a user submits a form — where does the data go, and how do we handle it when it gets there?
... objective: to understand what happens when form data is submitted, including getting a basic idea of how data is processed on the server first we'll discuss what happens to the data when a form is submitted.
...all of its attributes are designed to let you configure the request to be sent when a user hits a submit button.
...And 12 more matches

Introducing asynchronous JavaScript - Learn web development
we add a click event listener to it so that when the button is clicked: an alert() message appears.
...when you fetch an image from a server, you can't return the result immediately.
... that means that the following (pseudocode) wouldn't work: let response = fetch('myimage.png'); let blob = response.blob(); // display your image blob in the ui somehow that's because you don't know how long the image will take to download, so when you come to run the second line it will throw an error (possibly intermittently, possibly every time) because the response is not yet available.
...And 12 more matches

Drawing graphics - Learn web development
the situation started to improve when browsers began to support the <canvas> element and associated canvas api — apple invented it in around 2004, and other browsers followed by implementing it in the years that followed.
... as you'll see below, canvas provides many useful tools for creating 2d animations, games, data visualizations, and other types of app, especially when combined with some of the other apis the web platform provides.
...this converts degree values to radians, which is useful because whenever you need to provide an angle value in javascript, it will nearly always be in radians, but humans usually think in degrees.
...And 12 more matches

Accessible Toolkit Checklist
the work when implementing a new toolkit it's important to: implement standard keyboard behavior, which can vary from platform to platform.
... the approaches there are two basic kinds of toolkits, which each provide different challenges when implementing accessibility: native widget toolkits , like eclipse and wxwidgets, already have some accessibility built-in.
...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.
...And 12 more matches

The Firefox codebase: CSS Guidelines
only use generic selectors such as :last-child, when it is what you mean semantically.
...so, when possible, always prefer editing common components to writing your own.
... also, it is good practice to introduce a common class when the new element you are styling reuses some styles from another element, this allows the maintenance cost and the amount of code duplication to be reduced.
...And 12 more matches

Using the Browser API
the javascript implementation to wire up the functionality required by our simple browser, we've written some basic javascript (see the full javascript listing.) wiring up the back and forward buttons early on in the code we implement two simple event listeners to move the browser back and forward in history when the relevant buttons are pressed: back.addeventlistener('touchend',function() { browser.goback(); }); fwd.addeventlistener('touchend',function() { browser.goforward(); }); the functions can be handled using the browser api htmliframeelement.goback() and htmliframeelement.goforward() methods.
... enabling/disabling the back and forward buttons you will also notice after a bit of surfing that the back and forward buttons are disabled when you cannot move backwards/forwards, and enabled when you can.
...when you tap the url bar, you can enter a url using the built-in firefox os keyboard (although note that we haven't implemented anything sophisticated in this app, like autofilling the http://, etc.).
...And 12 more matches

Mozilla Web Developer FAQ
the consequence is that xhtml 1.0 transitional documents are rendered in the almost standards mode when served as text/html under pretext of the appendix c but in the standards mode when served as application/xhtml+xml.
... why are there gaps between image rows in tables when the layout engine is in the standards mode?
... if the table cells that contain only an image are marked with <td class="imgcell">, the required css rule is: .imgcell img, .imgcell a { display: block; } longer explanation… why are there still gaps even between text rows in tables when the layout engine is in the standards mode or in the almost standards mode?
...And 12 more matches

Introduction to NSPR
pr_cleanup waits for the last user thread to exit before returning, whereas it ignores system threads when determining when a process should exit.
...each thread has a built-in per-thread error number and error string that are updated when nspr operations fail.
...when the target is interrupted, it is rescheduled from the point at which it was blocked, with a status error indicating that it was interrupted.
...And 12 more matches

Hacking Tips
0007ffff7f42223 in <<jitframe_baselinestub>> () #6 0x00007ffff7f4423d in <<jitframe_baselinejs>> () #7 0x00007ffff7f4222e in <<jitframe_baselinestub>> () #8 0x00007ffff7f4326a in <<jitframe_baselinejs>> () #9 0x00007ffff7f38d5f in <<jitframe_entry>> () #10 0x00000000006a86de in enterbaseline(jscontext*, js::jit::enterjitdata&) (cx=0x14f2640, data=...) at js/src/jit/baselinejit.cpp:150 note, when you enable the unwinder, the current version of gdb (7.10.1) does not flush the backtrace.
... finding the script of ion generated assembly (from gdb) when facing a bug in which you are in the middle of ionmonkey generated code, first thing to note, is that gdb's backtrace is not reliable, because the generated code does not keep a frame pointer.
...thus when dumping the assembly under gdb, this kind of instructions would be easily noticeable.
...And 12 more matches

Property cache
when executing certain property-accessing bytecode instructions, the interpreter populates the cache to speed future execution of the same instruction.
... the jit reads the property cache too, as it needs the same information when recording such an instruction.
...when recording a getprop, the jit needs to know the result type before the interpreter executes the instruction.
...And 12 more matches

Using XPCOM Utilities to Make Things Easier
since these macros expand into "generic" implementations, they may not offer as much flexibility as you have when you are writing your own implementation.
...some differ only in whether or not a method is called when the module is created and/or destroyed.
... ns_impl_nsgetmodule_with_ctor(name, components, ctor) same as above but allows for a special function to be called when the module is created.
...And 12 more matches

nsIDocShell
called by the focus manager when the user tabs to the frame rather than an element.
... charset string the converter to use when reading the document's data.
...when reading a document, a converter is used to translate the text from its original format into unicode.
...And 12 more matches

nsIFaviconService
note: this is an asynchronous operation; when it completes, a "places-favicons-expired" notification is dispatched through the observer's service.
... exceptions thrown ns_error_not_available thrown when we have never heard of this favicon url.
...exceptions thrown ns_error_not_available thrown when we have never heard of this favicon url.
...And 12 more matches

Accessibility Inspector - Firefox Developer Tools
accessing the accessibility inspector when you first open any of the other developer tools, the accessibility features are turned off (unless you've already got them turned on in another browser tab, or got the firefox accessibility engine started already, e.g., you might be a screenreader user or tester).
... this is because the accessibility engine runs in the background when the accessibility features are turned on.
...for this reason, you should keep it turned off when you aren't specifically using it.
...And 12 more matches

<video>: The Video Embed element - HTML: Hypertext Markup Language
note: sites that automatically play audio (or videos with an audio track) can be an unpleasant experience for users, so should be avoided when possible.
...however, this can be useful when creating media elements whose source will be set at a later time, under user control.
... autopictureinpicture a boolean attribute which if true indicates that the element should automatically toggle picture-in-picture mode when the user switches back and forth between this document and another document or application.
...And 12 more matches

Web video codec guide - Web media technologies
e higher the quality configuration, the more like the original media the encoded video will look in general, higher quality settings will result in larger encoded video files; the degree to which this is true varies depending on the codec bit rate quality generally improves with higher bit rates higher bit rates inherently lead to larger output files the options available when encoding video, and the values to be assigned to those options, will vary not only from one codec to another but depending on the encoding software you use.
...is a large-scale spatial interference pattern produced when a pattern in the source image and the manner in which the encoder operates are slightly out of alignment spatially.
... staircase effect the staircase effect is a spatial artifact that occurs when diagonal straight or curved edges that should be smooth take on a jagged appearance, looking somewhat like a set of stair steps.
...And 12 more matches

Tabbed browser - Archive of obsolete content
reusing by url/uri a common feature found in many extensions is to point the user to chrome:// uris in a browser window (for example, help or about information) or external (on-line http(s)://) html documents when the user clicks an extension's button or link.
...we can do re-use an arbitrary tab by attaching a custom attribute to it when we first open it.
... later, when we want to re-use that tab, we iterate over all open tabs looking for one which has our custom attribute.
...And 11 more matches

Notes on HTML Reflow - Archive of obsolete content
reflow may have the side-effect of creating new continuation frames, for example, for a text frame when the text must be wrapped.
...other reflows are incremental and are dealt with asynchronously; for example, when content streams in from the network.
...when reflow begins, the root reflow state is initialized with information about the top-level container for the document's presentation; e.g., the width and height of the application window.
...And 11 more matches

Updating Commands - Archive of obsolete content
you will need to use these extra steps when invoking commands implemented by a controller.
... in addition, you will need to do this when creating your own menu commands, for instance to implement the edit menu commands in your own application.
...it is attached to the command which will invoke the command on the necessary controller when called.
...And 11 more matches

panel - Archive of obsolete content
when open, it floats above the window and may extend outside the border of the main window.
... typically, it will be attached to a button using the button's type attribute so that when the button is pressed, the panel will be displayed.
... the panel is closed when the user clicks outside the panel, presses escape or when the panel's hidepopup method is called.
...And 11 more matches

toolbarbutton - Archive of obsolete content
when autocheck is true, the button type should be "checkbox" or "radio".
...when in state 0 or 1, pressing the button will switch to the opposite state.
... when in state 2, pressing the button will switch to state 0.
...And 11 more matches

Backgrounds and borders - Learn web development
remove the length units and see what happens when you use background-size: cover or background-size: contain.
... gradient backgrounds a gradient — when used for a background — acts just like an image and is also set by using the background-image property.
... when you do this you may end up with background images overlapping each other.
...And 11 more matches

JavaScript basics - Learn web development
this happens in games, in the behavior of responses when buttons are pressed or with data entry on forms; with dynamic styling; with animation, etc.
...when you want to do something to an element, you need to select it first.
...it is only required when you need to separate statements on a single line.
...And 11 more matches

Video and Audio APIs - Learn web development
the contents of aria-label attributes are read out by screenreaders when their users focus on the elements that contain them.
... there is also a timer <div>, which will report the elapsed time when the video is playing.
... we give the controls an opacity of 0.5 by default, so that they are less distracting when you are trying to watch the video.
...And 11 more matches

Vue conditional rendering: editing existing todos - Learn web development
there is a "save" button and a "cancel" button: when the "save" button is clicked, the component emits the new label via an item-edited event.
... when the "cancel" button is clicked, the component signals this by emitting an edit-cancelled event.
... we've also added "edit" and "delete" buttons: the "edit" button, when clicked, will toggle displaying the todoitemeditform component so we can use it to edit our todo item, via an event handler function called toggletoitemeditform().
...And 11 more matches

Sqlite.jsm
you don't need to worry about caching created statement instances, destroying them when you are done, etc.
...the connection is idle when no statements are executing.
... this function returns a promise that will be resolved when the database has closed.
...And 11 more matches

Tracing JIT
when the monitor determines that the interpreter has entered a region of code that would benefit from native compilation, the monitor activates the recorder.
...later, when the fragment is assembled, it will allocate pages for the native code (nins values) produced by the assembler.
... when the fragment is destroyed, it returns its pages to the fragmento for reuse.
...And 11 more matches

nsIDOMWindowUtils
keep in mind that during a restyle operation, an element may be restyled multiple times (for example, when an inline element contains blocks).
...this attribute only works when imestatus is ime_status_enabled.
...when this is set (or not set query_content_flag_use_xp_line_break), the aoffset and alength are offset and length in/of the content generated with native line breaks (e.g., "\r\n" on windows).
...And 11 more matches

nsITreeView
inherits from: nsisupports last changed in gecko 22 (firefox 22 / thunderbird 22 / seamonkey 2.19) implementing a nsitreeview in lieu of dom methods for tree creation can improve performance dramatically, and removes the need to make changes to the tree manually when changes to the database occur.
...to get the behavior where drops are only allowed on items, such as the mailnews folder pane, always return false when the orientation is not drop_on.
... cyclecell() called on the view when a cell in a non-selectable cycling column (for example, unread/flag/and so on.) is clicked.
...And 11 more matches

nsIXPConnect
newscope); obsolete since gecko 1.9.1 nsixpconnectjsobjectholder reparentwrappednativeiffound(in jscontextptr ajscontext, in jsobjectptr ascope, in jsobjectptr anewparent, in nsisupports acomobj); void restorewrappednativeprototype(in jscontextptr ajscontext, in jsobjectptr ascope, in nsiclassinfo aclassinfo, in nsixpconnectjsobjectholder aprototype); void setdebugmodewhenpossible(in prbool mode); native code only!
... nsixpconnectjsobjectholder createsandbox( in jscontextptr cx, in nsiprincipal principal ); parameters cx a context to use when creating the sandbox object.
... principal the principal (or null to use the null principal) to use when evaluating code in this sandbox.
...And 11 more matches

nsIXULTemplateQueryProcessor
the query is expected to consist of either text or dom nodes that, when executed by a call to the generateresults() method, will allow the generation of a list of results.
...the reference point is important when generating output recursively, as the query will be the same for each iteration, however, the reference point will differ.
... for instance, when examining an xml source, an xml query processor might begin at the node referred by the reference variable and end at a list of that node's children.
...And 11 more matches

Streams - Plugins
in normal-mode streams, the browser calls the plug-in to tell it when a stream is created and to push more data.
... receiving a stream sending a stream receiving a stream when the browser sends a data stream to the plug-in, it has several tasks to perform: telling the plug-in when a stream is created telling the plug-in when a stream is deleted finding out how much data the plug-in can accept writing the stream to the plug-in sending the stream in random-access mode sending the stream in file mode telling the plug-in when a stream is created to tell the plug-in instance when a new stream is created, the browser calls the npp_newstream method.
...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.
...And 11 more matches

Examine and edit HTML - Firefox Developer Tools
there is an ellipsis shown between the opening and closing tag of an element when the node is collapsed if it has larger contents.
... ::before and ::after you can inspect pseudo-elements added using ::before and ::after: custom element definition when you open the inspector on a page that includes custom elements, you can view the class definition for the custom element in the debugger: inspect the element click on the word custom the source for the element's class will be displayed in the debugger.
... usually this white space seems to have no effect and no visual output, but in fact, when a browser parses html it will automatically generate anonymous text nodes for elements not contained in a node.
...And 11 more matches

HTMLFrameSetElement - Web APIs
windoweventhandlers.onafterprint is an eventhandler representing the code to be called when the afterprint event is raised.
... windoweventhandlers.onbeforeprint is an eventhandler representing the code to be called when the beforeprint event is raised.
... windoweventhandlers.onbeforeunload is an eventhandler representing the code to be called when the beforeunload event is raised.
...And 11 more matches

USBDevice - Web APIs
methods usbdevice.claiminterface() returns a promise that resolves when the requested interface is claimed for exclusive access.
... usbdevice.clearhalt() returns a promise that resolves when a halt condition is cleared.
... usbdevice.controltransferin() returns a promise that resolves with a usbtransferinresult when a command or status operation has been transmitted to the usb device.
...And 11 more matches

Cross-browser audio basics - Developer guides
the controls attribute on the <audio> element is specified when we require the browser to provide us with default playback controls.
... preload the preload attribute allows you to specify a preference for how the browser preloads the audio, in other words, which part of the file it downloads when the <audio> element is initialized, and before the play button is pressed.
...</audio> controls we specify the controls attribute when we require the browser to provide us with its default playback controls.
...And 11 more matches

Cross-Origin Resource Sharing (CORS) - HTTP
a web application executes a cross-origin http request when it requests a resource that has a different origin (domain, protocol, or port) from its own.
...note that along with the options request, two other request headers are sent (lines 9 and 10 respectively): access-control-request-method: post access-control-request-headers: x-pingother, content-type the access-control-request-method header notifies the server as part of a preflight request that when the actual request is sent, it will be sent with a post request method.
... the access-control-request-headers header notifies the server that when the actual request is sent, it will be sent with a x-pingother and content-type custom headers.
...And 11 more matches

HTTP caching - HTTP
different kinds of caches caching is a technique that stores a copy of a given resource and serves it back when requested.
... when a web cache has a requested resource in its store, it intercepts the request and returns its copy instead of re-downloading from the originating server.
... cache-control: max-age=31536000 validation when using the "must-revalidate" directive, the cache must verify the status of the stale resources before using it and expired ones should not be used.
...And 11 more matches

this - JavaScript
function f1() { return this; } // in a browser: f1() === window; // true // in node: f1() === globalthis; // true in strict mode, however, if the value of this is not set when entering an execution context, it remains as undefined, as shown in the following example: function f2() { 'use strict'; // see strict mode return this; } f2() === undefined; // true in the second example, this should be undefined, because f2 was called directly and not as a method or property of an object (e.g.
...this feature wasn't implemented in some browsers when they first started to support strict mode.
... to set the value of this to a particular value when calling a function, use call(), or apply() as in the examples below.
...And 11 more matches

Performance fundamentals - Web Performance
all other things being equal, code optimized for some target besides user-perceived performance (hereafter upp) loses when competing against code optimized for upp.
...for example, when a user taps the screen, they expect the pixels to change in a certain way.
... responsiveness is important simply because people get frustrated and angry when they're ignored.
...And 11 more matches

Web Performance
if your animations are really complex, you may have to rely on javascript-based animations instead.lazy loadinglazy loading is a strategy to identify resources as non-blocking (non-critical) and load these only when needed.
...instead, we're going to look at a more important issue when building web apps: starting up as asynchronously as possible.
...to understand how to improve performance and perceived performance, it helps to understand how the browser works.recommended web performance timings: how long is too long?there are no clear set rules as to what constitutes a slow pace when loading pages, but there are specific guidelines for indicating content will load (1 second), idling (50ms), animating (16.7s) and responding to user input (50 to 200ms).the business case for web performanceyou know web performance is important, but how do you convince clients and management to invest in performance and make it a priority.
...And 11 more matches

Bootstrapped extensions - Archive of obsolete content
when the extension's startup() function is called, it must manually inject its user interface and other behavior into the application.
... similarly, when its shutdown() function is called, it must remove anything that it has added to the application, as well as all references to any of its objects.
... there are several scenarios in which the startup() function may be called; for example: when the extension is first installed, assuming that it's both compatible with the application and is enabled.
...And 10 more matches

Autodial for Windows NT - Archive of obsolete content
if you turn on the autodial feature, windows will automatically dial whenever any application tries to access a network address that can't be reached.
...if this service is running, and control panel | network connections | advanced | dialup preferences is set to enable autodial, then any application trying to access the internet will trigger the autodial feature whenever an internet address cannot be reached.
...whenever an internet address cannot be reached, because of a dns lookup failure for example, the system will try to dial.
...And 10 more matches

Actionscript Acceptance Tests - Archive of obsolete content
testing versioned bug fixes when testing versioned bug fixes (using avmplus.system.swfversion) there are a couple of requirements: you must use system.swfversion when looking up the swfversion.
... the test file can not be wrapped in a package or define classes as the file will be wrapped in a function when used in the ats.
...testname.as.asc_args this file specifies additional arguments to pass to asc when compiling the test: # asc args for file # two modes are available: # override| all command line arguments (except builtin.py) are ignored and replaced by these # merge| merge these args in with the current args # specifiy an arg that starts with -no will disable the arg...
...And 10 more matches

Using Breakpoints in Venkman - Archive of obsolete content
when you set a breakpoint in a debugging application such as venkman, you can take advantage of the suspension to examine variables, objects, and other featues of the execution.
...basic breakpoints the stop button and debugger keyword are useful features of the javascript debugger, but when you are debugging deep in code—especially code you have authored yourself and are responsible for troubleshooting—you're going to need breakpoints.
...future breakpoints are used when you want to stop in a script that has not yet been compiled.
...And 10 more matches

A XUL Bestiary - Archive of obsolete content
in the example above, the chrome is simply a skin file to be loaded into the xul file, but the chrome can also be used to load whole chromes, as when a <menuitem> in one window brings up a new chrome: <menuitem value="mozilla help" oncommand="window.opendialog('chrome://help/content/help.xul', '_blank', 'chrome,all,dialog=no')" /> in this example, the chrome url is being used to point to a chrome within the package hierarchy of the mozilla application.
...note that when no file name is specified after the chrome directory path, a file name with the same name as the package is assumed.
...when you invoke mozilla from the command line with the -chrome flag, you can specify a chrome just as you would in the previous example: mozilla -chrome chrome://help/content/help.xul brings up the help package mentioned in the previous example as a "stand-alone" chrome.
...And 10 more matches

ContextMenus - Archive of obsolete content
when using the mouse to open a context menu, the context is the element that was clicked.
... when using the keyboard, the context is the element in the window that is currently focused.
...however, the event will also fire when the label is right-clicked for instance, so the event handler should check to make sure that the target of the contextmenu event is what is desired.
...And 10 more matches

Broadcasters and Observers - Archive of obsolete content
« previousnext » there may be times when you want several elements to respond to events or changes of state easily.
...in the former case, menu items and toolbar buttons would need to be disabled when there was no page to go back to, or no text to cut or delete.
... in the latter case, various user interface elements might need to update when the user switches from offline mode to online mode.
...And 10 more matches

Splitters - Archive of obsolete content
splitting a box there may be times when you want to have two sections of a window where the user can resize the sections.
... when a splitter is placed inside a horizontal box, it will allow resizing horizontally.
... when a splitter is placed inside a vertical box, it will allow resizing vertically.
...And 10 more matches

Extentsions FAQ - Archive of obsolete content
just drag them there from the toolbar customisation window, like you would when adding buttons to the toolbars." option #4 install toolbar control <http://webdesigns.ms11.net/chromeditp.html> asking for help with getting an extension to process windows messages.
... these two links should give you a starting point: http://www..xulplanet.com/tutorials/...u/advmenu.html http://www.xulplanet.com/tutorials/x...dommodify.html request for a thunderbird extension that can automatically detect the default domain when composing e-mails via autodetect.
... how to get the value of a text box when a button is clicked?
...And 10 more matches

Choosing Standards Compliance Over Proprietary Practices - Archive of obsolete content
with processes, organizations can make release schedules, implement marketing plans, analyze resource allocations, and make adjustments when needed.
...when projects are proposed, they are evaluated to ensure compatibility with the overall business strategy.
...when this happens, a development standard is created and is expected to be followed.
...And 10 more matches

2D maze game with device orientation - Game development
the create function holds some basic configuration: we're setting up the scaling and alignment of the canvas, and moving on to the preload state when everything's ready.
... function that will be executed when someone clicks the button.
... when the start button is pressed, instead of jumping directly into the action the game will show the screen with the information on how to play the game.
...And 10 more matches

Creating hyperlinks - Learn web development
almost any web content can be converted to a link so that when clicked or otherwise activated the web browser goes to another web address (url).
...when working locally with a web site, you'll have one directory that contains the entire site.
... link best practices there are some best practices to follow when writing links.
...And 10 more matches

Inheritance in JavaScript - Learn web development
in addition, we present some advice on when and where you might use oojs, and look at how classes are dealt with in modern ecmascript syntax.
...the first parameter specifies the value of this that you want to use when running the function, and the other parameters are those that should be passed to the function when it is invoked.
...the new object has person.prototype as its prototype and will therefore inherit, if and when needed, all the methods available on person.prototype.
...And 10 more matches

Adding a new todo form: Vue events, methods, and models - Learn web development
what we really need next is the ability to allow our users to enter their own todo items into the app, and for that we'll need a text <input>, an event to fire when the data is submitted, a method to fire upon submission to add the data and rerender the list, and a model to control the data.
... </label> <input type="text" id="new-todo-input" name="new-todo" autocomplete="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).
...ur todoform component inside your app by adding the <to-do-form /> element inside your app's <template>, like so: <template> <div id="app"> <h1>my to-do list</h1> <to-do-form></to-do-form> <ul> <li v-for="item in todoitems" :key="item.id"> <to-do-item :label="item.label" :done="item.done" :id="item.id"></to-do-item> </li> </ul> </div> </template> now when you view your running site, you should see the new form displayed.
...And 10 more matches

Introduction to automated testing - Learn web development
gulp comes with a watch() function that you can use to watch your files and run tests whenever you save a file.
...gulp will now watch your directory, and run the appropriate tasks whenever you save a change to an html, css, or javascript file.
... note: the * character is a wildcard character — here we're saying "run these tasks when any files of these types are saved.
...And 10 more matches

Gecko Keypress Event
that is, when the currently selected keyboard layout produces a unicode character (according to the current state of capslock and numlock), the charcode property contains that character.
... when the keypress event includes modifier keys, sometimes the charcode value is replaced with an ascii character according to the following rules.
... when the accel key is down, the charcode of a keypress event may be replaced with a character from a latin keyboard layout only when the original character is not an ascii character.
...And 10 more matches

Python binding for NSS
thus when deciding if the nss/nspr api should be rigidly followed or a more pythonic api provided the pythonic implementation wins because python programmers do not want to write c programs in python, rather they want their python code to feel like python code with the richness of full python.
... many methods/functions provide sane default (keyword) parameters freeing the python programmer from having to specify all parameters yet allowing them to be overriden when necessary.
... python-nss tries to be flexible when generating a print representation of complex objects.
...And 10 more matches

NSS Tools certutil
when you delete keys, be sure to also remove any certificates associated with those keys from the certificate database, by using -d.
...use when checking certificate validity with the -v option.
...when specifying an explicit time, use "yymmddhhmmssz".
...And 10 more matches

Shell global objects
these are the global objects that are set up automatically by the spidermonkey js command-line interpreter when you start the program.
...if a second argument is provided, it will be invoked when the timer elapses.
...when enabled, at every instruction a backtrace will be recorded and stored in an array.
...And 10 more matches

Component Internals
a component in the xpcom framework when you build a component or module and compile it into a library, it must export a single method named nsgetmodule.
...it gets called during registration and unregistration of the component, and when xpcom wants to discover what interfaces or classes the module/library implements.
... xpcom initialization to understand why and when your component library gets called, it is important to understand the xpcom initalization process.
...And 10 more matches

Creating the Component Code
as in grade school when you learned long division, better tools like calculators come after you figure out what's actually happening.
...we suggest that when you are testing your component in the mozilla or netscape client, you copy your component into the components directory in the client's installation folder.
... when it is copied there, run regxpcom from the command line to register that component and all the others in that directory.
...And 10 more matches

IAccessible2
refer to @ref _arrayconsideration "special consideration when using arrays" for more details.
...refer to @ref _arrayconsideration "special consideration when using arrays" for more details.
...note that this array is to be allocated by the client and freed when no longer needed.
...And 10 more matches

nsINavHistoryResultObserver
methods batching() lets the observer know when a batch operation in places is about to start or end.
...this is especially useful when updating user interfaces, to avoid flicker or continuous selection changes, which may result in performance degradation (for example, if updating a view for each update).
... containerclosed() obsolete since gecko 11.0 (firefox 11.0 / thunderbird 11.0 / seamonkey 2.8) called when a container node's state changes from opened to closed.
...And 10 more matches

nsIWebProgressListener
this flag is set when a request is initiated.
... the request is complete when onstatechange() is called for the same request with the state_stop flag set.
...when a redirect occurs, a new request is generated automatically to process the new request.
...And 10 more matches

Index
2 account provisioner the account provisioner is the dialog that first comes up when starting thunderbird.
... 4 account interfaces code snippets, extension development, thunderbird this page contains a list of the interfaces that you'll will most likely use when writing extensions that work with email or other accounts.
... 7 address book interfaces mailnews, mozilla, seamonkey, thunderbird this page contains a list of the interfaces that you'll will most likely hit when writing patches for the address book or writing extensions.
...And 10 more matches

Working with windows in chrome code
from xpcom components and modules if the window object is unavailable (for example, when opening a window from xpcom component code), you might want to use nsiwindowwatcher interface.
... content windows when a xul window contains a widget capable of displaying a page, such as <browser> or <iframe>, the document in that widget is, naturally, separate from the document of the chrome window itself.
... you should be aware of xpcnativewrappers when working with untrusted content.
...And 10 more matches

Initialization and Destruction - Plugins
initialization: the browser calls the plug-in api function np_initialize when the plug-in code is first loaded.
... instance creation: the browser calls the plug-in api function npp_new when the instance is created.
... instance destruction: the plug-in instance is deleted when the user leaves the instance page or closes the instance window; the browser calls the function npp_destroy to tell the plug-in that the instance is being deleted.
...And 10 more matches

Web Console remoting - Firefox Developer Tools
the webconsoleclient lives in webconsoleclient.jsm (in toolkit/devtools/webconsole) and it is used by the web console when working with the web console actor.
...the client has the option to start each listener when needed.
...when you attach to the global consoleactor you receive all of the network requests, page errors, and the other events from all of the tabs and windows, including chrome errors and network events.
...And 10 more matches

PointerEvent - Web APIs
pointerover this event is fired when a pointing device is moved into an element's hit test boundaries.
... pointerenter this event is fired when a pointing device is moved into the hit test boundaries of an element or one of its descendants, including as a result of a pointerdown event from a device that does not support hover (see pointerdown).
... pointerdown the event is fired when a pointer becomes active.
...And 10 more matches

RTCDataChannel - Web APIs
these labels are not required to be unique.maxpacketlifetime read only the read-only rtcdatachannel property maxpacketlifetime returns the amount of time, in milliseconds, the browser is allowed to take to attempt to transmit a message, as set when the data channel was created, or null.maxretransmits read only the read-only rtcdatachannel property maxretransmits returns the maximum number of times the browser should try to retransmit a message before giving up, as set when the data channel was created, or null, which indicates that there is no maximum.negotiated read only the read-only rtcdatachannel property negotiated indicates whether ...
...if no protocol was specified when the data channel was created, then this property's value is "" (the empty string).readystate read only the read-only rtcdatachannel property readystate returns an enum of type rtcdatachannelstate which indicates the state of the data channel's underlying data connection.reliable read only the read-only rtcdatachannel property reliable indicates whether or not the data channel is reliable.st...
... read only the deprecated (and never part of the official specification) read-only rtcdatachannel property stream returns an id number (between 0 and 65,535) which uniquely identifies the rtcdatachannel.event handlersalso inherits event handlers from: eventtargetonbufferedamountlow the rtcdatachannel.onbufferedamountlow property is an eventhandler which specifies a function the browser calls when the bufferedamountlow event is sent to the rtcdatachannel.
...And 10 more matches

ServiceWorkerGlobalScope - Web APIs
once successfully registered, a service worker can and will be terminated when idle to conserve memory and processor power.
... events activate occurs when a serviceworkerregistration acquires a new serviceworkerregistration.active worker.
... contentdelete occurs when an item is removed from the content index.
...And 10 more matches

A simple RTCDataChannel sample - Web APIs
starting up when the script is run, we set up an load event listener, so that once the page is fully loaded, our startup() function is called.
... establishing a connection when the user clicks the "connect" button, the connectpeers() method is called.
... the next step is to create the rtcdatachannel by calling rtcpeerconnection.createdatachannel() and set up event listeners to monitor the channel so that we know when it's opened and closed (that is, when the channel is connected or disconnected within that peer connection).
...And 10 more matches

Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
the first and most important thing to understand when considering the code to manage point-of-view and cameras in your application is this: webxr does not have cameras.
... cameras and relative movement when a classic live-action movie is filmed, the actors are on a set and move about the set as they perform, with one or more cameras watching their moves.
...some examples of ways 3d cameras are used: when rendering animation—whether for filmmaking or for use within the context of a presentation or game—the virtual camera is used just like a real-world film camera.
...And 10 more matches

Spaces and reference spaces: Spatial tracking in WebXR - Web APIs
other hardware elements can be used similarly to represent other parts of the body, providing additional data to use when simulating the user's actions in their environment.
... poses once your reference space or spaces are established for the various key objects in the scene, you will have times when you need to describe another position relative to the origin of a particular reference space.
...you can then apply controlpose's transform to the vertices in the object model representing the controller to calculate the webgl coordinates to use when rendering the controller's representation to the framebuffer.
...And 10 more matches

Web Accessibility: Understanding Colors and Luminance - Accessibility
when speaking of color contrast, w3c formulas are actually incorporating luminance, not just the colors ("hues") themselves.
... for the purposes of this document, we'll use terminlogy as it is defined in the w3c, in the css color module level 3 when working with color, it's important to know which "color space" you are working in, as different color spaces map to different measurement systems.
... here is the definition of relative luminance as defined by the w3c: "the relative brightness of any point in a colorspace, normalized to 0 for darkest black and 1 for lightest white" this statement is of course accurate, but may be confusing when used in reference to the rgb color space, which is an integer between 0 and 255.
...And 10 more matches

pointer-events - CSS: Cascading Style Sheets
the element can only be the target of a pointer event when the visibility property is set to visible and e.g.
... when a mouse cursor is over the interior (i.e., 'fill') of the element and the fill property is set to a value other than none, or when a mouse cursor is over the perimeter (i.e., 'stroke') of the element and the stroke property is set to a value other than none.
...the element can only be the target of a pointer event when the visibility property is set to visible and when e.g.
...And 10 more matches

<link>: The External Resource Link element - HTML: Hypertext Markup Language
when using <link> to establish a favicon for a site, and your site uses a content security policy (csp) to enhance its security, the policy applies to the favicon.
... as this attribute is only used when rel="preload" or rel="prefetch" has been set on the <link> element.
...s, css *-image rules object <object> elements script <script> elements, worker importscripts style <link rel=stylesheet> elements, css @import track <track> elements video <video> elements worker worker, sharedworker crossorigin this enumerated attribute indicates whether cors must be used when fetching the resource.
...And 10 more matches

Expressions and operators - JavaScript
when chaining these expressions, each assignment is evaluated right-to-left.
...these operators work as they do in most other programming languages when used with floating point numbers (in particular, note that division by zero produces infinity).
...so, when the bitwise operators are applied to these values, the results are as follows: bitwise operator examples expression result binary description 15 & 9 9 1111 & 1001 = 1001 15 | 9 15 1111 | 1001 = 1111 15 ^ 9 6 1111 ^ 1001 = 0110 ~15 -16 ~ 0000 0000 ... 0000 1111 = 1111 1111 ... 1111 0000 ~9 ...
...And 10 more matches

Codecs used by WebRTC - Web media technologies
while compression is always a necessity when dealing with media on the web, it's of additional importance when videoconferencing in order to ensure that the participants are able to communicate without lag or interruptions.
... other video codecs codec name profile(s) browser compatibility vp9 — chrome (48+), firefox vp8 vp8, which we describe in general in the main guide to video codecs used on the web, has some specific requirements that must be followed when using it to encode or decode a video track on a webrtc connection.
... other notes the network payload format for sharing vp8 using rtp (such as when using webrtc) is described in rfc 7741: rtp payload format for vp8 video.
...And 10 more matches

Drag and Drop - Archive of obsolete content
mozilla and xul provide a number of events that can handle when the user attempts to drag objects around.
...the drag stops when the user releases the mouse.
... event handlers are called when the user starts and ends dragging, and at various points in-between.
...And 9 more matches

MenuButtons - Archive of obsolete content
a button or toolbarbutton with a type attribute set to 'menu' creates a button that will open a menu when pressed.
...however a segment of the button displays an arrow which, when pressed, opens a menu.
... the 'menu' button the 'menu' type of button is used when pressing the button alone should just open the menu and not execute a command directly.
...And 9 more matches

MenuItems - Archive of obsolete content
when the user activates the menuitem, the command event gets fired.
...<menuitem label="show toolbar" accesskey="t" type="checkbox" oncommand="changetoolbarstate();"/> in this example, we show the toolbar when the menuitem is checked and hide the toolbar otherwise.
... there may be times when you do not want the checkbox state to be updated automatically when the menuitem is activated.
...And 9 more matches

Keyboard Shortcuts - Archive of obsolete content
however, it would be tedious to do that for every button and menu item (though it could be necessary when one's key commands are only triggered when the user is focused on a particular element).
...when the key is pressed in this case, the button is selected.
...for example, copying text to the clipboard should only work when some text is selected.
...And 9 more matches

Skinning XUL Files by Hand - Archive of obsolete content
when this day comes, skins defined in a global skin file will be applied to a whole application -- like the mozilla browser -- so that all the various windows and parts will look consistent.
...a button is styled by the global skin when its class attribute is set to a class which is defined in the global skin.
... for example, when a button is defined as follows: <button class="plain" label="push me" /> then the following very simple style definition applies to that button.
...And 9 more matches

Using the Editor from XUL - Archive of obsolete content
overview the editor in xul lives on top of a xul <iframe> element; it observes document loading in this <iframe>, and, when document loading is complete, it instantiates an editor on the loaded document.
... editor creation so let's trace through the process of editor creation when bringing up the composer window.
...that causes the editoronload() javascript function to get executed when the xul is done loading.
...And 9 more matches

Theme changes in Firefox 2 - Archive of obsolete content
safebrowsing/warning-overlay.xul safebrowsing/browser-protection.css new file containing the overlay that's drawn over the browser when you browse to a suspected phishing site.
... browser/dropmark-nav-small.png new file; used as the drop-down menu arrow on the navigation buttons, when using small icons.
... browser/safebrowsing/dim.png new file; this is a graphic overlaid on top of the contents of the window to "dim" it when the safe browsing warning window is displayed.
...And 9 more matches

Properly Using CSS and JavaScript in XHTML Documents - Archive of obsolete content
when an xhtml page is served with mime type text/html it is treated by all browsers as if it were nothing more than html.
... however when an xhtml page is served with mime type text/xml or application/xhtml+xml, then it should be treated as an xml document which must conform to the strict rules for authoring and displaying xml.
... proper xhtml is an application of xml and as such requires that authors follow strict rules when authoring xhtml.
...And 9 more matches

Common causes of memory leaks in extensions - Extensions
all zombie compartments in extensions are caused by a failure to release resources appropriately in certain circumstances, such as when a window is closed, a page unloads, or an extension is disabled or removed.
... while bug 695480 should prevent most of these compartment leaks, add-ons still need to be aware of the practices that caused these leaks, as the fix causes many add-ons which would have otherwise caused a leak to instead throw errors when attempting to access nodes from documents which no longer exist.
... to avoid these issues, references to dom nodes in foreign document should instead be stored in an object which is specific to that document, and cleaned up when the document is unloaded, or stored as weak references.
...And 9 more matches

Efficient animation for web games - Game development
because of this, the browser can make some assumptions that it can’t easily make when you’re manually tweaking values in javascript.
...when you animate position with javascript, the browser cannot easily make that same assumption, and so you might end up causing it to draw only the newly-exposed region of content, which may introduce slow-down.
... use requestanimationframe when you are animating <canvas> content, or when your dom animations absolutely must synchronise with canvas content animations, do make sure to use window.requestanimationframe, and not older methods such as window.settimeout.
...And 9 more matches

HTML: A good basis for accessibility - Learn web development
table layouts are a relic of the past — they made sense back when css support was not widespread in browsers, but now they just create confusion for screen reader users.
... another consideration when creating layouts is using html5 semantic elements as seen in the above example (see content sectioning) — you can create a layout using only nested <div> elements, but it is better to use appropriate sectioning elements to wrap your main navigation (<nav>), footer (<footer>), repeating content units (<article>), etc.
...in this section, we'll look at the basic accessibility concerns to be aware of when creating such controls.
...And 9 more matches

HTML: A good basis for accessibility - Learn web development
table layouts are a relic of the past — they made sense back when css support was not widespread in browsers, but now they just create confusion for screen reader users.
... another consideration when creating layouts is using html5 semantic elements as seen in the above example (see content sectioning) — you can create a layout using only nested <div> elements, but it is better to use appropriate sectioning elements to wrap your main navigation (<nav>), footer (<footer>), repeating content units (<article>), etc.
...in this section, we'll look at the basic accessibility concerns to be aware of when creating such controls.
...And 9 more matches

HTML text fundamentals - Learn web development
the rain lashed down on the ...</p> <h2>chapter 2: the eternal silence</h2> <p>our protagonist could not so much as a whisper out of the shadowy figure ...</p> <h3>the specter speaks</h3> <p>several more hours had passed, when all of a sudden the specter sat bolt upright and exclaimed, "please have mercy on my soul!"</p> it's really up to you what the elements involved represent, as long as the hierarchy makes sense.
... however, when you open the document in your browser, you'll see that the text appears as a big chunk!
...(textarea.selectionend, textarea.value.length); textarea.value = front + text + back; caretpos = caretpos + text.length; textarea.selectionstart = caretpos; textarea.selectionend = caretpos; textarea.focus(); textarea.scrolltop = scrollpos; } // update the saved usercode every time the user updates the text area code textarea.onkeyup = function(){ // we only want to save the state when the user code is being shown, // not the solution, so that solution is not saved over the user code if(solution.value === 'show solution') { userentry = textarea.value; } else { solutionentry = textarea.value; } updatecode(); }; why do we need semantics?
...And 9 more matches

Fetching data from the server - Learn web development
the trouble with this model is that whenever you want to update any part of the page, for example, to display a new set of products or load a new page, you've got to load the entire page again.
... enter ajax this led to the creation of technologies that allow web pages to request small chunks of data (such as html, xml, json, or plain text) and display them only when needed, helping to solve the problem described above.
... to speed things up even further, some sites also store assets and data on the user's computer when they are first requested, meaning that on subsequent visits they use the local versions instead of downloading fresh copies when the page is first loaded.
...And 9 more matches

Perceived performance - Learn web development
first paint is reported by the browser and provides the time, in ms, of when the page starts changing; but this change can be a simple background color update or something even less noticable.
... it doesn’t indicate completeness and may report a time when nothing visible is painted.
... first contentful paint (fcp) reports the time when the browser first rendered anything of signifigance, be that text, foreground or background image, or a canvas or svg; capturing the very beginning of the loading experience.
...And 9 more matches

Introduction to client-side frameworks - Learn web development
a brief history when javascript debuted in 1996, it added occasional interactivity and excitement to a web that was, up until then, composed of static documents.
...when we remember that the application has to let the user to do all of these things through the browser, however, some cracks start to show.
...when you follow a link on this very website, your browser communicates with a server and fetches new content to display for you.
...And 9 more matches

Getting started with React - Learn web development
when we refer to react as a "framework", we’re working with that colloquial understanding.
... react's primary goal is to minimize the bugs that occur when developers are building uis.
... while react can be used for small pieces of an interface, it's not as easy to "drop into" an application as a library like jquery, or even a framework like vue — it is more approachable when you build your entire app with react.
...And 9 more matches

Getting started with Vue - Learn web development
this allows you to create markup managed entirely by vue, which can improve developer experience and performance when dealing with complex applications.
... it also allows you to take advantage of libraries for client-side routing and state management when you need to.
...when you need more control than the html syntax allows, you can write jsx or plain javascript functions to define your components.
...And 9 more matches

Localizing with Koala
there is also a tooltip that appears when you hover over the magnifying glass icon on the right side of the bar.
... restart komodo when the installation is complete.
... note that you don't have to edit the location field, it automatically fills in when you check the "mercurial" checkbox: "c:\mozilla\l10n\application\firefox\3.6".
...And 9 more matches

Profiling with the Firefox Profiler
reporting a performance problem has a step-by-step guide for obtaining a profile when requested by firefox developers.
...so, for example, when a thread is blocked, like 'geckomain [tab]', on a thread like 'geckomain [default]', we can see what's occurring on the latter thread that is preventing it from responding to the former.
... note: because this is a sampling profiler, be cautious when examining running time that is equal to the sampling interval.
...And 9 more matches

WebReplayRoadmap
this is time consuming, especially when the bug only reproduces intermittently.
... in a non-recording tab this will update the console whenever the log point's location executes in the future.
... dom/css integration (partially implemented) when paused, the inspector panel can be used to inspect the dom and css state of the page.
...And 9 more matches

Gecko object attributes
this is useful when combined with the posinset object attribute.
... applied to: listitem, option exposed in aria: aria-setsize live region attribues atomic true when the entire region should be presented as a whole, when changes within it are considered important enough to automatically present.
...other possible values are "polite", "assertive", and "rude", which is a suggestion for the policy when interrupting the user for changes to this region.
...And 9 more matches

nsIContentPrefService2
ver observer); void set(in astring domain, in astring name, in nsivariant value, in nsiloadcontext context, [optional] in nsicontentprefcallback2 callback); void setglobal(in astring name, in nsivariant value, in nsiloadcontext context, [optional] in nsicontentprefcallback2 callback); methods addobserverforname() registers an observer that will be notified whenever a preference with the given name is set() or removed.
... 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.
...And 9 more matches

nsINavHistoryResultViewObserver
to provide behavior similar to the folder pane in thunderbird, where drops are only permitted on items themselves instead of on the pane as a whole, always return false when the orientation isn't drop_on.
...ondrop() called when the user drops something onto the view being observed.
... ontoggleopenstate() called when an item is opened or closed.
...And 9 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.
... you can open files when in multi-line mode, and save the current contents of the editing pane to a file.
...the menuitem enable autocompletion has a checkmark next to it when the feature is enabled, which is missing when it is disabled.
...And 9 more matches

Online and offline events - Web APIs
overview in order to build a good offline-capable web application, you need to know when your application is actually offline.
... you also need to know when your application has returned to an 'online' status again.
... effectively, the requirements break down as such: you need to know when the user comes back online, so that you can re-synchronize with the server.
...And 9 more matches

Page Visibility API - Web APIs
the page visibility api provides events you can watch for to know when a document becomes visible or hidden, as well as features to look at the current visibility state of the page.
... notes: the page visibility api is especially useful for saving resources and improving performance by letting a page avoid performing unnecessary tasks when the document isn't visible.
... when the user minimizes the window or switches to another tab, the api sends a visibilitychange event to let listeners know the state of the page has changed.
...And 9 more matches

SpeechRecognition - Web APIs
audiostart fired when the user agent has started to capture audio.
... audioend fired when the user agent has finished capturing audio.
... end fired when the speech recognition service has disconnected.
...And 9 more matches

Using readable streams - Web APIs
return new readablestream({ start(controller) { return pump(); function pump() { return reader.read().then(({ done, value }) => { // when no more data needs to be consumed, close the stream if (done) { controller.close(); return; } // enqueue the next data chunk into our target stream controller.enqueue(value); return pump(); }); } } }) }) .then(stream => new response(stream)) .then(response => response.blob()) .then(blob => url.create...
... // enqueue the next data chunk into our target stream controller.enqueue(value); return pump(); this is the standard pattern you’ll see when using stream readers: you write a function that starts off by reading the stream.
... the readablestream() constructor it is easy to read from a stream when the browser provides it for you as in the case of fetch, but sometimes you need to create a custom stream and populate it with your own chunks.
...And 9 more matches

Rendering and the WebXR frame animation callback - Web APIs
hardare vertical refresh rate when the browser is ready to refresh the <canvas> within which your webxr content is displayed, it calls your frame rendering callback, which uses the specified timestamp and any other relevant data, such as models and textures, as well as application state, to render the scene—as it should appear at the specified time—into the webgl backbuffer.
... when your callback returns, the browser transfers that backbuffer to the display or xr device, along with anything else that's changed since the last time the screen was refreshed.
...this happens when the amount of time it takes to render a frame exceeds the time available between frames, whether because rendering was delayed or because rendering itself took more time than was available.
...And 9 more matches

WindowOrWorkerGlobalScope.setTimeout() - Web APIs
code an alternative syntax that allows you to include a string instead of a function, which is compiled and executed when the timer expires.
...for clarity, however, you should try to always match them to avoid confusion when maintaining your code.
...example: settimeout(function(arg1){}.bind(undefined, 10), 1000); the "this" problem when you pass a method to settimeout() (or any other function, for that matter), it will be invoked with a this value that may differ from your expectation.
...And 9 more matches

Variable fonts guide - CSS: Cascading Style Sheets
in order to most accurately reflect the typeface design and avoid differences between browsers and how they may or may not synthesize the different styles, it's more accurate to load the specific font files where needed when using a non-variable font.
...however, the w3c’s intent was for this syntax not to be used when other attributes are available.
... notes when using font-variation-settings it is important to note that axis names are case-sensitive.
...And 9 more matches

HTML attribute reference - HTML: Hypertext Markup Language
autocapitalize global attribute sets whether input is automatically capitalized when entered by user autocomplete <form>, <input>, <select>, <textarea> indicates whether controls in this form can by default have their values automatically completed by the browser.
... enctype <form> defines the content type of the form data when the method is post.
... formnovalidate <button>, <input> if the button/input is a submit button (type="submit"), this boolean attribute specifies that the form is not to be validated when it is submitted.
...And 9 more matches

<img>: The Image Embed element - HTML: Hypertext Markup Language
for these reasons and others, provide a useful value for alt whenever possible.
... this attribute is also used when copying and pasting the image to text, or saving a linked image to a bookmark.
... note: loading is only deferred when javascript is enabled.
...And 9 more matches

Feature-Policy - HTTP
be wary of this when implementing it on your website.
...when this policy is disabled and there were no user gestures, the promise returned by htmlmediaelement.play() will reject with a domexception.
...when this policy is disabled, the promise returned by navigator.getbattery() will reject with a notallowederror domexception.
...And 9 more matches

Referrer-Policy - HTTP
referrer-policy: no-referrer referrer-policy: no-referrer-when-downgrade referrer-policy: origin referrer-policy: origin-when-cross-origin referrer-policy: same-origin referrer-policy: strict-origin referrer-policy: strict-origin-when-cross-origin referrer-policy: unsafe-url directives no-referrer the referer header will be omitted entirely.
... no-referrer-when-downgrade (default) this is the default behavior if no policy is specified, or if the provided value is invalid.
... the origin, path, and querystring of the url are sent as a referrer when the protocol security level stays the same (http→http, https→https) or improves (http→https), but isn't sent to less secure destinations (https→http).
...And 9 more matches

HTTP headers - HTTP
custom proprietary headers have historically been used with an x- prefix, but this convention was deprecated in june 2012 because of the inconveniences it caused when nonstandard fields became standard in rfc 6648; others are listed in an iana registry, whose original content was defined in rfc 4229.
...this is used to update caches (for safe requests), or to prevent to upload a new resource when one already exists.
...this is used to transmit data only when the cache is out of date.
...And 9 more matches

Redirections in HTTP - HTTP
redirects accomplish numerous goals: temporary redirects during site maintenance or downtime permanent redirects to preserve existing links/bookmarks after changing the site's urls, progress pages when uploading a file, etc.
... when browsers receive a redirect, they immediately load the new url provided in the location header.
...308 was created to remove the ambiguity of the behavior when using non-get methods.
...And 9 more matches

A re-introduction to JavaScript (JS tutorial) - JavaScript
you can perform this conversion explicitly using the boolean() function: boolean(''); // false boolean(234); // true however, this is rarely necessary, as javascript will silently perform this conversion when it expects a boolean, such as in an if statement (see below).
... for this reason, we sometimes speak simply of "true values" and "false values," meaning values that become true and false, respectively, when converted to booleans.
...this is useful for checking for null objects before accessing their attributes: var name = o && o.getname(); or for caching values (when falsy values are invalid): var name = cachedname || (cachedname = getname()); javascript has a ternary operator for conditional expressions: var allowed = (age > 18) ?
...And 9 more matches

Using Promises - JavaScript
chaining a common need is to execute two or more asynchronous operations back to back, where each subsequent operation starts when the previous operation succeeds, with the result from the previous step.
...when that's the case, any callbacks added to promise2 get queued behind the promise returned by either successcallback or failurecallback.
... promise rejection events whenever a promise is rejected, one of two events is sent to the global scope (generally, this is either the window or, if being used in a web worker, it's the worker or other worker-based interface).
...And 9 more matches

Digital audio concepts - Web media technologies
when it comes time to play back that sound later, these amplitudes are used to generate an approximation of the original waveform; instead of playing back an exact duplicate of the original, smooth wave, the rougher, blue wave is played.
...special low frequency enhancement (lfe) channels provide the signal for special speakers designed to produce the low frequency sounds and vibration to create a visceral sensation when listening to the audio.
... the number of frames that comprise a single second of audio varies depending on the sample rate used when recording the sound.
...And 9 more matches

The building blocks of responsive design - Progressive web apps (PWAs)
for a start, let's have a look at what happens when we include the <video> and <img> elements inside our first two columns, naked and unstyled.
...the video always resizes dynamically, but the screen captures taken from it do not, so upon resizing the screen it was possible to end up with a messy layout with different sized elements when using max-width: 100%, such as: media queries fluid grids are a great start, but you'll notice that at certain points (known as breakpoints) the layout starts to break down.
...when you click on an image in the gallery it brings up options to delete or cancel deletion of the card, and you don't want two buttons on top of one another.
...And 9 more matches

Session store API - Archive of obsolete content
in order to properly restore your extension's state when a tab is restored, it needs to use the session store api's settabvalue() method to save any data it will need in order to restore its state, and then call gettabvalue() to retrieve the previous setting when the tab is restored.
... knowing when to restore each time firefox is about to restore a tab, an event of type sstabrestoring is sent.
... if your extension wants to be able to restore data when tabs are restored, you can install a listener like this: function myextensionhandlerestore(aevent) { var tab = event.originaltarget; /* the tab being restored */ var uri = tab.linkedbrowser.contentdocument.location; /* the tab's uri */ components.classes["@mozilla.org/consoleservice;1"] .getservice(components.interfaces.nsiconsoleservice) .logstringmessage("restoring tab: " + uri); }; document.addeventlistener("sstabrestoring", myextensionhandlerestore, false); simply replace the contents of the function myextensionhandlerestore() with whatever you need to do when the tab is restored.
...And 8 more matches

Creating a Help Content Pack - Archive of obsolete content
later, when we get to actually writing content, you'll need to know xhtml, but for now knowledge of the syntax should be enough.
... nc:defaulttopic will hold the rdf:id of the topic you want displayed when the viewer first loads if none has been specified.
... this attribute also specifies what topic is loaded when the user hits the home button in the viewer.
...And 8 more matches

New Skin Notes - Archive of obsolete content
-- dria when will these fixes be on the live site?
...when the skin is updated on test/docs, editform textarea should be resizeable in all browsers.
...-- dria when a page is redirected, need to say-so and what it was redirected from, (see document for an example of such.) this is only an issue in mw1.5 so far.
...And 8 more matches

Sorting Results - Archive of obsolete content
« previousnext » when results are generated from a query, content is generated in the same order as the results.
...when the reference node is an rdf seq container and the results are in that container, however, the template builder orders the results in the order the items appear in the seq.
...when using a tree, sorting may be performed on each column of the tree.
...And 8 more matches

Complete - Archive of obsolete content
when it is finished, it will get a category and links from other pages.
...the problem with this approach is that when changes in an application do make the extension fail, users might have bad experiences ranging from error messages that they cannot understand to crashes and data loss.
...how a text sting gets localized when you press button 1 you see an message in english or french, depending on your application's locale.
...And 8 more matches

Browser Detection and Cross Browser Support - Archive of obsolete content
rethinking the basics of when and how to detect user agents is crucial to creating maintainable, cross browser web content.
... these strategies of classifying browsers by vendor/version, assuming that the only browsers being used where either netscape navigator 4 or internet explorer 4 failed when alternative browsers such as those based upon gecko were introduced.
...this is a common source of problems when using browsers based upon gecko as well as opera.
...And 8 more matches

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).
... when you've found the talkback menu, press the slider switch to turn talkback on.
... when talkback is turned on, your android device's basic controls will be a bit different.
...And 8 more matches

Overflowing content - Learn web development
previous overview: building blocks next overflow is what happens when there is too much content to fit in a container.
...overflow happens when there is too much content to fit in a box.
... css tries to avoid "data loss" let's consider two examples that demonstrate the default behavior of css when there is overflow.
...And 8 more matches

Pseudo-classes and pseudo-elements - Learn web development
user-action pseudo classes some pseudo-classes only apply when the user interacts with the document in some way.
... these user-action pseudo-classes, sometimes referred to as dynamic pseudo-classes, act as if a class had been added to the element when the user interacts with it.
...whenever you see these selectors, look at the content property to see what is being added to the document.
...And 8 more matches

Making asynchronous programming easier with async and await - Learn web development
to actually consume the value returned when the promise fulfills, since it is returning a promise, we could use a .then() block: hello().then((value) => console.log(value)) or even just shorthand such as hello().then(console.log) like we saw in the last article.
...by only adding the necessary handling when the function is declared async, the javascript engine can optimize your program for you.
... the await keyword the real advantage of async functions becomes apparent when you combine it with the await keyword — in fact, await only works inside async functions.
...And 8 more matches

Functions — reusable blocks of code - Learn web development
previous overview: building blocks next another essential concept in coding is functions, which allow you to store a piece of code that does a single task inside a defined block, and then call that code whenever you need it using a single short command — rather than having to type out the same code multiple times.
...in fact, some of the code you are calling when you invoke (a fancy word for run, or execute) a built in browser function couldn't be written in javascript — many of these functions are calling parts of the background browser code, which is written largely in low-level system languages like c++, not web languages like javascript.
...you generally use an anonymous function along with an event handler, for example the following would run the code inside the function whenever the associated button is clicked: const mybutton = document.queryselector('button'); mybutton.onclick = function() { alert('hello'); } the above example would require there to be a <button> element available on the page to select and click.
...And 8 more matches

A first splash into JavaScript - Learn web development
when the game ends, the player should be given an option to start playing again.
... the first three constants are each made to store a reference to the results paragraphs in our html, and are used to insert values into the paragraphs later on in the code (note how they are inside a <div> element, which is itself used to select all three later on for resetting, when we restart the game): <div class="resultparas"> <p class="guesses"></p> <p class="lastresult"></p> <p class="loworhi"></p> </div> the next two constants store references to the form text input and submit button and are used to control submitting the guess later on.
...inside the curly braces goes all the code that we want to run whenever we call the function.
...And 8 more matches

Website security - Learn web development
as you read, note how threats are most successful when the web application either trusts, or is not paranoid enough about the data coming from the browser.
...when the attacker has the cookie, they can log into a site as though they were the user and do anything the user can, such as access their credit card details, see contact details, or change passwords.
... a reflected xss vulnerability occurs when user content that is passed to the server is returned immediately and unmodified for display in the browser.
...And 8 more matches

Ember interactivity: Events, classes and state - Learn web development
when beginning to think about interactivity, it's good to declare what each component's goals and responsibilities are.
... creating todos for our card-header / todo input, we'll want to be able to submit our typed in todo task when we press the enter key and have it appear in the todos list.
...for example, the @tracked decorator (see slightly later on) runs code it is applied to, but additionally tracks it and automatically updates the app when values change.
...And 8 more matches

Displaying Places information using views
when a view's underlying data changes, the view will automatically update itself so that it displays the new data.
...this is useful when you need the id for another purpose or when a treecol is contained in anonymous content, as in xbl.
... second, know this: when it comes to trees, "view" is an overloaded word.
...And 8 more matches

Leak-hunting strategies and tips
strategy for finding leaks when trying to make a particular testcase not leak, i recommend focusing first on the largest object graphs (since these entrain many smaller objects), then on smaller reference-counted object graphs, and then on any remaining individual objects or small object graphs that don't entrain other objects.
...(when i refer to the size of a graph of objects, i'm referring to the number of objects, not the size in bytes.
... build with --enable-trace-malloc common leak patterns when trying to find a leak of reference-counted objects, there are a number of patterns that could cause the leak: ownership cycles.
...And 8 more matches

nsIDOMSimpleGestureEvent
the following events are generated: mozswipegesture - generated when the user completes a swipe across across the input device.
... mozmagnifygesturestart - generated when the user begins the magnify ("pinch") gesture.
... mozmagnifygesture - generated when the user has completed the magnify ("pinch") gesture.
...And 8 more matches

nsIFocusManager
this flag would normally be passed when movefocus_forward or movefocus_backward is used.
...this flag will be implied when movefocus() is called except when one of the other mechanisms (mouse or key) is specified, or when the type is movefocus_root or movefocus_caret.
... movefocus_forward 1 move focus forward one element, used when pressing tab.
...And 8 more matches

nsINavBookmarksService
constants constant value description default_index -1 this is the default index; this value should be used for apis that allow passing in an index where the index is not known or is not required to be specified, such as when appending an item to a folder.
... beginupdatebatch() obsolete since gecko 1.9 (firefox 3) causes observers to be notified of a beginupdatebatch when a lot of things are about to change.
... calls can be nested, observers will only be notified when all batches begin/end.
...And 8 more matches

nsINavHistoryResultViewer
methods containerclosed() called when a container node's state changes from closed to opened.
... containeropened() called when a container node's state changes from closed to opened.
... invalidatecontainer() called when something has happened that requires that the contents of a container be rebuilt.
...And 8 more matches

nsINavHistoryService
transition_typed 2 this transition type is set when the user typed the url to get to the page.
... transition_bookmark 3 this transition type is set when the user followed a bookmark to get to the page.
... transition_embed 4 this transition type is set when some inner content is loaded.
...And 8 more matches

nsIPromptService
acheckstate contains the initial checked state of the checkbox when this method is called and the final checked state after this method returns.
... acheckstate contains the initial checked state of the checkbox when this method is called and the final checked state after this method returns.
... acheckstate contains the initial checked state of the checkbox when this method is called and the final checked state after this method returns.
...And 8 more matches

Mozilla
adding phishing protection data providers phishing protection technology lets firefox help protect users by comparing the urls the user visits to a list of known scam sites, and presenting a warning to the user when they visit a site on the list.
... continuous integration when you push a commit to mozilla-central or a related repository, it initiates a large chain of builds and tests across multiple types of infrastructure.
...the component can then call methods on the observer interface to signal the external code when predefined events occur.
...And 8 more matches

UI Tour - Firefox Developer Tools
ignore source causes the debugger to skip the file when "stepping into" functions; this can be helpful for avoiding stepping into libraries used by your code.
... when a file is ignored, it has a small eye icon next to it in place of its regular icon.
... when the source pane is focused you can search for a string in the file using ctrl + f (cmd + f on a mac).
...And 8 more matches

Edit fonts - Firefox Developer Tools
the fonts tab the fonts tab is located on the right-hand side of the page inspector when it is docked to the bottom of the screen.
... when it is docked to the right or left sides of the screen, the fonts tab appears beneath the html pane.
... fonts are considered "used" when there is text content in the inspected element that has the font applied to it.
...And 8 more matches

Fullscreen API - Web APIs
event handlers the fullscreen api defines two events which can be used to detect when full-screen mode is turned on and off, as well as when errors occur during the process of changing between full-screen and windowed modes.
... event handlers on documents document.onfullscreenchange an event handler for the fullscreenchange event that's sent to a document when that document is placed into full-screen mode, or when that document exits full-screen mode.
... this handler is called only when the entire document is presented in full-screen mode.
...And 8 more matches

Basic concepts - Web APIs
big concepts if you have assumptions from working with other types of databases, you might get thrown off when working with indexeddb.
... this transaction model is really useful when you consider what might happen if a user opened two instances of your web app in two different tabs simultaneously.
...you get notified by a dom event when the operation finishes, and the type of event you get lets you know if the operation succeeded or failed.
...And 8 more matches

Service Worker API - Web APIs
service workers essentially act as proxy servers that sit between web applications, the browser, and the network (when available).
...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).
...in firefox, service worker apis are also hidden and cannot be used when the user is in private browsing mode.
...And 8 more matches

Using writable streams - Web APIs
this takes a given message and writes it into a writable stream, displaying each chunk on the ui as it is written to the stream and also displaying the whole message on the ui when writing has finished.
...this is called when each chunk is actually written (see the next section).
... the close() method is called automatically when writing has finished — it prints the entire decoded result to the ui in one string.
...And 8 more matches

Using Touch Events - Web APIs
a multi-touch interaction starts when a finger (or stylus) first touches the contact surface.
...the interaction ends when the fingers are removed from the surface.
... interfaces touch events consist of three interfaces (touch, touchevent and touchlist) and the following event types: touchstart - fired when a touch point is placed on the touch surface.
...And 8 more matches

Geometry and reference spaces in WebXR - Web APIs
geometry operations with matrices we offer a guide to matrix mathematics as it pertains to 3d geometry, including how matrices are used for the three primary transforms that need to be performed when rendering 3d scenes: translation is the use of a matrix to shift the position of a point through the virtual space.
... note that when we say that a transform applies to a point, it also, by extension, can be applied to a collection of points.
...the origin offset is initially simply an identity transform, since typically the two origins are aligned when the space is first established.
...And 8 more matches

Using the Web Animations API - Web APIs
when we want to explicitly set a key’s offset from the other keys, we can specify an offset directly in the object, separated from the declaration with a comma.
...to prevent the cake from eating itself up before the user has had the chance to click on it, we call animation.pause() on it immediately after it is defined, like so: nommingcake.pause(); we can now use the animation.play() method to run it whenever we’re ready: nommingcake.play(); specifically, we want to link it to alice’s animation, so she gets bigger as the cupcake gets eaten.
... nommingcake.play(); } when a user holds their mouse down or presses their finger on the cake on a touch screen, we can now call growalice to make all the animations play: cake.addeventlistener("mousedown", growalice, false); cake.addeventlistener("touchstart", growalice, false); other useful methods in addition to pausing and playing, we can use the following animation methods: animation.finish() skips to the end of the animation.
...And 8 more matches

Specificity - CSS: Cascading Style Sheets
when multiple declarations have equal specificity, the last declaration found in the css is applied to the element.
... specificity only applies when the same element is targeted by multiple declarations.
... the !important exception when an important rule is used on a style declaration, this declaration overrides any other declarations.
...And 8 more matches

User input and controls - Developer guides
when screen orientation matters for your application, through the screen orientation api you can read the screen orientation state and perform other actions.
...for example if you want to add controls when any key gets pressed, you need to add an event listener on the window object: window.addeventlistener("keydown", handlekeydown, true); window.addeventlistener("keyup", handlekeyup, true); where handlekeydown and handlekeyup are the functions implementing the controls about the keydown and keyup events.
... mouse the events occurring when the user interacts with a pointing device such as a mouse are represented by the mouseevent dom interface.
...And 8 more matches

HTML attribute: multiple - HTML: Hypertext Markup Language
in firefox, the file input reads "no files selected" when the attribute is present and "no file selected" when not, when no files are selected.
... most browsers displaying a scrolling list box for a <select> control with the multiple attribute set versus a single line dropdown when the attribute is ommitted.
... when multiple is set on the email input type, the user can inlclude zero (if not also required), one or more comma-separated email addresses.
...And 8 more matches

<audio>: The Embed Audio element - HTML: Hypertext Markup Language
note: sites that automatically play audio (or videos with an audio track) can be an unpleasant experience for users, so should be avoided when possible.
...however, this can be useful when creating media elements whose source will be set at a later time, under user control.
... when not present, the resource is fetched without a cors request (i.e.
...And 8 more matches

<button>: The Button element - HTML: Hypertext Markup Language
autofocus html5 this boolean attribute specifies that the button should have input focus when the page loads.
...possible values: post: the data from the form are included in the body of the http request when sent to the server.
... use when the form contains information that shouldn’t be public, like login credentials.
...And 8 more matches

<input type="number"> - HTML: Hypertext Markup Language
<input> types, inputs of type number support these attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete 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 for validation list the values of the list attribute is the id of a <datalist> element located in the same document.
... note: when the data entered by the user doesn't adhere to the stepping configuration, the user agent may round to the nearest valid value, preferring numbers in the positive direction when there are two equally close options.
... using number inputs <input type="number"> elements can help simplify your work when building the user interface and logic for entering numbers into a form.
...And 8 more matches

<input type="url"> - HTML: Hypertext Markup Language
s the optional pre-defined autocomplete 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 a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be spellcheck controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used list the values of ...
...constraint validation is only applied when the value is changed by the user.
...constraint validation is only applied when the value is changed by the user.
...And 8 more matches

Browser detection using the user agent - HTTP
considerations before using browser detection when considering using the user agent string to detect which browser is being used, your first step is to try to avoid it if possible.
...the first method uses horizontal flexboxes to group the content such that when the page is displayed to the end user, all the dogs boxes are at the top of the page and all the cat boxes are lower on the page.
...the simplest way to do this is to separate all the code that moves content around based on screen size to a single function that is called when the page is loaded and at each resize event thereafter.
...And 8 more matches

Object.defineProperty() - JavaScript
when the property is accessed, this function is called without arguments and with this set to the object through which the property is accessed (this may not be the object on which the property is defined due to inheritance).
...when the property is assigned, this function is called with one argument (the value being assigned to the property) and with this set to the object through which the property is assigned.
... creating a property when the property specified doesn't exist in the object, object.defineproperty() creates a new property as described.
...And 8 more matches

Add to Home screen - Progressive web apps (PWAs)
regardless of which browser you are using, when you choose to add the app to your home screen, you'll see it appear along with a short title, in the same way that native apps do.
... chrome additionally requires the app to have a service worker registered (e.g., so it can function when offline).
...the most relevant one to a2hs is the splash screen displayed when the app icon on the home screen is tapped and it first starts to load (this currently appears only when apps have been added to the home screen by chrome).
...And 8 more matches

How to make PWAs re-engageable using Notifications and Push - Progressive web apps (PWAs)
but instead of relying only on user actions, we can do more, using push messages and notifications to automatically re-engage and deliver new content whenever it is available.
... two apis, one goal the push api and notifications api are two separate apis, but they work well together when you want to provide engaging functionality in your app.
...notifications can be used by the service worker to show new information to the user, or at least alert them when something has been updated.
...And 8 more matches

ui/sidebar - Archive of obsolete content
alternatively, the view->sidebar submenu in firefox will contain a new item which the user can use to show or hide the sidebar: the sidebar generates a show event when it is shown and a hide event when it is hidden.
... using attach the attach event is triggered whenever the dom for a new sidebar instance is loaded and its scripts are attached.
...you should see console output like: console.log: add-on: add-on script got the message console.log: add-on: sidebar script got the reply using ready the ready event is emitted when the dom for the sidebar's content is ready.
...And 7 more matches

package.json - Archive of obsolete content
some of its entries, such as icon, name, and description, have direct analogues in the install manifest format, and entries from package.json are written into the install manifest when the add-on is built using jpm xpi.
... note: this is deprecated along with cfx; it's not available when using jpm.
... firefox: firefox desktop fennec: firefox for android thunderbird: thunderbird seamonkey: seamonkey any application uuid example: "engines": { "firefox": ">= 38.0a1", "fennec": ">= 38.0a1" } fullname note: this is deprecated along with cfx; it's not available when using jpm.
...And 7 more matches

Creating a dynamic status bar extension - Archive of obsolete content
specifically, this sample displays a stock quote in the status bar, and, when you mouse over it, displays a tooltip containing more detailed information about the stock.
.../content/stockwatcher.js"/> <!-- firefox --> <statusbar id="status-bar"> <statusbarpanel id="stockwatcher" label="loading..." tooltiptext="current value" onclick="stockwatcher.refreshinformation()" /> </statusbar> </overlay> also, notice that the definition of the status bar panel now includes a new property, onclick, which references the javascript function that will be executed whenever the user clicks on the status bar panel.
... our extension will refresh the stock information display when the user clicks the panel.
...And 7 more matches

Download Manager preferences - Archive of obsolete content
a boolean value that indicates whether the anti virus software should try to clean a downloaded file when a virus is detected.
... 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.
...And 7 more matches

Binding Attachment and Detachment - Archive of obsolete content
whenever an element is removed from a document, any bindings attached via css loaded by the document will be detached.
... when a binding is attached using the dom, it inherits from the current most derived binding that may already be attached to the element.
...when the load event fires, and if all binding documents loaded successfully, it can be assumed that all bindings are attached to all elements in the page.
...And 7 more matches

Popup Guide - Archive of obsolete content
menus a menu is used when you wish to have a series of commands that can be activated by the user, but don't want to use the extra space for a button for each command.
... a menu is normally hidden, and when activated, a popup appears containing the list of commands.
...it is useful when you wish to display some controls temporarily over the existing ui.
...And 7 more matches

More Event Handlers - Archive of obsolete content
mouse events there are several events which can be used to handle mouse specific actions, which are described briefly below: click called when the mouse is pressed and released on an element.
... dblclick called when the a mouse button is double clicked.
... mousedown called when a mouse button is pressed down on an element.
...And 7 more matches

Popup Menus - Archive of obsolete content
popup menus are typically displayed when the user presses the right mouse button.
... plain popups the plain popup is a popup window which appears when the user presses the left mouse button on an element.
...a good example is the drop down menu that appears when you click on the little down arrows next to the back and forward buttons in a browser window.
...And 7 more matches

menupopup - Archive of obsolete content
when a menupopup is open, it floats above the window and may extend outside the window border.
... there are several ways in which a menupopup may be used: it may be placed inside a menu, menulist, toolbarbutton, or a button with the type attribute set to "menu" to create a popup that will open when the menu or button is pressed.
...when the element is clicked with the left mouse button, the menupopup will be displayed.
...And 7 more matches

toolbar - Archive of obsolete content
it can be collapsed with a grippy when the toolbar is placed inside a toolbox.
... the chromeclass-toolbar class may be used to create a toolbar where its visibility depends on the toolbar flag when opening the window with the window interface's open() method loads the specified resource into the browsing context (window, <iframe> or tab) with the specified name.
... note: starting in gecko 1.9.1, toolbar items are moved from the toolbarpalette and added to the toolbar when a toolbar is first displayed.
...And 7 more matches

tree - Archive of obsolete content
it is used when a tree has a datasources attribute, and has dont-build-content in its flags attribute.
...it is similar to the previous type but is used when the tree does not have dont-build-content in its flags attribute.
... enablecolumndrag type: boolean when set to true, the user may drag the column headers around to change the order in which they are displayed.
...And 7 more matches

Table Reflow Internals - Archive of obsolete content
overview review of reflow table frames table reflow intro to paginated reflow table paginated reflow review of reflow reflow process starts when an html document starts loading (the frame tree contains only viewport, scroll(s), canvas, html, body).
... ususally it starts when the pres shell processes its queue of reflow commands.
...if this doesn't change, the row may not have to reflow the cell table incremental reflow outer table is a target when a caption is added or removed (dirty) or the table or caption margin changes (style changed).
...And 7 more matches

Desktop gamepad controls - Game development
r("gamepadconnected", gamepadhandler); it's executed once, so we can create some variables we will need later on for storing the controller info and the pressed buttons: var controller = {}; var buttonspressed = []; function gamepadhandler(e) { controller = e.gamepad; output.innerhtml = "gamepad: " + controller.id; } the second line in the gamepadhandler function shows up on the screen when the device is connected: we can also show the id of the device — in the case above we're using the xbox 360 wireless controller.
...the connect() and disconnect() functions are bound to the following events: window.addeventlistener("gamepadconnected", gamepadapi.connect); window.addeventlistener("gamepaddisconnected", gamepadapi.disconnect); they are fired when the gamepad is connected and disconnected respectively.
...here's the code we've prepared in the create() function that is executed once when the new state is created: create() { // ...
...And 7 more matches

Cascade and inheritance - Learn web development
the cascade, and the closely-related concept of specificity, are mechanisms that control which rule applies when there is such a conflict.
... the cascade stylesheets cascade — at a very simple level this means that the order of css rules matter; when two rules apply that have equal specificity the one that comes last in the css is the one that will be used.
...the live example below allows you to play with the css and see what happens when you make changes.
...And 7 more matches

Images, media, and form elements - Learn web development
prerequisites: basic computer literacy, basic software installed, basic knowledge of working with files, html basics (study introduction to html), and an idea of how css works (study css first steps.) objective: to understand the way that some elements behave unusually when styled with css.
...when using object-fit the replaced element can be sized to fit a box in a variety of ways.
... replaced elements in layout when using various css layout techniques on replaced elements, you may well find that they behave slightly differently to other elements.
...And 7 more matches

CSS values and units - Learn web development
when you see the value <color> as valid for a particular property, that means you can use any valid color as a value for that property, as listed on the <color> reference page.
...the terms are basically interchangeable — when you see something in css referred to as a data type, it is really just a fancy way of saying value.
...name equivalent to cm centimeters 1cm = 96px/2.54 mm millimeters 1mm = 1/10th of 1cm q quarter-millimeters 1q = 1/40th of 1cm in inches 1in = 2.54cm = 96px pc picas 1pc = 1/6th of 1in pt points 1pt = 1/72th of 1in px pixels 1px = 1/96th of 1in most of these values are more useful when used for print, rather than screen output.
...And 7 more matches

CSS FAQ - Learn web development
/dtd html 4.0 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> <!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd"> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> when at all possible, you should just use the html5 doctype.
... use a class-specific style when you want to apply the styling rules to many blocks and elements within the page, or when you currently only have element to style with that style, but you might want to add more later.
... use an id-specific style when you need to restrict the applied styling rules to one specific block or element.
...And 7 more matches

What’s in the head? Metadata in HTML - Learn web development
previous overview: introduction to html next the head of an html document is the part that is not displayed in the web browser when the page is loaded.
... let's revisit the simple html document we covered in the previous article: <!doctype html> <html> <head> <meta charset="utf-8"> <title>my test page</title> </head> <body> <p>this is my page</p> </body> </html> the html head is the contents of the <head> element — unlike the contents of the <body> element (which are displayed on the page when loaded in a browser), the head's content is not displayed on the page.
... the <h1> element appears on the page when loaded in the browser — generally this should be used once per page, to mark up the title of your page content (the story title, or news headline, or whatever is appropriate to your usage.) the <title> element is metadata that represents the title of the overall html document (not the document's content.) active learning: inspecting a simple example to start off this active learning, we'd...
...And 7 more matches

Build your own function - Learn web development
any parameters we want to give to our function go inside the parentheses, and the code that runs when we call the function goes inside the curly braces.
...this button will be what needs to be clicked/activated when the user wants to close the message box.
... const msg = document.createelement('p'); msg.textcontent = 'this is a message box'; panel.appendchild(msg); const closebtn = document.createelement('button'); closebtn.textcontent = 'x'; panel.appendchild(closebtn); finally, we use an globaleventhandlers.onclick event handler to make it so that when the button is clicked, some code is run to delete the whole panel from the page — to close the message box.
...And 7 more matches

Looping code - Learn web development
a condition, which is a true/false test to determine whether the loop continues to run, or stops — usually when the counter reaches a certain value.
... a condition — as mentioned before, this defines when the loop should stop looping.
... when i becomes equal to cats.length (in this case, 5), the loop will stop, and the browser will move on to the next bit of code below the loop.
...And 7 more matches

Basic math in JavaScript — numbers and operators - Learn web development
this is especially true when we are learning to program javascript (or any other language for that matter) — so much of what we do relies on processing numerical data, calculating new values, and so on, that you won't be surprised to learn that javascript has a full-featured set of math functions available.
...you may have encountered these numbers before when setting colors in css.
...this most commonly happens when data is entered into a form input, and the input type is text.
...And 7 more matches

Aprender y obtener ayuda - Learn web development
there are also are times when you'll get stuck and feel frustrated — even professional web developers feel like this regularly — and it pays to know about the most effective ways to try and get help so you can progress in your work.
...it isn't however very good at getting an understanding of "the big picture", and unlocking new neural pathways when you are trying to understand new subjects or solve new problems that you haven't come across before.
... it is also why you can sometimes get really stuck on a problem, but then figure out the answer when you go for a coffee break (or a walk).
...And 7 more matches

Deployment and next steps - Learn web development
it also starts a development server and watches for changes, recompiling the app and refreshing the page when a change occurs.
... our whole app is now just 21 kb — 8.3 kb when gzipped.
... a look behind the svelte compilation process by default, when you create a new app with npx degit sveltejs/template my-svelte-project, svelte will use rollup as the module bundler.
...And 7 more matches

Getting started with Svelte - Learn web development
while frameworks like react and vue do the bulk of their work in the user's browser while the app is running, svelte shifts that work into a compile step that happens only when you build your app, producing highly-optimized vanilla javascript.
...svelte will watch for file updates, and automatically recompile and refresh the app for you when changes are made to the source files.
...o build svelte apps.</p> </main> <style> main { text-align: center; padding: 1em; max-width: 240px; margin: 0 auto; } h1 { color: #ff3e00; text-transform: uppercase; font-size: 4em; font-weight: 100; } @media (min-width: 640px) { main { max-width: none; } } </style> the <script> section the <script> block contains javascript that runs when a component instance is created.
...And 7 more matches

Eclipse CDT Manual Setup
to be able to provide really good code assistance for a project's source code, ides like eclipse need to carry out a thorough static analysis of the project's source files, to build up a picture of the code (what eclipse is trying to do when it "indexes" the source.) static analysis involves parsing the source files, so naturally it can only produce good results if it has a sensible set of preprocessor defines, include paths and pre-include files for each source file.
... for projects the size and complexity of mozilla, it's impractical to manually configure eclipse when there is a valid set of defines and includes paths for each of the different parts of the source code.
...below.) initial workspace preferences when you open eclipse, it will ask you to "select a workspace" (a directory where eclipse will store files that it generates during indexing, and so on.) it's recommended that you have a separate workspace containing only a single project for each mozilla source tree [rational], and that you choose a directory outside the mozilla source.
...And 7 more matches

SVG Guidelines
pros and cons of svg for images when used as a document format there is usually a compelling reason that makes svg the only solution.
... when used as an image format, it is sometimes less obvious whether it would be best to use svg or a raster image format for any given image.
...when choosing whether or not to use svg it is best to understand the advantages and disadvantages of both.
...And 7 more matches

AddonListener
in addon addon) void oninstalling(in addon addon, in boolean needsrestart) void oninstalled(in addon addon) void onuninstalling(in addon addon, in boolean needsrestart) void onuninstalled(in addon addon) void onoperationcancelled(in addon addon) void onpropertychanged(in addon addon, in string properties[]) methods onenabling() called when an add-on is about to be enabled.
... void onenabling( in addon addon, in boolean needsrestart ) parameters addon the addon that is being enabled needsrestart true if an application restart is necessary for the change to take effect onenabled() called when an add-on has been enabled.
... void onenabled( in addon addon, ) parameters addon the addon that has been enabled ondisabling() called when an add-on is about to be disabled.
...And 7 more matches

Mozilla Quirks Mode Behavior
in quirks mode, the url fragment #top scrolls to the top of the page when there is no such anchor.
... there are a bunch of quirks to get percentage heights on images, tables, objects, and applets (etc.?) to "work" (the way they did in netscape navigator 4), even though css says that percentage heights should behave like 'auto' heights when the parent element doesn't have a fixed height.
... maybe (firefox 3) when computing the minimum intrinsic width of an inline flow directly in a table cell (no blocks in between), it is assumed that it is not possible to break before and after an image (when otherwise it would be).
...And 7 more matches

A brief guide to Mozilla preferences
if the application encounters an error when loading user pref files, the application will issue a warning but will continue running.
... preferences saving usually when the user specifically commits a preference change via user interface such as the preferences dialog, the application saves the change by overwriting prefs.js .
... when prefs.js is written, it only saves user preferences which are different from the default.
...And 7 more matches

NSS_3.12_release_notes.html
of uninitialized variable in ckfw/object.c(174) bug 396045: warning: usage of uninitialized variable in ckfw/mechanism.c(719) bug 401986: mac os x leopard build failure in legacydb bug 325805: diff considers mozilla/security/nss/cmd/pk11util/scripts/pkey a binary file bug 385151: remove the link time dependency from nss to softoken bug 387892: add entrust root ca certificate(s) to nss bug 433386: when system clock is off by more than two days, oscp check fails, can result in crash if user tries to view certificate [[@ secitem_compareitem_util] [[@ memcmp] bug 396256: certutil and pp do not print all the generalnames in a crldp extension bug 398019: correct confusing and erroneous comments in der_asciitotime bug 422866: vfychain -pp command crashes in nss_shutdown bug 345779: useless assignment...
... statements in ec_gf2m_pt_mul_mont bug 349011: please stop exporting these crmf_ symbols bug 397178: crash when entering chrome://pippki/content/resetpassword.xul in url bar bug 403822: pkix_pl_ocsprequest_create can leave some members uninitialized bug 403910: cert_findusercertbyusage() returns wrong certificate if multiple certs with same subject available bug 404919: memory leak in sftkdb_readsecmoddb() (sftkmod.c) bug 406120: allow application to specify ocsp timeout bug 361025: support for camellia cipher suites to tls rfc4132 bug 376417: pk11_generatekeypair needs to get the key usage from the caller.
...bug 391292: shared database implementation slow bug 391294: shared database implementation really slow on network file systems bug 392521: automatic shared db update fails if user opens database r/w but never supplies a password bug 392522: integrity hashes must be updated when passwords are changed.
...And 7 more matches

NSS API Guidelines
the security code often wants to be sure to zero memory, when it's being freed; we'll add it to the primitives to deal with.
... threadmark code notes the thread id, whenever an arena is marked, and disallows any allocations or marks by any other thread.
...now some of the pointer-tracking pressure has eased off, we can drop its use when it becomes too difficult.
...And 7 more matches

ssltyp.html
when an application makes a copy of a particular certificate structure that already exists in memory, ssl makes a shallow copy--that is, it increments the reference count for that object rather than making a whole new copy.
... when you call cert_destroycertificate, the function decrements the reference count and, if the reference count reaches zero as a result, frees the memory.
...when an application makes a copy of a particular key structure that already exists in memory, ssl makes a deep copy--that is, it makes a whole new copy of that object.
...And 7 more matches

Introduction to the JavaScript shell
from a bash console when using a pre-compiled binary, try <path to your firefox's run-mozilla.sh>/run-mozilla.sh ./js -- that worked for me] if you'd like to run the javascript code in the file foo.js, you can use this command: js foo.js to run foo.js then drop into the interactive shell, do this: js -f foo.js -i reference note: because the javascript shell is used as a test environment for the javascript eng...
... countheap([start[, kind]]) added in spidermonkey 1.8 count the number of live gc things in the heap, or things reachable from start when it is given and is not null.
... note: this function is intended only for use when testing the javascript engine.
...And 7 more matches

Secure Development Guidelines
the following content will likely see significant revision, though can be used as a reference for security best practices to follow when developing code for mozilla.
....com?something=<script>alert('oops')</script> xss: prevention escape all dynamic input that will be sent back to the user html encoding &amp; → & &lt; → < &gt; → > &quot; → " &apos; → ' url encoding % encoding java/vbscript escaping depends on the context; in a single-quoted string, escaping ' would suffice sql injection occurs when un-trusted input is mixed with a sql string sql is a language used to interact with databases code injection attack that is similar to xss but targeted at sql rather than html and javascript if input is mixed with sql, it could itself become an sql instruction and be used to: query data from the database (passwords) insert value into the database (a user account) change application...
...so data does not get mixed with sql instructions example: sqlite3_stmt *stmt; char *str = "select * from account where name='?'"; sqlite3_prepare_v2(db, str, strlen(str), &stmt, null); sqlite3_bind_text(stmt, 1, name, strlen(name), sqlite_transient); sqlite3_step(stmt); sqlite3_finalize(p_stmt); writing secure code: arithmetic issues integer overflows/underflows overflows occur when an arithmetic operation attempts to create a numeric value that is larger than can be represented within the available storage space max + 1 will be 0 and 0 – 1 will be max!
...And 7 more matches

Avoiding leaks in JavaScript XPCOM components
the requirements for such a memory allocation system are: memory should be returned to the heap when the program no longer needs it (or soon thereafter) so that the amount of memory consumed by the program does not increase.
...it's difficult to use this strategy when there are multiple pointers to a given object and it's uncertain which one will need to last the longest.
...when this count goes to zero, the object destroys itself.
...And 7 more matches

nsIDBChangeListener
the nsidbchangelistener interface is used by components wanting to receive notification when the current database changes somehow.
...adchanged(in nsidbchangelistener ainstigator); void onjunkscorechanged(in nsidbchangelistener ainstigator); void onhdrpropertychanged(in nsimsgdbhdr ahdrtochange, in unsigned long aoldflags, in prbool aprechange, inout pruint32 astatus, in nsidbchangelistener ainstigator); void onevent(in nsimsgdatabase adb, in string aevent); methods onhdrflagschanged() called when a message's flags change.
... onhdrdeleted() called when a header is deleted from the database.
...And 7 more matches

XPIDL
jsval this type gets const when an in type.
... nsid this type gets const when an in type.
...webidl types will be passed as mozilla::dom::interfacename* when used as in-parameters, as mozilla::dom::interfacename** when used as out or inout-parameters, and as refptr<mozilla::dom::interfacename> when used as an array element.
...And 7 more matches

All keyboard shortcuts - Firefox Developer Tools
toolbox these shortcuts work whenever the toolbox is open, no matter which tool is active.
... end end end expand currently selected node right arrow right arrow right arrow collapse currently selected node left arrow left arrow left arrow (when a node is selected) move inside the node so you can start stepping through attributes.
... enter return enter step forward through the attributes of a node tab tab tab step backward through the attributes of a node shift + tab shift + tab shift + tab (when an attribute is selected) start editing the attribute enter return enter hide/show the selected node h h h focus on the search box in the html pane ctrl + f cmd + f ctrl + f edit as html f2 f2 f2 stop editing html f2 / ctrl +enter f2 / cmd + return f2 / ctrl + enter copy the selected node's outer html ctrl + c cmd + c ctrl + c scroll the selected node into view s s s find the next match in the markup, when searching is active enter return enter...
...And 7 more matches

EffectTiming.fill - Web APIs
the web animations api's effecttiming dictionary's fill property specifies a fill mode, which defines how the element to which the animation is applied should look when the animation sequence is not actively running, such as before the time specified by iterationstart or after animation's end time.
... syntax var timingproperties = { fill: "none" | "forwards" | "backwards" | "both" | "auto" } value a domstring indicating the fill type to use in order to properly render an affected element when outside the animation's active interval (that is, when it's not actively animating).
...the animation's effects are not visible when its playstate is pending with a delay, when its playstate is finished, or during its enddelay or delay.
...And 7 more matches

KeyboardEvent - Web APIs
when you need to handle text input, use the input event instead.
... keyboardevent.altkey read only returns a boolean that is true if the alt ( option or ⌥ on os x) key was active when the key event was generated.
... keyboardevent.ctrlkey read only returns a boolean that is true if the ctrl key was active when the key event was generated.
...And 7 more matches

Pointer Lock API - Web APIs
pointer lock lets you access mouse events even when the cursor goes past the boundary of the browser or screen.
...mouse capture provides continued delivery of events to a target element while a mouse is being dragged, but it stops when the mouse button is released.
... document.exitpointerlock = document.exitpointerlock || document.mozexitpointerlock; // attempt to unlock document.exitpointerlock(); pointerlockchange event when the pointer lock state changes—for example, when calling requestpointerlock(), exitpointerlock(), the user pressing the esc key, etc.—the pointerlockchange event is dispatched to the document.
...And 7 more matches

Using the Screen Capture API - Web APIs
related to this, the devicechange event is never sent when there are changes to the sources available for getdisplaymedia().
... capturing audio is always optional, and even when web content requests a stream with both audio and video, the returned mediastream may still have only one video track, with no audio.
... using the captured stream the promise returned by getdisplaymedia() resolves to a mediastream that contains at least one video stream that contains the screen or screen area, and which is adjusted or filtered based upon the constraints specifed when getdisplaymedia() was called.
...And 7 more matches

Touch events - Web APIs
a multi-touch interaction starts when a finger (or stylus) first touches the contact surface.
...the interaction ends when the fingers are removed from the surface.
... interfaces touchevent represents an event that occurs when the state of touches on the surface changes.
...And 7 more matches

WebGL model view projection - Web APIs
it explains the three core matrices that are typically used when composing a 3d scene: the model, view and projection matrices.
...the z depth in the squares determines what gets drawn on top when the squares share the same space.
... is defined outside of this article this.webglprogram = mdn.createwebglprogramfromids(gl, 'vertex-shader', 'fragment-shader'); gl.useprogram(this.webglprogram); // save the attribute and uniform locations this.positionlocation = gl.getattriblocation(this.webglprogram, 'position'); this.colorlocation = gl.getuniformlocation(this.webglprogram, 'color'); // tell webgl to test the depth when drawing, so if a square is behind // another square it won't be drawn gl.enable(gl.depth_test); } webglbox draw now we'll create a method to draw a box on the screen.
...And 7 more matches

WebRTC connectivity - Web APIs
when a user starts a webrtc call to another user, a special description is created called an offer.
... the offer/answer process is performed both when a call is first established, but also any time the call's format or other configuration needs to change.
... when reading the description (returned by rtcpeerconnection.localdescription and rtcpeerconnection.remotedescription), the returned value is the value of pendinglocaldescription/pendingremotedescription if there's a pending description (that is, the pending description isn't null); otherwise, the current description (currentlocaldescription/currentremotedescription) is returned.
...And 7 more matches

Movement, orientation, and motion: A WebXR example - Web APIs
when rendering the left eye, the xrwebgllayer has its viewport configured to restrict drawing to the left half of the drawing surface.
... contrarily, when rendering the right eye, the viewport is set to restrict drawing to the right half of the surface.
... this example demonstrates this by showing the canvas on the screen, even when presenting a scene as an immersive display using an xr device.
...And 7 more matches

Example and tutorial: Simple synth keyboard - Web APIs
for now, we will have two controls: one to set the master volume and another to select what periodic waveform to use when generating notes.
... let notefreq = null; let customwaveform = null; let sineterms = null; let cosineterms = null; finally, global variables that will be used when constructing waveforms are created: notefreq will be an array of arrays; each array represents one octave, each of which contains one entry for each note in that octave.
... customwaveform will be set up as a periodicwave describing the waveform to use when the user selects "custom" from the waveform picker.
...And 7 more matches

Web Audio API - Web APIs
audiocontextoptions the audiocontextoptions dictionary is used to provide options when instantiating a new audiocontext.
... the ended event the ended event is fired when playback has stopped because the end of the media was reached.
...when creating the node using the createmediastreamtracksource() method to create the node, you specify which track to use.
...And 7 more matches

XMLHttpRequest - Web APIs
xmlhttprequest.onreadystatechange an eventhandler that is called whenever the readystate attribute changes.
... xmlhttprequesteventtarget.ontimeout is an eventhandler that is called whenever the request times out.
...the channel used by the object when performing the request.
...And 7 more matches

Keyboard-navigable JavaScript widgets - Accessibility
using tabindex by default, when people use the tab key to browse a webpage, only interactive elements (like links, form controls) get focused.
...when set to 0, the element becomes focusable by keyboard and script.
... when set to -1, the element becomes focusable by script, but it does not become part of the keyboard focus order.
...And 7 more matches

<input type="checkbox"> - HTML: Hypertext Markup Language
<input> elements of type checkbox are rendered by default as boxes that are checked (ticked) when activated, like you might see in an official government paper form.
...when the form is submitted, the data name/value pair will be subscribe=newsletter.
... note: if a checkbox is unchecked when its form is submitted, there is no value submitted to the server to represent its unchecked state (e.g.
...And 7 more matches

<input type="hidden"> - HTML: Hypertext Markup Language
<input> elements of type hidden let web developers include data that cannot be seen or modified by users when a form is submitted.
... value the <input> element's value attribute holds a domstring that contains the hidden data you want to include when the form is submitted to the server.
... additional attributes in addition to the attributes common to all <input> elements, hidden inputs offer the following attributes: attribute description name like all input types, the name of the input to report when submitting the form; the special value _charset_ causes the hidden input's value to be reported as the character encoding used to submit the form name this is actually one of the common attributes, but it has a special meaning available for hidden inputs.
...And 7 more matches

<input type="image"> - HTML: Hypertext Markup Language
additional attributes in addition to the attributes shared by all <input> elements, image button inputs support the following attributes: attribute description alt alternate string to display when the image can't be shown formaction the url to which to submit the data formenctype the encoding method to use when submitting the form data formmethod the http method to use when submitting the form formnovalidate a boolean which, if present, indicates that the form shouldn't be validated before submission formtarget a string indicating...
... formenctype a string that identifies the encoding method to use when submitting the form data to the server.
... formmethod a string indicating the http method to use when submitting the form's data; this value overrides any method attribute given on the owning form.
...And 7 more matches

<input type="tel"> - HTML: Hypertext Markup Language
ns the optional pre-defined autocomplete 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 user-editable size the number of characters wide the input field should be onscreen list the values of the list attribute is the id of a <datalist> element located in the same document.
... pattern the pattern attribute, when specified, is a regular expression that the input's value must match in order for the value to pass constraint validation.
... it must be a valid javascript regular expression, as used by the regexp type, and as documented in our guide on regular expressions; the 'u' flag is specified when compiling the regular expression, so that the pattern is treated as a sequence of unicode code points, instead of as ascii.
...And 7 more matches

<input type="text"> - HTML: Hypertext Markup Language
s the optional pre-defined autocomplete 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 a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be spellcheck controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used list the values of ...
...constraint validation is only applied when the value is changed by the user.
...constraint validation is only applied when the value is changed by the user.
...And 7 more matches

Functions - JavaScript
1 : n * fac(n - 1) } console.log(factorial(3)) function expressions are convenient when passing a function as an argument to another function.
...defining it simply names the function and specifies what to do when the function is called.
... functions must be in scope when they are called, but the function declaration can be hoisted (appear below the call in the code), as in this example: console.log(square(5)); /* ...
...And 7 more matches

Grammar and types - JavaScript
(for more information, see the detailed reference about javascript's lexical grammar.) it is considered best practice, however, to always write a semicolon after a statement, even when it is not strictly needed.
... var input; if (input === undefined) { dothis(); } else { dothat(); } the undefined value behaves as false when used in a boolean context.
... for example, the following code executes the function myfunction because the myarray element is undefined: var myarray = []; if (!myarray[0]) myfunction(); the undefined value converts to nan when used in numeric context.
...And 7 more matches

Loops and iteration - JavaScript
a for statement looks as follows: for ([initialexpression]; [conditionexpression]; [incrementexpression]) statement when a for loop executes, the following occurs: the initializing expression initialexpression, if any, is executed.
...when the condition is false, execution stops, and control passes to the statement following do...while.
... when you use break without a label, it terminates the innermost enclosing while, do-while, for, or switch immediately and transfers control to the following statement.
...And 7 more matches

Optional chaining (?.) - JavaScript
when used with function calls, it returns undefined if the given function does not exist.
... this results in shorter and simpler expressions when accessing chained properties when the possibility exists that a reference may be missing.
... it can also be helpful while exploring the content of an object when there's no known guarantee as to which properties are required.
...And 7 more matches

Populating the page: how browsers work - Web Performance
it occurs whenever a user requests a page by entering a url into the address bar, clicking a link, submitting a form, as well as other actions.
...when a user is on a mobile network, each dns lookup has to go from the phone to the cell tower to reach an authoritative dns server.
...time to first byte (ttfb) is the time between when the user made the request—say by clicking on a link—and the receipt of this first packet of html.
...And 7 more matches

Progressive loading - Progressive web apps (PWAs)
it is faster to load all that information as one file rather than many small ones, but if the user doesn't need everything at the very beginning, we could load only what's crucial and then manage other resources when needed.
...we can also split css files and add media types to them: <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="print.css" media="print"> this will tell the browser to load them only when the condition is met.
...when you include <img> elements in your html, then every referenced image will be fetched and downloaded during initial website access.
...And 7 more matches

Classes and Inheritance - Archive of obsolete content
each class defines one or more members, which are initialized to a given value when the class is instantiated.
...when javascript looks for a property, it first looks for it in the object itself.
...when a function is used in a constructor call, javascript makes the value of this property the prototype of the newly created object: let shape = shape(2, 3); object.getprototypeof(shape) == shape.prototype; // => true all instances of a class have the same prototype.
...And 6 more matches

windows - Archive of obsolete content
optional options: name type onopen function a callback function that is called when the window has opened.
... onclose function a callback function that is called when the window will be called.
... onactivate function a callback function that is called when the window is made active.
...And 6 more matches

Creating annotations - Archive of obsolete content
when a mouseenter event is triggered the selector checks whether the element is eligible for annotation.
... updating main.js go back to main.js and add the code to create the selector into the main function: var selector = pagemod.pagemod({ include: ['*'], contentscriptwhen: 'ready', contentscriptfile: [data.url('jquery-1.4.2.min.js'), data.url('selector.js')], onattach: function(worker) { worker.postmessage(annotatorison); selectors.push(worker); worker.port.on('show', function(data) { console.log(data); }); worker.on('detach', function () { detachworker(this, selectors); }); } }); make sure the name ...
...you should see the highlight appearing when you move the mouse over certain elements: click on the highlight and you should see something like this in the console output: info: show info: http://blog.mozilla.com/addons/2011/02/04/overview-amo-review-process/, post-2249,when you submit a new add-on, you will have to choose between 2 review tracks: full review and preliminary review.
...And 6 more matches

Preferences - Archive of obsolete content
use this when the preference value may contain non-ascii characters (for example, a user's name).
... nsipreflocalizedstring almost the same as nsisupportsstring, but it is handled differently in getcomplexvalue() when there's no user value for the given preference; see below for details.
...it is similar to nsisupportsstring, except that when there is no user value, getcomplexvalue() gets the default value from a locale file (thus making the default value localizable).
...And 6 more matches

Adding Events and Commands - Archive of obsolete content
the most commonly used event is the onload event, which is used in overlays and other windows to detect when the window has loaded and then run initialization code: // rest of overlay code goes here.
...fired when the selection in a tree or listbox changes.
...triggered when the user clicks on the element, including right clicks.
...And 6 more matches

Adding Toolbars and Toolbar Buttons - Archive of obsolete content
it points to the id of a popup element that holds the customization options that are displayed when the user right-clicks on the toolbar.
...menu toolbar buttons are handy when you want to include many options in your toolbar and you don't want it to be too cluttered.
... the other types, checkbox and radio are useful when you have buttons that change state when the user clicks on them.
...And 6 more matches

Adding windows and dialogs - Archive of obsolete content
you should always include it when opening a xul window or dialog.
...modal windows should be avoided when possible because they interrupt the user's browsing and can become annoying very quickly.
... this feature should only be used when there's no way to continue without having the user do something.
...And 6 more matches

Intercepting Page Loads - Archive of obsolete content
« previousnext » there are several ways to detect and intercept loading of web pages and their content, be it only to realize when it happens, modify their contents, or to block them and do something else instead.
... note: performance is very important when it comes to add-ons and page loads.
...it is full of useful functions, so you should always keep it in mind when you want to handle tabs and web content windows.
...And 6 more matches

Inner-browsing extending the browser navigation paradigm - Archive of obsolete content
introduction when you click a link on a web page, your web browser makes a request to a web server which usually results in a new web page as a response.
...in this model, when a request goes to the web server, the current page is updated rather than replaced.
...webmail application the flexibility to easily access and manage all message headers in mail applications (like netscape mail or eudora) is probably one of the useful features when compared with web-based mail applications.
...And 6 more matches

Drag and Drop JavaScript Wrapper - Archive of obsolete content
<button label="drag me" ondraggesture="nsdraganddrop.startdrag(event,buttonobserver);" /> the function startdrag will be called when a drag starts on the button.
...in this case we only do anything special when the button drag is started.
... ondragstart(event, transferdata, action) define this function to have something happen when a drag starts.
...And 6 more matches

JavaScript Client API - Archive of obsolete content
when something of interest occurs, it interacts with the engine to let it know something has happened and it might want to take action store entity that serves as a data store/proxy for information in an engine.
...when one of these guids is later passed as an argument to createrecord(), you need to return a record based on the matching data.
... wipe() when this method is called, your store needs to completely wipe all of its stored data from the local application.
...And 6 more matches

Supporting private browsing mode - Archive of obsolete content
when private browsing mode is enabled, temporary, databases are created to be used for cookies and local storage; these databases are thrown away when private browsing mode is turned off, and the regular databases are re-activated.
...extensions that may record potentially private information may wish to hook into the private browsing service so that they can avoid saving personal information when private browsing mode is enabled.
...private browsing notifications there are notifications available that allow you to easily watch for changes to the status of the private browsing mode, including detecting when it turns on and off.
...And 6 more matches

Binding Implementations - Archive of obsolete content
when the src attribute is specified, any children of the implementation element are ignored.
...the second type of property is one that defines functions that are invoked when the property is either retrieved or set.
... a getter contains script whose return value is handed back when the property is requested.
...And 6 more matches

Adding Event Handlers - Archive of obsolete content
using scripts to make the find files dialog functional, we need to add some scripts which will execute when the user interacts with the dialog.
... <script src="findfile.js"/> we'll create the script file later when we know what we want to put in it.
... each event has a name, for example, 'mousemove' is the name of the event that is triggered when the user moves the mouse over a ui element.
...And 6 more matches

Adding Event Handlers to XBL-defined Elements - Archive of obsolete content
this could be useful when trapping the focus and blur events.
...a common reason to set handlers is to modify the custom properties when an event occurs.
... for example, a custom checkbox might have a checked property which needs to be changed when the user clicks the checkbox: <handlers> <handler event="mouseup" action="this.checked=!this.checked"/> </handlers> when the user clicks and releases the mouse button over the check box, the mouseup event is sent to it, and the handler defined here is called, causing the state of the checked property to be reversed.
...And 6 more matches

Adding Properties to XBL-defined Elements - Archive of obsolete content
properties can also be used to hold a value but may have code execute when an attempt is made to retrieve or modify the value.
...onget attribute and onset attribute you can use the onget and onset attributes to have code execute when the property is retrieved or modified.
...whenever a script attempts to access the value of the property, the onget script will be called to retrieve the value.
...And 6 more matches

Commands - Archive of obsolete content
however, a command has the advantage that it can be disabled when needed and can be invoked without needing to know about the details of its implementation.
...you should use them when the operation depends on which element is focused.
...the result is that when the button is pressed, the command 'cmd_openhelp' is invoked.
...And 6 more matches

Document Object Model - Archive of obsolete content
when an xul file is loaded, the tags are parsed and converted into a hierarchical document structure of nodes, one for each tag and block of text.
...for example, the following two lines which open a new window are functionally equivalent: window.open("test.xul","_new"); open("test.xul","_new"); when you declare a function or a variable at the top level of a script, that is outside another function, you are actually declaring a property of the global object.
... our find files example it doesn't make sense to have the progress bar and the dummy tree data displayed when the find files dialog is first displayed.
...And 6 more matches

button - Archive of obsolete content
when autocheck is true, the button type should be "checkbox" or "radio".
...when in state 0 or 1, pressing the button will switch to the opposite state.
... when in state 2, pressing the button will switch to state 0.
...And 6 more matches

commandset - Archive of obsolete content
in addition, this element can hold a command updater which is used to update commands when certain events occur.
...typically, this is used to update menu commands such as undo and cut based on when an event occurs.
... for example, since the cut command is only valid when something is selected, a command updater might be used when the select event occurs.
...And 6 more matches

menuitem - Archive of obsolete content
when autocheck is true, the button type should be "checkbox" or "radio".
... note: if the checked attribute is set to true, and you persist its value via the persist attribute, mozilla will fail to persist its value when the menuitem is unchecked because of bug 15232.
... a workaround is to set the autocheck attribute to false, then programmatically set the checked attribute when the user selects the item, and set it to false instead of removing the attribute (i.e.
...And 6 more matches

splitter - Archive of obsolete content
when the splitter is dragged, the sibling elements of the splitter are resized.
... if a grippy is placed inside the splitter, one sibling element of the splitter is collapsed when the grippy is clicked.
...the vbox is used to hold the .png image that a user clicks on to resize the search bar.--> <splitter tooltiptext="resize the search box" oncommand="alert('the splitter was dragged')"> <vbox id="example_vbox" /> </splitter> attributes collapse type: one of the values below determines which side of the splitter is collapsed when its grippy is clicked.
...And 6 more matches

XForms Custom Controls - Archive of obsolete content
for example, you might want to render images that are held inside an instance document or you would like to show a disabled trigger when its bound node becomes irrelevant rather than having it not display (the current default behavior).
...as mentioned in the spec, the appearance attribute can be used to influence the look and feel of a control even when all other conditions remain constant.
... for example, in the mozilla xforms extension we will render a combobox widget when appearance='minimal' on a select1 control.
...And 6 more matches

Paddle and keyboard controls - Game development
we want to run some code to handle the paddle movement when the buttons are pressed.
... two functions handling the keydown and keyup events the code that will be run when the buttons are pressed.
...add the following lines just above the setinterval() line at the bottom of your javascript: document.addeventlistener("keydown", keydownhandler, false); document.addeventlistener("keyup", keyuphandler, false); when the keydown event is fired on any of the keys on your keyboard (when they are pressed), the keydownhandler() function will be executed.
...And 6 more matches

The HTML5 input types - Learn web development
e-mail address field this type of field is set using the value email for the type attribute: <input type="email" id="email" name="email"> when this type is used, the user is required to type a valid email address into the field.
... any other content causes the browser to display an error when the form is submitted.
...often, search fields are rendered with rounded corners; they also sometimes display an "Ⓧ", which clears the field of any value when clicked).
...And 6 more matches

From object to iframe — other embedding technologies - Learn web development
(textarea.selectionend, textarea.value.length); textarea.value = front + text + back; caretpos = caretpos + text.length; textarea.selectionstart = caretpos; textarea.selectionend = caretpos; textarea.focus(); textarea.scrolltop = scrollpos; } // update the saved usercode every time the user updates the text area code textarea.onkeyup = function(){ // we only want to save the state when the user code is being shown, // not the solution, so that solution is not saved over the user code if(solution.value === 'show solution') { userentry = textarea.value; } else { solutionentry = textarea.value; } updatecode(); }; iframes in detail so, that was easy and fun, right?
... only embed when necessary sometimes it makes sense to embed third-party content — like youtube videos and maps — but you can save yourself a lot of headaches if you only embed third-party content when completely necessary.
...that means, you must credit us properly when you quote our content, even if you make substantial changes.
...And 6 more matches

General asynchronous programming concepts - Learn web development
there's no sense sitting there waiting for something when you could let the other task chug along on another processor core and let you know when it's done.
...when a web app runs in a browser and it executes an intensive chunk of code without returning control to the browser, the browser can appear to be frozen.
... in our simple-sync.html example (see it running live), we add a click event listener to a button so that when clicked, it runs a time-consuming operation (calculates 10 million dates then logs the final one to the console) and then adds a paragraph to the dom: const btn = document.queryselector('button'); btn.addeventlistener('click', () => { let mydate; for(let i = 0; i < 10000000; i++) { let date = new date(); mydate = date } console.log(mydate); let pelem = document.createelement('p'); pelem.textcontent = 'this is a newly-added paragraph...
...And 6 more matches

Manipulating documents - Learn web development
previous overview: client-side web apis next when writing web pages and apps, one of the most common things you'll want to do is manipulate the document structure in some way.
...add the following line below the previous one: link.textcontent = 'mozilla developer network'; we should also change the url the link is pointing to, so that it doesn't go to the wrong place when it is clicked on.
...t.createtextnode(): const text = document.createtextnode(' — the premier source for web development knowledge.'); now we'll grab a reference to the paragraph the link is inside, and append the text node to it: const linkpara = document.queryselector('p'); linkpara.appendchild(text); that's most of what you need for adding nodes to the dom — you'll make a lot of use of these methods when building dynamic interfaces (we'll look at some examples later).
...And 6 more matches

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.
...in this line we currently have i <= 0, which is a conditional test that causes the for loop to only run once, because it is saying "stop when i is no longer less than or equal to 0", and i starts at 0.
...And 6 more matches

Handling common HTML and CSS problems - Learn web development
note: one common problem with css and html arises when different css rules begin to conflict with one another.
... this can be especially problematic when you are using third party code.
... older browsers not supporting modern features this is a common problem, especially when you need to support old browsers (such as old ie versions) or you are using features that are implemented using css prefixes.
...And 6 more matches

Strategies for carrying out testing - Learn web development
when doing cross-browser testing, you need to work out a list of browsers you will need to test on to start with.
... note: when using google analytics, you need to beware of misleading bias, e.g.
... when you've got a new addition to your codebase that needs testing, before you start testing you should write out a list of testing requirements that need to pass to be accepted.
...And 6 more matches

Mozilla's Section 508 Compliance
here are the section 508 requirements and how far along mozilla seamonkey rv1.8a4 is with each one: requirement windows linux/unix mac os requirement windows linux/unix mac os (a) when software is designed to run on a system that has a keyboard, product functions shall be executable from a keyboard where the function itself or the result of performing a function can be discerned textually.
...when an image represents a program element, the information conveyed by the image must also be available in text.
... (e) when bitmap images are used to identify controls, status indicators, or other programmatic elements, the meaning assigned to those images shall be consistent throughout an application's performance.
...And 6 more matches

Software accessibility: Where are we today?
when you add all these groups of people together, that's a lot of potential users!
...finally, this technology could be useful to mainstream users, on portable information appliances, or to access information when the eyes are busy elsewhere.
...the basic concept is easy - dealing with information when you're blind is like seeing everything through a mail slot - sequentially and methodically.
...And 6 more matches

Mozilla’s UAAG evaluation report
when filing mozilla bugs based on uaag requirements, please use bug 24413 as the uaag meta bug.
...(p1) vg alt for img: rendered when images turned off.
... reasons: the title attribute is almost never present when the alt isn't.
...And 6 more matches

Debugging on Mac OS X
macos 10.15 went further, requiring applications to be notarized with hardened runtime enabled in order to launch (ignoring workarounds.) when run on earlier macos versions, notarization and hardened runtime settings have no effect.
... select "build" from the left of the scheme editor window, and check that there is nothing listed under targets (otherwise it may cause problems when you try to run the executable for debugging since you will get build errors).
... at this point you can run the application from xcode, and when you pause or hit breakpoints it should show open the correct source file at the correct line.
...And 6 more matches

How Mozilla's build system works
phases when you type mach build to build the tree, three high-level phases occur within the build system: system detection and validation preparation of the build backend invocation of the build backend phase 1: configure phase 1 centers around the configure script.
... when config.status runs, you'll see the following output: reticulating splines...
... phase 3: invocation of the build backend when most people think of the build system, they think of phase 3.
...And 6 more matches

mach
if the current working directory mach is invoked with is inside an object directory, the mozconfig used when creating that object directory is used.
... 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.
... note: mach tab completion will not work when running mach in a source directory older than firefox 24.
...And 6 more matches

Script security
when code from compartment a tries to access an object in compartment b, gecko gives it a cross-compartment wrapper.
... whenever cross-compartment access happens, the wrappers enable us to implement the appropriate security policy.
... because the wrapper we choose is specific to the relationship between the two compartments, the security policy it implements can be static: when the caller uses the wrapper, there's no need to check who is making the call or where it is going.
...And 6 more matches

IPDL Tutorial
an ipdl protocol declares how actors communicate: it declares the possible messages that may be sent between actors, as well as a state machine describing when messages are allowed to be sent.
... generated c++ code when pplugin.ipdl is compiled, the headers ppluginparent.h, and ppluginchild.h will be generated in the ipc/ipdl/_ipdlheaders/ directory of the build tree.
...maybe); }; custom primitive types when you need to send data of a type other than one built into ipdl, you can add a using declaration in an ipdl specification.
...And 6 more matches

InstallListener
addoninstall install) void oninstallstarted(in addoninstall install) void oninstallended(in addoninstall install, in addon addon) void oninstallcancelled(in addoninstall install) void oninstallfailed(in addoninstall install) void onexternalinstall(in addon install, in addon existingaddon, in boolean needsrestart) methods onnewinstall() called when a new instance of addoninstall is created, primarily so ui can display some kind of progress for all installs.
... void onnewinstall( in addoninstall install ) parameters install the addoninstall representing the install ondownloadstarted() called when downloading begins for an add-on install.
... void ondownloadprogress( in addoninstall install ) parameters install the addoninstall representing the install ondownloadended() called when downloading completes successfully for an add-on install.
...And 6 more matches

Examples
when the callback finishes execution, newpromise will be fulfilled with an undefined fulfillment value, because the callback does not return any value.
... when newpromise is fulfilled, nothing happens, because no fulfillment callback is specified and the return value of the last then method is ignored.
..."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.
...And 6 more matches

Creating localizable web applications
you can achieve this by setting a cookie when the user changes the locale with the language dropdown, or by looking for locale code in the url.
...good: body.de foo, body.fr foo, body.pl foo { /* locale-specific rules for the foo element */ width: 10em; /* originally 8em */ } adapt the interaction to rtl locales right-to-left locales not only require good images handling (see images), but also should be taken into account when designing the interaction on the website.
... separate urls from navigation sometimes, when the urls are well-designed, you may want to use the url to do something in the code depending on where the user is.
...And 6 more matches

Gecko Profiler FAQ
usually you should be really careful when changing the characteristics of the environment that you are trying to measure to avoid measuring the wrong thing.
... this mode is usually recommended when you want to find a thread you want to do more focused profiling on, so that you can find its name and then construct a more useful thread filter string based on the found thread name.
...when we are accessing a virtual memory page that needs to reload from disk) the gecko profiler does not know about page faults.
...And 6 more matches

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).
... this is likely to happen when i/o is involved or a potentially expensive process wants to break itself up into smaller chunks (like a search operation) so that the ui stays responsive.
...when i/o results in newly read data it places an event in the queue.
...And 6 more matches

nss tech note1
this decoder was written when performance issues were discovered with the classic decoder.
...the number of required templates is determined by the type of the first template.when multiple templates are required, the pointer must point to a null-terminated array of templates.
...when only one template is needed, you do not need a null template to terminate the array.
...And 6 more matches

PKCS #11 Module Specs
parameter passing if the parameter is specified, the application/library will strip the value out, processing any outter quotes and escapes appropriately, and pass the parameter to the pkcs #11 library when it calls c_initialize().
... cipherorder - integer value specifiying the order in which tokens are searched when looking for a token to do a generic operation (des/hashing, etc).
... random - this token should be used to generate random numbers when the application call 'pk11_generaterandom'.
...And 6 more matches

Rhino scopes and contexts
only when the counter reaches zero will it be disassociated from the thread.
... a top-level scope is created by calling context.initstandardobjects to create all the standard objects: scriptableobject scope = cx.initstandardobjects(); the easiest way to embed rhino is just to create a new scope this way whenever you need one.
...when we start executing f, the scope chain will start with the function's activation object and will end with the top-level scope (see diagram below).
...And 6 more matches

JIT Optimization Strategies
for example, in the following code: var constants = {}; constants.n = 100; function testarray(array) { for (var i = 0; i < array.length; i++) { if (array[i] > constants.n) return true; } return false; } will have the loop compiled into the following when testarray gets hot.
... for (var i = 0; i < array.length; i++) { if (array[i] > 100) return true; } when this optimization is successful, property access is eliminated entirely and replaced with an inline constant.
... when this optimization is successful, property access is eliminated entirely and replaced with an inline constant.
...And 6 more matches

Property attributes
an application can set property attributes when creating a property.
...obsolete since jsapi 39 this flag has an additional special meaning when used with js_defineproperty, js_fs, and other apis that define properties: it means that the name parameter is actually an integer unsafely cast to a pointer type, not a string.
... mxr id search for jsprop_index jsprop_define_late don't define property when initially creating the constructor.
...And 6 more matches

nsIDynamicContainer
1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 1.9 (firefox 3) the service can fill result nodes directly into the container when it is opened.
... overview void oncontainermoved(in long long aitemid, in long long anewparent, in long anewindex); void oncontainernodeclosed(in nsinavhistorycontainerresultnode acontainer); void oncontainernodeopening(in nsinavhistorycontainerresultnode acontainer, in nsinavhistoryqueryoptions aoptions); void oncontainerremoving(in long long aitemid); methods oncontainermoved() this method is called when the given container has just been moved, in case the service needs to do any bookkeeping.
... oncontainernodeclosed() this method is called when the given container has just been collapsed so that the service can do any necessary cleanup.
...And 6 more matches

nsIZipWriter
compression_fastest 1 use the fastest compression method when adding the file to the archive.
... compression_default 6 use the default compression method when adding the file to the archive.
... compression_best 9 use the best compression method when adding the file to the archive.
...And 6 more matches

Reference Manual
whenever you `point' the nscomptr at a different xpcom object (by assignment or initialization), it must release its old value, if any, and addref the new.
...for example, an nscomptr<nsifoo> will always hold the pointer that would be returned by queryinterface, when querying an xpcom object for its nsifoo interface.
...null-dereference safeguards an nscomptr will also assert at runtime if you try to dereference it when it is void, e.g., nscomptr<nsifoo> foo; // note: default initialized to |0| foo->dosomething(); // ns_precondition: "you can't dereference a null nscomptr with operator->()" a similar precondition intervenes on behalf of operator*.
...And 6 more matches

XUL Overlays
when plug-ins, browser extensions, or other applications provide new ui elements to the browser, these elements should be defined in overlay files.
...ld be defined as a collection of elements or subtrees: <menuitem name="super stream player"/> <menupopup name="ss favorites"> <menuitem name="wave" src="mavericks.ssp"/> <menuitem name="soccer" src="brazil_soccer.ssp"/> </menupopup> <titledbutton id="ssp" crop="right" flex="1" value="&ssbutton.label;" onclick="firessp()"/> overlays and id attributes bases and overlays are merged when they share the same id attribute.
...when you load an overlay explicitly, it means that you intend to make it available every time the base file is loaded.
...And 6 more matches

Mail and RDF
what else do we store?) datasources are created when each window's javascript is loaded by declaring the datasource variables in the source javascript as global variables.
... reflecting data to rdf in order to have a dynamic ui that updates when the underlying content changes, a datasource must implement two key methods of reflecting data into rdf.
... answering queries: when rdf asks for information about a resource, datasources answer with the results of the query.
...And 6 more matches

Introduction to DOM Inspector - Firefox Developer Tools
(note: this is now a dead link.) when you first start the dom inspector, you are presented with a two-pane application window that looks a little like the main mozilla browser.
... inspecting a document when the dom inspector opens, it may or may not load an associated document, depending on the host application.
... when you inspect a web page with this method, a browser pane at the bottom of the dom inspector window will open up, displaying the web page.
...And 6 more matches

Debugging service workers - Firefox Developer Tools
when you open the application panel’s service workers view on a page that doesn't have a service worker registered, you'll get the following output shown: this gives you some advice on what to do if you don't have a service worker registered, and were perhaps expecting there to be one registered!
... debugging your service worker in any case, when the service worker is successfully registered, you'll see information about it displayed in the application > service workers view (along with any other service workers registered on the same domain): this gives you a variety of information about your service worker: the url that the service worker is registered on.
... that last time the service worker was updated (if the service has not been updated, this is when it was first installed).
...And 6 more matches

Waterfall - Firefox Developer Tools
it's based on the idea that the things a browser does when running a site can be divided into various types - running javascript, updating layout, and so on - and that at any given point in time, the browser is doing one of those things.
... when a marker is selected you'll see more information about it in a sidebar on the right.
... worker event in main thread shown when the main thread sends a message to a worker, or receives a message from a worker.
...And 6 more matches

Console messages - Firefox Developer Tools
when you run code containing an async function, its traces (console.trace or thrown error) are shown with an async: prefix.
...reflows occur when a change has happened to a page that the browser thinks affects the layout.
...by logging reflow events the web console can give you insight into when reflow events are being triggered, how long they take to execute and, if the reflows are synchronous reflows triggered from javascript, which code triggered them.
...And 6 more matches

Applying styles and colors - Web APIs
fillstyle = color sets the style used when filling shapes.
... note: when you set the strokestyle and/or fillstyle property, the new value becomes the default for all shapes being drawn from then on.
... the globalalpha property can be useful if you want to draw a lot of shapes on the canvas with similar transparency, but otherwise it's generally more useful to set the transparency on individual shapes when setting their colors.
...And 6 more matches

Introduction to the DOM - Web APIs
many browsers extend the standard, so care must be exercised when using them on the web where documents may be accessed by various browsers with different doms.
... when you create a script–whether it's inline in a <script> element or included in the web page by means of a script loading instruction–you can immediately begin using the api for the document or window elements to manipulate the document itself or to get at the children of that document, which are the various elements in the web page.
... this following javascript will display an alert when the document is loaded (and when the whole dom is available for use): <body onload="window.alert('welcome to my home page!');"> another example.
...And 6 more matches

EventSource - Web APIs
that makes them an excellent choice when there's no need to send data from the client to the server in message form.
... when not used over http/2, sse suffers from a limitation to the maximum number of open connections, which can be specially painful when opening various tabs as the limit is per browser and set to a very low number (6).
...when using http/2, the maximum number of simultaneous http streams is negotiated between the server and the client (defaults to 100).
...And 6 more matches

MediaRecorder - Web APIs
properties mediarecorder.mimetype read only returns the mime type that was selected as the recording container for the mediarecorder object when it was created.
... mediarecorder.state read only returns the current state of the mediarecorder object (inactive, recording, or paused.) mediarecorder.stream read only returns the stream that was passed into the constructor when the mediarecorder was created.
... mediarecorder.ignoremutedmedia indicates whether the mediarecorder instance will record input when the input mediastreamtrack is muted.
...And 6 more matches

Recording a media element - Web APIs
that lets us use promise syntax when using timeouts, which can be very handy when chaining promises, as we'll see later.
... lines 9-12 creates a new promise, named stopped, which is resolved when the mediarecorder's onstop event handler is called, and is rejected if its onerror event handler is called.
... lines 14-16 creates a new promise, named recorded, which is resolved when the specified number of milliseconds have elapsed.
...And 6 more matches

MouseEvent - Web APIs
mouseevent.altkey read only returns true if the alt key was down when the mouse event was fired.
... mouseevent.button read only the button number that was pressed (if applicable) when the mouse event was fired.
... mouseevent.buttons read only the buttons being depressed (if any) when the mouse event was fired.
...And 6 more matches

TouchEvent - Web APIs
the touchevent interface represents an uievent which is sent when the state of contacts with a touch-sensitive surface changes.
... touchevent.altkey read only a boolean value indicating whether or not the alt key was down when the touch event was fired.
... touchevent.ctrlkey read only a boolean value indicating whether or not the control key was down when the touch event was fired.
...And 6 more matches

Web audio spatialization basics - Web APIs
libraries like three.js and a-frame harness its potential when dealing with sound.
...when we move the boombox, the sound it produces changes accordingly, panning as it moves to the left or right of the room, or becoming quieter as it is moved away from the user or is rotated so the speakers are facing away from them, etc.
...we can set this to: equalpower — the default and the general way panning is figured out hrtf — this stands for 'head-related transfer function' and looks to take into account the human head when figuring out where the sound is.
...And 6 more matches

XRSession - Web APIs
returns a promise which resolves when the session has been shut down.
... inputsourceschange an event of type xrinputsourceschangeevent sent to the xrsession when the list of active xr input sources has changed.
... 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 6 more matches

ARIA annotations - Accessibility
it is useful to know when to use each.
... you’ll see examples of most of these later on in the article, but briefly: aria-label="" can be set on an element to provide a brief descriptive label when it isn't appropriate to have the label actually appearing in the ui, for example a search input in a horizontal nav bar.
...this is useful when the element’s label is available in the ui, but for some reason a conventional <label> won’t work.
...And 6 more matches

ARIA: textbox role - Accessibility
whenever possible, rather than using this role, use an <input> element with type="text", for single-line input, or a <textarea> element for multi-line input.
... description when an element has the textbox role, the browser sends an accessible textbox event to assistive technologies, which can then notify the user about it.
... associated aria properties aria-activedescendent attribute taking as it's value the id of is either a descendant of the element with dom focus or is a logical descendant as indicated by the aria-owns attribute, it indicates when that element has focus, when it is part of a composite widget such as a combobox.
...And 6 more matches

CSS Box Alignment - CSS: Cascading Style Sheets
relationship to writing modes alignment is linked to writing modes in that when we align an item we do not consider whether we are aligning it to the physical dimensions of top, right, bottom and left.
... two dimensions of alignment when using the box alignment properties you will align content on one of two axes — the inline (or main) axis, and the block (or cross) axis.
... when aligning items on the inline axis you will use the properties which begin with justify-: justify-items justify-self justify-content when aligning items on the block axis you will use the properties that begin align-: align-items align-self align-content flexbox adds an additional complication in that the above is true when flex-direction is set to row.
...And 6 more matches

Basic concepts of flexbox - CSS: Cascading Style Sheets
when we describe flexbox as being one dimensional we are describing the fact that flexbox deals with layout in one dimension at a time — either as a row or as a column.
... the two axes of flexbox when working with flexbox you need to think in terms of two axes — the main axis and the cross axis.
... understanding which axis is which is important when we start to look at aligning and justifying flex items; flexbox features properties that align and justify content along one axis or the other.
...And 6 more matches

Scaling of SVG backgrounds - CSS: Cascading Style Sheets
given the flexibility of svg images, there's a lot to keep in mind when using them as background images with the background-image property, and even more to keep in mind when also scaling them using the background-size property.
... this article describes how scaling of svg images is handled when using these properties.
... source image examples before diving in to look at the results of using different kinds of source images and seeing how they look when used with background-size, it would be helpful to look at a few example source images that have different dimensions and sizing settings.
...And 6 more matches

Viewport concepts - CSS: Cascading Style Sheets
on most mobile devices and when the browser is in fullscreen mode, the viewport is the entire screen.
... when zoomed in, both firefox and chrome report the new css pixel size for innerwidth and clientwidth.
...when zoomed in you may get: document.documentelement.clientwidth /* 800 */ window.innerwidth /* 800 */ window.outerwidth /* 800 in firefox, 1200 in chrome */ document.documentelement.clientheight /* 533 */ window.innerheight /* 533 */ window.outerheight /* 596 in firefox, 900 in chrome */ the viewport was originally 1200 x 800 pixels.
...And 6 more matches

Overview of events and handlers - Developer guides
this overview of events and event handling explains the code design pattern used to react to incidents occurring when a browser accesses a web page, and it summarizes the types of such incidents modern web browsers can handle.
... events and event handling provide a core technique in javascript for reacting to incidents occurring when a browser accesses a web page, including events from preparing a web page for display, from interacting with the content of the web page, relating to the device on which the browser is running, and from many other causes such as media stream playback or animation timing.
...the innovation of the dynamic approach allows for a page to be partially rendered even when the browser has not finished retrieving all resources; this approach also allows for event driven actions, which javascript leverages.
...And 6 more matches

<input type="search"> - HTML: Hypertext Markup Language
s the optional pre-defined autocomplete 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 a boolean attribute indicating whether or not the contents of the input should be read-only size a number indicating how many characters wide the input field should be spellcheck controls whether or not to enable spell checking for the input field, or if the default spell checking configuration should be used list the values of ...
... pattern the pattern attribute, when specified, is a regular expression that the input's value must match in order for the value to pass constraint validation.
... it must be a valid javascript regular expression, as used by the regexp type, and as documented in our guide on regular expressions; the 'u' flag is specified when compiling the regular expression, so that the pattern is treated as a sequence of unicode code points, instead of as ascii.
...And 6 more matches

<input type="time"> - HTML: Hypertext Markup Language
you can set a default value for the input by including a valid time in the value attribute when creating the <input> element, like so: <label for="appt-time">choose an appointment time: </label> <input id="appt-time" type="time" name="appt-time" value="13:30"> you can also get and set the date value in javascript using the htmlinputelement.value property, for example: var timecontrol = document.queryselector('input[type="time"]'); timecontrol.value = '15:30'; time value format the v...
...when this happens, the contents of the <span> are replaced with the new value of the input element.
... var starttime = document.getelementbyid("starttime"); var valuespan = document.getelementbyid("value"); starttime.addeventlistener("input", function() { valuespan.innertext = starttime.value; }, false); when a form including a time input is submitted, the value is encoded before being included in the form's data.
...And 6 more matches

Using HTTP cookies - HTTP
while this was legitimate when they were the only way to store data on the client, it is now recommended to use modern storage apis.
... get /sample_page.html http/2.0 host: www.example.org cookie: yummy_cookie=choco; tasty_cookie=strawberry note: here's how to use the set-cookie header in various server-side applications: php node.js python ruby on rails define the lifetime of a cookie the lifetime of a cookie can be defined in two ways: session cookies are deleted when the current session ends.
... the browser defines when the "current session" ends, and some browsers use session restoring when restarting, which can cause session cookies to last indefinitely long.
...And 6 more matches

JavaScript data types and data structures - JavaScript
however, you are able to notice this when you divide by zero: > 42 / +0 infinity > 42 / -0 -infinity although a number often represents only its value, javascript provides binary (bitwise) operators.
... it may be necessary to use such techniques in very constrained environments, like when trying to cope with the limitations of local storage, or in extreme cases (such as when each bit over the network counts).
... this technique should only be considered when it is the last measure that can be taken to optimize size.
...And 6 more matches

Equality comparisons and sameness - JavaScript
briefly: double equals (==) will perform a type conversion when comparing two things, and will handle nan, -0, and +0 specially to conform to ieee 754 (so nan != nan, and -0 == +0); triple equals (===) will do the same comparison as double equals (including the special handling for nan, -0, and +0) but without type conversion; if the types differ, false is returned.
...(the only case in which (x !== x) is true is when x is nan.) loose equality using == loose equality compares two values for equality, after converting both values to a common type.
...(this use case demonstrates an instance of the liskov substitution principle.) one instance occurs when an attempt is made to mutate an immutable property: // add an immutable negative_zero property to the number constructor.
...And 6 more matches

Control flow and error handling - JavaScript
best practice in general, it's good practice to always use block statements—especially when nesting if statements: if (condition) { statement_1_runs_if_condition_is_true; statement_2_runs_if_condition_is_true; } else { statement_3_runs_if_condition_is_false; statement_4_runs_if_condition_is_false; } it's unwise to use simple assignments in a conditional expression, because the assignment can be confused with equality when glancing over the code.
...*/ } if you need to use an assignment in a conditional expression, a common practice is to put additional parentheses around the assignment, like this: if ((x = y)) { /* statements here */ } falsy values the following values evaluate to false (also known as falsy values): false undefined null 0 nan the empty string ("") all other values—including all objects—evaluate to true when passed to a conditional statement.
...when break is encountered, the program exits the switch and continues execution from the statement following switch.
...And 6 more matches

JavaScript modules - JavaScript
it has therefore made sense in recent years to start thinking about providing mechanisms for splitting javascript programs up into separate modules that can be imported when needed.
... the <script type="module"> attribute is used to denote when a module is being pointed to, as you'll see below.
... there is no need to use the defer attribute (see <script> attributes) when loading a module script; modules are deferred automatically.
...And 6 more matches

Regular expressions - JavaScript
creating a regular expression you construct a regular expression in one of two ways: using a regular expression literal, which consists of a pattern enclosed between slashes, as follows: let re = /ab+c/; regular expression literals provide compilation of the regular expression when the script is loaded.
...use the constructor function when you know the regular expression pattern will be changing, or you don't know the pattern and are getting it from another source, such as user input.
...for example, the pattern /abc/ matches character combinations in strings only when the exact sequence "abc" occurs (all characters together and in that order).
...And 6 more matches

Working with objects - JavaScript
this notation is also very useful when property names are to be dynamically determined (when the property name is not determined until runtime).
...for example, in the above code, when the key obj is added to the myobj, javascript will call the obj.tostring() method, and use this result string as the new key.
...to illustrate how this works, the following function displays the properties of the object when you pass the object and the object's name as arguments to the function: function showprops(obj, objname) { var result = ``; for (var i in obj) { // obj.hasownproperty() is used to filter out properties from the object's prototype chain if (obj.hasownproperty(i)) { result += `${objname}.${i} = ${obj[i]}\n`; } } return result; } so, the function call showprops(mycar, "m...
...And 6 more matches

Memory Management - JavaScript
in contrast, javascript automatically allocates memory when objects are created and frees it when they are not used anymore (garbage collection).
... memory life cycle regardless of the programming language, the memory life cycle is pretty much always the same: allocate the memory you need use the allocated memory (read, write) release the allocated memory when it is not needed anymore the second part is explicit in all languages.
... allocation in javascript value initialization in order to not bother the programmer with allocations, javascript will automatically allocate memory when values are initially declared.
...And 6 more matches

Error - JavaScript
error objects are thrown when runtime errors occur.
... internalerror creates an instance representing an error that occurs when an internal error in the javascript engine is thrown.
... rangeerror creates an instance representing an error that occurs when a numeric variable or parameter is outside of its valid range.
...And 6 more matches

FinalizationRegistry - JavaScript
a finalizationregistry object lets you request a callback when an object is garbage-collected.
... description finalizationregistry provides a way to request that a cleanup callback get called at some point when an object registered with the registry has been reclaimed (garbage-collected).
... if you might want to unregister an object later, you pass a third value, which is the unregistration token you'll use later when calling the registry's unregister function to unregister the object.
...And 6 more matches

Function.prototype.bind() - JavaScript
the bind() method creates a new function that, when called, has its this keyword set to the provided value, with a given sequence of arguments preceding any provided when the new function is called.
... syntax let boundfunc = func.bind(thisarg[, arg1[, arg2[, ...argn]]]) parameters thisarg the value to be passed as the this parameter to the target function func when the bound function is called.
...when using bind to create a function (supplied as a callback) inside a settimeout, any primitive value passed as thisarg is converted to object.
...And 6 more matches

Promise - JavaScript
description a promise is a proxy for a value not necessarily known when the promise is created.
...when either of these options happens, the associated handlers queued up by a promise's then method are called.
... if the promise has already been fulfilled or rejected when a corresponding handler is attached, the handler will be called, so there is no race condition between an asynchronous operation completing and its handlers being attached.
...And 6 more matches

import - JavaScript
name name of the module object that will be used as a kind of namespace when referring to the imports.
... import {foo, bar} from '/modules/my-module.js'; import an export with a more convenient alias you can rename an export when importing it.
...for instance: import mydefault, * as mymodule from '/modules/my-module.js'; // mymodule used as a namespace or import mydefault, {foo, bar} from '/modules/my-module.js'; // specific, named imports when importing a default export with dynamic imports, it works a bit differently.
...And 6 more matches

Making PWAs work offline with Service workers - Progressive web apps (PWAs)
they finally fix issues that front-end developers have struggled with for years — most notably how to properly cache the assets of a website and make them available when the user’s device is offline.
...you are able to give a service worker something to work on, and receive the result whenever it is ready using a promise-based approach.
... "progressive" in pwa when implemented properly as a progressive enhancement, service workers can benefit users who have modern browsers that support the api by providing offline support, but won't break anything for those using legacy browsers.
...And 6 more matches

Using templates and slots - Web Components
the truth about templates when you have to reuse the same markup structures repeatedly on a web page, it makes sense to use some kind of a template rather than repeating the same structure over and over again.
... slots are identified by their name attribute, and allow you to define placeholders in your template that can be filled with any markup fragment you want when the element is used in the markup.
... so, if we want to add a slot into our trivial example, we could update our template's paragraph element like this: <p><slot name="my-text">my default text</slot></p> if the slot's content isn't defined when the element is included in the markup, or if the browser doesn't support slots, <my-paragraph> just contains the fallback content "my default text".
...And 6 more matches

Introduction to using XPath in JavaScript - XPath
null, which can be used for html documents or when no namespace prefixes are used.
... simple types when the desired result type in resulttype is specified as either: number_type - a double string_type - a string boolean_type - a boolean we obtain the returned value of the expression by accessing the following properties respectively of the xpathresult object.
... node-set types the xpathresult object allows node-sets to be returned in 3 principal different types: iterators snapshots first nodes iterators when the specified result type in the resulttype parameter is either: unordered_node_iterator_type ordered_node_iterator_type the xpathresult object returned is a node-set of matched nodes which will behave as an iterator, allowing us to access the individual nodes contained by using the iteratenext() method of the xpathresult.
...And 6 more matches

Content Processes - Archive of obsolete content
content scripts when the sdk was first designed, firefox was being refactored towards a multiprocess model.
...when this function is called with a given event name, it calls all the listeners currently associated with that event.
...we can then hook up a listener to be called when this message arrives at the other process, which in turn calls the emit function on the other event emitter.
...And 5 more matches

selection - Archive of obsolete content
usage registering for selection notifications to be notified when the user makes a selection, register a listener for the "select" event.
...getting the selection when there is no current selection returns null.
... setting the selection when there is no current selection throws an exception.
...And 5 more matches

places/bookmarks - Archive of obsolete content
the function returns a placesemitter that emits a data event for each item as it is saved, and an end event when all items have been saved.
... updated a unix timestamp indicating when the bookmark was last updated on the platform.
... updated a unix timestamp indicating when the bookmark was last updated on the platform.
...And 5 more matches

remote/parent - Archive of obsolete content
for example, when the child process is sandboxed, modules won't be able to access the file system.
...quire("sdk/remote/child"); // listeners receive the frame the event was for as the first argument frames.port.on("changelocation", (frame, ref) => { frame.content.location += "#" + ref; }); // main.js const { frames, remoterequire } = require("sdk/remote/parent"); remoterequire("./remote.js", module); frames.port.emit("changelocation", "foo"); tab information this shows sending a message when a tab loads; this is similar to how the sdk/tabs module currently works.
... events attach event emitted when a new process is started.
...And 5 more matches

cfx to jpm - Archive of obsolete content
id handling with cfx when you use cfx, the id is taken from the id field in the add-on's package.json file.
... so: if you never did anything with ids when using cfx, then the value in your add-on's package.json will be something like "jid1-f3boogbjqje67a", and the corresponding id in the install.rdf will be "jid1-f3boogbjqje67a@jetpack".
... id handling with jpm when you create an xpi with jpm xpi: if the package.json does not include an id field, then the id written into the install.rdf is the value of the name field prepended with "@".
...And 5 more matches

Install Manifests - Archive of obsolete content
this allows your add-on's icon to be displayed even when the add-on is disabled, or if the manifest is missing an iconurl entry.
...this allows your add-on's icon to be displayed even when the add-on is disabled, or if the manifest is missing an icon64url entry.
... examples this declares a set of add-on metadata to be displayed when the application is running in the de-de locale.
...And 5 more matches

Adding preferences to an extension - Archive of obsolete content
startup() the stockwatcher.startup() function is called when our extension is first loaded.
... the next step is to register a preference observer by calling the addobserver() method to establish that whenever any events occur on the preferences, our object (this) receives notification.
... when events occur, such as a preference being altered, our observe() method will be called automatically.
...And 5 more matches

Building accessible custom components in XUL - Archive of obsolete content
the individual cells, row headers, and column headers are not in the tab order, but we can still set focus to them programmatically using javascript whenever the user clicks a specific cell.
...the only remaining issue is that when the spreadsheet regains focus (by pressing shift-tab, or cycling all the way around the tab order and coming back into the spreadsheet), we need to programmatically reset the focus to the previously focused cell.
....tagname == 'grid') { if (!gfocuscell) { gfocuscell = e.target.getelementsbytagname('label')[0]; } gfocuscell.focus(); } else { gfocuscell = e.target; } } function spreadsheet_click(e) { e.target.focus(); } </code> finally, we'll add two lines to our .xul file to link in the javascript file (accjax.js) and call the install_handlers function when the spreadsheet is loaded.
...And 5 more matches

Positioning - Archive of obsolete content
first, the position can be specified when using the popup's openpopup method.
... this is used when a popup is opened by a script.
... for instance: <menupopup id="edititems" position="end_before"> <menuitem label="cut"/> <menuitem label="copy"/> <menuitem label="paste"/> </menupopup> <label value="clipboard" popup="edititems"/> in this example, a menupopup is attached to a label via the popup attribute, which will cause the popup to appear when the label is left-clicked.
...And 5 more matches

Template and Tree Listeners - Archive of obsolete content
you would implement this object with these two methods if you wish to be notified when the template is rebuilt using the builder's rebuild call.
... the template builder might also force a rebuild when the underlying data change notifications require it.
...recall that when a template is rebuilt, all of the existing content will be removed and generated fresh.
...And 5 more matches

Content Panels - Archive of obsolete content
adding child panels there may be times when you want to have part of a document loaded from a different page.
...third, it would be difficult to co-ordinate scripts when running in different windows.
...when the user enters a url or clicks on a link in a document, the source of the frame is changed.
...And 5 more matches

Tree View Details - Archive of obsolete content
when the user clicks the twisty to open a row, the tree will call the view's toggleopenstate method.
...the 'init' function is called when the window is loaded to initialize the tree.
...items will be added and removed from this array when items are opened or closed.
...And 5 more matches

Using Remote XUL - Archive of obsolete content
we set this value to the mozilla.org home page by default so that page loads into the iframe when we first load the xul document.
...without it, the iframe's size would be a fixed default and wouldn't change when the user resized their window.
...the independent links, on the other hand, are similar to xul buttons, which perform a function when pressed, so we'll use the button element for those.
...And 5 more matches

XUL Questions and Answers - Archive of obsolete content
support for non-rdf datasources for xul template is planned (bug 321170): xml datasources (bug 321171) storage (sqlite) datasources (bug 321172) when loading an xslt stylesheet into an xml i get the error: "error loading stylesheet: an xslt stylesheet load was blocked for security reasons." that error is from a security check that has been put up to safeguard against cross-site-scripting attacks.
... specifying window.onload function to specify a function to run when the window is loaded,add the following code between the script tags in the xul file: window.addeventlistener("load", function(e) { startup(); }, false); similarly, for onunload use the code: window.addeventlistener("unload", function(e) { shutdown(); }, false); is there an event which is called when the firefox browser is initialized?
... an event is initiated when the application starts up and when the profile is changed.
...And 5 more matches

datepicker - Archive of obsolete content
!!attention: there is also a datepicker in tb-calendar with differing definitions for members (value is a date there) the change event is fired whenever the date is changed.
... however, as described in mozilla bug #799219, a change event handler may encounter erratic behavior when the date is changed using the keyboard instead of the mouse.
... a monthchange event is fired for the grid and popup datepickers whenever a new month is navigated to or displayed.
...And 5 more matches

menulist - Archive of obsolete content
the command event may be used to execute code when the menulist selection changes.
...for example, for a menuitem in a menu you can add the following css rule when you want to use the value none: menupopup > menuitem, menupopup > menu { max-width: none; } disableautoselect type: boolean if this attribute is true or omitted, the selected item on the menu will update to match what the user entered in the textbox.
... oncommand type: script code this event handler is called when the command is activated.
...And 5 more matches

tabs - Archive of obsolete content
onclosetab type: script code this script will be called when the close tab button is clicked.
... onnewtab not in firefox type: script code this script will be called when the new tab button is clicked.
... onselect type: script code this event is sent to the tabs element when this tab is changed.
...And 5 more matches

window - Archive of obsolete content
without including the css file at "chrome://global/skin/", the window will not be stylized and will be invisible and glitchy when opened as a dialog.
... note: starting in gecko 1.9.2, you can detect when a window is activated or deactivated by watching for the "activate" and "deactivate" events.
... activetitlebarcolor type: color string specify background color of the window's titlebar when it is active (foreground).
...And 5 more matches

Common Firefox theme issues and solutions - Archive of obsolete content
operating system specific issues windows 7 windows 7 aero missing right-hand title bar buttons when tabs are on top and the menu bar is disabled, firefox is missing the min/max/restore/close button on the right side of the title bar.
... app button not styled on linux, but is styled on windows on linux the firefox app button that is displayed when tabs are on top and menu bar is disabled is not styled properly compared to windows and is not changing colors when in private browsing mode.
... toolbars and menus firefox application button application button doesn't change styling for private browsing mode when in private browsing mode there needs to be a visual difference to the firefox app button that is displayed when tabs are on top and the menu bar is disabled.
...And 5 more matches

Using workers in extensions - Archive of obsolete content
every 10 minutes, it calls xmlhttprequest, and, when the results are received, sends an event back to the main thread with the received data.
... postmessage(output.trim()); } httprequest = null; } var httprequest = new xmlhttprequest(); httprequest.open("get", fullurl, true); httprequest.onload = inforeceived; httprequest.send(null); } setinterval(function() { refreshinformation(); }, 10*60*1000); onmessage = function(event) { if (event.data) { symbol = event.data.touppercase(); } refreshinformation(); } when the worker thread is started, the main body of this code (in lines 26-35) is executed.
... when the result is received from xmlhttprequest, instead of immediately updating the displayed information in the status bar, a message is sent to the main thread using the worker's postmessage() method.
...And 5 more matches

Reference - Archive of obsolete content
in particular this means we should define activation object somewhere (and link to it whenever we mention it).
...thanks for your thoughts --callek 15:05, 13 january 2006 (pst) notification when reorganization is finished leandro (localiser for the portuguese wiki) would like to be emailed when the js reference reorganization has been finished.
...but when we create a prototype method for object its also available in function object.prototype.myfunction = function() {}; alert(object.myfunction); //available in object alert(function.myfunction); //available in function also the opposite is correct, when we create a prototype method for function it is available in object function.prototype.myfunction = function() {}; alert(object.myfunction); /...
...And 5 more matches

XForms Select1 Element - Archive of obsolete content
single-node binding special selection - this attribute, when set to 'open', allows the user to provide free entry to the list.
...the data binding restriction to simple content may be relaxed when an itemset element is used, which allows the available choices to be obtained from an xforms model.
... the relaxation happens when the itemset element specifies the item value using a copy (see spec) element.
...And 5 more matches

Desktop mouse and keyboard controls - Game development
previous overview: control mechanisms next now when we have our mobile controls in place and the game is playable on touch-enabled devices, it would be good to add mouse and keyboard support, so the game can be playable also on desktop.
...first, we'd need an event listener to listen for the pressed keys: document.addeventlistener('keydown', keydownhandler, false); document.addeventlistener('keyup', keyuphandler, false); whenever any key is pressed down, we're executing the keydownhandler function, and when press finishes we're executing the keyuphandler function, so we know when it's no longer pressed.
...that way, if you already implemented the buttons as shown in the mobile touch controls article, it will work out of the box on the desktop too: var buttonenclave = this.add.button(10, 10, 'logo-enclave', this.clickenclave, this); the button will be placed ten pixels from the top left corner of the screen, use the logo-enclave image, and will execute the clickenclave() function when clicked.
...And 5 more matches

Responsive design - Learn web development
historic website layouts at one point in history you had two options when designing a website: you could create a liquid site, which would stretch to fill the browser window or a fixed width site, which would be a fixed size in pixels.
...when viewing the example, drag your browser window in and out to see how this looks at different sizes.
... the rest of this article will point you to the various web platform features you might want to use when creating a responsive site.
...And 5 more matches

Styling links - Learn web development
previous overview: styling text next when styling links, it is important to understand how to make use of pseudo-classes to style link states effectively, and how to style links for use in common varied interface features such as navigation menus and tabs.
... link states the first thing to understand is the concept of link states — different states that links can exist in, which can be styled using different pseudo-classes: link (unvisited): the default state that a link resides in, when it isn't in any other state.
... visited: a link when it has already been visited (exists in the browser's history), styled using the :visited pseudo class.
...And 5 more matches

What text editors are available? - Learn web development
in this article we highlight some things to think about when installing a text editor for web development.
... dig deeper choice criteria so, in more detail, what should you be thinking about when you choose a text editor?
...that works great for writing notes to yourself, but when you're doing web development and writing in html, css, and javascript, you can produce some pretty large, complex files.
...And 5 more matches

Advanced form styling - Learn web development
input { -webkit-appearance: none; appearance: none; } note: it is a good idea to always include both declarations — prefixed and unprefixed — when using a prefixed property.
... note: you may have noticed that in the search field, the "x" delete icon disappears when the input loses focus in edge and chrome, but stays put in safari.
...the sizes of check boxes and radio buttons are not meant to be changed with their default designs, and browsers react very differently when you try.
...And 5 more matches

HTML forms in legacy browsers - Learn web development
okay, let's admit it, when we said "legacy browser" we all have in mind safari or old versions of internet explorer, but they are far from the only ones.
... in the mobile world, when neither the browser nor the os can be updated such as on older android phones or iphones, the stock browsers that don't update are also legacy browsers.
...and html5 <input> types don't fail when not supported: they fall back to type=text.
...And 5 more matches

Getting started with HTML - Learn web development
(textarea.selectionend, textarea.value.length); textarea.value = front + text + back; caretpos = caretpos + text.length; textarea.selectionstart = caretpos; textarea.selectionend = caretpos; textarea.focus(); textarea.scrolltop = scrollpos; } // update the saved usercode every time the user updates the text area code textarea.onkeyup = function(){ // we only want to save the state when the user code is being shown, // not the solution, so that solution is not saved over the user code if(solution.value === 'show solution') { userentry = textarea.value; } else { solutionentry = textarea.value; } updatecode(); }; nesting elements elements can be placed within other elements.
...this appears as a tooltip when a cursor hovers over the element.
...you should see a link—that when hovered over—displays the value of the title attribute, and when clicked, navigates to the web address in the href attribute.
...And 5 more matches

Making decisions in your code — conditionals - Learn web development
in the javascript, we are storing a reference to both the <select> and <p> elements, and adding an event listener to the <select> element so that when its value is changed, the setweather() function is run.
... when this function is run, we first set a variable called choice to the current value selected in the <select> element.
...any value that is not false, undefined, null, 0, nan, or an empty string ('') actually returns true when tested as a conditional statement, therefore you can simply use a variable name on its own to test whether it is true, or even that it exists (that is, it is not undefined.) so for example: let cheese = 'cheddar'; if (cheese) { console.log('yay!
...And 5 more matches

Introduction to web APIs - Learn web development
when calling a method from a library, the developer is in control.
... client-side storage apis are becoming a lot more widespread in web browsers — the ability to store data on the client-side is very useful if you want to create an app that will save its state between page loads, and perhaps even work when the device is offline.
...esenting the source of our audio — the <audio> element will be played from: const audioelement = document.queryselector('audio'); const playbtn = document.queryselector('button'); const volumeslider = document.queryselector('.volume'); const audiosource = audioctx.createmediaelementsource(audioelement); next up we include a couple of event handlers that serve to toggle between play and pause when the button is pressed and reset the display back to the beginning when the song has finished playing: // play/pause audio playbtn.addeventlistener('click', function() { // check if context is in suspended state (autoplay policy) if (audioctx.state === 'suspended') { audioctx.resume(); } // if track is stopped, play it if (this.getattribute('class') === 'paused') { ...
...And 5 more matches

JavaScript object basics - Learn web development
object basics an object is a collection of related data and/or functionality (which usually consists of several variables and functions — which are called properties and methods when they are inside objects.) let's work through an example to understand what they look like.
... it is very common to create an object using an object literal when you want to transfer a series of structured, related data items in some manner, for example sending a request to the server to be put into a database.
... sending a single object is much more efficient than sending several items individually, and it is easier to work with than an array, when you want to identify individual items by name.
...And 5 more matches

Object building practice - Learn web development
our little balls will bounce around on the screen, and change color when they touch each other.
... horizontal and vertical velocity (velx and vely) — each ball is given a horizontal and vertical velocity; in real terms these values are regularly added to the x/y coordinate values when we animate the balls, to move them by this much on each frame.
... open the browser's javascript console, and then refresh the page so that the canvas size changes to the smaller visible viewport that remains when the console opens.
...And 5 more matches

Introduction to the server side - Learn web development
most large-scale websites use server-side code to dynamically display different data when needed, generally pulled out of a database stored on a server and sent to the client to be displayed via some code (e.g.
...when you click a link on a web page, submit a form, or run a search, an http request is sent from your browser to the target server.
... web servers wait for client request messages, process them when they arrive, and reply to the web browser with an http response message.
...And 5 more matches

TypeScript support in Svelte - Learn web development
objective: learn how to configure and use typescript when developing svelte applications.
...in this case, the script will execute whenever you change any file.
...replace the export let todo line with the following: import type { todotype } from '../types/todo.type' export let todo: todotype note: another reminder — when importing a .ts file you have to omit the extension.
...And 5 more matches

Setting up your own test automation environment - Learn web development
you can use any url to point to your resource, including a file:// url to test a local document: driver.get('file:///users/chrismills/git/learning-area/tools-testing/cross-browser-testing/accessibility/fake-div-buttons.html'); or driver.get('http://localhost:8888/fake-div-buttons.html'); but it is better to use a remote server location so the code is more flexible — when you start using a remote server to run your tests (see later on), your code will break if you try to use local paths.
...simply call this on your driver instance when you are finished with it.
... 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 5 more matches

Experimental features in Firefox
editor's note: when adding features to these tables, please try to include a link to the relevant bug or bugs using the bug macro: {{bug(bug-number)}}.
... nightly 78 yes developer edition 78 yes beta 78 yes release 78 no preference name network.preload css display stray control characters in css as hex boxes this feature renders control characters (unicode category cc) other than tab (u+0009), line feed (u+000a), form feed (u+000c), and carriage return (u+000d) as a hexbox when they are not expected.
... nightly 75 no developer edition 75 no beta 75 no release 75 no preference name layout.css.conic-gradient.enabled and gfx.webrender.all pseudo-class: :focus-visible allows focus styles to be applied to elements like buttons and form controls, only when they are focused using the keyboard (e.g.
...And 5 more matches

Frame script loading and lifetime
if allowdelayedload is false, the script will only be loaded into frames which are open when the call was made.
...passing allowdelayedload is a way to ensure that the script is loaded correctly, in case the tab is not ready when making the call.
... if you want a frame script to do something when a new document is loaded, you need to listen for an appropriate dom event, generally domwindowcreated, domcontentloaded, or load.
...And 5 more matches

Embedding Tips
how do i know when saving is done, monitor progress etc.?
...when the operation is completed, the onstatechange will be notified by a combination of state_stop | state_is_network state flags.
...hint, add a native message processing loop after the call to saveuri that terminates when onstatechange indicates persistence has finished..
...And 5 more matches

DeferredTask.jsm
this is always true when read from code inside the task function, but can also be true when read from external code, in case the task is an asynchronous generator function.
...if the task is running, the delay will start when the current execution finishes.
... by design, this method doesn't provide a way for the caller to detect when the next execution terminates, or collect a result.
...And 5 more matches

PopupNotifications.jsm
note: you shouldn't need to call this when using the popupnotifications object in firefox windows; firefox code takes care of this automatically.
... callback a javascript function to be invoked when the action is selected by the user.
...this lets you create a notification that will appear when the user clicks the anchor.
...And 5 more matches

Localization content best practices
it's important to consider this when adding strings, and especially localization comments for strings that contain references, or obscure technical details.
...when you have to change a key id, adding a progressive number to the existing key should always be used as a last resort.
... don't forget to add a localization note when: part of the string is not supposed to be localized (for example, the name of an html attribute in a warning).
...And 5 more matches

Mozilla Development Strategies
it's easier to do it right once, when your mind is in the problem, than to do it once quickly and then have to come back and do it again the right way.
...when you land your bug-free code, it's qa's job to assure others that it's really bug free.
...update when you know that the tree is in good shape.
...And 5 more matches

NSS environment variables
nss_shared_db 3.12 nss_disable_arena_free_list string (any non-empty value) define this variable to get accurate leak allocation stacks when using leak reporting software.
...necessary on some platforms to get correct function names when using leak reporting software.
...this value should only be used during the transition period when few servers have been upgraded.
...And 5 more matches

sslintro.html
specifies a callback function for ssl to use when the server asks for client authentication information.
...specifies a callback function that will be used by ssl to inform either a client application or a server application when the ssl handshake is completed.
...these can be used, for example, when interrupting and restarting socket communications, when the application needs to change socket parameters, or when an application imports a socket into ssl after the tcp connection on that socket has already been established.
...And 5 more matches

NSS tools : signtool
when testing is finished and you are ready to disitribute your software, you should obtain an object-signing certificate from one of two kinds of sources: * an independent certificate authority (ca) that authenticates your identity and charges you a fee.
... when you receive an object-signing certificate for your own use, it is automatically installed in your copy of the communicator client software.
...when you use signtool -v, these entries are displayed with the string not present.
...And 5 more matches

Rhino Debugger
break to stop all running scripts and give control to the debugger you may do any of the following: select the debug->break menu item on the menu bar press the break button on the toolbar press the pause/break key on the keyboard break on exceptions to give control to the debugger whenever a javascript is exception is thrown select the debug->break on exceptions checkbox from the menu bar.
... whenever a javascript exception is thrown by a script a message dialog will be displayed and control will be given to the debugger at the location the exception is raised.
... break on function enter selecting debug->break on function enter will give control to the debugger whenever the execution is entered into a function or script.
...And 5 more matches

JSClass
delproperty jsdeletepropertyop a hook called when deleting a property.
... getproperty jspropertyop a hook called when getting a property.
... setproperty jsstrictpropertyop a hook called when setting a property.
...And 5 more matches

JSPropertyOp
getters and setters when a jsapi application creates a property on an object (for example, using js_defineproperty or js_defineproperties) it can specify getter and setter callbacks for the new property.
...it is also called when the property's value is accessed via jsapi functions such as js_getproperty or (less obviously) js_callfunctionname.
...it is also called when the property is set via jsapi functions such as js_setproperty.
...And 5 more matches

Building the WebLock UI
the xpcom interfaces and tools you've used have been general, cross-platform, and available in the gecko runtime environment or in any gecko-based application after mozilla 1.2 (when the gre began to be used).
... you also need to create the function that displays the weblock window itself when the user clicks the weblock icon in the statusbar.
...in this section, we are going to create the xul interface that calls the javascript methods when the user interacts with it.
...And 5 more matches

Components.utils.Sandbox
like: cc["@mozilla.org/systemprincipal;1"].createinstance(ci.nsiprincipal); content principal you can specify a content principal for a particular origin in one of three ways: as an nsiprincipal, for example by using the nodeprincipal property of a dom node as an nsidomwindow, such as that returned by the dom window property as a string uri like "http://www.example.com/" (discouraged) when possible, specify a window or an nsiprincipal object instead of using a string uri.
...this helps to improve memory usage by allowing sandboxes to be discarded when that zone goes away.
... if the sandbox interacts with untrusted content this should be set to false when possible to further reduce possible attack surface.
...And 5 more matches

Language bindings
these exception objects may be thrown when implementing xpcom interfaces in javascript, and they can provide better diagnostics in the error console if not caught than simply throwing an nsresult's value will.components.idcomponents.id is a constructor that creates native objects that conform to the nsijsid interface.components.interfacescomponents.interfaces is a read-only object whose properties are interfaces indexed by their names.com...
...the mozilla javascript engine will perform garbage collection automatically when the javascript heap grows beyond a certain size.
...in many cases a javascript application will have internal knowledge of javascript objects referencing large (trees of) xpcom objects and know when they are no longer reachable.
...And 5 more matches

nsIAsyncInputStream
inherits from: nsiinputstream last changed in gecko 1.7 if an input stream is non-blocking, it may return ns_base_stream_would_block when read.
...if the stream implements nsiasyncinputstream, then the caller can use this interface to request an asynchronous notification when the stream becomes readable or closed (via the asyncwait() method).
...in other words, this method may be called when the stream already has data to read.
...And 5 more matches