nsITextInputProcessor
dom/interfaces/base/nsitextinputprocessor.idlscriptable this interface is a text input events synthesizer and manages its composition and modifier state 1.0 66 introduced gecko 38 inherits from: nsisupports last changed in gecko 38.0 (firefox 38.0 / thunderbird 38.0 / seamonkey 2.35) the motivation of this interface is to provide better api than nsidomwindowutils to dispatch key events and create, modify, and commit composition in higher level.
...for solving that issue, methods of this interface have been designed for performing a key operation or representing a change of composition state.
... for example, the implementation of this interface manages modifier state and composition state, initializes dom events from minimum information, and doesn't dispatch some events if they are not necessary.
...And 102 more matches

Index
5 future directions guide, mozilla, spidermonkey this article documents future directions in functionality, design, and coding practices for spidermonkey.
...that means the code as it is today won't match this document, and that's ok.
...this page is intended to explain the changes that are happening, with a focus on how they will affect gecko code that uses jsapi.
...And 89 more matches

Client-side storage - Learn web development
this lets you persist data for long-term storage, save sites or documents for offline use, retain user-specific settings for your site, and more.
... this article explains the very basics of how these work.
...this has many distinct uses, such as: personalizing site preferences (e.g.
...And 88 more matches

Signaling and video calling - Web APIs
this tutorial will guide you through building a two-way video-call.
...this process is called signaling and involves both devices connecting to a third, mutually agreed-upon server.
... through this third server, the two devices can locate one another, and exchange negotiation messages.
...And 85 more matches

Debugger - Firefox Developer Tools
accessor properties of the debugger prototype object a debugger instance inherits the following accessor properties from its prototype: enabled a boolean value indicating whether this debugger instance’s handlers, breakpoints, and the like are currently enabled.
... it is an accessor property with a getter and setter: assigning to it enables or disables this debugger instance; reading it produces true if the instance is enabled, or false otherwise.
... this property is initially true in a freshly created debugger instance.
...And 79 more matches

Starting WebLock
« previousnext » in this chapter, we begin to design and implement the web locking functionality itself.
...this chapter will focus on the functionality that actually handles the web locking.
...the method at the core of this interface is observe: void observe(in nsisupports asubject, in string atopic, in wstring adata); there aren't really any restrictions on what the three parameters (asubject, atopic and adata) may represent.
...And 78 more matches

nsINavBookmarksService
to use this service, use: var navbookmarksservice = components.classes["@mozilla.org/browser/nav-bookmarks-service;1"] .getservice(components.interfaces.nsinavbookmarksservice); method overview void addobserver(in nsinavbookmarkobserver observer, in boolean ownsweak); void beginupdatebatch(); obsolete since gecko 1.9 void changebookmarkuri(in long long...
...this contains administrative data as well as user data, and is therefore not recommended for use in queries.
... 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.
...And 78 more matches

WebGL model view projection - Web APIs
this article explores how to take data within a webgl project, and project it into the proper spaces to display it on the screen.
... note: this article is also available as an mdn content kit.
...this is a 2 unit wide cube, centered at (0,0,0), and with corners that range range from (-1,-1,-1) to (1,1,1).
...And 76 more matches

nsIDocShell
allowdnsprefetch boolean attribute that determines whether dns prefetch is allowed for this subtree of the docshell tree.
...setting this will make it take effect starting with the next document loaded in the docshell.
... apptype unsigned long the type of application that created this window.
...And 72 more matches

A re-introduction to JavaScript (JS tutorial) - JavaScript
javascript is now used by an incredible number of high-profile applications, showing that deeper knowledge of this technology is an important skill for any web or mobile developer.
...this has been a source of confusion ever since.
... because it is more familiar, we will refer to ecmascript as "javascript" from this point on.
...And 71 more matches

Linear-gradient Generator - CSS: Cascading Style Sheets
trict'; function getelembyid(id) { return document.getelementbyid(id); } var subscribers = []; var pickers = []; /** * rgba color class * * hsv/hsb and hsl (hue, saturation, value / brightness, lightness) * @param hue 0-360 * @param saturation 0-100 * @param value 0-100 * @param lightness 0-100 */ function color(color) { if(color instanceof color === true) { this.copy(color); return; } this.r = 0; this.g = 0; this.b = 0; this.a = 1; this.hue = 0; this.saturation = 0; this.value = 0; this.lightness = 0; this.format = 'hsv'; } function rgbcolor(r, g, b) { var color = new color(); color.setrgba(r, g, b, 1); return color; } function rgbacolor(r, g, b, a) { var color = new color(); color.setrgba(r, g, b, a); return col...
...or.a = a; return color; } function hslcolor(h, s, l) { var color = new color(); color.sethsl(h, s, l); return color; } function hslacolor(h, s, l, a) { var color = new color(); color.sethsl(h, s, l); color.a = a; return color; } color.prototype.copy = function copy(obj) { if(obj instanceof color !== true) { console.log('typeof parameter not color'); return; } this.r = obj.r; this.g = obj.g; this.b = obj.b; this.a = obj.a; this.hue = obj.hue; this.saturation = obj.saturation; this.value = obj.value; this.format = '' + obj.format; this.lightness = obj.lightness; }; color.prototype.setformat = function setformat(format) { if (format === 'hsv') this.format = 'hsv'; if (format === 'hsl') this.format = 'hsl'; }; /*========== metho...
...ds to set color properties ==========*/ color.prototype.isvalidrgbvalue = function isvalidrgbvalue(value) { return (typeof(value) === 'number' && isnan(value) === false && value >= 0 && value <= 255); }; color.prototype.setrgba = function setrgba(red, green, blue, alpha) { if (this.isvalidrgbvalue(red) === false || this.isvalidrgbvalue(green) === false || this.isvalidrgbvalue(blue) === false) return; this.r = red | 0; this.g = green | 0; this.b = blue | 0; if (this.isvalidrgbvalue(alpha) === true) this.a = alpha | 0; }; color.prototype.setbyname = function setbyname(name, value) { if (name === 'r' || name === 'g' || name === 'b') { if(this.isvalidrgbvalue(value) === false) return; this[name] = value; this.updatehsx(); } }; color.prot...
...And 70 more matches

Introducing a complete toolchain - Learn web development
in this article we'll introduce the case study, set up our development environment, and set up our code transformation tools.
... there really are unlimited combinations of tools and ways to use them, what you see in this article and the next is only one way that the featured tools can be used for a project.
... introducing our case study the toolchain that we are creating in this article will be used to build and deploy a mini site that lists data (taken from one of nasa's open apis) concerning potentially hazardous space objects that threaten our existence on earth!
...And 68 more matches

Debugger.Object - Firefox Developer Tools
this means that the debugger can use the == operator to recognize when two debugger.object instances refer to the same debuggee object, and place its own properties on a debugger.object instance to store metadata about particular debuggee objects.
...this “viewing compartment” is chosen to match the way the debugger came across the referent.
...this allows the code using each debugger instance to place whatever properties it likes on its own debugger.object instances, without worrying about interfering with other debuggers.
...And 66 more matches

HTTP Index - HTTP
this page lists all mdn http pages along with their summary and tags.
...this page provides some advice on what's best.
... 14 configuring servers for ogg media audio, http, media, ogg, video this guide covers a few server configuration changes that may be necessary for your web server to correctly serve ogg media files.
...And 66 more matches

jspage - Archive of obsolete content
unction(){};var d=f||i;h=h!==false;d.constructor=native;d.$family={name:"native"}; if(i&&f){d.prototype=i.prototype;}d.prototype.constructor=d;if(a){var e=a.tolowercase();d.prototype.$family={name:e};native.typize(d,e);}var j=function(n,l,o,m){if(!b||m||!n.prototype[l]){n.prototype[l]=o; }if(h){native.genericize(n,l,b);}g.call(n,l,o);return n;};d.alias=function(n,l,p){if(typeof n=="string"){var o=this.prototype[n];if((n=o)){return j(this,l,n,p); }}for(var m in n){this.alias(m,n[m],l);}return this;};d.implement=function(m,l,o){if(typeof m=="string"){return j(this,m,l,o);}for(var n in m){j(this,n,m[n],l); }return this;};if(c){d.implement(c);}return d;};native.genericize=function(b,c,a){if((!a||!b[c])&&typeof b.prototype[c]=="function"){b[c]=function(){var d=array.prototype.slice.call(arguments);...
...ng","unshift","valueof"],string:["charat","charcodeat","concat","indexof","lastindexof","match","replace","search","slice","split","substr","substring","tolowercase","touppercase","valueof"]}; for(var e in f){for(var b=f[e].length;b--;){native.genericize(a[e],f[e][b],true);}}})();var hash=new native({name:"hash",initialize:function(a){if($type(a)=="hash"){a=$unlink(a.getclean()); }for(var b in a){this[b]=a[b];}return this;}});hash.implement({foreach:function(b,c){for(var a in this){if(this.hasownproperty(a)){b.call(c,this[a],a,this); }}},getclean:function(){var b={};for(var a in this){if(this.hasownproperty(a)){b[a]=this[a];}}return b;},getlength:function(){var b=0;for(var a in this){if(this.hasownproperty(a)){b++; }}return b;}});hash.alias("foreach","each");array.implement({foreach:function(c...
...,d){for(var b=0,a=this.length;b<a;b++){c.call(d,this[b],b,this);}}});array.alias("foreach","each"); function $a(b){if(b.item){var a=b.length,c=new array(a);while(a--){c[a]=b[a];}return c;}return array.prototype.slice.call(b);}function $arguments(a){return function(){return arguments[a]; };}function $chk(a){return !!(a||a===0);}function $clear(a){cleartimeout(a);clearinterval(a);return null;}function $defined(a){return(a!=undefined);}function $each(c,b,d){var a=$type(c); ((a=="arguments"||a=="collection"||a=="array")?array:hash).each(c,b,d);}function $empty(){}function $extend(c,a){for(var b in (a||{})){c[b]=a[b];}return c; }function $h(a){return new hash(a);}function $lambda(a){return($type(a)=="function")?a:function(){return a;};}function $merge(){var a=array.slice(arguments); a.unshift({});r...
...And 65 more matches

Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
in this article we will add the app's final features and further componentize our app.
... the following new components will be developed throughout the course of this article: moreactions: displays the check all and remove completed buttons, and emits the corresponding events required to handle their functionality.
...this also means that in this case, a reactive statement like $: console.log('todos', todos) won't be very useful.
...And 65 more matches

tabs - Archive of obsolete content
converting to xul tabs to convert from the high-level tab objects used in this api to the low-level xul tab objects used in the tabs/utils api and by traditional add-ons, use the viewfor() function exported by the viewfor module.
... here's an example converting from a high-level tab to a xul tab and then back the other way: var { modelfor } = require("sdk/model/core"); var { viewfor } = require("sdk/view/core"); var tabs = require("sdk/tabs"); var tab_utils = require("sdk/tabs/utils"); function maphighleveltolowlevel(tab) { // get the xul tab that corresponds to this high-level tab var lowleveltab = viewfor(tab); // now we can, for example, access the tab's content directly var browser = tab_utils.getbrowserfortab(lowleveltab); console.log(browser.contentdocument.body.innerhtml); // get the high-level tab back from the xul tab var highleveltab = modelfor(lowleveltab); console.log(highleveltab.url); } tabs.on("ready", maphighleveltolowlevel); ...
...note that directly accessing xul objects and web content like this means you're no longer protected by the compatibility guarantees made by the sdk's high-level apis.
...And 64 more matches

Chapter 5: Let's build a Firefox extension - Archive of obsolete content
obsolete this feature is obsolete.
... draft this page is not complete.
... « previousnext » this document was authored by taiga (gomita) gomibuchi and was originally published in japanese for the firefox developers conference summer 2007.
...And 64 more matches

XUL Events - Archive of obsolete content
this event would be used to update the disabled status of its commands.dommenuitemactivethe dommenuitemactive event is executed when a <menu> or a <menuitem> has been hovered or highlighted.dommenuiteminactivethe dommenuiteminactive event is executed when a <menu> or a <menuitem> in no longer hovered or highlighted.popuphiddenthe popuphidden event is executed when a <menupopup>, <panel> or <tooltip> h...
... attribute: onblur change this event is sent when the value of the textbox is changed.
... attribute: onchange click this event is sent when a mouse button is pressed and released.
...And 64 more matches

CustomizableUI.jsm
this module is only available from firefox 29 onwards.
...this is handled by customizemode.jsm, which interacts with customizableui through a listener mechanism.
...this is analogous to the old currentset attribute.
...And 64 more matches

nsIFaviconService
to use this service, use: var faviconservice = components.classes["@mozilla.org/browser/favicon-service;1"] .getservice(components.interfaces.nsifaviconservice); method overview void addfailedfavicon(in nsiuri afaviconuri); void expireallfavicons(); void getfavicondata(in nsiuri afaviconuri, out autf8string amimetype, [optional] out unsigned long adatalen, [array,retval,size_is(adatalen)] out octet adata)...
... methods addfailedfavicon() this method adds a given favicon's uri to the failed favicon cache.
...this cache will also be written to if you use setandloadfaviconforpage() method and it encounters an error while fetching an icon.
...And 64 more matches

How to build custom form controls - Learn web development
in this article, we will discuss how to build a custom control.
... note: we'll focus on building the control, not on how to make the code generic and reusable; that would involve some non-trival javascript code and dom manipulation in an unknown context, and that is out of the scope of this article.
...this will save you some precious time.
...And 61 more matches

Graceful asynchronous programming with Promises - Learn web development
this is useful for setting up a sequence of async operations to work correctly.
... this article shows you how promises work, how you'll see them in use with web apis, and how to write your own.
...this can potentially take a long time.
...And 61 more matches

OS.File for the main thread
this page details how to use file i/o from the main thread.
... let decoder = new textdecoder(); // this decoder can be reused for several reads let promise = os.file.read("file.txt"); // read the complete file as an array promise = promise.then( function onsuccess(array) { return decoder.decode(array); // convert this array to a text } ); this example requires firefox 18 or a more recent version.
... example: write a string to a file the following snippet writes the text "this is some text" to a string "file.txt", using the default encoding (utf-8).
...And 61 more matches

Fundamental text and font styling - Learn web development
overview: styling text next in this article we'll start you on your journey towards mastering text styling with css.
... the css properties used to style text generally fall into two categories, which we'll look at separately in this article: font styles: properties that affect the font that is applied to the text, affecting what font is applied, how big it is, whether it is bold, italic, etc.
...in this example we'll apply some different css properties to the same html sample, which looks like this: <h1>tommy the cat</h1> <p>well i remember it as though it were a meal ago...</p> <p>said tommy the cat as he reeled back to clear whatever foreign matter may have nestled its way into his mighty throat.
...And 60 more matches

Mozilla DOM Hacking Guide
in this document i will try to outline the main aspects of the implementation, beginning with the class info mechanism, which lies at the heart of the dom, then with the description of various interfaces and classes.
... since i am myself still learning how it works, don't expect this to be a complete reference quite yet.
... if you can contribute any time or knowledge to this document, it is greatly appreciated!
...And 60 more matches

Introduction to XPCOM for the DOM
warning: this document has not yet been reviewed by the dom gurus, it might contain some errors.
... this document is an introduction to the use of xpcom in the context of the dom code.
... the use of xpcom and nscomptr's described in this document covers about 80% of what you need to know to read the dom code, and even write some.
...And 60 more matches

Observer Notifications
see receiving startup notifications for more information about how this works.
... [nsobserverservice.cpp] topic description xpcom-startup note: an extension can no longer be registered to receive this notification in firefox 4 and later.
...many things are not available for use at this point.
...And 59 more matches

Mozilla
a bird's-eye view of the mozilla framework the purpose of this article is to provide a high-level technical overview of the architecture of the extensible, object-based mozilla application framework.
... adding a new css property this page describes how to add a new css property to the style system.
... adding a new event this draft document covers how to add a new event to the mozilla (firefox) source code.
...And 59 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.
...in this guide we show how use webgl to simulate camera movements without having a camera to move.
... there are a few articles about the fundamental math, geometry, and other concepts behind webgl and webxr which may be useful to read before or while reading this one, including: explaining basic 3d theory matrix math for the web webgl model view projection geometry and reference spaces in webxr ed.
...And 59 more matches

nsIAnnotationService
to use this service, use: var annotationservice = components.classes["@mozilla.org/browser/annotation-service;1"] .getservice(components.interfaces.nsiannotationservice); note: the annotation service is not thread-safe.
... expire_weeks 2 for general page settings, things the user is interested in seeing if they come back to this page some time in the near future.
...this is only valid for page annotations.
...And 58 more matches

Using IndexedDB - Web APIs
about this document this tutorial walks you through using the asynchronous api of indexeddb.
...this article documents the types of objects used by indexeddb, as well as the methods of the asynchronous api (the synchronous api was removed from spec).
...// moreover, you may need references to some window.idb* objects: window.idbtransaction = window.idbtransaction || window.webkitidbtransaction || window.msidbtransaction || {read_write: "readwrite"}; // this line should only be needed if it is needed to support the object's constants for older browsers window.idbkeyrange = window.idbkeyrange || window.webkitidbkeyrange || window.msidbkeyrange; // (mozilla has never prefixed these objects, so we don't need window.mozidb*) beware that implementations that use a prefix may be buggy, or incomplete, or following an old version of the specification.
...And 58 more matches

JavaScript Daemons Management - Archive of obsolete content
a possible approach to solve this problem is to nest all the information needed by each animation to start, stop, etc.
...this more complex version of it is nothing but a big and scalable collection of methods for the daemon constructor.
...it also offers an alternative way to pass the this object to the callback functions (see the "this" problem for details).
...And 57 more matches

Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
note: if you want to contribute to this document please follow the guidelines on the contribute page.
... « previousnext » this document was authored by hiroshi shimoda of clear code inc.
... for each element that i explain in this chapter, i will illustrate it with a source code example.
...And 57 more matches

JIT Optimization Strategies
this page contains only historic information about this feature.
... note: this page is an in-progress documentation of jit optimization strategies planned to support the "jit coach" feature intended for inclusion in firefox developer tools.
... this page has two intended uses: 1.
...And 57 more matches

Details of the object model - JavaScript
because of this different basis, it can be less apparent how javascript allows you to create hierarchies of objects and to have inheritance of properties and their values.
... this chapter attempts to clarify the situation.
... this chapter assumes that you are already somewhat familiar with javascript and that you have used javascript functions to create simple objects.
...And 57 more matches

MMgc - Archive of obsolete content
this is c++ memory management as you're accustomed to it.
... gc* gc = gc::getgc(this); gcobject* gcobject; gc class the class mmgc::gc is the main class of the gc.
...if you know for certain that the objects will not contain gc pointers, leave this flag off; it will make the mark phase faster by excluding your object.
...And 55 more matches

Textbox (XPFE autocomplete) - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is created by setting the type attribute of a textbox to autocomplete.
...crolling, textlength, textvalue, timeout, type, useraction, value methods addsession, clearresults, getdefaultsession, getresultat, getresultcount, getresultvalueat, getsession, getsessionbyname, getsessionresultat, getsessionstatusat, getsessionvalueat, removesession, select, setselectionrange, syncsessions examples (example needed) attributes accesskey type: character this should be set to a character that is used as a shortcut key.
... this should be one of the characters that appears in the label attribute for the element.
...And 55 more matches

HTML: A good basis for accessibility - Learn web development
this article looks in detail at how html can be used to ensure maximum accessibility.
...this means using the correct html elements for their intended purpose as much as possible.
... you might wonder why this is so important.
...And 55 more matches

HTML: A good basis for accessibility - Learn web development
this article looks in detail at how html can be used to ensure maximum accessibility.
...this means using the correct html elements for their intended purpose as much as possible.
... you might wonder why this is so important.
...And 55 more matches

Client-side form validation - Learn web development
this is called client-side form validation, and helps ensure data submitted matches the requirements set forth in the various form controls.
... this article leads you through basic concepts and examples of client-side form validation.
...read website security for an idea of what could happen; implementing server-side validation is somewhat beyond the scope of this module, but you should bear it in mind.
...And 54 more matches

Getting started with HTML - Learn web development
overview: introduction to html next in this article we cover the absolute basics of html.
... to get you started, this article defines elements, attributes, and all the other important terms you may have heard.
...this means they can be written in uppercase or lowercase.
...And 53 more matches

Cooperative asynchronous JavaScript: Timeouts and intervals - Learn web development
previous overview: asynchronous next this tutorial looks at the traditional methods javascript has available for running code asychronously after a set time period has elapsed, or at a regular interval (e.g.
...(in other words, when the stack is empty.) you will learn more on this matter as you progress through this article.
...(see the note below on why it runs "as soon as possible" and not "immediately".) more on why you might want to do this later.
...And 53 more matches

Debugger.Object - Firefox Developer Tools
this means that the debugger can use the == operator to recognize when two debugger.object instances refer to the same debuggee object, and place its own properties on a debugger.object instance to store metadata about particular debuggee objects.
...this "viewing compartment" is chosen to match the way the debugger came across the referent.
...this allows the code using each debugger instance to place whatever properties it likes on its own debugger.object instances, without worrying about interfering with other debuggers.
...And 53 more matches

Inputs and input sources - Web APIs
in this guide, we'll look at how to use webxr's input device management features to determine what input sources are available and how to then monitor those sources for inputs in order to handle user interactivity with your virtual or augmented environment.
...this may involve the user simply tapping on a spot on the screen, tracking their eyes, or the use of a joystick or motion-sensing controller to move a cursor.
...the section primary squeeze action describes this in more detail.
...And 53 more matches

JavaScript modules - JavaScript
« previous this guide gives you all you need to get started with javascript module syntax.
...node.js has had this ability for a long time, and there are a number of javascript libraries and frameworks that enable module usage (for example, other commonjs and amd-based module systems like requirejs, and more recently webpack and babel).
... the good news is that modern browsers have started to support module functionality natively, and this is what this article is all about.
...And 53 more matches

Drawing graphics - Learn web development
this article provides an introduction to canvas, and further resources to allow you to learn more.
... this however was still not enough.
...this became webgl, which gained traction among browser vendors, and was standardized around 2009–2010.
...And 52 more matches

PKCS #11 Module Specs
nss currently implements this proposal internally.
... recognized names all applications/libraries must be able recognize the following name values: library this specifies the path to the pkcs #11 library.
... name this specifies the name of the pkcs #11 library.
...And 52 more matches

Color picker tool - CSS: Cascading Style Sheets
ker() { function getelembyid(id) { return document.getelementbyid(id); } var subscribers = []; var pickers = []; /** * rgba color class * * hsv/hsb and hsl (hue, saturation, value / brightness, lightness) * @param hue 0-360 * @param saturation 0-100 * @param value 0-100 * @param lightness 0-100 */ function color(color) { if(color instanceof color === true) { this.copy(color); return; } this.r = 0; this.g = 0; this.b = 0; this.a = 1; this.hue = 0; this.saturation = 0; this.value = 0; this.lightness = 0; this.format = 'hsv'; } function rgbcolor(r, g, b) { var color = new color(); color.setrgba(r, g, b, 1); return color; } function rgbacolor(r, g, b, a) { var color = new color(); color.setrgba(r, g, b, a); return col...
...or.a = a; return color; } function hslcolor(h, s, l) { var color = new color(); color.sethsl(h, s, l); return color; } function hslacolor(h, s, l, a) { var color = new color(); color.sethsl(h, s, l); color.a = a; return color; } color.prototype.copy = function copy(obj) { if(obj instanceof color !== true) { console.log('typeof parameter not color'); return; } this.r = obj.r; this.g = obj.g; this.b = obj.b; this.a = obj.a; this.hue = obj.hue; this.saturation = obj.saturation; this.value = obj.value; this.format = '' + obj.format; this.lightness = obj.lightness; }; color.prototype.setformat = function setformat(format) { if (format === 'hsv') this.format = 'hsv'; if (format === 'hsl') this.format = 'hsl'; }; /*========== metho...
...ds to set color properties ==========*/ color.prototype.isvalidrgbvalue = function isvalidrgbvalue(value) { return (typeof(value) === 'number' && isnan(value) === false && value >= 0 && value <= 255); }; color.prototype.setrgba = function setrgba(red, green, blue, alpha) { if (this.isvalidrgbvalue(red) === false || this.isvalidrgbvalue(green) === false || this.isvalidrgbvalue(blue) === false) return; this.r = red | 0; this.g = green | 0; this.b = blue | 0; if (this.isvalidrgbvalue(alpha) === true) this.a = alpha | 0; }; color.prototype.setbyname = function setbyname(name, value) { if (name === 'r' || name === 'g' || name === 'b') { if(this.isvalidrgbvalue(value) === false) return; this[name] = value; this.updatehsx(); } }; color.prot...
...And 52 more matches

Creating custom Firefox extensions with the Mozilla build system - Archive of obsolete content
this article describes how to set up the development environment for a large, complex firefox extension with any or all of the above-mentioned requirements.
...if you are just looking to create an xpcom component or two, this is probably overkill, and you might want to take a look at this guide instead.
... on the other hand, if you are an experienced developer or team, and you know that you are going to build a large, complex extension, you would do well to consider the approach described in this article.
...And 51 more matches

Fetching data from the server - Learn web development
this seemingly small detail has had a huge impact on the performance and behavior of sites, so in this article, we'll explain the concept and look at technologies that make it possible, such as xmlhttprequest and the fetch api.
... 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.
... this is extremely wasteful and results in a poor user experience, especially as pages get larger and more complex.
...And 51 more matches

Using XMLHttpRequest - Web APIs
in this guide, we'll take a look at how to use xmlhttprequest to issue http requests in order to exchange data between the web site and a server.
... function reqlistener () { console.log(this.responsetext); } var oreq = new xmlhttprequest(); oreq.addeventlistener("load", reqlistener); oreq.open("get", "http://www.example.org/example.txt"); oreq.send(); types of requests a request made via xmlhttprequest can fetch the data in one of two ways, asynchronously or synchronously.
...if this argument is true or not specified, the xmlhttprequest is processed asynchronously, otherwise the process is handled synchronously.
...And 51 more matches

The building blocks of responsive design - Progressive web apps (PWAs)
in this article we will discuss the main essential components of responsive design, with some links to further information where necessary.
...one approach to this is to create different versions of your site/app for different platforms or browsers and serve them appropriately after detecting which browser or platform is looking at your site.
... but this is increasingly inefficient: browser sniffing is inherently error prone, and maintaining multiple copies of your code can turn out to be a nightmare.
...And 51 more matches

Handling common JavaScript problems - Learn web development
this includes information on using browser dev tools to track down and fix problems, using polyfills and libraries to work around problems, getting modern javascript features working in older browsers, and more.
...this is one of the main reasons why libraries like jquery came into existence — to abstract away differences in browser implementations (e.g.
... confusion about this, in terms of what scope it applies to, and therefore if its value is what you intended.
...And 50 more matches

Applying styles and colors - Web APIs
// these all set the fillstyle to 'orange' ctx.fillstyle = 'orange'; ctx.fillstyle = '#ffa500'; ctx.fillstyle = 'rgb(255, 165, 0)'; ctx.fillstyle = 'rgba(255, 165, 0, 1)'; a fillstyle example in this example, we once again use two for loops to draw a grid of rectangles, each in a different color.
...ar ctx = document.getelementbyid('canvas').getcontext('2d'); for (var i = 0; i < 6; i++) { for (var j = 0; j < 6; j++) { ctx.fillstyle = 'rgb(' + math.floor(255 - 42.5 * i) + ', ' + math.floor(255 - 42.5 * j) + ', 0)'; ctx.fillrect(j * 25, i * 25, 25, 25); } } } <canvas id="canvas" width="150" height="150"></canvas> draw(); the result looks like this: screenshotlive sample a strokestyle example this example is similar to the one above, but uses the strokestyle property to change the colors of the shapes' outlines.
...{ for (var j = 0; j < 6; j++) { ctx.strokestyle = 'rgb(0, ' + math.floor(255 - 42.5 * i) + ', ' + math.floor(255 - 42.5 * j) + ')'; ctx.beginpath(); ctx.arc(12.5 + j * 25, 12.5 + i * 25, 10, 0, math.pi * 2, true); ctx.stroke(); } } } <canvas id="canvas" width="150" height="150"></canvas> draw(); the result looks like this: screenshotlive sample transparency in addition to drawing opaque shapes to the canvas, we can also draw semi-transparent (or translucent) shapes.
...And 50 more matches

EventTarget.addEventListener() - Web APIs
this must be an object implementing the eventlistener interface, or a javascript function.
...the available options are: capture a boolean indicating that events of this type will be dispatched to the registered listener before being dispatched to any eventtarget beneath it in the dom tree.
... usecapture optional a boolean indicating whether events of this type will be dispatched to the registered listener before being dispatched to any eventtarget beneath it in the dom tree.
...And 50 more matches

Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
practical tips for developers and how mozilla does it contents this document is for developers working to support msaa in an application in order to make it accessible with 3rd party assistive technologies, as well as for hackers wishing to be involved in mozilla's msaa support specifically.
...using this information, a screen reader will speak out loud important changes to the document or ui, and allow the user to track where they navigate.
... on microsoft windows, these kinds of assistive technology acquire this necessary information via a combination of hacks, msaa and proprietary doms.
...And 50 more matches

Understanding WebAssembly text format - WebAssembly
this is an intermediate form designed to be exposed in text editors, browser developer tools, etc.
... this article explains how that text format works, in terms of the raw syntax, and how it is related to the underlying bytecode it represents — and the wrapper objects representing wasm in javascript.
... note: this is potentially overkill if you are a web developer who just wants to load a wasm module into a page and use it in your code (see using the webassembly javascript api), but it is more useful if for example, you want to write wasm modules to optimize the performance of your javascript library, or build your own webassembly compiler.
...And 50 more matches

platform/xpcom - Archive of obsolete content
usage the xpcom module makes it simpler to perform three main tasks: implement xpcom object interfaces implement and register xpcom factories implement and register xpcom services if all you need to do is use xpcom objects that someone else has implemented, then you don't need to use this module.
... implementing xpcom interfaces this module exports a class called unknown which implements the fundamental xpcom interface nsisupports.
... getservice(ci.nsiobserverservice); var starobserver = class({ extends: unknown, interfaces: [ 'nsiobserver' ], topic: '*', register: function register() { observerservice.addobserver(this, this.topic, false); }, unregister: function() { observerservice.removeobserver(this, this.topic); }, observe: function observe(subject, topic, data) { console.log('star observer:', subject, topic, data); } }); var starobserver = starobserver(); starobserver.register(); implementing xpcom factories the xpcom module exports a class called factory which implements the nsifactor...
...And 49 more matches

Introduction to SSL - Archive of obsolete content
introduction this document introduces the secure sockets layer (ssl) protocol.
... this document is primarily intended for administrators of red hat server products, but the information it contains may also be useful for developers of applications that support ssl.
...this confirmation might be important if the user, for example, is sending a credit card number over the network and wants to check the receiving server's identity.
...And 49 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.
... this article helps you get started with javascript and furthers your understanding of what is possible.
... it's outside the scope of this article—as a light introduction to javascript—to present the details of how the core javascript language is different from the tools listed above.
...And 49 more matches

Handling common HTML and CSS problems - Learn web development
this includes linting code, handling css prefixes, using browser dev tools to track down problems, using polyfills to add support into browsers, tackling responsive design problems, and more.
... first things first: fixing general problems we said in the first article of this series that a good strategy to begin with is to test in a couple of modern browsers on desktop/mobile, to make sure your code is working generally, before going on to concentrate on the cross browser issues.
...this can be especially problematic when you are using third party code.
...And 49 more matches

Sqlite.jsm
this translates to fewer lines of code to talk to sqlite.
...this makes code easy to write and read.
... before you can use this module, you need to import it into your scope: components.utils.import("resource://gre/modules/sqlite.jsm") obtaining a connection sqlite.jsm exports the sqlite symbol.
...And 49 more matches

widget - Archive of obsolete content
you can include this content inline as a string by using the content property, or point to content using a url with the contenturl property.
... for example, this widget contains an image, so it looks like a simple icon: require("sdk/widget").widget({ id: "mozilla-icon", label: "my mozilla widget", contenturl: "http://www.mozilla.org/favicon.ico" }); you can make contenturl point to an html or icon file which you have packaged inside your add-on.
... just save the file in your add-on's data directory, and reference it using the data.url() method of the self module: var data = require("sdk/self").data; require("sdk/widget").widget({ id: "my-widget", label: "my widget", contenturl: data.url("my-content.html") }); this widget contains an entire web page: require("sdk/widget").widget({ id: "hello-display", label: "my hello widget", content: "hello!", width: 50 }); widgets are quite small by default, so this example used the width property to grow it in order to show all the text.
...And 48 more matches

XUL element attributes - Archive of obsolete content
baseline this value applies to horizontally oriented boxes only.
... stretch this is the default value.
...this attribute, if true, which is the default, allows a datasource to negate an earlier assertion.
...And 48 more matches

The Implementation of the Application Object Model - Archive of obsolete content
warning: the content of this article may be out of date.
...this page might be interesting from historic perspective.
... purpose - the purpose of this document is two-fold.
...And 48 more matches

Getting started with Vue - Learn web development
in this article we'll look at a little bit of vue background, learn how to install it and create a new project, study the high-level structure of the whole project and an individual component, see how to run the project locally, and get it prepared to start building our example.
...this lets you use vue as a drop-in replacement for a library like jquery.
...this allows you to create markup managed entirely by vue, which can improve developer experience and performance when dealing with complex applications.
...And 48 more matches

Overview of Mozilla embedding APIs
embedding applications can leverage this component to easily access many of gecko's features.
...the webbrowser exposes a set of interfaces which allow the embedding application to control activity and respond to changes within this client area.
... nsweakptr this is an nscomptr which encapsulates xpcom weak reference support.
...And 48 more matches

Hacking Tips
this page list a few tips to help you investigate issues related to spidermonkey.
... some variants of this function such as js::dumpscript etc are convenient for debugging.
... this unwinder is able to read the frames created by the jit, and to display the frames which are after these jit frames.
...And 48 more matches

nsIWindowsRegKey
xpcom/ds/nsiwindowsregkey.idlscriptable this interface is designed to provide scriptable access to the windows registry system.
...this interface is highly win32 specific.
... void stopwatching(); void writebinaryvalue(in astring name, in acstring data); void writeint64value(in astring name, in unsigned long long data); void writeintvalue(in astring name, in unsigned long data); void writestringvalue(in astring name, in astring data); attributes attribute type description childcount unsigned long this attribute returns the number of child keys.
...And 48 more matches

Key Values - Web APIs
this can happen due to hardware or software constraints, or because of constraints around the platform on which the user agent is running.
...often handled in hardware so that events aren't generated for this key.
...often handled in hardware so that events aren't generated for this key.
...And 48 more matches

JXON - Archive of obsolete content
there are no real standards for this conversion, but some conventions begin to appear on the web.
... in this article we will show how to convert a parsed xml document (i.e.
... conversion snippets now imagine you have this sample xml document: example.xml <?xml version="1.0"?> <!doctype catalog system "catalog.dtd"> <catalog> <product description="cardigan sweater"> <catalog_item gender="men's"> <item_number>qwz5671</item_number> <price>39.95</price> <size description="medium"> <color_swatch image="red_cardigan.jpg">red</color_swatch> <color_swatch image="burgundy_cardigan.jpg">b...
...And 47 more matches

Editor Embedding Guide - Archive of obsolete content
in calling this method, the editor is created underneath and the event listeners are all prepa if (ns_failed(rv)) return ns_error_failure; // we are not setup??!!
...gsession> editingsession; nsiwebbrowser->do_getinterface(getter_addrefs(editingsession)); if (editingsession) editingsession->makewindoweditable(domwindow, "html", pr_true); the valid editor types are: "text" (similar to notepad or a textarea; does not allow for html) "textmail" (similar to "text" but html can be inserted; intended for plaintext mail usage and handling of citations) "html" (this is the default type if no type is specified; it allows for all html tags to be inserted) "htmlmail" (this is much like "html" except there are a few editing rules/behaviors that differ such as splitting of mail quotes) editor commands you need to call commands and receive updates in order to make any changes to the content on the browser.
... getcommandstate "state_all"(boolean), "state_begin"(boolean), "state_end"(boolean), "state_mixed"(boolean), "state_enabled" (boolean) docommand no parameters note this one is not visually notable in the general case.
...And 47 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.
...you can see an example of this at text alternatives.
... this is not an easy question to answer.
...And 47 more matches

DMD
in this mode, dmd tracks the contents of the heap, including which heap blocks have been reported by memory reporters.
...originally, this was the only mode that dmd had, which explains dmd's name.
... this is the default mode.
...And 47 more matches

Web Replay
this will refresh the tab and start recording.
... this has the same effect as above but can be used when the developer tools are not open.
... an easy way to see this is to open the debugger developer tool, press the pause button and then the rewind button.
...And 47 more matches

<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
...if this attribute is not specified, the default type adopted is text.
... this section provides a table listing all the attributes with a brief description.
...And 47 more matches

The Essentials of an Extension - Archive of obsolete content
<em:id>helloworld@xulschool.com</em:id> this is the unique identifier for the extension.
... firefox needs this to distinguish your extension from other extensions, so it is required that you have an id that is unique.
... <em:name>xul school hello world</em:name> <em:description>welcome to xul school!</em:description> <em:version>0.1</em:version> <em:creator>appcoast</em:creator> <em:homepageurl>https://developer.mozilla.org/docs/xul_school</em:homepageurl> this is the data that is displayed before and after the extension is installed, that you can see in the add-ons manager.
...And 46 more matches

Practical positioning examples - Learn web development
this article shows how to build some real world examples to illustrate what kinds of things you can do with positioning.
...this includes information-heavy apps like strategy/war games, mobile versions of websites where the screen is narrow and space is limited, and compact information boxes where you might want to make lots of information available without having it fill the whole ui.
... our simple example will look like this once we are finished: note: you can see the finished example running live at info-box.html (source code).
...And 46 more matches

Inheritance in JavaScript - Learn web development
previous overview: objects next with most of the gory details of oojs now explained, this article shows how to create "child" object classes (constructors) that inherit features from their "parent" classes.
...but mostly this has involved built-in browser functions.
... let's explore how to do this with a concrete example.
...And 46 more matches

Index
3 account examples extensions, thunderbird this article provides examples on accessing and manipulating thunderbird accounts.
... 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.
... 6 activity manager interfaces thunderbird this page describes the programmatic interfaces behind the activity manager component.
...And 46 more matches

Add to iPhoto
this extension for mac os x serves as a demonstration of how to use js-ctypes to call mac os x carbon, core foundation, and other system frameworks from an extension written entirely in javascript.
... note: this extension uses carbon routines, which can no longer be used in firefox add-ons now that firefox is a 64-bit application.
... you can download an installable version of this extension on amo.
...And 46 more matches

Accessibility documentation index - Accessibility
this document provides a list of links to all accessibility articles on the mozilla developer network.
...it supplements html so that interactions and widgets commonly used in applications can be passed to assistive technologies 3 aria screen reader implementors guide aria, accessibility this is just a guide.
...this must be done in order to determine where to file a bug (browser or at).
...And 46 more matches

HTTP response status codes - HTTP
if you receive a response that is not in this list, it is a non-standard response, possibly custom to the server's software.
... information responses 100 continue this interim response indicates that everything so far is ok and that the client should continue the request, or ignore the response if the request is already finished.
... 101 switching protocol this code is sent in response to an upgrade request header from the client, and indicates the protocol the server is switching to.
...And 46 more matches

Web video codec guide - Web media technologies
this is where video codecs come in.
... this guide introduces the video codecs you're most likely to encounter or consider using on the web, summaries of their capabilities and any compatibility and utility concerns, and advice to help you choose the right codec for your project's video.
... the simplest guideline is this: anything that makes the encoded video look more like the original, uncompressed, video will generally make the resulting data larger as well.
...And 46 more matches

JavaScript Object Management - Archive of obsolete content
« previousnext » chrome javascript in this section we'll look into how to handle javascript data effectively, beginning with chrome code, in ways which will prevent pollution of shared namespaces and conflicts with other add-ons resulting from such global namespace pollution.
...namespace declaration is best located in a file of its own, so that you have this one js file that should be included in all of your xul files.
...this needs to be replaced with an identifier name which is unique to your add-on.
...And 45 more matches

Browser Detection and Cross Browser Support - Archive of obsolete content
warning: the content of this article may be out of date.
... this article was written in 2003 and is not on par with current standards.
... this article is outdated, do not follow it.
...And 45 more matches

Getting started with React - Learn web development
previous overview: client-side javascript frameworks next in this article we will say hello to react.
...it does this through the use of components — self-contained, logical pieces of code that describe a portion of the user interface.
... use cases unlike the other frameworks covered in this module, react does not enforce strict rules around code conventions or file organization.
...And 45 more matches

Handling common accessibility problems - Learn web development
in a way, this whole module is about accessibility — cross browser testing makes sure that your sites can be used by as many people as possible.
...defines accessibility more completely and thoroughly than this article does.
... that said, this article will cover cross browser and testing issues surrounding people with disabilities, and how they use the web.
...And 45 more matches

sslerr.html
this page is part of the ssl reference that we are migrating into the format described in the mdn style guide.
... if you are inclined to help with this migration, your help would be very much appreciated.
...in addition to the error codes defined by nspr, pr_geterror retrieves the error codes described in this chapter.
...And 45 more matches

NSS Tools modutil
this tool can also create key3.db, cert8.db, and secmod.db security database files.
... this document discusses security module database management.
... availability this tool is known to build on solaris 2.5.1 (sunos 5.5.1) and windows nt 4.0.
...And 45 more matches

Finishing the Component
« previousnext » at this point you have created most of the infrastructure of the component.
...the interfaces needed to block certain urls from loading are not frozen, and there is still some debate about how exactly this functionality should be exposed to embedders and component developers, so the apis are not ready to be published.
... this puts you in the same situation as many developers using mozilla - you want to use some specific functionality, but the interfaces seem to change on a daily basis.
...And 45 more matches

Rendering and the WebXR frame animation callback - Web APIs
this article covers the process of driving the frames of the xr scene to the device in the rendering loop, using the xrsession to obtain an xrframe object representing each frame, which is then used to prepare the framebuffer for delivery to the xr device.
...this begins with getting the reference space in which you want to draw, with its origin and orientation set at the viewer's starting position and viewing direction.
...this is done by calling the xrsession method requestanimationframe().
...And 45 more matches

Enhanced Extension Installation - Archive of obsolete content
aside from the work of locating the firefox executable in the first place (which varies from platform to platform), this is very limiting because: it forces the third party application to package its firefox integration hooks as a xpi.
...this can lead to incompatibilities, mysterious crashes and other problems.
... in the profile directory, the file compatibility.ini stores information about the version of the application (build info) that last started this profile - during startup this file is checked and if the version info held by the running app disagrees with the info held by this file, a compatibility check is run on all installed items.
...And 44 more matches

Appendix: What you should know about open-source software licenses - Archive of obsolete content
appendix: what you should know about open-source software licenses draft this page is not complete.
... this document was authored by yutaka kachi and was originally published in japanese for the firefox developers conference summer 2007.
...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.
...And 44 more matches

Using XPInstall to Install Plugins - Archive of obsolete content
parts of this page show the use of the xpinstall api.
... the majority of this api is now deprecated and as of gecko 1.9 no longer available.
...exe) installer, xpinstall can wrap this native installer and run it so that the user never has to leave the browsing environment and click on the exe to run it.
...And 44 more matches

Positioning - Learn web development
this article explains the different position values, and how to use them.
... static positioning static positioning is the default that every element gets — it just means "put the element into its normal position in the document layout flow — nothing special to see here." to demonstrate this, and get your example set up for future sections, first add a class of positioned to the second <p> in the html: <p class="positioned"> ...
...this is fine — as we said before, static positioning is the default behavior!
...And 44 more matches

Investigating leaks using DMD heap scan mode
when combined with cycle collector logging, this can be used to investigate leaks of refcounted cycle collected objects, by figuring out what holds a strong reference to a leaked object.
... when should you use this?
...if you have a patch that introduces a leak, you are probably better off auditing all of the strong references that your patch creates before trying this.
...And 44 more matches

Command line crash course - Learn web development
this article provides an introduction to the terminal, the essential commands you'll need to enter into it, how to chain commands together, and how to add your own command line interface (cli) tools.
...we’ll see how to install some tools later on in this chapter, and we’ll learn more about package registries in the next chapter.
...this is why we are providing this chapter — to help you get started in this seemingly unfriendly environment.
...And 43 more matches

Package management basics - Learn web development
previous overview: understanding client-side tools next in this article we'll look at package managers in some detail to understand how we can use them in our own projects — to install project tool dependencies, keep them up-to-date, and more.
...you could certainly code this yourself, but there's a strong chance that someone else has already solved this problem — why waste time reinventing the wheel?
... without modern build tools, dependencies like this might be included in your project using a simple <script> element, but this might not work right out of the box and you will likely need some modern tooling to bundle your code and dependencies together when they are released on the web.
...And 43 more matches

Download
this object is transient, though it can be included in a downloadlist so that it can be managed by the user interface and persisted across sessions.
...this property can become true, then it can be reset to false when a canceled download is restarted.
... this property becomes true as soon as the cancel() method is called, though the stopped property might remain false until the cancellation request has been processed.
...And 43 more matches

Shell global objects
note: this list overlaps with "built-in functions" in introduction to the javascript shell and is probably not complete.
... this page lists variables and functions available on spidermonkey 53.
...this function is an alias of the print() function.
...And 43 more matches

An Overview of XPCOM
« previousnext » this is a book about xpcom.
... this chapter provides a quick tour of xpcom - an introduction to the basic concepts and technologies in xpcom and component development.
... the brief sections in this chapter introduce the concepts at a very high level, so that we can discuss and use them with more familiarity in the tutorial itself, which describes the creation of a mozilla component called weblock.
...And 43 more matches

nsINavHistoryService
toolkit/components/places/nsinavhistoryservice.idlscriptable this interface provides complex query functions, more fine-grained getters and setters.
...to use this service, use: var historyservice = components.classes["@mozilla.org/browser/nav-history-service;1"] .getservice(components.interfaces.nsinavhistoryservice); method overview astring getpagetitle(in nsiuri auri); void markpageasfollowedbookmark(in nsiuri auri); void markpageasfollowedlink(in nsiuri auri); void markpageastyped(in nsiuri auri); boolean canadduri(in nsiuri auri); long long addvisit(in nsiuri auri, in prtime atime, in nsiuri areferringuri, in long atransitiontype, i...
...tring([array, size_is(aquerycount)] in nsinavhistoryquery aqueries, in unsigned long aquerycount, in nsinavhistoryqueryoptions options); void addobserver(in nsinavhistoryobserver observer, in boolean ownsweak); void removeobserver(in nsinavhistoryobserver observer); void runinbatchmode(in nsinavhistorybatchcallback acallback, in nsisupports aclosure); void importhistory(in nsifile file); astring getcharsetforuri(in nsiuri auri); astring setcharsetforuri(in nsiuri auri, in astring acharset); attributes attribute type description hashistoryentries boolean true if there is any history.
...And 43 more matches

nsIWebNavigation
inherits from: nsisupports last changed in gecko 1.9 (firefox 3) this interface is implemented by the following components: * @mozilla.org/browser/shistory-internal;1 * @mozilla.org/browser/shistory;1 * @mozilla.org/embedding/browser/nswebbrowser;1 * @mozilla.org/docshell;1 gecko 1.9.2 note in gecko 1.9.2 (firefox 3.6), the @mozilla.org/webshell;1 component no longer exists; you need to use @mozilla.org/docshell;1 instead.
...orward void gotoindex( in long index ) void loaduri(in wstring uri , in unsigned long loadflags , in nsiuri referrer , in nsiinputstream postdata, in nsiinputstream headers) void reload(in unsigned long reloadflags) void stop(in unsigned long stopflags) constants load flags constant value description load_flags_mask 65535 this flag defines the range of bits that may be specified.
... load_flags_none 0 this is the default value for the load flags parameter.
...And 43 more matches

Drag Operations - Web APIs
the drag operations described in this document use the datatransfer interface.
... this document does not use the datatransferitem interface nor the datatransferitemlist interface.
...to see this in effect, select an area of a webpage, and then click and hold the mouse and drag the selection.
...And 43 more matches

context-menu - Archive of obsolete content
try right-clicking a blank spot in this page, or on text.
...this is the page context.
... declarative contexts you can specify some simple, declarative contexts when you create a menu item by setting the context property of the options object passed to its constructor, like this: var cm = require("sdk/context-menu"); cm.item({ label: "my menu item", context: cm.urlcontext("*.mozilla.org") }); constructor description pagecontext() the page context.
...And 42 more matches

StringView - Archive of obsolete content
the aims of this library are: to create a c-like interface for strings (i.e., an array of character codes — an arraybufferview in javascript) based upon the javascript arraybuffer interface to create a highly extensible library that anyone can extend by adding methods to the object stringview.prototype to create a collection of methods for such string-like objects (since now: stringviews) which work strictly on arrays of numbers rather than on creating new immutable javascript strings to work with unicode encodings other than javascript's default utf-16 domstrings introduction as web applications become more and more powerful, adding features such as audio and video manipulation, access to raw data using websockets, and so forth, it has become clear that there are times when...
...in the past, this had to be simulated by treating the raw data as a string and using the charcodeat() method to read the bytes from the data buffer.
... however, this is slow and error-prone, due to the need for multiple conversions (especially if the binary data is not actually byte-format data, but, for example, 32-bit integers or floats).
...And 42 more matches

Anatomy of a video game - Game development
this article looks at the anatomy and workflow of the average video game from a technical point of view, in terms of how the main loop should run.
...not surprisingly, this pattern corresponds to how a game engine is programmed.
... some games drive this cycle by user input.
...And 42 more matches

Legacy layout methods - Learn web development
in this article we'll explore how these older methods work, in order that you understand how they were used if you work on an older project.
... this lesson will explain how grid systems and grid frameworks based on floats and flexbox work.
... having studied grid layout you will probably be surprised how complicated this all seems!
...And 42 more matches

What went wrong? Troubleshooting JavaScript - Learn web development
never fear — this article aims to save you from tearing your hair out over such problems by providing you with some tips on how to find and fix errors in javascript programs.
...but the above classifications will do at this early stage in your career.
... an erroneous example to get started, let's return to our number guessing game — except this time we'll be exploring a version that has some deliberate errors introduced.
...And 42 more matches

React interactivity: Events and state - Learn web development
in this article we'll do this, digging into events and state along the way, and ending up with an app in which we can successfully add and delete tasks, and toggle tasks as completed.
...for example: const btn = document.queryselector('button'); btn.addeventlistener('click', () => { alert("hi!"); }); in react, we write event handlers directly on the elements in our jsx, like this: <button type="button" onclick={() => alert("hi!")} > say hi!
... </button> note: this may seem counter-intuitive regarding best-practice advice that tends to advise against use of inline event handlers on html, but remember that jsx is actually part of your javascript.
...And 42 more matches

Creating our first Vue component - Learn web development
we'll use this to build our list of todos.
... your file should now look like this: <template> </template> <script> export default {}; </script> we can now begin to add actual content to our todoitem.
... vue templates are currently only allowed a single root element — one element needs to wrap everything inside the template section (this will change when vue 3 comes out).
...And 42 more matches

Adding a new todo form: Vue events, methods, and models - Learn web development
this is what we'll cover in this article.
... let's load this component into our app.
... go back to app.vue and add the following import statement just below the previous one, inside your <script> element: import todoform from './components/todoform'; you also need to register the new component in your app component — update the components property of the component object so that it looks like this: components: { todoitem, todoform } finally for this section, render your 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> ...
...And 42 more matches

Localization content best practices
this document provides best practices for developers to create localizable code, and describes how to avoid some localizability (l12y) common mistakes.
... it's important to consider this when adding strings, and especially localization comments for strings that contain references, or obscure technical details.
...for example, suppose this string needs to be changed from "event" to "add new event": new-event-header = event add-new-event-header is definitely a better choice for the new string than new-event-header1.
...And 42 more matches

nsIWebProgressListener
uriloader/base/nsiwebprogresslistener.idlscriptable this interface is implemented by clients wishing to listen in on the progress associated with the loading of asynchronous requests in the context of a nsiwebprogress instance as well as any child nsiwebprogress instances.
... constant value description state_start 0x00000001 this flag indicates the start of a request.
... this flag is set when a request is initiated.
...And 42 more matches

cfx - Archive of obsolete content
for information on how to migrate from cfx to jpm see this guide.
... this command will create an skeleton add-on, as a starting point for your own add-on development, with the following file structure: my-addon data docs main.md lib main.js package.json readme.md tests test-main.js cfx run this command is used to run the add-on.
...you can specify an existing profile using the --profiledir option, and this gives you access to that profile's history, bookmarks, and other add-ons.
...And 41 more matches

How to convert an overlay extension to restartless - Archive of obsolete content
this article is a step-by-step tutorial on how to convert an old overlay-based extension into a restartless (bootstrapped) extension that is also extractionless.
...this guide targets firefox 17 esr or later (or anything else gecko 17+, such as seamonkey 2.14+).
... this is two esrs back (as of this writing), which should be plenty.
...And 41 more matches

Install Manifests - Archive of obsolete content
examples <em:name>my extension</em:name> targetapplication an object specifying an application targeted by this add-on.
... this means that the add-on will work with the application identified by the id property (<em:id>) specified (for a comprehensive list of application ids and valid min/maxversions for them see valid application versions for add-on developers), from the minimum version (<em:minversion>) up to and including the maximum version (<em:maxversion>).
...these version strings are formatted in the same fashion as the version property and will be compared to the application version; this allows the extension author to specify which versions of firefox an extension has been tested with.
...And 41 more matches

XPCOM Objects - Archive of obsolete content
this lower layer is called xulrunner, and it is a very powerful platform, providing a very robust development base for web-enabled, cross-platform applications.
... this.obsservice = cc["@mozilla.org/observer-service;1"].getservice(ci.nsiobserverservice); the cc object (components.classes) is an index to static objects and class definitions available through xpcom.
... the string between the brackets is just an identifier, in this case corresponding to the observer service.
...And 41 more matches

tabbrowser - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is used for holding a set of read-only views of web documents.
... note: starting in firefox 3 (xulrunner/gecko 1.9), this is only used in the main firefox window and cannot be used in other xul windows by third-party applications or extensions.
... autoscroll type: boolean set to false to disable autoscroll for this browser.
...And 41 more matches

Introduction to events - Learn web development
in this article, we discuss some important concepts surrounding events, and look at how they work in browsers.
... this won't be an exhaustive study; just what you need to know at this stage.
... in the case of the web, events are fired inside the browser window, and tend to be attached to a specific item that resides in it — this might be a single element, set of elements, the html document loaded in the current tab, or the entire browser window.
...And 41 more matches

Introduction to client-side frameworks - Learn web development
this shared ecosystem of libraries helped shape the growth of the web.
...mdn web docs, which you are currently reading this on, uses the react/reactdom framework to power its front end.
...by this point, it had already been using react to solve many of its problems internally.
...And 41 more matches

TypeScript support in Svelte - Learn web development
there are different opinions about it, and in this chapter we will talk briefly about the pros and cons of using typescript.
... even if you are not planning to adopt it, this article will be useful for allowing you to learn what it has to offer and help you make your own decision.
...in this section we'll show you how to setup a svelte project with typescript support to give it a try.
...And 41 more matches

NSS API Guidelines
nss api guidelines newsgroup: mozilla.dev.tech.crypto introduction this document describes how the nss code is organized, the libraries that get built from the nss sources, and guidelines for writing nss code.
...this will help you understand existing nss code.
... some of the guidelines in this document, are more forward-looking than documentary.
...And 41 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,...
...even though the debuggee and debugger share the same javascript stack, frames pushed for spidermonkey’s calls to handler methods to report events in the debuggee are never considered visible frames.) invocation functions and “debugger” frames aninvocation function is any function in this interface that allows the debugger to invoke code in the debuggee: debugger.object.prototype.call, debugger.frame.prototype.eval, and so on.
... while invocation functions differ in the code to be run and how to pass values to it, they all follow this general procedure: letolder be the youngest visible frame on the stack, or null if there is no such frame.
...And 41 more matches

jpm - Archive of obsolete content
this is the reference page for jpm.
...on debian and ubuntu, this can be remedied by ensuring you installed the compatibility package, nodejs-legacy: sudo apt-get install nodejs-legacy on other distributions, you may have to create a local symlink to nodejs manually: sudo ln -s "$(which nodejs)" /usr/local/bin/node installing jpm after you have npm installed and node on your path, install jpm just as you would any other npm package.
... 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.
...And 40 more matches

A first splash into JavaScript - Learn web development
you need to start thinking like a programmer — this generally involves looking at descriptions of what your program needs to do, working out what code features are needed to achieve those things, and how to make them work together.
... this requires a mixture of hard work, experience with the programming syntax, and practice — plus a bit of creativity.
... with that in mind, let's look at the example we'll be building up in this article, and review the general process of dissecting it into tangible tasks.
...And 40 more matches

Dynamic behavior in Svelte: working with variables and props - Learn web development
in this article we'll be using variables and props to make our app dynamic, allowing us to add and delete todos, mark them as complete, and filter them by status.
...find the <h2> heading with an id of list-heading and replace the hardcoded number of active and completed tasks with dynamic expressions: <h2 id="list-heading">{completedtodos} out of {totaltodos} items completed</h2> go to the app, and you should see the "2 out of 3 items completed" message as before, but this time the information is coming from the todos array.
...in this case we use the {#each...} directive to iterate over the todos array.
...And 40 more matches

Deploying our app - Learn web development
post development there's potentially a large range of problems to be solved in this section of the project's lifecycle.
... here's just a few things to consider for this particular project: generating a production build: ensuring files are minimised, chunked, have tree-shaking applied, and that versions are "cache busted".
... running tests: these can range from "is this code formatted properly?" to "does this thing do what i expect?", and ensuring failing tests prevent deployment.
...And 40 more matches

Memory reporting
tl;dr: you should read this document before writing a memory reporter.
...this is most obviously used in about:memory and telemetry.
... this document describes things that you should know when writing a memory reporter.
...And 40 more matches

Creating the Component Code
« previousnext » this chapter goes over the basic code required to handle the relationship between your component and xpcom.
... having the component found and registered properly is the goal of this first chapter of the tutorial.
...there is more code in this chapter than you'll eventually need, however.
...And 40 more matches

nsIPromptService
embedding/components/windowwatcher/public/nsipromptservice.idlscriptable this interface can be used to display simple dialogs.
...if you need to include an ampersand in the button's text, use two of them, like this: "&&".
... constant value description button_pos_0 1 this is usually the button used to confirm the prompt.
...And 40 more matches

Using Service Workers - Web APIs
this article provides information on getting started with service workers, including basic architecture, registering a service worker, the install and activation process for a new service worker, updating your service worker, cache control and custom responses, all in the context of a simple app with offline functionality.
...there have been various attempts to create technologies to solve this problem, and some of the issues have been solved.
...service worker syntax is more complex than that of appcache, but the trade off is that you can use javascript to control your appcache-implied behaviors with a fine degree of granularity, allowing you to handle this problem and many more.
...And 40 more matches

WindowOrWorkerGlobalScope.setInterval() - Web APIs
this method is defined by the windoworworkerglobalscope mixin.
...this syntax is not recommended for the same reasons that make using eval() a security risk.
...if you want to enable this functionality on that browser, you must use a polyfill (see the callback arguments section).
...And 40 more matches

Inner-browsing extending the browser navigation paradigm - Archive of obsolete content
note this article is the version from 2003 with slight modifications (no images and no links to samples).
...this model of web navigation is so common that most internet users do little else.
... but as the internet matures, this model has begun to show its age and its limitations.
...And 39 more matches

Template Logging - Archive of obsolete content
for example, if you spell a value wrong, no data may be returned, but the template system won't know that that this was because of a spelling error, or simply that there shouldn't be any data anyway.
...this logging of result changes is not done by default; it must be enabled with a flag.
...this logging of results can be very useful for debugging, but remember to remove this flag when you have finished and the template works correctly, as the logging can take up extra time that is not necessary when the template is working.
...And 39 more matches

textbox (Toolkit autocomplete) - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is created by setting the type attribute of the textbox to autocomplete.
...popupopen, searchcount, searchparam, selectionend, selectionstart, showcommentcolumn, showimagecolumn,size, tabindex, tabscrolling, textlength, textvalue, timeout, type, value methods getsearchat, onsearchcomplete, ontextentered, ontextreverted, select, setselectionrange examples <textbox type="autocomplete" autocompletesearch="history"/> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
... this should be one of the characters that appears in the label attribute for the element.
...And 39 more matches

Getting started with Svelte - Learn web development
previous overview: client-side javascript frameworks next in this article we'll provide a quick introduction to the svelte framework.
... svelte: a new approach to building rich user interfaces svelte provides a different approach to building web apps than some of the other frameworks covered in this module.
... the outcome of this approach is not only smaller application bundles and better performance, but also a developer experience that is more approachable for people that have limited experience of the modern tooling ecosystem.
...And 39 more matches

Gecko info for Windows accessibility vendors
this faq explains how makers of windows screen readers, voice dictation packages and magnification software can support gecko-based software.
... definitions here are some basic definitions that you'll need for this document to make sense: gecko: the rendering engine for firefox, thunderbird, nvu, mozilla seamonkey and other applications.
... dom: document object model this is the w3c's specification for how web content is exposed to javascript and other languages.
...And 39 more matches

Eclipse CDT
system requirements eclipse will use a lot of memory to fully index the mozilla source tree to provide code assistance features (easily 4 gb of ram, although this will drop to just over 1 gb if you restart after indexing is complete).
... installing eclipse regarding llvm4eclipsecdt, do not install or select this toolchain for mozilla development.
... this plugin is intended mainly for managed projects but we use an unmanaged project for mozilla (since it has its own build system).
...And 39 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.
... if it has not yet been set, this is null.peeridentity read only the read-only rtcpeerconnection property peeridentity returns a javascript promise that resolves to an rtcidentityassertion which contains a domstring identifying the remote peer.pendinglocaldescription read only the read-only property rtcpeerconnection.pendinglocaldescription returns an rtcsessiondescription object describing a pending configuration change for the local end of the connection.
... this does not describe the connection as it currently stands, but as it may exist in the near future.
...And 39 more matches

Using Web Workers - Web APIs
this article provides a detailed introduction to using web workers.
...worker()) that runs a named javascript file — this file contains the code that will run in the worker thread; workers run in another global context that is different from the current window.
...in this section we'll discuss the javascript found in our basic dedicated worker example (run dedicated worker): this allows you to enter two numbers to be multiplied together.
...And 39 more matches

panel - Archive of obsolete content
usage this module exports a single constructor function panel() which constructs a new panel.
... you can load remote html into the panel: var mypanel = require("sdk/panel").panel({ width: 180, height: 180, contenturl: "https://en.wikipedia.org/w/index.php?title=jetpack&useformat=mobile" }); mypanel.show(); you can also load html that's been packaged with your add-on, and this is most probably how you will create dialogs.
... to do this, save the html in your add-on's data directory and load it using the data.url() method exported by the self module, like this: var mypanel = require("sdk/panel").panel({ contenturl: require("sdk/self").data.url("myfile.html") }); mypanel.show(); from firefox 34, you can use "./myfile.html" as an alias for self.data.url("myfile.html").
...And 38 more matches

RDF Modifications - Archive of obsolete content
no extra code needs to be written to do this; it happens automatically.
... this involves a third type of observer involved in a template builder, an nsirdfobserver, used to listen for modifications to the rdf datasource.
... naturally, this only applies to rdf queries.
...And 38 more matches

Index - Game development
fortunately, i do not have any experience with this, but i have heard it is an excruciating game of whack-a-mole.
... 3 examples demos, example, games, web this page lists a number of impressive web technology demos for you to get inspiration from, and generally have fun with.
... 7 publishing games games, html5, javascript, monetization, promotion, distribution, publishing this series of articles looks at the options you have when you want to publish and distribute your game, and earn something out of it while you wait for it to become famous.
...And 38 more matches

Setting up your own test automation environment - Learn web development
previous overview: cross browser testing in this article, we will teach you how to install your own automation environment and run your own tests using selenium/webdriver and a testing library such as selenium-webdriver for node.
...there are other ways, but the best way to use selenium is via webdriver, a powerful api that builds on top of selenium and makes calls to a browser to automate it, carrying out actions such as "open this web page", "move over this element on the page", "click this link", "see whether the link opens this url", etc.
... this is ideal for running automated tests.
...And 38 more matches

Drawing and Event Handling - Plugins
« previousnext » this chapter tells how to determine whether a plug-in instance is windowed or windowless, how to draw and redraw plug-ins, and how to handle plug-in events.
...this type of plug-in determines when it draws itself.
...this target is either the windowed plug-in's native window, or the drawable of a windowless plug-in.
...And 38 more matches

Realizing common layouts using CSS Grid Layout - CSS: Cascading Style Sheets
to round off this set of guides to css grid layout, i am going to walk through a few different layouts, which demonstrate some of the different techniques you can use when designing with grid layout.
...as you can see from this set of examples, there is often more than one way to achieve the result you want with grid layout.
... a responsive layout with 1 to 3 fluid columns using grid-template-areas many websites are a variation of this type of layout, with content, sidebars, a header and a footer.
...And 38 more matches

page-mod - Archive of obsolete content
so you can rewrite the above code like this: var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "*.mozilla.org", contentscriptfile: "./my-script.js" }); unless your content script is extremely simple and consists only of a static string, don't use contentscript: if you do, you may have problems getting your add-on approved on amo.
...this makes your code easier to maintain, secure, debug and review.
... to do this, you'll need to listen to the page-mod's attach event.
...And 37 more matches

ui/frame - Archive of obsolete content
usage this module exports the frame constructor, which can be used to create frame components.
... for example, this html document defines a <select> element and a couple of <span> elements, and includes a css file to style the content and a javascript script to implement behavior: <!doctype html> <html> <head> <link href="city-info.css" rel="stylesheet"></link> </head> <body> <select name="city" id="city-selector"></select> <span id="time" class="info-element"></span> <span id="weather" class="info-element"></span> <script type=...
..."text/javascript" src="city-info.js"></script> </body> </html> if we save this document as "city-info.html" under the add-on's "data" directory, we can create a frame hosting it and add the frame to a toolbar like this: var { frame } = require("sdk/ui/frame"); var { toolbar } = require("sdk/ui/toolbar"); var frame = new frame({ url: "./city-info.html" }); var toolbar = toolbar({ name: "city-info", title: "city info", items: [frame] }); the toolbar is positioned between the address bar and the content window.
...And 37 more matches

Complete - Archive of obsolete content
this article is not finished yet.
... this page is for readers who have followed the custom toolbar button tutorial for firefox, thunderbird and sunbird, or the custom toolbar button:seamonkey tutorial for seamonkey, and who want to learn more about developing extensions.
...this page describes how to structure the extension in a more conventional way.
...And 37 more matches

Flexbox - Learn web development
this article explains all the fundamentals.
... introducing a simple example in this article we are going to get you to work through a series of exercises to help you understand how flexbox works.
...to do this, we set a special value of display on the parent element of the elements you want to affect.
...And 37 more matches

Looping code - Learn web development
he might use the following loop to achieve this: a loop usually has one or more of the following features: a counter, which is initialized with a certain value — this is the starting point of the loop ("start: i have no food", above).
...this is illustrated by "have i got enough food?", above.
...we haven't explicitly illustrated this above, but we could think about the farmer being able to collect say 2 portions of food per hour.
...And 37 more matches

Making decisions in your code — conditionals - Learn web development
in this article, we'll explore how so-called conditional statements work in javascript.
... a condition to test, placed inside the parentheses (typically "is this value bigger than this other value?", or "does this value exist?").
... a set of curly braces, inside which we have some code — this can be any code we like, and it only runs if the condition returns true.
...And 37 more matches

Strategies for carrying out testing - Learn web development
previous overview: cross browser testing next this article starts the module off by providing an overview of the topic of (cross) browser testing, answering questions such as "what is cross-browser testing?", "what are the most common types of problems you'll encounter?", and "what are the main approaches for testing, identifying, and fixing problems?" prerequisites: familiarity with the core html, css, and javascript languages; an idea of the high level principles of cross-browser testing.
...you can make this as simple or as complex as you like — for example a common approach is to have multiple grades of support level, something like: a grade: common/modern browsers — known to be capable.
... throughout the following sections, we'll build up a support chart in this format.
...And 37 more matches

Midas
internet explorer supports the ability to make an entire document editable by setting the designmode property of the document object; this is how midas is invoked in gecko.
... you can try demo of this here.
... properties document.designmode by setting this property to "on", the document becomes editable.
...And 37 more matches

Digital audio concepts - Web media technologies
this guide is an overview examining how audio is represented digitally, and how codecs are used to encode and decode audio for use on the web.
...some audio does travel through water, or even through the rock comprising the planet itself (if you've ever heard the rumble or boom of an earthquake, you've experienced this phenomenon), but nearly all of the sounds you hear every day travel to your ears through the air.
...this process is called analog to digital conversion (a/d for short).
...And 37 more matches

browser - Archive of obsolete content
autoscroll type: boolean set to false to disable autoscroll for this browser.
... if this attribute is set to true or omitted, autoscroll will be enabled or depending on the user preference general.autoscroll.
... disablesecurity type: boolean set this attribute to true to disable the security ui for this browser.
...And 36 more matches

prefwindow - Archive of obsolete content
this element should be used in place of the window tag and should contain one or more prefpane elements.
...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.
...the preference window will not run correctly if you do not set this preference in your application's defaults (see bug 485150 for more information).
...And 36 more matches

2D maze game with device orientation - Game development
in this tutorial we’ll go through the process of building an html5 mobile game that uses the device orientation and vibration apis to enhance the gameplay and is built using the phaser framework.
... basic javascript knowledge is recommended to get the most from this tutorial.
...it will look something like this: phaser framework phaser is a framework for building desktop and mobile html5 games.
...And 36 more matches

Index - MDN Web Docs Glossary: Definitions of Web-related terms
this glossary provides definitions of words and abbreviations you need to know to successfully understand and build for the web.
...this is defined by the layout mode; it is usually the alignment subject’s containing block, and assumes the writing mode of the box establishing the containing block.
...this is compared to a variable that can store only one value.
...And 36 more matches

Styling links - Learn web development
we'll look at all these topics in this article.
...in this article we'll build on this knowledge, showing you best practices for styling links.
...this can be specifically styled using the :link pseudo class.
...And 36 more matches

source-editor.jsm
this component has been removed from the platform in firefox 28.
...ptional] number acolumn, [optional] number aalign); void setselection(number astart, number aend); breakpoint management void addbreakpoint(number alineindex, [optional] string acondition); array getbreakpoints(); boolean removebreakpoint(number alineindex); properties attribute type description dirty boolean set this value to false whenever you save the text; the editor will update it to true when the content is changed.
... you can then use this value to detect when the contents of the text are different from your most recent save.
...And 36 more matches

Mail composition back end
warning: the content of this article may be out of date.
...you also have the ability to save rfc822 files to disk, should you need this data for some reason.
... included in this functionality is the code to copy the messages to the appropriate locations after delivery (i.e.
...And 36 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 view makes it easy to visualize the nesting of your content.
...this article takes you through the main features of the accessibility inspector and how to use it.
...And 36 more matches

Timing element visibility with the Intersection Observer API - Web APIs
in this article, we'll build a mock blog which has a number of ads interspersed among the contents of the page, then use the intersection observer api to track how much time each ad is visible to the user.
... although many aspects of this example will not match real world usage (in particular, the articles all have the same text and aren't loaded from a database, and there are just a handful of simple text-only ads that are selected from an array), this should provide enough understanding of the api to quickly learn how to apply the intersection observer api to your own site.
... there's a good reason why the notion of tracking visibility of ads is being used in this example.
...And 36 more matches

Compiling from Rust to WebAssembly - WebAssembly
this tutorial takes you through all you need to know to compile a rust project to wasm and use it in an existing web app.
... in this tutorial, we build an npm package using wasm-pack, a tool for building npm packages in rust.
... this package will contain only webassembly and javascript code, and so the users of the package won't need rust installed.
...And 36 more matches

Block and Line Layout Cheat Sheet - Archive of obsolete content
the details of block and line layout are tricky; this document serves as a "cheat sheet" that describes how the vagary of different state flags control what's going on.
... objects this section presents some of the classes involved in block and line reflow, along with important members of each object that control reflow processing.
... ns_frame_in_reflow this bit is set when the frame is being actively being reflowed.
...And 35 more matches

Beginner's guide to media queries - Learn web development
in this lesson you will first learn about the syntax used in media queries, and then move on to use them in a worked example showing how a simple design might be made responsive.
... media query basics the simplest media query syntax looks like this: @media media-type and (media-feature-rule) { /* css rules go here */ } it consists of: a media type, which tells the browser what kind of media this code is for (e.g.
... @media screen and (width: 600px) { body { color: red; } } open this example in the browser, or view the source.
...And 35 more matches

Performance best practices for Firefox front-end engineers
this guide will help firefox developers working on front-end code produce code which is as performant as possible—not just on its own, but in terms of its impact on other parts of firefox.
... the rendering process goes through the following steps: the above image is used under creative commons attribution 3.0, courtesy of this page from our friends at google, which itself is well worth the read.
... for a very down-to-earth explanation of the style, layout, paint and composite steps of the pipeline, this hacks blog post does a great job of explaining it.
...And 35 more matches

NSS PKCS11 Functions
pkcs #11 functions this chapter describes the core pkcs #11 functions that an application needs for communicating with cryptographic modules.
...this was converted from "chapter 7: pkcs #11 functions".
...syntax #include "secmod.h" extern secmodmodule *secmod_loadusermodule(char *modulespec, secmodmodule *parent, prbool recurse); parameters this function has the following parameters: modulespec is a pkcs #11 modulespec.
...And 35 more matches

certutil
this document discusses certificate and key database management.
...the certificate database should already exist; if one is not present, this option will initialize one by default.
...this requires the -i argument.
...And 35 more matches

Building the WebLock UI
in this chapter, however, we are going to be building a user interface for the weblock component that's meant to be added to the existing mozilla browser[other-mozlike-browsers].
...specifically, the user interface we create in this chapter will be overlaid into the statusbar of the browser component, where it will provide a small icon the user can click to access the web lock interface.
... weblock indicator in browser user interface package list the user interface described in this section is comprised of four files: weblockoverlay.xul is the file that defines the little status icon in the browser.
...And 35 more matches

Setting up the Gecko SDK
« previousnext » this chapter provides basic setup information for the gecko software development kit (sdk) used to build the weblock component in this tutorial.
...in this appendix, we set up the windows gecko sdk in c:\gecko-sdk\.
... if you choose some other location, remember to adjust the settings described here (e.g., in the building a microsoft visual cpp project section below) to point to this new location.
...And 35 more matches

Using XPCOM Utilities to Make Things Easier
« previousnext » this chapter goes back over the code you've already created in the first part of the tutorial (see weblock1.cpp in the previous chapter) and uses xpcom tools that make coding a lot easier and more efficient.
...to get an idea about how much can be handled with the macros described in this section, compare the code listing in weblock2.cpp at the end of the chapter with weblock1.cpp in the previous chapter.
... note that all of the macros described in this section are similar but are used in slightly different situations.
...And 35 more matches

Mozilla internal string guide
this guide documents the string classes which are visible to code within the mozilla codebase (code which is linked into libxul).
...for the purpose of this document, we will refer to the 16-bit string classes in class documentation.
...this class corresponds to the xpidl astring parameter type.
...And 35 more matches

Getting Started Guide
if you have never used nscomptrs before, this section is for you.
... xpcom basics: ownership and reference counting this is a quick refresher on some fundamental issues of xpcom.
... you should already know this, and should be able to just skim this short section.
...And 35 more matches

Debugger.Script - Firefox Developer Tools
this allows the code using each debugger instance to place whatever properties it likes on its debugger.script instances, without worrying about interfering with other debuggers.) a debugger.script instance is a strong reference to a jsscript object; it protects the script it refers to from being garbage collected.
... please note at the time of this writing, support for webassembly is very preliminary.
... accessor properties of the debugger.script prototype object a debugger.script instance inherits the following accessor properties from its prototype: isgeneratorfunction true if this instance refers to a jsscript for a function defined with a function* expression or statement.
...And 35 more matches

<input type="image"> - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
...this takes precedence over the action attribute on the <form> element that owns the <input>.
... this attribute is also available on <input type="submit"> and <button> elements.
...And 35 more matches

<link>: The External Resource Link element - HTML: Hypertext Markup Language
this element is most commonly used to link to stylesheets, but is also used to establish site icons (both "favicon" style icons and icons for the home screen and apps on mobile devices) among other things.
... the source for this interactive example is stored in a github repository.
... to link an external stylesheet, you'd include a <link> element inside your <head> like this: <link href="main.css" rel="stylesheet"> this simple example provides the path to the stylesheet inside an href attribute, and a rel attribute with a value of stylesheet.
...And 35 more matches

Elements - Archive of obsolete content
bindings this section is tested and adjusted for the current firefox implementation.
...this has been fixed for future versions of mozilla products.
...this way a more-or-less universal namespace declaration in your bindings could be like: <bindings xmlns="http://www.mozilla.org/xbl" xmlns:html = "http://www.w3.org/1999/xhtml" xmlns:xul = "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:svg = "http://www.w3.org/2000/svg" xmlns:xlink= "http://www.w3.org/1999/xlink"> binding <!entity % binding-content "(resources?,conten...
...And 34 more matches

Styling a Tree - Archive of obsolete content
this is because the tree body is stored in a different way to other elements.
...this can be used with trees with static content, rdf built content or with those with a custom view.
...this would be used to implement mozilla mail's labels feature.
...And 34 more matches

tab - Archive of obsolete content
tes accesskey, afterselected, beforeselected, command, crop, disabled, first-tab, image, label, last-tab, linkedpanel, oncommand, pending, pinned, selected, tabindex, unread, validate, value properties accesskey, accessibletype, command, control, crop, disabled, image, label, linkedpanel, selected, tabindex, value examples (example needed) attributes accesskey type: character this should be set to a character that is used as a shortcut key.
... this should be one of the characters that appears in the label attribute for the element.
... afterselected type: boolean this is set to true if the tab is immediately after the currently selected tab.
...And 34 more matches

Reference - Archive of obsolete content
well if you combine the two, you can have inherited private variables: function myclass(){ var property = 5; this.tellme = function(){ return property; } } function myotherclass(){ myclass.apply( this ); } var o = new myotherclass; alert( o.tellme() ); //alerts 5 as you'd expect — the preceding comment was added by psygnisfive (talk – contribs) on 22:23, 4 december 2006 terminology we need a terminology appendix.
...in particular this means we should define activation object somewhere (and link to it whenever we mention it).
...so how should this be documented?
...And 34 more matches

CSS and JavaScript accessibility best practices - Learn web development
this article outlines some css and javascript best practices that should be considered to ensure even complex content is as accessible as possible.
... correct semantics and user expectation it is possible to use css to make any html element look like anything, but this doesn't mean that you should.
... "standard" text content structure headings, paragraphs, lists — the core text content of your page: <h1>heading</h1> <p>paragraph</p> <ul> <li>my list</li> <li>has two items.</li> </ul> some typical css might look like this: h1 { font-size: 5rem; } p, li { line-height: 1.5; font-size: 1.6rem; } you should: select sensible font sizes, line heights, letter spacing, etc.
...And 34 more matches

CSS property compatibility table for form controls - Learn web development
the property has no meaning for this type of widget.
... line-height this property is supported inconsistently across browsers and you should avoid it.
... text-decoration this property is not supported by opera on form widgets.
...And 34 more matches

Responsive images - Learn web development
previous overview: multimedia and embedding next in this article, we'll learn about the concept of responsive images — images that work well on devices with widely differing screen sizes, resolutions, and other such features — and look at what tools html provides to help implement them.
... this helps to improve performance across different devices.
...here's a simple example: this works well on a wide screen device, such as a laptop or desktop (you can see the example live and find the source code on github.) we won't discuss the css much in this lesson, except to say that: the body content has been set to a maximum width of 1200 pixels — in viewports above that width, the body remains at 1200px and centers itself in the available space.
...And 34 more matches

Object prototypes - Learn web development
in this article, we explain how prototype chains work and look at how the prototype property can be used to add methods to existing constructors.
... note: this article covers traditional javascript constructors and classes.
...this is often referred to as a prototype chain, and explains why different objects have properties and methods defined on other objects available to them.
...And 34 more matches

Introduction to automated testing - Learn web development
to handle this efficiently, you should become familiar with automation tools.
... in this article, we look at what is available, how to use task runners, and how to use the basics of commercial browser test automation apps such as lambdatest, sauce labs, browserstack, and testingbot.
... automation makes things easy throughout this module we have detailed loads of different ways in which you can test your websites and apps, and explained the sort of scope your cross-browser testing efforts should have in terms of what browsers to test, accessibility considerations, and more.
...And 34 more matches

Eclipse CDT Manual Setup
mach setup most people should be reading the eclipse cdt page instead of this one, now that mach ide eclipse is a thing.
... this page contains the content that used to live on the eclipse cdt page that most people will likely just consider noise.
... setup time some points in the rest of this document below are old and taken care of by the mach commands described above (although some of the project configuration is not done automatically yet).
...And 34 more matches

NSS tools : certutil
this document discusses certificate and key database management.
... the certificate database should already exist; if one is not present, this command option will initialize one by default.
... this requires the -i argument.
...And 34 more matches

JSAPI User Guide
this document explains how to embed spidermonkey, the mozilla javascript engine, in your c++ program.
...this section describes what these things are.
...whenever javascript code does something like window.open("http://www.mozilla.org/"), it is accessing a global property, in this case window.
...And 34 more matches

nsIIOService
netwerk/base/public/nsiioservice.idlscriptable this interface provides a set of url parsing utility functions.
... inherits from: nsisupports last changed in gecko 1.2 this interface duplicates many of the nsiprotocolhandler methods in a protocol handler independent way (for example newuri() inspects the scheme in order to delegate creation of the new uri to the appropriate protocol handler).
...when in offline mode, attempts to access the network will fail (although this does not necessarily correlate with whether there is actually a network available -- that's hard to detect without causing the dialer to come up).
...And 34 more matches

nsIPrincipal
boolean subsumes(in nsiprincipal other); attributes attribute type description certificate nsisupports the certificate associated with this principal, if any.
... if there isn't one, this will return null.
... getting this attribute never throws.
...And 34 more matches

Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
this article introduces webrtc perfect negotiation, describing how it works and why it's the recommended way to negotiate a webrtc connection between peers, and provides sample code to demonstrate the technique.
...this was due to a small number of issues with the api and some potential race conditions that needed to be prevented.
...negotiation is an inherently asymmetric operation: one side needs to serve as the "caller" while the other peer is the "callee." the perfect negotiation pattern smooths this difference away by separating that difference out into independent negotiation logic, so that your application doesn't need to care which end of the connection it is.
...And 34 more matches

Movement, orientation, and motion: A WebXR example - Web APIs
in this article, we'll make use of information introduced in the previous articles in our webxr tutorial series to construct an example which animates a rotating cube around which the user can move freely using a vr headset, keyboard, and/or mouse.
... this will help to solidify your understanding of how the geometry of 3d graphics and vr work, as well as to help ensure you understand the way the functions and data that are used during xr rendering work together.
... screenshot of this example in action the core of this example—the spinning, textured, lighted cube—is taken from our webgl tutorial series; namely, the penultimate article in the series, covering lighting in webgl.
...And 34 more matches

WindowOrWorkerGlobalScope.setTimeout() - Web APIs
this syntax is not recommended for the same reasons that make using eval() a security risk.
...if this parameter is omitted, a value of 0 is used, meaning execute "immediately", or more accurately, the next event cycle.
...if you want to enable this functionality on that browser, you must use a polyfill (see the polyfill section).
...And 34 more matches

Basic Concepts of grid layout - CSS: Cascading Style Sheets
this article introduces the css grid layout and the new terminology that is part of the css grid layout level 1 specification.
... the features shown in this overview will then be explained in greater detail in the rest of this guide.
...this sets the grid to the specified pixel which fits to the layout you desire.
...And 34 more matches

JavaScript Client API - Archive of obsolete content
overview this page describes how to use the internal client-side sync javascript api.
... this api is available in mozilla-based products that use sync, such as firefox desktop.
... this document is somewhat outdated, and the api isn't well-supported for use from add-ons; tread carefully.
...And 33 more matches

XUL Structure - Archive of obsolete content
this means that the same css properties may be used to style both html and xul, and many of the features can be shared between both.
...for this reason, mozilla provides a method of installing content locally and registering the installed files as part of its chrome system.
... this allows a special url form, called a chrome:// url, to be used.
...And 33 more matches

Introduction to CSS layout - Learn web development
overview: css layout next this article will recap some of the css layout features we've already touched upon in previous modules — such as different display values — and introduce some of the concepts we'll be covering throughout this module.
... the page layout techniques we'll be covering in more detail in this module are normal flow the display property flexbox grid floats positioning table layout multiple-column layout each technique has its uses, advantages, and disadvantages, and no technique is designed to be used in isolation.
...let's look at a quick html example: <p>i love my cat.</p> <ul> <li>buy cat food</li> <li>exercise</li> <li>cheer up friend</li> </ul> <p>the end!</p> by default, the browser will display this code as follows: note here how the html is displayed in the exact order in which it appears in the source code, with elements stacked up on top of one another — the first paragraph, followed by the unordered list, followed by the second paragraph.
...And 33 more matches

From object to iframe — other embedding technologies - Learn web development
at this point we'd like to take somewhat of a sideways step, looking at some elements that allow you to embed a wide variety of content types into your webpages: the <iframe>, <embed> and <object> elements.
... prerequisites: basic computer literacy, basic software installed, basic knowledge of working with files, familiarity with html fundamentals (as covered in getting started with html) and the previous articles in this module.
...these were considered the height of coolness in the mid to late 90s, and there was evidence that having a webpage split up into smaller chunks like this was better for download speeds — especially noticeable with network connections being so slow back then.
...And 33 more matches

Useful string methods - Learn web development
when you create a string, for example by using let string = 'this is my string'; your variable becomes a string object instance, and as a result has a large number of properties and methods available to it.
... you can see this if you go to the string object page and look down the list on the side of the page!
... finding the length of a string this is easy — you simply use the length property.
...And 33 more matches

Object-oriented JavaScript for beginners - Learn web development
previous overview: objects next with the basics out of the way, we'll now focus on object-oriented javascript (oojs) — this article presents a basic view of object-oriented programming (oop) theory, then explores how javascript emulates object classes via constructor functions, and how to create object instances.
... objective: to understand the basic theory behind object-oriented programming, how this relates to javascript ("everything is an object"), and how to create constructors and object instances.
... to start this off, we could return to our person object type from our first objects article, which defines the generic data and functionality of a person.
...And 33 more matches

Profiling with the Firefox Profiler
also note that this indicates what would have happened had there been an event waiting and not necessarily that there was an event pending for that long.
...in this case, we have the 'geckomain [default]' process' main thread, a content process' main thread, and the main thread of the compositor process.
... note: because this is a sampling profiler, be cautious when examining running time that is equal to the sampling interval.
...And 33 more matches

NSS tools : modutil
synopsis modutil [options] [[arguments]] status this documentation is still work in progress.
... this tool can also create certificate, key, and module security database files.
...use this option with the -libfile, -ciphers, and -mechanisms arguments.
...And 33 more matches

Avoiding leaks in JavaScript XPCOM components
quite a lot has happened since this article was written.
... this article needs to be updated to reflect the changes and the cases where they help.
... take every information on this site with a grain of salt, although most concepts and best practices still apply.
...And 33 more matches

ARIA Test Cases - Accessibility
introduction the information on this page is out of date: it was last updated november 2010.
...this must be done in order to determine where to file a bug (browser or at).
... there are several purposes for providing this information: help browser vendors provide correct implementations help at vendors provide correct implementations inform authors as to what actually works reliably in general we're testing with the latest public releases.
...And 33 more matches

ui/button/toggle - Archive of obsolete content
with this module you can create buttons that function like a check box, representing an on/off choice.
...this can contain a number or a string, and you can update it at any time.
...you can do this in the button's constructor, by assigning the listener to the onclick or onchange option.
...And 32 more matches

tree - Archive of obsolete content
description content tree nsitreeview, nsitreecontentview yes this tree has treeitem elements placed within the treechildren element.
... in this situation, a content view (which implements the interface nsitreecontentview) which is a more specialized type of view, uses the treeitem elements and their descendants to determine the data to display in the tree.
... rdf tree nsitreeview, nsixultreebuilder no this tree is generated from an rdf datasource.
...And 32 more matches

Video and audio content - Learn web development
in this article we'll look at doing just that with the <video> and <audio> elements; we'll then finish off by looking at how to add captions/subtitles to your videos.
...this kind of technology worked ok, but it had a number of problems, including not working well with html/css features, security issues, and accessibility issues.
... a native solution would solve much of this if implemented correctly.
...And 32 more matches

Third-party APIs - Learn web development
this article looks at the difference between browser apis and 3rd party apis and shows some typical uses of the latter.
...this typically involves first linking to a javascript library available on the server via a <script> element, as seen in our mapquest example: <script src="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest.js"></script> <link type="text/css" rel="stylesheet" href="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest.css"/> you can then start using the objects available in that library.
...in this case we specify the coordinates of the center of the map, a map layer of type map to show (created using the mapquest.tilelayer() method), and the default zoom level.
...And 32 more matches

How Mozilla's build system works
this documentation is for mozilla developers who need to work on mozilla's build system.
...this document explains how the build system works.
... note: this document is not intended for developers who just want to build mozilla.
...And 32 more matches

Error codes returned by Mozilla APIs
ns_error_not_implemented (0x80004001) this error is caused by methods which are not implemented.
... this could occur because the implementation has not yet been written, or because the component intentionally does not support the desired feature.
... ns_error_null_pointer (0x80004003) an error occurred because a value was set to null when this was not expected.
...And 32 more matches

Application Translation with Mercurial
in this example, we assume firefox for desktop shall be localized and that the localization branch is aurora.
... if it is a red text consisting of a number and the word 'missing', then there are untranslated texts and you can move on with this guide.
...this is only necessary once.
...And 32 more matches

Component Internals
« previousnext » where the previous chapter described components from the perspective of a client of xpcom components, this chapter discusses components from the perspective of the software developer.
...in this diagram, the outer boundary is that of the module, the shared library in which a component is defined.
...this nsgetmodule function is the entry point for accessing the library.
...And 32 more matches

nsIProtocolHandler
netwerk/base/nsiprotocolhandler.idlscriptable this interface is used to implement protocol handlers.
... if you wish to create a new protocol handler, you need to implement this interface.
...if the protocol doesn't need a port (for example, the "about" protocol), this attribute is -1.
...And 32 more matches

Working with data
note: if type.size is undefined, creating a new object this way will throw a typeerror exception.
... creating initialized cdata objects similarly, you can initialize cdata objects with specific values at the type of creation by specifying them as a parameter when calling the ctype's constructor, like this: var mycdataobj = new type(value); var mycdataobj = type(value); if the size of the specified type isn't undefined, the specified value is converted to the given type.
...this is the same as new arraytype(type.elementtype, value).
...And 32 more matches

Fullscreen API - Web APIs
this makes it possible to present desired content—such as an online game—using the user's entire screen, removing all browser user interface elements and other applications from the screen until full-screen mode is shut off.
... note: support for this api varies somewhat across browsers, with many requiring vendor prefixes and/or not implementing the latest specification.
... see the browser compatibility section below for details on support for this api.
...And 32 more matches

<input type="url"> - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
...this doesn't necessarily mean the url address exists, but it is at least formatted correctly.
... in simple terms, this means urlscheme://restofurl.
...And 32 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.
... the source for this interactive example is stored in a github repository.
... 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.
...And 32 more matches

Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
in this article, i will describe mozilla's quirks mode, which provides strong backwards html compatibility with internet explorer and other legacy browsers.
...not only does this make the code easier to read, it simplifies adding support for new clients: var elm = getelmbyid("myid"); function getelmbyid(aid){ var element = null; if (ismozilla || isie5) element = document.getelementbyid(aid); else if (isnetscape4) element = document.layers[aid]; else if (isie4) element = document.all[aid]; return element; } the above code still has the issue of ...
...you can usually do this by testing the required functionality in javascript.
...And 31 more matches

Templates - Archive of obsolete content
« previousnext » in this section, we'll find out how to populate elements with data.
... simple template example this is better explained with an example.
...this example will only get the top-level bookmarks (or bookmark folders) as we're going to create buttons.
...And 31 more matches

toolbarbutton - Archive of obsolete content
label="menu item 2"/> </menupopup> </toolbarbutton> </toolbar> <toolbar id="radio-toolbar"> <toolbarbutton accesskey="1" label="radio 1" type="radio" group="radiogroup"/> <toolbarbutton accesskey="2" label="radio 2" type="radio" group="radiogroup"/> <toolbarbutton accesskey="3" label="radio 3" type="radio" group="radiogroup"/> </toolbar> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
... this should be one of the characters that appears in the label attribute for the element.
... autocheck type: boolean if this attribute is true or left out, the checked state of the button will be switched each time the button is pressed.
...And 31 more matches

Archived Mozilla and build documentation - Archive of obsolete content
if you are a plug-in author, you may find this project saves you a lot of work!
... ant script to assemble an extension this ant script helps to package an extension archived spidermonkey docs this section contains old spidermonkey documentation.
... autodial for windows nt this document is intended to explain how the autodial helper feature implemented for bug 93002 works and why it works that way.
...And 31 more matches

Mozilla release FAQ - Archive of obsolete content
warning: the content of this article may be out of date.
... this document may be distributed and modified freely.
... no guarantee of factuality in this faq is made, and it is maintained by pat gunn, who is not affiliated with netscape.
...And 31 more matches

Build your own function - Learn web development
previous overview: building blocks next with most of the essential theory dealt with in the previous article, this article provides practical experience.
...we've seen this before, but let's just refresh our memories.
... type the following in your browser's javascript console, on any page you like: alert('this is a message'); the alert function takes a single argument — the string that is displayed in the alert box.
...And 31 more matches

What is JavaScript? - Learn web development
in this article we will look at javascript from a high level, answering questions such as "what is it?" and "what can you do with it?", and making sure you are comfortable with javascript's purpose.
...ba(0,0,200,0.4); border-radius: 10px; padding: 3px 10px; display: inline-block; cursor: pointer; } and finally, we can add some javascript to implement dynamic behaviour: const para = document.queryselector('p'); para.addeventlistener('click', updatename); function updatename() { let name = prompt('enter a new name'); para.textcontent = 'player 1: ' + name; } try clicking on this last version of the text label to see what happens (note also that you can find this demo on github — see the source code, or run it live)!
...this is how google maps is able to find your location and plot it on a map.
...And 31 more matches

Object building practice - Learn web development
in this article we dive into a practical exercise, giving you some more practice in building custom javascript objects, with a fun and colorful result.
... let's bounce some balls in this article we will write a classic "bouncing balls" demo, to show you how useful objects can be in javascript.
...the finished example will look a little something like this: this example will make use of the canvas api for drawing the balls to the screen, and the requestanimationframe api for animating the whole display — you don't need to have any previous knowledge of these apis, and we hope that by the time you've finished this article you'll be interested in exploring them more.
...And 31 more matches

Working with Svelte stores - Learn web development
in this article we will show another way to handle state management in svelte — stores.
...in this case, the alert component is independent from the rest — it is not a parent or child of any other — so the messages don't fit into the component hierarchy.
...if you’ve already worked with redux or vuex, then you'll be familiar with how this kind of store works.
...And 31 more matches

Mozilla accessibility architecture
this page is maintained by aaron leventhal and by the mozilla accessibility community.
...intro this document is for people who wish to understand the architecture of mozilla's accessibility api module, which provides support for platform accessibility apis.
...readers of this document should be familiar with interfaces, the w3c dom, xul and the concept of a layout object tree.
...And 31 more matches

Displaying Places information using views
see querying places for information about obtaining and using nsinavhistoryresult objects, which this page assumes you are familiar with.
...the view is responsible for expanding the root nsinavhistorycontainerresultnode of this instance and displaying the nsinavhistoryresultnode objects contained therein.
... every xul document containing a built-in view must import the stylesheet browser/components/places/content/places.css and overlay the file browser/components/places/content/placesoverlay.xul: <?xml-stylesheet href="chrome://browser/content/places/places.css" ?> <?xul-overlay href="chrome://browser/content/places/placesoverlay.xul" ?> it's this stylesheet that binds elements with the special type attribute to one of the views.
...And 31 more matches

Storage access policy: Block cookies from trackers
this policy is designed as an alternative to the older cookie policies, which have been available in firefox for many years.
... this policy protects against cross-site tracking while minimizing the site breakage associated with traditional cookie blocking.
... this article explains how the policy works and how you can test it.
...And 31 more matches

NSS Tools certutil
starting from nss 3.35, the database format was upgraded to support sqlite as described in this document.
... this document discusses certificate and key database management.
... availability see the release notes for the platforms this tool is available on.
...And 31 more matches

NSS tools : modutil
this tool can also create certificate, key, and module security database files.
...use this option with the -libfile, -ciphers, and -mechanisms arguments.
...if the token has not been initialized, this option initializes the password.
...And 31 more matches

Component; nsIPrefBranch
component: nsiprefbranch modules/libpref/public/nsiprefbranch.idlscriptable this interface is used to manipulate the preferences data.
... this object may be obtained from the preferences service (nsiprefservice) and used to get and set default and/or user preferences across the application.
... inherits from: nsisupports last changed in gecko 58 (firefox 58 / thunderbird 58 / seamonkey 2.55) this object is created with a "root" value which describes the base point in the preferences "tree" from which this "branch" stems.
...And 31 more matches

nsIXPConnect
inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) to access the xpconnect service, use code like this: nsresult rv; nscomptr<nsixpconnect> xpconnect = do_getservice(nsixpconnect::getcid(), &rv); if (ns_succeeded(rv)) { /* use the object */ } method overview void addjsholder(in voidptr aholder, in nsscriptobjecttracerptr atracer); native code only!
... nsistackframe createstackframelocation(in pruint32 alanguage, in string afilename, in string afunctionname, in print32 alinenumber, in nsistackframe acaller); void debugdump(in short depth); void debugdumpevalinjsstackframe(in pruint32 aframenumber, in string asourcetext); void debugdumpjsstack(in prbool showargs, in prbool showlocals, in prbool showthisprops); void debugdumpobject(in nsisupports acomobj, in short depth); [noscript,notxpcom] prbool definedomquickstubs(in jscontextptr cx, in jsobjectptr proto, in pruint32 flags, in pruint32 interfacecount, [array, size_is(interfacecount)] in nsiidptr interfacearray); jsval evalinsandboxobject(in astring source, in jscontextptr cx, in nsixpconnectjsobjectholder sandbox, ...
... obsolete since gecko 2.0 void getdefaultsecuritymanager(out nsixpcsecuritymanager amanager, out pruint16 flags); nsixpcfunctionthistranslator getfunctionthistranslator(in nsiidref aiid); jsobjectptr getjsobjectofwrapper(in jscontextptr ajscontext, in jsobjectptr ajsobj); [noscript, notxpcom] nsisupports getnativeofwrapper(in jscontextptr ajscontext, in jsobjectptr ajsobj); void getsecuritymanagerforjscontext(in jscontextptr ajscontext, out nsixpcsecuritymanager amanager, out pruint16 flags); ...
...And 31 more matches

Reference Manual
this section will help you if you're already familiar with nscomptr but you need details.
...in debug builds, if you subvert this invariant with one of the assignment forms that doesn't call queryinterface, nscomptr will assert at runtime in the bad assignment.
... nscomptr<nsifoo> foo = bar; // ns_assertion: "queryinterface needed" // ...even assuming you can get the line to compile // (either by casting, or because the types are related by c ) this invariant is relaxed for nscomptr<nsisupports>.
...And 31 more matches

Controlling Ratios of Flex Items Along the Main Axis - CSS: Cascading Style Sheets
in this guide we will be exploring the three properties that are applied to flex items, which enable us to control the size and flexibility of the items along the main axis — flex-grow, flex-shrink, and flex-basis.
... a first look our three properties control the following aspects of a flex item's flexibility: flex-grow: how much of the positive free space does this item get?
... flex-shrink: how much negative free space can be removed from this item?
...And 31 more matches

package.json - Archive of obsolete content
it looks like this (assuming the add-on's directory is "my-addon"): { "name": "my-addon", "title": "my-addon", "id": "jid1-1fergv45e4f4f@jetpack", "description": "a basic add-on", "author": "", "license": "mpl-2.0", "version": "0.1" } if you are using the new jpm tool, you can easily access manifest data from package.json by requiring it like any other module: var title = require("./package.json").
...title; key reference package.json may contain the following keys: author the name of the package's original author; this could be the name of a person or a company.
... this value will be used as the add-on's em:creator element in the install.rdf file generated by cfx.
...And 30 more matches

MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
abstract this document is a concrete example of a centralized auto-configuration of mozilla apps, that are; firefox, thunderbird, mozilla suite 1.x.x, seamonkey and for the record, old netscape 4.x.
... this mcd (aka autoconfig here), is not to be confused with https://wiki.mozilla.org/thunderbird...oconfiguration .
...this centralized preference file can lock preferences (lockpref) or initialize them (defaultpref) based on environment variables (user, home...) and/or ldap queries (fetch email address, common name , language, homepage etc...) from the enterprise directory.
...And 30 more matches

Reading from Files - Archive of obsolete content
there are alternative xpcom apis you can use, your help in updating this pages to use the supported api is very much welcome!
...var file = io.getfile("home", "sample.txt"); var stream = io.newinputstream(file, "text"); this example first retrieves a file object using nsiscriptableio.getfile().
... in this case, the file 'sample.txt' within the user's home directory is retrieved.
...And 30 more matches

Element Positioning - Archive of obsolete content
for this, we first need to look at how a box works.
...an example is shown below: example 1: source view <button label="ok" width="100" height="40"/> however, it is not recommended that you do this.
... width this specifies the width of the element.
...And 30 more matches

nsIContentPolicy - Archive of obsolete content
implementations of this interface can be used to control the loading of various types of out-of-line content, or the processing of certain types of inline content.
...this interface can be very useful if you are developing a content-aware plugin (blocking ads or altering the look of content, for example), or if you want to stop or allow user-browsed urls.
... warning: do not block the caller in your implementations of shouldload() or shouldprocess() (for example, by launching a dialog to prompt the user for something).") note: in reality, much of this interface is defined in the nsicontentpolicybase interface, but for now is documented here until someone has time to split things up.
...And 30 more matches

Cascade and inheritance - Learn web development
overview: building blocks next the aim of this lesson is to develop your understanding of some of the most fundamental concepts of css — the cascade, specificity, and inheritance — which control how css is applied to html and how conflicts are resolved.
... while working through this lesson may seem less immediately relevant and a little more academic than some other parts of the course, an understanding of these things will save you much pain later on!
... we encourage you to work through this section carefully, and check that you understand the concepts before moving on.
...And 30 more matches

The box model - Learn web development
in this lesson, we will take a proper look at the css box model so that you can build more complex layout tasks with an understanding of how it works and the terminology that relates to it.
...in most cases this means that the box will become as wide as its container, filling up 100% of the space available.
... aside: inner and outer display types at this point, we'd better also explain inner and outer display types.
...And 30 more matches

Responsive design - Learn web development
it is an idea that changed the way we design for a multi-device web, and in this article, we'll help you understand the main techniques you need to know to master it.
... note: see this simple liquid layout: example, source code.
... when viewing the example, drag your browser window in and out to see how this looks at different sizes.
...And 30 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?
...this enables the user to provide information to be delivered in the http request.
...if this attribute isn't provided, the data will be sent to the url of the page containing the form — the current page.
...And 30 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.
... in this article, we will explore in detail the different ui pseudo-classes available to us in modern browsers for styling forms in different states.
... this is really useful when you want to add a visual indicator to an element, such as a label or icon, but don't want it to be picked up by assistive technologies.
...And 30 more matches

Arrays - Learn web development
previous overview: first steps next in the final article of this module, we'll look at arrays — a neat way of storing a list of data items under a single variable name.
... here we look at why this is useful, then explore how to create an array, retrieve, add, and remove items stored in an array, and more besides.
...this would be much longer to write out, less efficient, and more error-prone.
...And 30 more matches

HTTP Cache
this document describes the new http cache version 2.
... this document only contains what cannot be found or may not be clear directly from the idl files comments.
... 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.
...And 30 more matches

nss tech note1
this was written to be a generic decoder, that includes both der (distinguished encoding rules) and ber (basic encoding rules).† it handles both streaming and non-streaming input.
...this decoder was written when performance issues were discovered with the classic decoder.
...for this reason, i will first describe all the common functionality of the two decoders, before outlining their differences.
...And 30 more matches

imgIContainer
internally, this interface also manages animation of images.
...gned long framenumber); obsolete since gecko 2.0 void setframetimeout(in unsigned long framenumber, in print32 atimeout); obsolete since gecko 2.0 void startanimation(); obsolete since gecko 2.0 void stopanimation(); obsolete since gecko 2.0 void unlockimage(); attributes attribute type description animated boolean whether this image is animated.
... you can only be guaranteed that querying this will not throw if status_decode_complete is set on the imgirequest.
...And 30 more matches

nsIMsgDBHdr
inherits from: nsisupports this interface is usually given to you in return to a query from the message database.
...it is also mandatory to set msghdr.folder.msgdatabase = null after performing this kind of operations to prevent leaking.
... iskilled boolean readonly: indicates whether or not this message belongs to a subthread that has been ignored in the ui.
...And 30 more matches

nsINavBookmarkObserver
toolkit/components/places/nsinavbookmarksservice.idlscriptable this interface is an observer for bookmark changes.
...g long aparentid, in acstring aguid, in acstring aparentguid); void onseparatoradded(in print64 parent, in print32 index); obsolete since gecko 1.9 void onseparatorremoved(in print64 parent, in print32 index); obsolete since gecko 1.9 methods onbeforeitemremoved() obsolete since gecko 21.0 (firefox 21.0 / thunderbird 21.0 / seamonkey 2.18) note: this method was removed in gecko 21.0 as part of bug 826409.
... this method notifies this observer that an item is about to be removed.
...And 30 more matches

nsINavHistoryResultNode
toolkit/components/places/public/nsinavhistoryservice.idlscriptable this is the base class for all places history result nodes, containing the uri, title, and other general information.
...for hosts, this is the total number of the children under it, rather than the total number of times the host has been accessed (getting that information would require an additional query, so for performance reasons that information isn't given by default).
... bookmarkindex long when this item is in a bookmark folder (its parent is of type folder), this is the index into that folder at which this node resides.
...And 30 more matches

Box-shadow generator - CSS: Cascading Style Sheets
this tool lets you construct css box-shadow effects, to add box shadow effects to your css objects.
...nager = (function slidermanager() { var subscribers = {}; var sliders = []; var slider = function(node) { var min = node.getattribute('data-min') | 0; var max = node.getattribute('data-max') | 0; var step = node.getattribute('data-step') | 0; var value = node.getattribute('data-value') | 0; var snap = node.getattribute('data-snap'); var topic = node.getattribute('data-topic'); this.min = min; this.max = max > 0 ?
... max : 100; this.step = step === 0 ?
...And 30 more matches

<input type="email"> - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
...this doesn't necessarily mean the e-mail address exists, but it is at least formatted correctly.
... in simple terms, this means username@domain or username@domain.tld.
...And 30 more matches

HTML documentation index - HTML: Hypertext Markup Language
this article is a primer introducing each of the ways css color can be used in html.
...by default, a block-level element occupies the entire space of its parent element (container), thereby creating a "block." this article helps to explain what this means.
...the formats of the strings that specify these values are described in this article.
...And 30 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.
...browsers usually don't set this header as the default value for each content type is usually correct and transmitting it would allow easier fingerprinting.
...browsers set adequate values for this header according to their user interface language and even if a user can change it, this happens rarely (and is frowned upon as it leads to fingerprinting).
...And 30 more matches

Working with objects - JavaScript
this chapter describes how to use objects, properties, functions, and methods, and how to create your own objects.
...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.
...And 30 more matches

SVG documentation index - SVG: Scalable Vector Graphics
this article lists these types along with their syntax and descriptions of what they're used for.
... 7 example svg, xml in this example, we use xhtml, svg, javascript, and the dom to animate a swarm of "motes".
...combined, we get this very natural-looking behavior.
...And 30 more matches

Setting Up a Development Environment - Archive of obsolete content
all of our examples are handled with komodo edit, so if you see a .kpf or .komodoproject file in an example you download, this is a komodo project file.
...we chose make because this is the same system used by mozilla to build firefox, and it is available for all operating systems.
... we recommend you set up make in your system, since our examples come with all the necessary files to build and install the resulting xpi using this tool.
...And 29 more matches

New Skin Notes - Archive of obsolete content
this is currently just a preview, but we would appreciate help with testing.
... please add any feedback to this page.
...--callek i tried this, but it gets totally screwed up in ie for some reason.
...And 29 more matches

Venkman Introduction - Archive of obsolete content
warning: the content of this article may be out of date.
...this article provides an overview and some practical examples of using the javascript debugger in web applications and web page scripting.
... this introduction is the first in a series of articles on venkman and javascript debugging.
...And 29 more matches

Menus - Archive of obsolete content
this type of menu is usually used for commands that apply to the entire application.
...instead of creating a standard button, this will create a button with a small arrow or other indicator.
...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 29 more matches

OpenClose - Archive of obsolete content
a simple example: somemenu.open = true; this single line of code will open a menu referenced by the variable 'somemenu'.
...here is a complete example which uses a button to open a menu: <button label="open menu" oncommand="document.getelementbyid('editmenu').open = true;"/> <menu id="editmenu" label="edit"> <menupopup> <menuitem label="cut"/> <menuitem label="copy"/> <menuitem label="paste"/> </menupopup> </menu> this technique may be used for both menupopups that use the menu tag, the button tag and the toolbarbutton tag.
...in this case, the parent menu must be opened first.
...And 29 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.
... this event will be fired even for elements that don't have a context menu associated with them.
... for more information about how to use this event, see context menu events.
...And 29 more matches

wizard - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is used to construct a step-by-step wizard found in some applications to guide users through a task.
...this element provides the header and buttons along the bottom, and also handles navigation between the pages.
...moreover this hides separator between titlebar and window contents.
...And 29 more matches

RDF in Mozilla FAQ - Archive of obsolete content
but if you do something interesting with this content (eg.
...this is like overlaying graphs, or merging collections of statements ("microtheories") together.
...both datasources refer to "website" by url: this is the "key" that allows the datasources to be "merged" effectively.
...And 29 more matches

HTML text fundamentals - Learn web development
this article explains the way html can be used to structure a page of text by adding headings and paragraphs, emphasizing words, creating lists, and more.
... implementing structural hierarchy for example, in this story, the <h1> element represents the title of the story, the <h2> elements represent the title of each chapter, and the <h3> elements represent sub-sections of each chapter: <h1>the crushing bore</h1> <p>by chris mills</p> <h2>chapter 1: the dark night</h2> <p>it was a dark night.
...you just need to bear in mind a few best practices as you create such structures: preferably, you should use a single <h1> per page—this is the top level heading, and all others sit below this in the hierarchy.
...And 29 more matches

Storing the information you need — Variables - Learn web development
in this article, we will get down to the real basics, looking at how to work with the most basic building blocks of javascript — variables.
... tools you need throughout this article, you'll be asked to type in lines of code to test your understanding of the content.
... if you are using a desktop browser, the best place to type your sample code is your browser's javascript console (see what are browser developer tools for more information on how to access this tool).
...And 29 more matches

JavaScript object basics - Learn web development
overview: objects next in this article, we'll look at fundamental javascript object syntax, and revisit some javascript features that we've already seen earlier in the course, reiterating the fact that many of the features you've already dealt with are objects.
... objective: to understand the basic theory behind object-oriented programming, how this relates to javascript ("most things are objects"), and how to start working with javascript objects.
...this contains very little — a <script> element for us to write our source code into.
...And 29 more matches

Framework main features - Learn web development
this article will explore the main features of “the big 4” frameworks, looking at how frameworks tend to work from a high level, and the differences between them.
... domain-specific languages all of the frameworks discussed in this module are powered by javascript, and all allow you to use domain-specific languages (dsls) in order to build your applications.
...unlike html, these languages know how to read data variables, and this data can be used to streamline the process of writing your ui.
...And 29 more matches

Componentizing our Svelte app - Learn web development
the central objective of this article is to look at how to break our app into manageable components and share information between them.
... there are no hard rules for this.
...each visible todo item will be displayed in a separate copy of this component.
...And 29 more matches

Vue conditional rendering: editing existing todos - Learn web development
to do this, we will take advantage of vue's conditional rendering capabilities — namely v-if and v-else — to allow us to toggle between the existing todo item view, and an edit view where you can update todo item labels.
...an> </button> <button type="submit" class="btn btn__primary"> save <span class="visually-hidden">edit for {{label}}</span> </button> </div> </form> </template> <script> export default { props: { label: { type: string, required: true }, id: { type: string, required: true } }, data() { return { newlabel: this.label }; }, methods: { onsubmit() { if (this.newlabel && this.newlabel !== this.label) { this.$emit("item-edited", this.newlabel); } }, oncancel() { this.$emit("edit-cancelled"); } } }; </script> <style scoped> .edit-label { font-family: arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #0...
...this is a useful way to help reinforce everything you've learned so far.
...And 29 more matches

mozIStorageConnection
storage/public/mozistorageconnection.idlscriptable this interface represents a database connection attached to a specific file or an in-memory database.
... 1.0 68 introduced gecko 1.8 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) for a general overview on how to use this interface, see storage.
...this will be false if the connection failed to open, or it has been closed.
...And 29 more matches

nsIHttpChannel
netwerk/protocol/http/nsihttpchannel.idlscriptable this interface allows for the modification of http request parameters and the inspection of the resulting http response status and headers when they become available.
...origin only send the origin of the referring uri referrer_policy_origin_when_xorigin same as the default; only send the origin of the referring uri for cross-origin requests referrer_policy_unsafe_url always send the referrer, even when downgrading from https to http attributes attribute type description allowpipelining boolean this attribute is a hint to the channel to indicate whether or not the underlying http transaction should be allowed to be pipelined with other transactions.
... this should be set to false, for example, if the application knows that the corresponding document is likely to be very large.
...And 29 more matches

Drawing shapes with canvas - Web APIs
by the end of this article, you will have learned how to draw rectangles, triangles, lines, arcs and curves, providing familiarity with some of the basic shapes.
...to the right, you see this canvas with the default grid overlayed.
...the origin of this grid is positioned in the top left corner at coordinate (0,0).
...And 29 more matches

Capabilities, constraints, and settings - Web APIs
figuring this out has often been difficult, and has usually involved looking at some combination of which user agent (or browser) you're running on, which version it is, looking to see if certain objects exist, trying to see whether various things work or not and determining what errors occur, and so forth.
... the result has been a lot of very fragile code, or a reliance on libraries which figure this stuff out for you, then implement polyfills to patch the holes in the implementation on your behalf.
...this article discusses capabilities and constraints, as well as media settings, and includes an example we call the constraint exerciser.
...And 29 more matches

Applying color to HTML elements using CSS - HTML: Hypertext Markup Language
this article is a primer introducing each of the ways css color can be used in html.
...this is used primarily when drawing text for east asian languages.
...this is only useful in elements that are editable, such as <input> and <textarea> or elements whose html contenteditable attribute is set.
...And 29 more matches

<input type="search"> - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
...you can retrieve this using the htmlinputelement.value property in javascript.
...the <datalist> provides a list of predefined values to suggest to the user for this input.
...And 29 more matches

<input type="tel"> - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
...the <datalist> provides a list of predefined values to suggest to the user for this input.
...the values provided are suggestions, not requirements: users can select from this predefined list or provide a different value.
...And 29 more matches

Grammar and types - JavaScript
« previousnext » this chapter discusses javascript's basic grammar, variable declarations, data types and literals.
...this practice reduces the chances of bugs getting into the code.
...(spaces, tabs, and newline characters are considered whitespace.) comments the syntax of comments is the same as in c++ and in many other languages: // a one line comment /* this is a longer, * multi-line comment */ /* you can't, however, /* nest comments */ syntaxerror */ comments behave like whitespace, and are discarded during script execution.
...And 29 more matches

Inheritance and the prototype chain - JavaScript
by definition, null has no prototype, and acts as the final link in this prototype chain.
... while this confusion is often considered to be one of javascript's weaknesses, the prototypal inheritance model itself is, in fact, more powerful than the classic model.
...this is equivalent to the javascript property __proto__ which is non-standard but de-facto implemented by many browsers.
...And 29 more matches

Chapter 6: Firefox extensions and XUL applications - Archive of obsolete content
draft this page is not complete.
... « previous this document was authored by taro (btm) matsuzawa and was originally published in japanese for the firefox developers conference summer 2007.
... matsuzawa-san is a co-author of firefox 3 hacks (o'reilly japan, 2008.) this chapter discusses tools to assist in developing extensions.
...And 28 more matches

In-Depth - Archive of obsolete content
this is only a list of properties which may be useful to you; it is in no way all of the mozilla specific properties available.
...possible are (this is probably an incomplete list): none - (!important may be needed) will override the operating system default.
... use this when you want one or two controls to look different from the operating systems defaults.
...And 28 more matches

menulist - Archive of obsolete content
ethods appenditem, contains, getindexofitem, getitematindex, insertitemat, removeallitems, removeitemat, select examples <menulist> <menupopup> <menuitem label="option 1" value="1"/> <menuitem label="option 2" value="2"/> <menuitem label="option 3" value="3"/> <menuitem label="option 4" value="4"/> </menupopup> </menulist> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
... this should be one of the characters that appears in the label attribute for the element.
...if you wish to use the value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
...And 28 more matches

panel - Archive of obsolete content
this limitation was resolved as of firefox 4.0.
...this attribute should be used instead of setconsumerollupevent.
...for example, if the menu doesn't have room to open downward, it flips to open upward instead; this is a vertical flip.
...And 28 more matches

Basic math in JavaScript — numbers and operators - Learn web development
previous overview: first steps next at this point in the course we discuss math in javascript — how we can use operators and other features to successfully manipulate numbers to do our bidding.
...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.
... this article discusses only the basic parts that you need to know now.
...And 28 more matches

Website security - Learn web development
this introductory article won't make you a website security guru, but it will help you understand where threats come from, and what you can do to harden your web application against the most common attacks.
... the rest of this article gives you more details about a few common threats and some of the simple steps you can take to protect your site.
... note: this is an introductory topic, designed to help you start thinking about website security, but it is not exhaustive.
...And 28 more matches

Ember interactivity: Events, classes and state - Learn web development
previous overview: client-side javascript frameworks next at this point we'll start adding some interactivity to our app, providing the ability to add and display new todo items.
...in the below sections we’ll do this for each component, and then walk you through how the functionality can be implemented.
...we do this so that our javascript code knows what we typed in, and we can save our todo and pass that text along to the todo list component to display.
...And 28 more matches

Focus management with Vue refs - Learn web development
we'll look at using vue refs to handle this — an advanced feature that allows you to have direct access to the underlying dom nodes below the virtual dom, or direct access from one component to the internal dom structure of a child component.
...this can be disorienting for keyboard and non-visual users.
... this behavior can be jarring.
...And 28 more matches

Adding a new event
this draft document covers how to add a new event to the mozilla (firefox) source code.
...this type of event is useful if the event isn't handled by c++ code.
...this type of event allows c++ code to handle it easier.
...And 28 more matches

WebRequest.jsm
you can use this api to implement a content policy in an add-on (for example, an ad or script blocker), as you could using nsicontentpolicy.
... more generally, you can also use this api instead of http request observers.
...there are some differences between this api and chrome's, though: see chrome incompatibilities for the details.
...And 28 more matches

Redis Tips
this document is a collection of some examples and tips for using redis, the open-source data structure server.
... technically, this is true: it's a database that doesn't use sql.
... redis data types include: strings hashes lists sets ordered sets (called zsets in redis) transactions publishers and subscribers this table lists some common programming tasks and data structures, and suggests some redis functions or data structures for them: dictionary lookup set, get, setnx, etc.
...And 28 more matches

nsILoginManagerStorage
toolkit/components/passwordmgr/public/nsiloginmanagerstorage.idlscriptable this interface is implemented by modules that wish to provide storage mechanisms for the login manager.
... countlogins() implement this method to return the number of logins matching the specified criteria.
... this method is called, for example, to check to see if there is a login that will match the criteria without having to ask the user for their master password in order to decrypt the logins.
...And 28 more matches

Streams - Plugins
« previousnext » this chapter describes using plug-in api functions to receive and send streams.
...in general, this mode is more expensive, because the entire stream must be downloaded to a temporary file before use unless the stream comes from a local file or an http server that supports the byte-range extension to http.
...use this feature only as a last resort; plug-ins should implement an incremental stream-based interface wherever possible.
...And 28 more matches

Using files from web applications - Web APIs
this selection can be done by either using an html <input type="file"> element or by drag and drop.
... accessing selected file(s) consider this html: <input type="file" id="input" multiple> the file api makes it possible to access a filelist containing file objects representing the files selected by the user.
...you need to use eventtarget.addeventlistener() to add the change event listener, like this: const inputelement = document.getelementbyid("input"); inputelement.addeventlistener("change", handlefiles, false); function handlefiles() { const filelist = this.files; /* now you can work with the file list */ } getting information about selected file(s) the filelist object provided by the dom lists all of the files selected by the user, each specified as a file object.
...And 28 more matches

Window.open() - Web APIs
this can be a path or url to an html page, image file, or any other resource that is supported by the browser.
... this name can be used as the target for the target attribute of <a> or <form> elements.
...keep in mind that this will not be used as the window's title.
...And 28 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.
... note: although browsers and email clients may still support this attribute, it is obsolete.
... note: this is a legacy attribute.
...And 28 more matches

<input type="submit"> - HTML: Hypertext Markup Language
this label is likely to be something along the lines of "submit" or "submit query." here's an example of a submit button with a default label in your browser: <input type="submit"> additional attributes in addition to the attributes shared by all <input> elements, submit button inputs support the following attributes: attribute description formaction the url to whic...
...this takes precedence over the action attribute on the <form> element that owns the <input>.
... this attribute is also available on <input type="image"> and <button> elements.
...And 28 more matches

<th> - HTML: Hypertext Markup Language
the exact nature of this group is defined by the scope and headers attributes.
... the source for this interactive example is stored in a github repository.
... implicit aria role columnheader or rowheader permitted aria roles any dom interface htmltableheadercellelement attributes this element includes the global attributes.
...And 28 more matches

Using the WebAssembly JavaScript API - WebAssembly
this article teaches you what you’ll need to know.
... note: if you are unfamiliar with the basic concepts mentioned in this article and need more explanation, read webassembly concepts first, then come back.
...we need to reflect this two-level namespace in javascript when writing the object to be imported into the wasm module.
...And 28 more matches

Adding Toolbars and Toolbar Buttons - Archive of obsolete content
firefox allows all of this by default, and if you don't pay attention to the details we describe here, your toolbar may not be as easy to customize as the rest.
...this is very important because the toolbar customization dialog won't work correctly without this.
... the way to include the file in the manifest is to add this line: style chrome://global/content/customizetoolbar.xul chrome://xulschoolhello/skin/toolbar.css if you are using xbl bindings (explained way ahead) for your toolbar items, you'll have to include the css files for those as well, each in a new line like the one above.
...And 27 more matches

Tabbed browser - Archive of obsolete content
furthermore another meaning of 'browser' in this document and in some firefox source is "the tabbrowser element" in a firefox xul window.
... .queryinterface(components.interfaces.nsiinterfacerequestor) .getinterface(components.interfaces.nsidomwindow); mainwindow.gbrowser.addtab(...); from a dialog if your code is running in a dialog opened directly by a browser window, you can use: window.opener.gbrowser.addtab(...); if window.opener doesn't work, you can get the most recent browser window using this code: var wm = components.classes["@mozilla.org/appshell/window-mediator;1"] .getservice(components.interfaces.nsiwindowmediator); var mainwindow = wm.getmostrecentwindow("navigator:browser"); mainwindow.gbrowser.addtab(...); opening a url in a new tab // add tab gbrowser.addtab("http://www.google.com/"); // add tab, then make active gbrowser.selectedtab = gbrowser.addtab(...
...this will only work in an overlay of browser.xul.
...And 27 more matches

Tree View Details - Archive of obsolete content
« previousnext » this section will describe some more features of tree views.
...this is a fairly tricky process as it involves keeping track of which items have children and also which rows are open and closed.
...the tree will use this information to determine the hierarchical structure of the rows.
...And 27 more matches

Trees - Archive of obsolete content
this contrasts with the listbox, where individual listitem and listcell tags are used to specify the rows in the listbox.
...when it comes time to display a cell, the tree widget will call out to this tree view to determine what to display, which in turn will be drawn by the tree.
...this allows the view to be optimized such that it only needs to load the data for displayed content.
...And 27 more matches

button - Archive of obsolete content
ed, command, crop, dir, disabled, dlgtype, group, icon, image, label, open, orient, tabindex, type properties accesskey, accessibletype, autocheck, checkstate, checked, command, crop, dir, disabled, dlgtype, group, image, label, open, orient, tabindex, type examples <button label="press me" oncommand="alert('you pressed me!');"/> attributes accesskey type: character this should be set to a character that is used as a shortcut key.
... this should be one of the characters that appears in the label attribute for the element.
... autocheck type: boolean if this attribute is true or left out, the checked state of the button will be switched each time the button is pressed.
...And 27 more matches

Introduction to Public-Key Cryptography - Archive of obsolete content
this document introduces the basic concepts of public-key cryptography.
... with this arrangement, the user must supply a new password for each server, and the administrator must keep track of the name and password for each user, typically on separate servers.
...this makes certain kinds of brute-force atacks more difficult.
...And 27 more matches

Basic native form controls - Learn web development
in this particular article we will look at the original set of form controls, available in all browsers since the early days of the web.
...this article covers: the common input types button, checkbox, file, hidden, image, password, radio, reset, submit, and text.
... note: the features discussed in this article are supported in all browsers, which is not the case for all form controls.
...And 27 more matches

What’s in the head? Metadata in HTML - Learn web development
it contains information such as the page <title>, links to css (if you choose to style your html content with css), links to custom favicons, and other metadata (data about the html, such as the author, and important keywords that describe the document.) in this article we'll cover all of the above and more, in order to give you a good basis for working with markup.
... 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.
... adding a title we've already seen the <title> element in action — this can be used to add a title to the document.
...And 27 more matches

Understanding client-side JavaScript frameworks - Learn web development
in this set of articles, we are aiming to give you a comfortable starting point to help you begin learning frameworks.
...this article will explore the main features of “the big 4” frameworks, looking at how frameworks tend to work from a high level and the differences between them.
...getting started with react in this article we will say hello to react.
...And 27 more matches

Introduction to cross browser testing - Learn web development
overview: cross browser testing next this article starts the module off by providing an overview of the topic of (cross) browser testing, answering questions such as "what is cross browser testing?", "what are the most common types of problems you'll encounter?", and "what are the main approaches for testing, identifying, and fixing problems?" prerequisites: familiarity with the core html, css, and javascript languages.
...as long as the site owner is happy with this, then you have done your job.
... second, when we say "across an acceptable number of web browsers", we don't mean 100% of the browsers in the world — this is just about impossible.
...And 27 more matches

Exact Stack Rooting
this guide is intended for spidermonkey hackers!
... introduction this guide explains the basics of interacting with the gc from spidermonkey.
...the method you should use to keep the gc up-to-date with this information will vary depending on where the gcpointer is being stored.
...And 27 more matches

nsICachingChannel
netwerk/base/public/nsicachingchannel.idlscriptable please add a summary to this article.
... inherits from: nsicacheinfochannel last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) this interface provides: support for "stream as file" semantics (for jar and plugins).
... a channel may optionally implement this interface to allow clients to affect its behavior with respect to how it uses the cache service.
...And 27 more matches

Storage
getting started this document covers the storage api and some peculiarities of sqlite.
...ample of opening my_db_file_name.sqlite in the profile directory: components.utils.import("resource://gre/modules/services.jsm"); components.utils.import("resource://gre/modules/fileutils.jsm"); let file = fileutils.getfile("profd", ["my_db_file_name.sqlite"]); let dbconn = services.storage.opendatabase(file); // will also create the file if it does not exist likewise, the c++ would look like this: nscomptr<nsifile> dbfile; rv = ns_getspecialdirectory(ns_app_user_profile_50_dir, getter_addrefs(dbfile)); ns_ensure_success(rv, rv); rv = dbfile->append(ns_literal_string("my_db_file_name.sqlite")); ns_ensure_success(rv, rv); nscomptr<mozistorageservice> dbservice = do_getservice(moz_storage_service_contractid, &rv); ns_ensure_success(rv, rv); nscomptr<mozistorag...
... warning: it may be tempting to give your database a name ending in '.sdb' for sqlite database, but this is not recommended.
...And 27 more matches

A simple RTCDataChannel sample - Web APIs
in this example, we will open an rtcdatachannel connection linking two elements on the same page.
...this <div> will be the first peer in the channel.
...this <div> block will be the second peer.
...And 27 more matches

Writing WebSocket servers - Web APIs
this is not a tutorial in any specific language, but serves as a guide to facilitate writing your own server.
... this article assumes you're already familiar with how http works, and that you have a moderate level of programming experience.
...the scope of this guide is to present the minimum knowledge you need to write a websocket server.
...And 27 more matches

Starting up and shutting down a WebXR session - Web APIs
you will learn how to do these things in this article.
...this object represents the overall webxr device suite available to you through the hardware and drivers available on the user's equipment.
... emulator usage while somewhat awkward compared to using an actual headset, this makes it possible to experiment with and developer webxr code on a desktop computer, where webxr isn't normally available.
...And 27 more matches

Advanced techniques: Creating and sequencing audio - Web APIs
in this tutorial, we're going to cover sound creation and modification, as well as timing and scheduling.
... demo we're going to be looking at a very simple step sequencer: in practice this is easier to do with a library — the web audio api was built to be built upon.
...when the instrument plays, it will move across this set of beats and loop the bar.
...And 27 more matches

Cross-browser audio basics - Developer guides
this article provides: a basic guide to creating a cross-browser html5 audio player with all the associated attributes, properties, and events explained a guide to custom controls created using the media api basic audio example the code below is an example of a basic audio implementation using html5: <audio controls> <source src="audiofile.mp3" type="audio/mpeg"> <source src="audiofile.ogg" type="audio/ogg"> <!-- fallback for non supporting browsers goes here --> <p>your browser does not support html5 audio, but you can still <a href="audiofile.mp3">download the music</a>.</p> </audio> note: you can also use an mp4 file instead of mp3.
... here we define an <audio> element with multiple sources — we do this as not all browsers support the same audio formats.
... we do this using the <source> element, which takes the attributes src and type.
...And 27 more matches

<button>: The Button element - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
... implicit aria role button permitted aria roles checkbox, link, menuitem, menuitemcheckbox, menuitemradio, option, radio, switch, tab dom interface htmlbuttonelement attributes this element's attributes include the global attributes.
... autofocus html5 this boolean attribute specifies that the button should have input focus when the page loads.
...And 27 more matches

<tr>: The Table Row element - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
... this can take a little practice to get right when building your tables.
... attributes this element includes the global attributes.
...And 27 more matches

HTTP conditional requests - HTTP
therefore, this spares bandwidth.
...to achieve this, the conditional requests need to indicate the version of the resource.
...this is even if they are minor differences; like different ads, or a footer with a different date.
...And 27 more matches

Functions - JavaScript
the statement return specifies the value returned by the function: return number * number; primitive parameters (such as a number) are passed to functions by value; the value is passed to the function, but if the function changes the value of the parameter, this change is not reflected globally or in the calling function.
... 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)); /* ...
... note: this works only when defining the function using the above syntax (i.e.
...And 27 more matches

Custom XUL Elements with XBL - Archive of obsolete content
this somewhat cryptic explanation describes a very simple concept: with xbl you can create your own custom elements.
...if you look into the content directory, you'll see both files: person.xml - this is the main binding file.
...we'll look into the code throughout the rest of this section.
...And 26 more matches

SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
this page tells you step-by-step how to make a custom toolbar button in seamonkey 1.x.
... (for seamonkey 2, firefox, thunderbird and sunbird, see the page: custom toolbar button) you do not need any special technical skills or tools, and almost all the information you need is on this page.
...you can use this page if all you really want is a button for some special purpose.
...And 26 more matches

window - Archive of obsolete content
this allows you to have a different icon for each window.
... attributes accelerated, chromemargin, disablechrome, disablefastfind, drawintitlebar, fullscreenbutton, height, hidechrome, id, lightweightthemes, lightweightthemesfooter, screenx, screeny, sizemode, title, width, windowtype examples <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <!-- run this example using copy & paste in this live xul editor: https://github.com/km-200/xul --> <!-- extremely recommended to keep this css include!!
... <label control="your-lname" value="enter last name:"/> <textbox id="your-lname" value="hernandez"/> </hbox> <hbox> <button oncommand="alert('save!')"> <description>save</description> </button> </hbox> </vbox> </radiogroup> </groupbox> </vbox> </window> attributes accelerated type: booleanset this attribute to true to allow hardware layer managers to accelerate the window.
...And 26 more matches

Back to the Server: Server-Side JavaScript On The Rise - Archive of obsolete content
and just like before, it's the mozilla team that's at the core of this latest evolution of the web.
...steve yegge of google has been doing interesting work with this engine.
... this first example we’ll demonstrate is querying a mysql database for some employee contact information.
...And 26 more matches

Getting started with CSS - Learn web development
previous overview: first steps next in this article we will take a simple html document and apply css to it, learning some practical things about the language along the way.
... <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>getting started with css</title> </head> <body> <h1>i am a level one heading</h1> <p>this is a paragraph of text.
... in the text is a <span>span element</span> and also a <a href="http://example.com">link</a>.</p> <p>this is the second paragraph.
...And 26 more matches

Advanced form styling - Learn web development
previous overview: forms next in this article, we will see what can be done with css to style the types of form control that are more difficult to style — the "bad" and "ugly" categories.
...unfortunately, the behavior of this property's original implementations was very different across browsers, making it not very usable.
...firefox settled on this because web developers mostly seemed to be using the -webkit- prefixed version, so it was better for compatibility.
...And 26 more matches

Making asynchronous programming easier with async and await - Learn web development
this article gives you what you need to know.
... but what if we turn this into an async function?
...this is one of the traits of async functions — their return values are guaranteed to be converted to promises.
...And 26 more matches

Video and Audio APIs - Learn web development
this article shows you how to do common tasks such as creating custom playback controls.
...as we showed in video and audio content, a typical implementation looks like this: <video controls> <source src="rabbit320.mp4" type="video/mp4"> <source src="rabbit320.webm" type="video/webm"> <p>your browser doesn't support html5 video.
... here is a <a href="rabbit320.mp4">link to the video</a> instead.</p> </video> this creates a video player inside the browser like so: you can review what all the html features do in the article linked above; for our purposes here, the most interesting attribute is controls, which enables the default set of playback controls.
...And 26 more matches

NSS Sample Code Sample1
this is an example program that demonstrates how to do key generation and transport between cooperating servers.
... this program shows the following: rsa key pair generation naming rsa key pairs looking up a previously generated key pair by name creating aes and mac keys (or encryption and mac keys in general) wrapping symmetric keys using your own rsa key pair so that they can be stored on disk or in a database.
... we will add message protection (encryption and macing) examples to this program in the future.
...And 26 more matches

nsIAccessible
}; accessible/public/nsiaccessible.idlscriptable please add a summary to this article.
... last changed in gecko 1.9.2 (firefox 3.6 / thunderbird 3.1 / fennec 1.0) overview this section provides short overview of methods and attributes of this interface.
...use nsiaccessible.groupposition() to get information about this accessible in its group.
...And 26 more matches

nsICacheEntryDescriptor
netwerk/cache/nsicacheentrydescriptor.idlscriptable this interface provides a cache entry descriptor.
...signed long offset); nsioutputstream openoutputstream(in unsigned long offset); void setdatasize(in unsigned long size); void setexpirationtime(in pruint32 expirationtime); void setmetadataelement(in string key, in string value); void visitmetadata(in nsicachemetadatavisitor visitor); attributes attribute type description accessgranted nscacheaccessmode get the access granted to this descriptor.
...this will fail if the cache entry is stream based.
...And 26 more matches

Plug-in Basics - Plugins
notice in view-source that this information is simply gathered from the javascript.
...this section gives you an overview of the way that plug-ins operate in the browser.
...when the browser starts, it enumerates the available plug-ins (this step varies according to platform), reads resources from each plug-in file to determine the mime types for that plug-in, and registers each plug-in library for its mime types.
...And 26 more matches

Autoplay guide for media and Web Audio APIs - Web media technologies
in order to give users control over this, browsers often provide various forms of autoplay blocking.
... in this guide, we'll cover autoplay functionality in the various media and web audio apis, including a brief overview of how to use autoplay and how to work with browsers to handle autoplay blocking gracefully.
...this includes both the use of html attributes to autoplay media as well as the user of javascript code to start playback outside the context of handling user input.
...And 26 more matches

Codecs used by WebRTC - Web media technologies
this guide reviews the codecs that browsers are required to implement as well as other codecs that some or all browsers support for webrtc.
...this guide reviews the codecs that browsers are required to implement as well as other codecs that some or all browsers support for webrtc.
...this is done by sending an a=imageattr sdp attribute to indicate the maximum resolution that is acceptable.
...And 26 more matches

Classes and Inheritance - Archive of obsolete content
it is possible to read this section on its own.
...to illustrate this, let's define a simple constructor for a class shape: function shape(x, y) { this.x = x; this.y = y; } we can now use this constructor to create instances of shape: let shape = new shape(2, 3); shape instanceof shape; // => true shape.x; // => 2 shape.y; // => 3 the keyword new tells javascript that we are performing a constructor call.
... constructor calls differ from ordinary function calls in that javascript automatically creates a new object and binds it to the keyword this for the duration of the call.
...And 25 more matches

Adding preferences to an extension - Archive of obsolete content
« previousnext » this article takes the creating a dynamic status bar extension sample to the next level, adding a popup menu that lets you quickly switch between multiple stocks to watch.
... as before, concepts covered in the previous articles in this series won't be rehashed here, so if you haven't already seen them: creating a status bar extension creating a dynamic status bar extension also, for reference, you may want to take a look at preferences system and the preferences api.
... download the sample you can download a copy of this sample to look over, or to use as the basis for your own extension.
...And 25 more matches

Layout System Overview - Archive of obsolete content
this presentation is typically formatted in accordance with the requirements of the css1 and css2 specifications from the w3c.
...this is referred to as the galley mode presentation, and is what one expects from a typical browser.
...this paged presentation presents several challenges not present in the galley presentation, namely how to break up elements that are larger than a single page, and how to handle changes to page dimensions.
...And 25 more matches

Modifying a XUL Interface - Archive of obsolete content
for example, the following will add a button to a xul window: example 1 : source view <script> function addbutton(){ var abox = document.getelementbyid("abox"); var button = document.createelement("button"); button.setattribute("label","a new button"); abox.appendchild(button); } </script> <box id="abox" width="200"> <button label="add" oncommand="addbutton();"/> </box> this example has two parts a box container element in xul.
... notice that this is not the same as a vbox or an hbox.
... (this is discussed more in the box model pages.) the box element has two attributes "id" and "width".
...And 25 more matches

Building a Theme - Archive of obsolete content
introduction this tutorial will take you through the steps required to build a very basic theme - one which updates the background color of the toolbars in firefox.
... note: this tutorial is about building themes for firefox 29 and later.
...copy your firefox installation's omni.ja into this directory.
...And 25 more matches

CSS basics - Learn web development
for example, this css selects paragraph text, setting the color to red: p { color: red; } let's try it out!
... to make the code work, we still need to apply this css (above) to your html document.
...you should see something like this: if your paragraph text is red, congratulations!
...And 25 more matches

Debugging HTML - Learn web development
this article will introduce you to some tools that can help you find and fix errors in html.
...this, of course, can still be a problem!
...this demo is deliberately written with some built-in errors for us to explore (the html markup is said to be badly-formed, as opposed to well-formed).
...And 25 more matches

HTML table advanced features and accessibility - Learn web development
previous overview: tables next in the second article in this module, we look at some more advanced features of html tables — such as captions/summaries and grouping your rows into table head, body and footer sections — as well as looking at the accessibility of tables for visually impaired users.
...this is useful for all readers wishing to get a quick idea of whether the table is useful to them as they scan the page, but particularly for blind users.
... note: the summary attribute can also be used on the <table> element to provide a description — this is also read out by screenreaders.
...And 25 more matches

Functions — reusable blocks of code - Learn web development
in this article we'll explore fundamental concepts behind functions such as basic syntax, how to invoke and define them, scope, and parameters.
... built-in browser functions we've made use of functions built in to the browser a lot in this course.
...urce string, // and a target string and replaces the source string, // with the target string, and returns the newly formed string or every time we manipulated an array: let myarray = ['i', 'love', 'chocolate', 'frogs']; let madeastring = myarray.join(' '); console.log(madeastring); // the join() function takes an array, joins // all the array items together into a single // string, and returns this new string or every time we generated a random number: let mynumber = math.random(); // the random() function generates a random number between // 0 and up to but not including 1, and returns that number ...we were using a function!
...And 25 more matches

Working with JSON - Learn web development
you'll come across it quite often, so in this article we give you all you need to work with json using javascript, including parsing json so you can access data within it, and creating json.
...this is not a big issue — javascript provides a global json object that has methods available for converting between the two.
...this allows you to construct a data hierarchy, like so: { "squadname": "super hero squad", "hometown": "metro city", "formed": 2016, "secretbase": "super tower", "active": true, "members": [ { "name": "molecule man", "age": 29, "secretidentity": "dan jukes", "powers": [ "radiation resistance", "turning tiny", "radiation blast" ] ...
...And 25 more matches

Chrome registration
this allows translators to plug in a different chrome package to translate an application without altering the rest of the source code.
... this chrome registry is configurable and persistent, and thus a user can install different chrome providers, and select a preferred skin and locale.
... this is accomplished through xpinstall and the extension manager.
...And 25 more matches

Extending a Protocol
quick start: extending a protocol this tutorial implements a simple ping-pong style ipdl protocol, which sends a message from the content process (main thread) to the chrome process (ui thread).
... to make this tutorial less abstract (more fun!), we are going to implement a js method called echo() on the navigator interface.
... the webidl for this will be: partial interface navigator { promise<domstring> echo(domstring somestring); }; learning goals are: extending an existing ipdl protocol.
...And 25 more matches

PKCS11 FAQ
private keys must have the same cka_id value as their corresponding certificate, and this value must be unique on the token.
...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.
... this case is interesting only for read/write tokens.
...And 25 more matches

NSS tools : signtool
this is the case for some test certificates, as well as certificates issued by netscape certificate management system: you must download the the ca certificate in addition to obtaining your own signing certificate.
...note that with netscape signing tool version 1.1 and later this option can appear multiple times on one command line, making it possible to specify multiple file types or classes to include.
...all options and arguments can be expressed through this file.
...And 25 more matches

nsIChannel
netwerk/base/nsichannel.idlscriptable this interface allows clients to construct 'get' requests for specific protocols, and manage them in a uniform way.
... this interface must be used only from the xpcom main thread.
...this attribute only applies to textual data.
...And 25 more matches

nsIMsgFolder
this page is out of date.
...hanged(in nsiatom property, in astring oldvalue, in astring newvalue); void notifyitemadded(in nsisupports item); void notifyitemremoved(in nsisupports item); void notifyfolderevent(in nsiatom event); void listdescendents(in nsisupportsarray descendents); void shutdown(in boolean shutdownchildren); void setinvfeditsearchscope(in boolean asearchthisfolder, in boolean asetonsubfolders); void copydatatooutputstreamforappend(in nsiinputstream aistream, in long alength, in nsioutputstream outputstream); void copydatadone(); void setjunkscoreformessages(in nsisupportsarray amessages, in acstring ajunkscore); void applyretentionsettings(); boolean fetchmsgpreviewtext([array, size_is (anumkeys)] in nsmsg...
... dbtransferinfo nsidbfolderinfo subfolders nsisimpleenumerator readonly: returns an enumerator containing a list of nsimsgfolder items that are subfolders of the instance this is called on.
...And 25 more matches

Intersection Observer API - Web APIs
as the web has matured, the need for this kind of information has grown.
...since all this code runs on the main thread, even one of these can cause performance problems.
...the author of the web site may not even realize this is happening, since they may know very little about the inner workings of the two libraries they are using.
...And 25 more matches

KeyboardEvent - Web APIs
dom_key_location_left 0x01 the key is one which may exist in multiple locations on the keyboard and, in this instance, is on the left side of the keyboard.
... dom_key_location_right 0x02 the key is one which may exist in multiple positions on the keyboard and, in this case, is located on the right side of the keyboard.
...the numlock key does not fall into this group and is always encoded with the location dom_key_location_standard.
...And 25 more matches

Using DTMF with WebRTC - Web APIs
this article offers a brief high-level overview of how dtmf works over webrtc, then provides a guide for everyday developers about how to send dtmf over an rtcpeerconnection.
...webrtc currently ignores these payloads; this is because webrtc's dtmf support is primarily intended for use with legacy telephone services that rely on dtmf tones to perform tasks such as: teleconferencing systems menu systems voicemail systems entry of credit card or other payment information passcode entry note: while the dtmf is not sent to the remote peer as audio, browsers may choose to play the corresponding tone to the local user as part of their user expe...
... if you'd like to know more about how this works, read rfc 3550: rtp: a transport protocol for real-time applications and rfc 4733: rtp payload for dtmf digits, telephony tones, and telephony signals.
...And 25 more matches

Typical use cases of Flexbox - CSS: Cascading Style Sheets
in this guide we will take a look at some of the common use cases for flexbox — those places where it makes more sense than another layout method.
...this is something that may well change once box alignment is implemented in block layout.
... in this guide i look at some of the typical things you might use flexbox for today.
...And 25 more matches

Grid template areas - CSS: Cascading Style Sheets
when you use css grid layout you always have lines, and this can be a straightforward way to place items on your grid.
...this method involves placing our items using named template areas, and we will find out exactly how this method works.
... you will see very quickly why we sometimes call this the ascii-art method of grid layout!
...And 25 more matches

Scaling of SVG backgrounds - CSS: Cascading Style Sheets
this article describes how scaling of svg images is handled when using these properties.
...there are some edge cases that aren't covered by these rules, but this covers the majority of cases.
... dimensionless and proportionless this image is both dimensionless and proportionless.
...And 25 more matches

Creating a cross-browser video player - Developer guides
this article describes a simple html5 video player that uses the media and fullscreen apis and works across most major desktop and mobile browsers.
...="img/poster.jpg" width="1024" height="428" title="no video playback possible, please download the video from the link below" /> </object> <!-- offer download --> <a href="video/tears-of-steel-battle-clip-medium.mp4">download mp4</a> </video> <figcaption>&copy; blender foundation | <a href="http://mango.blender.org">mango.blender.org</a></figcaption> </figure> even though this player will define its own custom control set, the controls attribute is still added to the <video> element, and the player's default control set is switched off later with javascript.
... doing things this way still allows users who have javascript turned off (for whatever reason) to still have access to the browser's native controls.
...And 25 more matches

Audio and Video Delivery - Developer guides
this article is intended as a starting point for exploring the various delivery mechanisms of web based media and compatibility with popular browsers.
...currently, to support all browsers we need to specify two formats, although with the adoption of mp3 and mp4 formats in firefox and opera, this is changing fast.
... to deliver video and audio, the general workflow is usually something like this: check what format the browser supports via feature detection (usually a choice of two, as stated above).
...And 25 more matches

<input type="number"> - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
...e, like so: <input id="number" type="number" value="42"> additional attributes in addition to the attributes commonly supported by all <input> types, inputs of type number support these attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined 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...
...the <datalist> provides a list of predefined values to suggest to the user for this input.
...And 25 more matches

<video>: The Video Embed element - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
... attributes like all other html elements, this element supports the global attributes.
...however, this can be useful when creating media elements whose source will be set at a later time, under user control.
...And 25 more matches

Browser detection using the user agent - HTTP
this document will guide you in doing this as correctly as possible.
... look, or ask, in specialized forums: you're unlikely to be the first to hit this problem.
...if the problem seems uncommon, it's worth checking if this bug has been reported to the browser vendor via their bug tracking system (mozilla; webkit; blink; opera).
...And 25 more matches

Closures - JavaScript
run the code using this jsfiddle link and notice that the alert() statement within the displayname() function successfully displays the value of the name variable, which is declared in its parent function.
... this is an example of lexical scoping, which describes how a parser resolves variable names when functions are nested.
... closure consider the following code example: function makefunc() { var name = 'mozilla'; function displayname() { alert(name); } return displayname; } var myfunc = makefunc(); myfunc(); running this code has exactly the same effect as the previous example of the init() function above.
...And 25 more matches

Introduction to using XPath in JavaScript - XPath
this document describes the interface for using xpath in javascript internally, in extensions, and from websites.
... document.evaluate this method evaluates xpath expressions against an xml based document (including html documents), and returns a xpathresult object, which can be a single node or a set of nodes.
... the existing documentation for this method is located at document.evaluate, but it is rather sparse for our needs at the moment; a more comprehensive examination will be given below.
...And 25 more matches

/loader - Archive of obsolete content
it can be loaded as a regular script tag in documents that have system principals (note: this does not appear to work as of 02.2016 due to "use strict" being added to the file): <script type='application/javascript' src='resource://gre/modules/commonjs/toolkit/loader.js'></script> this will expose a single loader object containing all of the api functions described in this document.
... globals: provides a set of globals shared across modules loaded via this loader.
...this is provided by a mandatory options.paths hash that represents the mapping between module id prefixes and locations.
...And 24 more matches

ui/button/action - Archive of obsolete content
with this module you can create buttons that display icons and can respond to click events.
...this can be a number or a string, and you can update it at any time.
...you can do this in the button's constructor, by assigning the listener to the onclick option.
...And 24 more matches

Source code directories overview - Archive of obsolete content
this document is a guide for developers to the directory structure of the mozilla source code tree.
... this document contains material for seamonkey, firefox, and toolkit.
...beneath this third level directory, there may be fourth level base, public and idl directories.
...And 24 more matches

textbox - Archive of obsolete content
if this attribute is set, the element is disabled.
...do not set the attribute to true, as this will suggest you can set it to false to enable the element again, which is not the case.
...to enable the element, leave this attribute out entirely.
...And 24 more matches

HTML basics - Learn web development
as the title suggests, this article will give you a basic understanding of html and its functions.
... for example, take the following line of content: my cat is very grumpy if we wanted the line to stand by itself, we could specify that it is a paragraph by enclosing it in paragraph tags: <p>my cat is very grumpy</p> anatomy of an html element let's explore this paragraph element a bit further.
... the main parts of our element are as follows: the opening tag: this consists of the name of the element (in this case, p), wrapped in opening and closing angle brackets.
...And 24 more matches

Experimental features in Firefox
this page lists features that are in nightly versions of firefox along with information on how to activate them, if necessary.
...for more details on the status of this feature, see bug 1639607.
... 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.
...And 24 more matches

Addon
ring platformversion) overview of optional methods void uninstall() void canceluninstall() boolean hasresource(in string path) nsiuri getresourceuri(in string path) void getdatadirectory(in datadirectorycallback callback) required properties attribute type description appdisabled read only boolean true if this add-on cannot be used in the application based on version compatibility, dependencies, and blocklisting.
... blockliststate read only integer the current blocklist state of this add-on; see nsiblocklistservice for possible values.
...for some add-ons this will change immediately based on the appdisabled and userdisabled properties; for others it will only change after an application restart.
...And 24 more matches

Examples
let lastpromise = newpromise.then(function onfulfill(){ }) .catch(function onreject(arejectreason) { console.warn('newpromise failed with reason: ', arejectreason); }); using a promise returned by a function (verbose) this example uses a verbose syntax, showing all the involved promises.
...let lastpromise = newpromise.then(null, components.utils.reporterror); in this case, if the file existence check succeeds, the onfulfill callback is invoked.
...this state will propagate to newpomise, and components.utils.reporterror will report all the details of the exception to the console.
...And 24 more matches

Gecko Profiler FAQ
this documents lists a number of questions asked by people in preparation for a tutorial session about the gecko profiler.
...it only knows what function was executed and what line this function starts at.
... similarly it also can’t show you instruction level information about where each sample was captured (this is why there is no support for line-level sampling for native code either.) at this point the granularity of each sample it displays is a native function.
...And 24 more matches

Querying Places
the defaults for these objects will result in a query that returns all of your browser history in a flat list: chromeutils.definemodulegetter(this, "placesutils", "resource://gre/modules/placesutils.jsm"); // no query options set will get all history, sorted in database order, // which is nsinavhistoryqueryoptions.sort_by_none.
...the different values for this property are listed below.
... these values are also properties of nsinavhistoryqueryoptions, and are accessed like this: components.interfaces.nsinavhistoryqueryoptions.results_as_visit.
...And 24 more matches

nsIProtocolProxyService
netwerk/base/public/nsiprotocolproxyservice.idlscriptable this interface provides methods to access information about various network proxies.
...roxyinfo afailoverproxy); nsiproxyinfo getfailoverforproxy(in nsiproxyinfo aproxyinfo, in nsiuri auri, in nsresult areason); void registerfilter(in nsiprotocolproxyfilter afilter, in unsigned long aposition); void unregisterfilter(in nsiprotocolproxyfilter afilter); constants constant value description resolve_non_blocking 1<<0 this flag may be passed to the resolve method to request that it fail instead of block the calling thread.
...so, calling resolve without this flag may result in locking up the calling thread for a lengthy period of time.
...And 24 more matches

nsPIPromptService
embedding/components/windowwatcher/public/nspipromptservice.idlscriptable this interface is for the dialog implementers, not for other developers.
...this interface defines the meaning of each indexes of getint(), setint(), getstring() and setstring() of the nsidialogparamblock interface but they are defined on in c++.
...this is the message text of the dialog.
...And 24 more matches

HTMLInputElement - Web APIs
this overrides the action attribute of the parent form.
...this overrides the enctype attribute of the parent form.
...this overrides the method attribute of the parent form.
...And 24 more matches

Using CSS animations - CSS: Cascading Style Sheets
this lets you configure the timing, duration, and other details of how the animation sequence should progress.
... this does not configure the actual appearance of the animation, which is done using the @keyframes at-rule as described in defining the animation sequence using keyframes below.
...this is done by establishing two or more keyframes using the @keyframes at-rule.
...And 24 more matches

Relationship of flexbox to other layout methods - CSS: Cascading Style Sheets
in this article we will take a look at how flexbox fits in with all the other css modules.
...this specification details how alignment works in all layout — not just flexbox.
...additionally, any new values defined in the box alignment module will apply to flexible box layout; in otherwords, the box alignment module, once completed, will supercede the definitions here." in a later article in this series — aligning items in a flex container — we will take a thorough look at how the box alignment properties apply to flex items.
...And 24 more matches

Relationship of grid layout to other layout methods - CSS: Cascading Style Sheets
in this guide, i will explain how a grid fits together with other techniques you may already be using.
... in this first example, i am using flexbox to lay out a set of boxes.
...this is because when you wrap flex items, each new row (or column when working by column) becomes a new flex container.
...And 24 more matches

<input type="password"> - HTML: Hypertext Markup Language
this character will vary depending on the user agent and os.
... the source for this interactive example is stored in a github repository.
... specifics of how the entry process works may vary from browser to browser; mobile devices, for example, often display the typed character for a moment before obscuring it, to allow the user to be sure they pressed the key they meant to press; this is helpful given the small size of keys and the ease with which the wrong one can be pressed, especially on virtual keyboards.
...And 24 more matches

<input type="text"> - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
...you can retrieve this using the value property in javascript.
...the <datalist> provides a list of predefined values to suggest to the user for this input.
...And 24 more matches

Arrow function expressions - JavaScript
an arrow function expression is a syntactically compact alternative to a regular function expression, although without its own bindings to the this, arguments, super, or new.target keywords.
... two factors influenced the introduction of arrow functions: the need for shorter functions and the behavior of the this keyword.
... shorter functions var elements = [ 'hydrogen', 'helium', 'lithium', 'beryllium' ]; // this statement returns the array: [8, 6, 7, 9] elements.map(function(element) { return element.length; }); // the regular function above can be written as the arrow function below elements.map((element) => { return element.length; }); // [8, 6, 7, 9] // when there is only one parameter, we can remove the surrounding parentheses elements.map(element => { return element.length; }); // [8, 6, 7, 9] // when the only statement in an arrow function is `return`, we can remove `return` and remove // the surrounding curly brackets elements.map(element => element.length); // [8, 6, 7, 9] // in this case, because we only need the length property, we can use destructuring parameter: // notice that t...
...And 24 more matches

Web Performance
we cover them in this section: key performance guides animation performance and frame rateanimation on the web can be done via svg, javascript, including <canvas> and webgl, css animation, <video>, animated gifs and even animated pngs and other image types.
...in the context of open web apps, this document explains in general what performance is, how the browser platform helps improve it, and what tools and processes you can use to test and improve it.performance monitoring: rum vs synthetic monitoringsynthetic monitoring and real user monitoring (rum) are two approaches for monitoring and providing insight into web performance.
... in this article we define and compare these two performance monitoring approaches.populating the page: how browsers worka developer should strive to achieve these two goals.
...And 24 more matches

Setting up an extension development environment - Archive of obsolete content
this article provides suggestions for how to set up your mozilla application for extension development.
...this will utilize distinctive development preferences in about:config.
... install firefox development extensions specifically for this new developer user profile.
...And 23 more matches

Frequently Asked Questions - Archive of obsolete content
note: this page is extremely out of date.
... we currently maintain two documents to help answer this question: a status page for svg in firefox 1.5+ and a status page for svg in the development trunk.
... there are two possible reasons for this: a simple mistake in the svg file, or a misconfigured server.
...And 23 more matches

Writing to Files - Archive of obsolete content
there are alternative xpcom apis you can use, your help in updating this pages to use the supported api is very much welcome!
...this method has a number of options to specify text or binary writing, the character set, and whether to append to an existing file or create a new one.
...try { var file = io.getfile("desktop", "myinfo.txt"); var stream = io.newoutputstream(file, "text"); } catch (ex) { alert(ex); } this example retrieves a file object on the desktop called 'myinfo.txt' using nsiscriptableio.getfile().
...And 23 more matches

Introduction to XUL - Archive of obsolete content
warning: the content of this article may be out of date.
...in fact, most of mozilla's windows (and dialogs) will be described using this mechanism.
... scope this paper makes no attempt to explain requirements.
...And 23 more matches

Custom toolbar button - Archive of obsolete content
this page tells you step-by-step how to make a custom toolbar button in firefox, seamonkey 2.0, thunderbird or sunbird.
... (for seamonkey 1.x, see the page custom toolbar button:seamonkey.) you do not need any special technical skills or tools, and almost all the information you need is on this page.
... you can use this page if all you really want is a button for some special purpose.
...And 23 more matches

Creating a Window - Archive of obsolete content
« previousnext » we're going to be creating a simple find files utility throughout this tutorial.
...the simplest xul file has the following structure: <?xml version="1.0"?> <?xml-stylesheet href="chrome://global/skin/" type="text/css"?> <window id="findfile-window" title="find files" orient="horizontal" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"> <!-- other elements go here --> </window> this window will not do anything since it doesn't contain any ui elements.
...here is a line by line breakdown of the code above: <?xml version="1.0"?> this line simply declares that this is an xml file.
...And 23 more matches

Using the Editor from XUL - Archive of obsolete content
warning: the content of this article may be out of date.
... 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.
... the xul contains an <editor> tag, e.g.: <editor type="content-primary" id="content-frame" src="about:blank" flex="1"/> the attribute type="content-primary" identifies this as the window content element, i.e.
...And 23 more matches

menuitem - Archive of obsolete content
if this value is set, it overrides an assigned key set in the key attribute.
... this attribute does not apply to menus directly on the menubar.
... accesskey type: character this should be set to a character that is used as a shortcut key.
...And 23 more matches

tooltip - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is used for the tooltip popups.
... for text-only tooltips, this element doesn't need to be used; instead you may just add a tooltiptext attribute to an element.
...if you wish to use the value none and the displayed text is larger than this maximum width, you may be able to use the max-width css property (or the maxwidth attribute) to override this size.
...And 23 more matches

Creating XULRunner Apps with the Mozilla Build System - Archive of obsolete content
this is by far the simplest approach.
...the only obvious reason for this would be if you need to implement part of your application in c++, as described in the introduction to the now classic creating custom firefox extensions with the mozilla build system.
... for the purposes of this article i'm using dave townsend's mccoy as an example.
...And 23 more matches

Gecko Compatibility Handbook - Archive of obsolete content
they are actually replaced by ''-(example removed)-'' the goal of this handbook is to help you update websites to work with standards-based browsers and properly detect gecko.
...this compatibility test will be most beneficial to sites using simple code or that have updated to support standards.
...for more solutions to common problems please continue reading this handbook.
...And 23 more matches

Examples - Archive of obsolete content
this page contains the source code of the examples related to the "properly using css and javascript in xhtml documents" article.
...you can get the contents of style.css at the bottom of this page.
... examples for "problems with inline style and script" problem 1 <!-- this file should have a .xhtml extension and will generate an error when parsed.
...And 23 more matches

CSS values and units - Learn web development
in this lesson we will take a look at some of the most common values and units in use.
...you might get confused between css data types and html elements too, as they both use angle brackets, but this is unlikely — they are used in very different contexts.
...this means that if you see <color> as valid you don't need to wonder which of the different types of color value can be used — keywords, hex values, rgb() functions, etc.
...And 23 more matches

Supporting older browsers - Learn web development
previous overview: css layout next in this module, we recommend using flexbox and grid as the main layout methods for your designs.
...this will always be the case on the web — as new features are developed, different browsers will prioritise different things.
... this article explains how to use modern web techniques without locking out users of older technology.
...And 23 more matches

Images in HTML - Learn web development
in this article we'll look at how to use it in depth, including the basics, annotating it with captions using <figure>, and detailing how it relates to css background images.
...this is an empty element (meaning that it has no text content or closing tag) that requires a minimum of one attribute to be useful — src (sometimes spoken as its full title, source).
... so for example, if your image is called dinosaur.jpg, and it sits in the same directory as your html page, you could embed the image like so: <img src="dinosaur.jpg"> if the image was in an images subdirectory, which was inside the same directory as the html page (which google recommends for seo/indexing purposes), then you'd embed it like this: <img src="images/dinosaur.jpg"> and so on.
...And 23 more matches

HTML table basics - Learn web development
overview: tables next this article gets you started with html tables, covering the very basics such as rows and cells, headings, making cells span multiple columns and rows, and how to group together all the cells in a column for styling purposes.
... tables are very commonly used in human society, and have been for a long time, as evidenced by this us census document from 1800: it is therefore no wonder that the creators of html provided a means by which to structure and present tabular data on the web.
... saturn 568 120,536 687 9.0 10.7 1433.5 -140 62 ice giants uranus 86.8 51,118 1271 8.7 17.2 2872.5 -195 27 neptune 102 49,528 1638 11.0 16.1 4495.1 -200 14 dwarf planets pluto 0.0146 2,370 2095 0.7 153.3 5906.4 -225 5 declassified as a planet in 2006, but this remains controversial.
...And 23 more matches

Manipulating documents - Learn web development
this is usually done by using the document object model (dom), a set of apis for controlling html and styling information that makes heavy use of the document object.
... in this article we'll look at how to use the dom in detail, along with some other interesting apis that can alter your environment in interesting ways.
...there are a few really obvious bits you'll reference regularly in your code — consider the following diagram, which represents the main parts of a browser directly involved in viewing web pages: the window is the browser tab that a web page is loaded into; this is represented in javascript by the window object.
...And 23 more matches

Handling text — strings in JavaScript - Learn web development
previous overview: first steps next next, we'll turn our attention to strings — this is what pieces of text are called in programming.
... in this article, we'll look at all the common things that you really ought to know about strings when learning javascript, such as creating strings, escaping quotes in strings, and joining strings together.
... if you don't do this, or miss one of the quotes, you'll get an error.
...And 23 more matches

Componentizing our React app - Learn web development
previous overview: client-side javascript frameworks next at this point, our app is a monolith.
...in this article we will show you a sensible way to break our app up into components.
...in this code, we define the function and export it on the same line: export default function todo() { return ( ); } this is ok so far, but our component has to return something!
...And 23 more matches

AddonManager
the existing add-on types are defined in xpiprovider.jsm and are, at this time, the following: extension, theme, locale, multipackage, dictionary and experiment.
... pending_enable this add-on will be enabled after the application restarts.
... pending_disable this add-on will be disabled after the application restarts.
...And 23 more matches

NSS environment variables
3.12.3 nsrandfile string (file name) uses this file to seed the pseudo random number generator.
...this was allowed by default before nss 3.12.3.
...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.
...And 23 more matches

Property cache
(in some cases this is necessary for correctness.
...the jit ensures this by using the property cache to forward its work to the interpreter.) for speed, the cache is a fixed-size hash table with no chaining.
... the opcodes that take advantage of the property cache, as of june 2009, are: getprop, get{x,this,arg,local}prop, and length; name; setprop, bindname, and setname; callprop and callname; and {inc,dec}name and name{inc,dec}.
...And 23 more matches

Using the Places history service
this page provides a map to the external api.
...this entry contained the url, title, visit count, last visit date, first visit date, host name, last referrer, flags for typed, hidden, and gecko flags (gecko flags is trunk only).
... the navhistory service has broken this into two tables (see history service design).
...And 23 more matches

XPCOM array guide
this guide describes the available arrays as well as the enumerator classes that can be used to get to them.
... in this document the term array refers to a container for multiple objects with a numeric, zero-based index.
...this array is read-only, and the interface does not provide any methods that will allow adding and removing members.
...And 23 more matches

nsIDOMWindow
dom/interfaces/base/nsidomwindow.idlscriptable this interface is the primary interface for a window object.
... 66 introduced gecko 1.0 deprecated gecko 44 inherits from: nsisupports last changed in gecko 7.0 (firefox 7.0 / thunderbird 7.0 / seamonkey 2.4) starting with firefox 44, this file is empty as its features were either no longer used or are only available from c++ code; see dom/base/nspidomwindow.h for those.
... while this interface is not officially defined by any standard bodies, it originates from the de-facto dom level 0 standard.
...And 23 more matches

nsIOutputStream
for this reason, it is generally the case that a blocking output stream should be implemented using thread-safe addref and release.
... note: this method may be called more than once, but subsequent calls are ignored.
...this exception may only be thrown if isnonblocking() returns true.
...And 23 more matches

nsIWindowWatcher
embedding/components/windowwatcher/public/nsiwindowwatcher.idlscriptable this interface is the keeper of gecko/dom windows.
... inherits from: nsisupports last changed in gecko 0.9.6 usage notes: this component has an activewindow property.
... clients may expect this property to be always current, so to properly integrate this component the application will need to keep it current by setting the property as the active window changes.
...And 23 more matches

nsIXULTemplateBuilder
a template builder is attached to a single dom node; this node is called the root node and is expected to contain a xul template element as a direct child.
...there may be more than one <queryset> if multiple queries are desired, and this element is optional if only one query is needed -- in that case the <query> and <rule>s are allowed to be children of the <template> node.
...this query processor is expected to use this query to generate results when asked by the template builder.
...And 23 more matches

How whitespace is handled by HTML, CSS, and in the DOM - Web APIs
this article explores when difficulties can occur, and looks at what can be done to mitigate resulting problems.
... </h1> this source code contains a couple of line feeds after the doctype and a bunch of space characters before, after, and inside the <h1> element, but the browser doesn’t seem to care at all and just shows the words "hello world!" as if these characters didn’t exist at all: this is so that whitespace characters don't impact the layout of your page.
...this is needed internally so that the editor can preserve formatting of documents.
...And 23 more matches

Using readable streams - Web APIs
this article explains the basics.
... note: this article assumes that you understand the use cases of readable streams, and are aware of the high-level concepts.
... finding some examples we will look at various examples in this article, taken from our dom-examples/streams repo.
...And 23 more matches

WebGL best practices - Web APIs
this page tackles recommendations across the spectrum of expertise, and not only highlights dos and don'ts, but also details why.
... you can rely on this document to guide your choice of approach, and ensure you're on the right track no matter what browser or hardware your users run.
...the overhead for this is relatively low, but re-using vaos means fewer vertexattribpointer calls too, so it's worth doing wherever it's easy.
...And 23 more matches

Lighting a WebXR setting - Web APIs
this guide discusses these topics.
... and while this article provides brief reminders as to how lighting works in general, it is not by any means a tutorial in lighting or a guide to how to create a properly-lit 3d scene.
... flashback: simulating lighting in 3d although this article isn't a comprehensive guide to lighting a 3d scene, it's useful to provide a brief reminder as to how lighting works in general.
...And 23 more matches

<img>: The Image Embed element - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
... the alt attribute holds a text description of the image, which isn't mandatory but is incredibly useful for accessibility — screen readers read this description out to their users so they know what the image means.
...this can happen in a number of situations, including: the src attribute is empty ("") or null.
...And 23 more matches

<input type="datetime-local"> - HTML: Hypertext Markup Language
the source for this interactive example is stored in a github repository.
...some mobile browsers (particularly on ios) do not currently implement this correctly.
... some browsers may resort to a text-only input element that validates that the results are legitimate date/time values before letting them be delivered to the server, as well, but you shouldn't rely on this behavior since you can't easily predict it.
...And 23 more matches

Performance fundamentals - Web Performance
in the context of open web apps, this document explains in general what performance is, how the browser platform helps improve it, and what tools and processes you can use to test and improve it.
...for this interaction, the responsiveness metric is the time elapsed between the tap and the pixel change.
...this is a familiar concept: everyone prefers, say, games that display 60 frames per second over ones that display 10 frames per second, even if they can't explain why.
...And 23 more matches

Content Scripts - Archive of obsolete content
this page describes how to develop and implement content scripts.
... a message-passing api allows the main code and content scripts to communicate with each other this complete add-on illustrates all of these principles.
...in this case the content script is passed in as a string.
...And 22 more matches

Preferences - Archive of obsolete content
this article provides examples for extension developers that wish to use the mozilla preferences system.
... note: this article doesn't cover all available methods for manipulating preferences; please refer to the xpcom reference pages listed in resources section for the complete list of methods.
...use this when the preference value may contain non-ascii characters (for example, a user's name).
...And 22 more matches

Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
draft this page is not complete.
... « previousnext » fixme: we should include a link to the mdc list of snippets fixme: we need to add a part about 'why and how to create your own component' c++/js this document was authored by hiroshi shimoda of clear code inc.
... this chapter explains how to use xpcom to implement advanced processes using only javascript.
...And 22 more matches

Handling Preferences - Archive of obsolete content
this is where the user's settings are stored.
... this file is updated when preferences are modified by the user.
...this file is never written to by firefox, but you may wish to set preferences manually in this file to override other settings.
...And 22 more matches

Drag and Drop JavaScript Wrapper - Archive of obsolete content
this section describes how to use the javascript wrapper for drag and drop.
...this drag and drop interface is stored in the global package, in the file chrome://global/content/nsdraganddrop.js.
... you can include this file in your xul file with the script tag in the same way you would include your own scripts.
...And 22 more matches

Template Builder Interface - Archive of obsolete content
an element that does not have a builder will have this property set to null.
...this isn't a very common technique, however, here is an example of how this can be used: <html:div id="photoslist" datasources="template-guide-photos5.rdf" ref="http://www.xulplanet.com/rdf/myphotos" xmlns:html="http://www.w3.org/1999/xhtml"> <html:h1>my photos</html:h1> <template> <html:p uri="rdf:*"><textnode value="rdf:http://purl.org/dc/elements/1.1/title"/></html:p> </template> </html:div> this example generates three...
...sometimes this is due to different whitespace handling for html and xul, which is why the content to generate in the above example is all on one line.
...And 22 more matches

Commands - Archive of obsolete content
as you can see, this becomes complicated.
...a simple way of using commands is as follows: example: simple command example 1 : source view <command id="cmd_openhelp" oncommand="alert('help!');"/> <button label="help" command="cmd_openhelp"/> in this example, instead of placing the oncommand attribute on the button, we instead place it on a command element.
... there are two advantages to using this approach.
...And 22 more matches

Focus and Selection - Archive of obsolete content
this attribute should be set to a number.
...this function will change the value of the text label.
... we could extend this example to remove the text when the blur event occurs.
...And 22 more matches

Manifest Files - Archive of obsolete content
« previousnext » in this section, we'll see how to put chrome and xul files into a package and create the manifest files for them.
...this latter chrome directory is normally the one used since the application directory might not have sufficient permissions to write into it.
... if you just want to try testing privileged xul code in the firefox browser, you can do this easily by just using a manifest with only one line in it: create a new directory somewhere.
...And 22 more matches

XForms Custom Controls - Archive of obsolete content
this also includes content loaded from file:// urls.
... it is possible to re-enable this by following the steps on using remote xul.
... this is required for all examples here to run!
...And 22 more matches

Windows Media in Netscape - Archive of obsolete content
this article explains how to embed the windows media player activex control in web pages to support netscape 7.1, how to control the windows media player activex control using javascript and provides working examples.
... this article deals uniquely with netscape 7.1 running on the windows operating system.
...this control is widely used to provide inline media support for web pages that provide sound, video and other media.
...And 22 more matches

Web fonts - Learn web development
in this article we will go further, exploring web fonts in detail — these allow you to download custom fonts along with your web page, to allow for more varied, custom text styling.
...this takes one or more font family names, and the browser travels down the list until it finds a font it has available on the system it is running on: p { font-family: helvetica, "trebuchet ms", verdana, sans-serif; } this system works well, but traditionally web developers' font choices were limited.
...you can use the font stack to specify preferable fonts, followed by web-safe alternatives, followed by the default system font, but this adds overhead in terms of testing to make sure that your designs look ok with each font, etc.
...And 22 more matches

Client-Server Overview - Learn web development
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.
...this discussion is however still very relevant, because the described behaviour must be implemented by your server-side code, irrespective of which programming language or web framework you select.
... this request includes: a url identifying the target server and resource (e.g.
...And 22 more matches

Embedding the editor
introduction this document describes the current state of editor embeddability, problems with the existing implementation, some possible embedding scenarios that we need to deal with, and an embedding solution that will fulfill them.
...<htmlarea> is intended as a shorthand for a rich-text multiline text widget embedded in an html document, and is not meant to infer that future versions of mozilla will support this specific tag.
...composer embedded in a native application in this application, the <iframe> on which the editor lives is embedded directly in the native application; this is equivalent to embedding the browser via nsiwebbrowser, but instead having an editable document.
...And 22 more matches

Refcount tracing and balancing
refcount tracing logs calls to addref and release, preferably for a particular set of classes, including call-stacks in symbolic form (on platforms that support this).
... xpcom_mem_refcnt_log setting this environment variable enables refcount tracing.
... if you set this environment variable to the name of a file, the log will be output to that file.
...And 22 more matches

Using XPCOM Components
this chapter demonstrates how mozilla uses some of these xpcom objects, such as the cookiemanager, and shows how access to the weblock component will be defined.
...for now, what's important to see is how components like the ones in this section are obtained and used by the mozilla browser.
... the cookie manager dialog this dialog is written in xul and javascript, and uses a part of xpcom called xpconnect to seamlessly connect to the cookiemanager component (see connecting to components from the interface below).
...And 22 more matches

mozIRegistry
warning: the content of this article may be out of date.
... introduction the title of this document is completely misleading.
...it happens that this objective requires storing information about which implementation to use in a place distinct from your source code.
...And 22 more matches

nsIRequest
netwerk/base/nsirequest.idlscriptable this interface is used by the request initiator to control the request.
... method overview void cancel(in nsresult astatus); boolean ispending(); void resume(); void suspend(); attributes attribute type description loadflags nsloadflags the load flags of this request.
... when added to a load group, this request's load flags are merged with the load flags of the load group.
...And 22 more matches

Introduction to the DOM - Web APIs
in this guide, we'll briefly introduce the dom.
...this document can be either displayed in the browser window or as the html source.
...this documentation provides an object-by-object reference to the dom.
...And 22 more matches

Using the Notifications API - Web APIs
note: this feature is available in web workers.
... the notifications api lets a web page or app send notifications that are displayed outside the page at the system level; this lets web apps send information to a user even if the application is idle or in the background.
... this article looks at the basics of using this api in your own apps.
...And 22 more matches

RTCPeerConnection.createOffer() - Web APIs
rtcofferoptions dictionary the rtcofferoptions dictionary is used to customize the offer created by this method.
... icerestart optional to restart ice on an active connection, set this to true.
... this will cause the returned offer to have different credentials than those already in place.
...And 22 more matches

Using the Web Audio API - Web APIs
example code our boombox looks like this: note the retro cassette deck with a play button, and vol and pan sliders to allow you to alter the volume and stereo panning.
... we could make this a lot more complex, but this is ideal for simple learning at this stage.
...because of this modular design, you can create complex audio functions with dynamic effects.
...And 22 more matches

Web audio spatialization basics - Web APIs
the official term for this is spatialization, and this article will cover the basics of how to implement such a system.
...it's worth noting that you don't have to move sound within a full 3d space either — you could stick with just a 2d plane, so if you were planning a 2d game, this would still be the node you were looking for.
...this is much simpler to use, but obviously nowhere near as versatile.
...And 22 more matches

Using the Web Speech API - Web APIs
this article provides a simple introduction to both areas, along with demos.
... the web speech api has a main controller interface for this — speechrecognition — plus a number of closely-related interfaces for representing grammar, results, etc.
...this always needs to be included first.
...And 22 more matches

Border-image generator - CSS: Cascading Style Sheets
this tool can be used to generate css3 border-image values.
...content 'use strict'; /** * ui-slidersmanager */ var inputslidermanager = (function inputslidermanager() { var subscribers = {}; var sliders = []; var inputcomponent = function inputcomponent(obj) { var input = document.createelement('input'); input.setattribute('type', 'text'); input.style.width = 50 + obj.precision * 10 + 'px'; input.addeventlistener('click', function(e) { this.select(); }); input.addeventlistener('change', function(e) { var value = parsefloat(e.target.value); if (isnan(value) === true) setvalue(obj.topic, obj.value); else setvalue(obj.topic, value); }); return input; }; var slidercomponent = function slidercomponent(obj, sign) { var slider = document.createelement('div'); var startx = null; var start_value = 0; s...
...tattribute('data-max')); var step = parsefloat(node.getattribute('data-step')); var value = parsefloat(node.getattribute('data-value')); var topic = node.getattribute('data-topic'); var unit = node.getattribute('data-unit'); var name = node.getattribute('data-info'); var sensivity = node.getattribute('data-sensivity') | 0; var precision = node.getattribute('data-precision') | 0; this.min = isnan(min) ?
...And 22 more matches

Basic concepts of flexbox - CSS: Cascading Style Sheets
this article gives an outline of the main features of flexbox, which we will be exploring in more detail in the rest of these guides.
...this can be contrasted with the two-dimensional model of css grid layout, which controls columns and rows together.
...as soon as we do this the direct children of that container become flex items.
...And 22 more matches

Adding captions and subtitles to HTML5 video - Developer guides
this article will take the same player and show how to add captions and subtitles to it, using the webvtt format and the <track> element.
... captioned video example in this article, we will refer to the video player with captions example.
... this example uses an excerpt from the sintel open movie, created by the blender foundation.
...And 22 more matches

Index - Developer guides
4 getting started ajax, api, advanced, javascript, webmechanics, xmlhttprequest this article guides you through the ajax basics and gives you some simple hands-on examples to get you started.
...currently, to support all browsers we need to specify two formats, although with the adoption of mp3 and mp4 formats in firefox and opera, this is changing fast.
...this article will take the same player and show how to add captions and subtitles to it, using the webvtt format and the <track> element.
...And 22 more matches

Using the application cache - HTML: Hypertext Markup Language
using this application cache feature is highly discouraged; it’s in the process of being removed from the web platform.
...this application cache (appcache) interface lists resources that browsers should cache to be available offline.
...the notification bar displays a message such as: this website (example.com) is asking to store data on your computer for offline use.
...And 22 more matches

Cross-Origin Resource Sharing (CORS) - HTTP
this means that a web application using those apis can only request resources from the same origin the application was loaded from unless the response from other origins includes the right cors headers.
... who should read this article?
... more specifically, this article is for web administrators, server developers, and front-end developers.
...And 22 more matches

The "codecs" parameter in common media types - Web media technologies
this information may include things like the profile of the video codec, the type used for the audio tracks, and so forth.
... this guide briefly examines the syntax of the media type codecs parameter and how it's used with the mime type string to provide details about the contents of audio or video media beyond simply indicating the container type.
...as noted elsewhere, this format was once commonly used on the web but no longer is, since it required a plugin to use.
...And 22 more matches

Populating the page: how browsers work - Web Performance
in ideal conditions, this usually doesn't take too long, but latency and bandwidth are foes which can cause delays.
...if you’ve never visited this site, a dns lookup must happen.
...after this initial request, the ip will likely be cached for a time, which speeds up subsequent requests by retrieving the ip address from the cache instead of contacting a name server again.
...And 22 more matches

Content Processes - Archive of obsolete content
to understand this article, it's probably best to read it as if content and add-on processes actually exist.
...this, too, is primarily related to security.
...in this model, the ui would be rendered in one process (called the chrome process), whereas each tab and each add-on would run in their own dedicated process (called content and add-on processes, respectively).
...And 21 more matches

ui/sidebar - Archive of obsolete content
so you can rewrite the above code like this: var sidebar = require("sdk/ui/sidebar").sidebar({ id: 'my-sidebar', title: 'my sidebar', url: "./sidebar.html" }); you can include javascript and css from the html as you would with any web page, for example using <script> and <link> tags containing a path relative to the html file itself.
...this will change the sidebar's content across all windows.
...at this point the sidebar script is initialized, so you can send messages to the sidebar script and be confident that they will not be lost.
...And 21 more matches

Intercepting Page Loads - Archive of obsolete content
the easy way: load events this comes from the tabbrowser code snippets page.
... this._loadhandler = function() {that._onpageload(); }; gbrowser.addeventlistener("load", this._loadhandler, true); gbrowser is a global object that corresponds to the tabbrowser element in the main browser window.
... gbrowser.removeeventlistener("load", this._loadhandler, true); finally, the actual code for the handler, which is very simple: _onpageload : function(event) { // this is the content document of the loaded page.
...And 21 more matches

The Box Model - Archive of obsolete content
this is the system that determines how all elements are laid out visually in a xul document.
...once you grasp this simple idea, you'll be able to use the dom inspector and css to mold xul elements and layouts with great precision and flexibility.
... most of the examples shown in the rest of this section were generated using the xul box alignment example.
...And 21 more matches

RDF Datasource How-To - Archive of obsolete content
this article is at least partially outdated.
...the xpcom registration parts and the "as of this writing, it is not currently possible to implement javascript xpcom components" comment seem outdated didn't check the whole article.
... this document is a cookbook that describes how to create a native, client-side datasource that works with mozilla's rdf implementation.
...And 21 more matches

Keyboard Shortcuts - Archive of obsolete content
when the key is pressed in this case, the button is selected.
...although shortcuts such as this might not always be valid, they will usually work any time the window is open.
...an example is shown below: <keyset> <key id="sample-key" modifiers="shift" key="r"/> </keyset> this sample defines a keyboard shortcut that is activated when the user presses the shift key and r.
...And 21 more matches

listbox - Archive of obsolete content
« xul reference home [ examples | attributes | properties | methods | related ] this element is used to create a list of items where one or more of the items may be selected.
...if this attribute is set, the element is disabled.
...do not set the attribute to true, as this will suggest you can set it to false to enable the element again, which is not the case.
...And 21 more matches

Theme changes in Firefox 2 - Archive of obsolete content
this article covers the changes that need to be made to update a firefox theme to work properly in firefox 2.
... changes to the default theme the table below lists all the changes made in the default theme for firefox 2; you can use this information as a starting point for figuring out the changes you need to make.
... browser/safebrowsing/close16x16.png new file; this is the icon displayed in the safe browsing warning window as a close box for the window.
...And 21 more matches

Archive of obsolete content
so, we've established this area into which we can archive older documentation.
... material in this archived content zone should not be used for building new web sites or apps for modern browsers.
... adding preferences to an extension this article takes the creating a dynamic status bar extension sample to the next level, adding a popup menu that lets you quickly switch between multiple stocks to watch.
...And 21 more matches

How CSS is structured - Learn web development
this is the most common and useful method of bringing css to a document.
... you reference an external css stylesheet from an html <link> element: <!doctype html> <html> <head> <meta charset="utf-8"> <title>my css experiment</title> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>hello world!</h1> <p>this is my first css example</p> </body> </html> the css stylesheet file might look like this: h1 { color: blue; background-color: yellow; border: 1px solid black; } p { color: red; } the href attribute of the <link> element needs to reference a file on your file system.
... the html for an internal stylesheet might look like this: <!doctype html> <html> <head> <meta charset="utf-8"> <title>my css experiment</title> <style> h1 { color: blue; background-color: yellow; border: 1px solid black; } p { color: red; } </style> </head> <body> <h1>hello world!</h1> <p>this is my first css example</p> </body> </html> in some circumstances, int...
...And 21 more matches

How to structure a web form - Learn web development
each time you want to create an html form, you must start it by using this element, nesting all the contents inside.
... we already met this in the previous article.
...this was introduced to let you explicitly bind a control with a form even if it is not nested inside it.
...And 21 more matches

Creating hyperlinks - Learn web development
this article shows the syntax required to make a link, and discusses link best practices.
...</p> this gives us the following result: i'm creating a link to the mozilla homepage.
...</p> this gives us the following result and hovering over the link displays the title as a tooltip.
...And 21 more matches

Document and website structure - Learn web development
this article looks into how to plan a basic website structure, and write the html to represent this structure.
...this usually stays the same from one webpage to another.
...like the header, this content usually remains consistent from one webpage to another — having inconsistent navigation on your website will just lead to confused, frustrated users.
...And 21 more matches

Multiprocess on Windows
prerequisite reading since so much of this design resolves around microsoft com and its concept of the apartment, readers of this document should have a solid understanding of what apartments are.
... unfortunately this topic is often poorly explained.
... one of the better pieces of documentation is a two-part series written by jeff prosise: understanding com apartments, part i understanding com apartments, part ii for the purposes of this document, "com" will refer to microsoft com (as opposed to xpcom).
...And 21 more matches

Configuring Build Options
note: do not make substantive changes to this document without consulting benjamin smedberg <benjamin@smedbergs.us> or one of the build-config peersthis document details how to configure firefox builds.
...(it is possible to manually call configure with command-line options, but this is not recommended).
...this is useful if you choose to have multiple mozconfig files for different applications or configurations (see below for a full example).
...And 21 more matches

Localizing with Koala
introduction this tutorial will guide you through making a couple of changes to firefox's user interface using koala, an add-on for komodo edit created to help localizing mozilla.
... for the purposes of this tutorial, the locale code that we will use will be called "x-testing".
...if you click on the highlighted arrow pointing down while reading this tutorial on mdc, you will see two string that need to be translated: add "mdc search" manage search engines...
...And 21 more matches

Creating localizable web applications
by adding locale dropdown menu at bottom of page) and remember this choice for the future visits.
...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.
...avoid using it in a subdomain, as it can cause problems with certificates (this is wrong: http://en-us.example.com/foo/bar).
...And 21 more matches

gettext
warning: this document pertains to the development of mozilla web sites and not to the development of gecko-based extensions or applications.
...to take advantage of this functionality, you need to use a different keyword (i.e.
... consider the following code snippet: <?php $num = 1; printf(ngettext("%d user likes this.", "%d users like this.", $num), $num); ?> depending on the value of the $num variable, this code will either use the singular ("user likes) or the plural ("users like") form of the string.
...And 21 more matches

AsyncTestUtils extended framework
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.
...this is how asynchronous callbacks get their chance to run again.
... how does this affect my tests?
...And 21 more matches

Python binding for NSS
this documentation is available via the numerous python documentation extraction tools.
...this allows other python threads to execute during the time a nss/nspr function is progress in another thread.
...examples of this are the various callbacks which can be set and their parameters.
...And 21 more matches

Places utilities for JavaScript
warning: the content of this article may be out of date.
... utils.js is accessible at the following url: http://mxr.mozilla.org/mozilla-centr...ntent/utils.js this file includes utility functions used by a lot of the bookmarking, tagging, and annotation services that are built into firefox.
... there are several predefined versions of this for common calls.
...And 21 more matches

IAccessible2
other-licenses/ia2/accessible2.idlnot scriptable please add a summary to this article.
...t] long role ); hresult scrollto([in] enum ia2scrolltype scrolltype ); hresult scrolltopoint([in] enum ia2coordinatetype coordinatetype, [in] long x, [in] long y ); [propget] hresult states([out] accessiblestates states ); [propget] hresult uniqueid([out] long uniqueid ); [propget] hresult windowhandle([out] hwnd windowhandle ); methods attributes() returns the attributes specific to this iaccessible2 object, such as a cell's formula.
...[propget] hresult extendedstates( [in] long maxextendedstates, [out, size_is(,maxextendedstates), length_is(, nextendedstates)] bstr extendedstates, [out] long nextendedstates ); parameters maxextendedstates this parameter is ignored.
...And 21 more matches