Index - Web APIs
this interface exists to define timeline features (inherited by documenttimeline and future timeline types) and is not itself directly used by developers.
...access it via self.clients within a service worker.
... 631 clients.claim() api, clients, experimental, method, reference, service workers, serviceworker, claim the claim() method of the clients allows an active service worker to set itself as the controller for all clients within its scope.
...And 30 more matches

DOMMatrix - Web APIs
dommatrix.invertself() modifies the matrix by inverting it.
... dommatrix.multiplyself() modifies the matrix by post-multiplying it with the specified dommatrix.
...returns itself.
...And 22 more matches

Creating the Component Code
in the subsequent chapters, we can begin to work on the example weblock component functionality itself.
... web lock user interface most of the actual work in the weblock component is preparing the component itself, finding the xpcom interfaces the component needs to use, and hooking into existing functionality within the gecko browser.
... the weblock component must do a number of things to register itself.
...And 19 more matches

context-menu - Archive of obsolete content
contexts can be related to page content or the page itself, but they should never be external to the page.
... for example, this item appears whenever the context menu is invoked on a page that contains at least one image: require("sdk/context-menu").item({ label: "this page has images", contentscript: 'self.on("context", function (node) {' + ' return !!document.queryselector("img");' + '});' }); note that the listener function has a parameter called node.
...the example above works because <img> elements can't contain other elements, but in the example below, node.nodename is not guaranteed to be "p" - for example, it won't be "p" if the user context-clicked a link inside a paragraph: var cm = require("sdk/context-menu"); cm.item({ label: "a paragraph", context: cm.selectorcontext("p"), contentscript: 'self.on("context", function (node) {' + ' console.log(node.nodename);' + ' return true;' + '});' }); the content script is executed for every page that a context menu is shown for.
...And 18 more matches

panel - Archive of obsolete content
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").
... attaching panels to buttons you can attach a panel to a toggle button by passing the button itself as the position option to the panel's show() method or to its constructor: var { togglebutton } = require('sdk/ui/button/toggle'); var sdkpanels = require("sdk/panel"); var self = require("sdk/self"); var button = togglebutton({ id: "my-button", label: "my button", icon: { "16": "./icon-16.png", "32": "./icon-32.png", "64": "./icon-64.png" }, onchange: handlechange }); va...
...r mypanel = sdkpanels.panel({ contenturl: self.data.url("panel.html"), onhide: handlehide }); function handlechange(state) { if (state.checked) { mypanel.show({ position: button }); } } function handlehide() { button.state('window', {checked: false}); } updating panel content you can update the panel's content by: sending a message to a content script that updates the dom in the same document.
...And 18 more matches

Index - Archive of obsolete content
22 self this article documents the self object that is available as a global in content scripts.
... self provides: 23 contributor's guide no summary!
... 27 modules add-ons, extensions a module is a self-contained unit of code, which is usually stored in a file, and has a well defined interface.
...And 18 more matches

Content Scripts - Archive of obsolete content
the contentscript option treats the string itself as a script: // main.js var pagemod = require("sdk/page-mod"); var contentscriptvalue = 'document.body.innerhtml = ' + ' "<h1>page matches ruleset</h1>";'; pagemod.pagemod({ include: "*.mozilla.org", contentscript: contentscriptvalue }); the contentscriptfile option treats the string as a resource:// url pointing to a script file stored in your add-on's data direc...
... this add-on supplies a url pointing to the file "content-script.js", located in the data subdirectory under the add-on's root directory: // main.js var data = require("sdk/self").data; var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "*.mozilla.org", contentscriptfile: data.url("content-script.js") }); // content-script.js document.body.innerhtml = "<h1>page matches ruleset</h1>"; from firefox 34 onwards, you can use "./content-script.js" as an alias for self.data.url("content-script.js").
... you can load multiple scripts by passing an array of strings to either contentscript or contentscriptfile: // main.js var tabs = require("sdk/tabs"); tabs.on('ready', function(tab) { tab.attach({ contentscript: ['document.body.style.border = "5px solid red";', 'window.alert("hi");'] }); }); // main.js var data = require("sdk/self").data; var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "*.mozilla.org", contentscriptfile: [data.url("jquery.min.js"), data.url("my-content-script.js")] }); if you do this, the scripts can interact directly with each other, just like scripts loaded by the same web page.
...And 15 more matches

widget - Archive of obsolete content
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 prop...
... next, we write a content script that listens for click events on each icon and sends the corresponding message to the main add-on code: var play_button = document.getelementbyid("play-button"); play_button.onclick = function() { self.port.emit("play"); } var pause_button = document.getelementbyid("pause-button"); pause_button.onclick = function() { self.port.emit("pause"); } var stop_button = document.getelementbyid("stop-button"); stop_button.onclick = function() { self.port.emit("stop"); } we save this file in the add-on's data directory as "button-script.js".
...in the add-on's "main.js" file, we create the widget, assign it the html file and the content script, and listen for events from the content script: const widgets = require("sdk/widget"); const data = require("sdk/self").data; var player = widgets.widget({ id: "player", width: 72, label: "player", contenturl: data.url("buttons.html"), contentscriptfile: data.url("button-script.js") }); player.port.on("play", function() { console.log("playing"); }); player.port.on("pause", function() { console.log("pausing"); }); player.port.on("stop", function() { console.log("stopping"); }); to learn much more about content scripts, see the working with content scripts guide.
...And 12 more matches

Index
this is often sufficient if you encrypt data for yourself, but as soon as you need to exchange signed/encrypted data with communication partners, using public key encryption simplifies the key management.
...(however, it's also possible to use nss functionality to create a self-signed certificate, which, however, usually won't be trusted by other parties.) once received, it's sufficient to tell nss to import such a new certificate into the nss database, and nss will automatically perform a lookup of the embedded public key, be able to find the associated private key, and subsequently be able to treat it as a personal certificate.
... trust anchors contained in the ckbi module are usually self signed, which is defined as having identical subject name and issuer name fields.
...And 12 more matches

Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
f(stderr, "%-30s - certificate nickname\n\n", "-n <nickname>"); fprintf(stderr, "%-30s - certificate trust\n\n", "-t <trustargs>"); fprintf(stderr, "%-30s - certificate issuer nickname\n\n", "-u <issuernickname>"); fprintf(stderr, "%-30s - certificate signing request \n\n", "-r <csr>"); fprintf(stderr, "%-30s - generate a self-signed cert [optional]\n\n", "-x"); fprintf(stderr, "%-30s - to enable ascii [optional]\n\n", "-a"); fprintf(stderr, "%-30s - to save certificate to header file as sig verification [optional]\n\n", "-v"); exit(-1); } /* * validate the options used for generate csr command */ static void validategeneratecsrcommand(const char *prognam...
... const char *dbdir, const char *nicknamestr, const char *truststr, const char *certfilename, const char *certreqfilename, const char *issuernamestr, const char *serialnumberstr, prbool selfsign) { prbool validationfailed = pr_false; if (!nicknamestr) { pr_fprintf(pr_stderr, "%s -a -d %s -n : nick name is missing\n", progname, dbdir); validationfailed = pr_true; } if (!truststr) { pr_fprintf(pr_stderr, "%s -a -d %s -n %s -t: trust flag is missing\n", progname, dbdir, nicknamestr); validat...
...led = pr_true; } if (pr_access(certfilename, pr_access_exists) == pr_failure) { if (!certreqfilename) { pr_fprintf(pr_stderr, "%s -a -d %s -n %s -t %s -c %s -r: certificate file or certificate request file is not found\n", progname, dbdir, nicknamestr, truststr, certfilename); validationfailed = pr_true; } if (!selfsign && !issuernamestr) { pr_fprintf(pr_stderr, "%s -a -d %s -n %s -t %s -c %s -r %s -u : issuer name is missing\n", progname, dbdir, nicknamestr, truststr, certfilename, certreqfilename); validationfailed = pr_true; } if (!serialnumberstr) { pr_fprintf(pr_stderr, "%s -a -d %s -n %s -t %s -c %s -r %s -u %s -m : serial...
...And 12 more matches

Box alignment in CSS Grid Layout - CSS: Cascading Style Sheets
aligning items on the block axis the align-self and align-items properties control alignment on the block axis.
... the align-items property sets the align-self property for all of the child grid items.
... this means that you can set the property individually, by using align-self on a grid item.
...And 12 more matches

sample2
tderr, "%-30s - certificate serial number\n\n", "-m <serialnumber>"); fprintf(stderr, "%-30s - certificate nickname\n\n", "-n <nickname>"); fprintf(stderr, "%-30s - certificate trust\n\n", "-t <trustargs>"); fprintf(stderr, "%-30s - certificate issuer nickname\n\n", "-u <issuernickname>"); fprintf(stderr, "%-30s - certificate signing request \n\n", "-r <csr>"); fprintf(stderr, "%-30s - generate a self-signed cert [optional]\n\n", "-x"); fprintf(stderr, "%-30s - to enable ascii [optional]\n\n", "-a"); fprintf(stderr, "%-30s - to save certificate to header file as sig verification [optional]\n\n", "-v"); exit(-1); } /* * validate the options used for generate csr command */ static void validategeneratecsrcommand(const char *progname, const char *dbdir, certname *subject, const char *subjectstr, ...
..."\nusage: %s %s \n\n", progname, "-g -d <dbdirpath> -s <subject> -r <csr> \n"); exit(-1); } } /* * validate the options used for add cert to db command */ static void validateaddcerttodbcommand(const char *progname, const char *dbdir, const char *nicknamestr, const char *truststr, const char *certfilename, const char *certreqfilename, const char *issuernamestr, const char *serialnumberstr, prbool selfsign) { prbool validationfailed = pr_false; if (!nicknamestr) { pr_fprintf(pr_stderr, "%s -a -d %s -n : nick name is missing\n", progname, dbdir); validationfailed = pr_true; } if (!truststr) { pr_fprintf(pr_stderr, "%s -a -d %s -n %s -t: trust flag is missing\n", progname, dbdir, nicknamestr); validationfailed = pr_true; } if (!certfilename) { pr_fprintf(pr_stderr, "%s -a -d %s -n %s -t %s -c: ce...
...rogname, dbdir, nicknamestr, truststr, serialnumberstr, certreqfilename); validationfailed = pr_true; } if (pr_access(certfilename, pr_access_exists) == pr_failure) { if (!certreqfilename) { pr_fprintf(pr_stderr, "%s -a -d %s -n %s -t %s -c %s -r: certificate file or certificate request file is not found\n", progname, dbdir, nicknamestr, truststr, certfilename); validationfailed = pr_true; } if (!selfsign && !issuernamestr) { pr_fprintf(pr_stderr, "%s -a -d %s -n %s -t %s -c %s -r %s -u : issuer name is missing\n", progname, dbdir, nicknamestr, truststr, certfilename, certreqfilename); validationfailed = pr_true; } if (!serialnumberstr) { pr_fprintf(pr_stderr, "%s -a -d %s -n %s -t %s -c %s -r %s -u %s -m : serial number is missing\n", progname, dbdir, nicknamestr, truststr, certfilename, cert...
...And 11 more matches

SVGTransformList - Web APIs
exceptions: a domexception with code no_modification_allowed_err is raised when the list corresponds to a read only attribute or when the object itself is read only.
...the inserted item is the item itself and not a copy.
... exceptions: a domexception with code no_modification_allowed_err is raised when the list corresponds to a read only attribute or when the object itself is read only.
...And 11 more matches

Communicating using "port" - Archive of obsolete content
here's a simple add-on that sends a message to a content script using port: var tabs = require("sdk/tabs"); var alertcontentscript = "self.port.on('alert', function(message) {" + " window.alert(message);" + "})"; tabs.on("ready", function(tab) { worker = tab.attach({ contentscript: alertcontentscript }); worker.port.emit("alert", "message from the add-on"); }); tabs.open("http://www.mozilla.org"); in total, the port object defines four functions: emit(): emit a mess...
... accessing port accessing port in the content script note that the global self object is completely different from the self module, which provides an api for an add-on to access its data files and id.
... in the content script the port object is available as a property of the global self object.
...And 10 more matches

page-mod - Archive of obsolete content
if you supply the scripts as separate files in the "data" directory, you specify them using with a url, typically constructed using the url() method of the self module's data object: var data = require("sdk/self").data; var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "*.mozilla.org", contentscriptfile: data.url("my-script.js") }); var data = require("sdk/self").data; var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "*.mozilla.org", contentscriptfile: [data.url("jquery-1.7.min.js"), data...
....url("my-script.js")] }); from firefox 34, you can use "./my-script.js" as an alias for self.data.url("my-script.js").
... /lib/main.js: var tag = "p"; var data = require("sdk/self").data; var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "*.mozilla.org", contentscriptfile: data.url("element-getter.js"), onattach: function(worker) { worker.port.emit("getelements", tag); worker.port.on("gotelement", function(elementcontent) { console.log(elementcontent); }); } }); /data/element-getter.js: self.port.on("getelements", function(tag) ...
...And 10 more matches

Bytecode Descriptions
self-hosted code uses it by calling the intrinsic hasown(id, obj).
...this instruction and the branch around the iterator loop are emitted only when arr is itself a rest parameter, as in (...arr) => f(...arr), a strong hint that it's a packed array whose prototype is array.prototype.
...however, the functionbody of the generator is not supposed to start running until the first .next() call, so after setup the script suspends itself: the "initial yield".
...And 10 more matches

Index
in the subsequent chapters, we can begin to work on the example weblock component functionality itself.
... 106 packaging weblock xpcom in this final part of the tutorial, we'll put all of the pieces of the web locking component - the library itself, the type library, the header file, and the user interface resources - into a package that can be installed on other systems.
... 110 starting weblock xpcom in this chapter, we begin to design and implement the web locking functionality itself.
...And 10 more matches

SVGLengthList - Web APIs
exceptions: a domexception with code no_modification_allowed_err is raised when the list corresponds to a read only attribute or when the object itself is read only.
...the inserted item is the item itself and not a copy.
... exceptions: a domexception with code no_modification_allowed_err is raised when the list corresponds to a read only attribute or when the object itself is read only.
...And 9 more matches

SVGNumberList - Web APIs
exceptions: a domexception with code no_modification_allowed_err is raised when the list corresponds to a read only attribute or when the object itself is read only.
...the inserted item is the item itself and not a copy.
... exceptions: a domexception with code no_modification_allowed_err is raised when the list corresponds to a read only attribute or when the object itself is read only.
...And 9 more matches

SVGPointList - Web APIs
exceptions: a domexception with code no_modification_allowed_err is raised when the list corresponds to a read only attribute or when the object itself is read only.
...the inserted item is the item itself and not a copy.
... exceptions: a domexception with code no_modification_allowed_err is raised when the list corresponds to a read only attribute or when the object itself is read only.
...And 9 more matches

SVGStringList - Web APIs
exceptions: a domexception with code no_modification_allowed_err is raised when the list corresponds to a read only attribute or when the object itself is read only.
...the inserted item is the item itself and not a copy.
... exceptions: a domexception with code no_modification_allowed_err is raised when the list corresponds to a read only attribute or when the object itself is read only.
...And 9 more matches

Functions - JavaScript
the function consists of one statement that says to return the parameter of the function (that is, number) multiplied by itself.
...providing a name allows the function to refer to itself, and also makes it easier to identify the function in a debugger's stack traces: const factorial = function fac(n) { return n < 2 ?
... a function can call itself.
...And 9 more matches

page-worker - Archive of obsolete content
to do this, save the file in your add-on's data directory and create the url using the data.url() method of the self module: pageworker = require("sdk/page-worker").page({ contentscript: "console.log(document.body.innerhtml);", contenturl: require("sdk/self").data.url("myfile.html") }); from firefox 34, you can use "./myfile.html" as an alias for self.data.url("myfile.html").
...in this example we fetch the first paragraph of a page from wikipedia, then the first paragraph of a different page: var getfirstparagraph = "var paras = document.getelementsbytagname('p');" + "console.log(paras[0].textcontent);" + "self.port.emit('loaded');" pageworker = require("sdk/page-worker").page({ contentscript: getfirstparagraph, contenturl: "http://en.wikipedia.org/wiki/chalk" }); pageworker.port.on("loaded", function() { pageworker.contenturl = "http://en.wikipedia.org/wiki/cheese" }); scripting page content to access the page's dom you need to attach a script to it.
...you construct the url using the data.url() method of the self module.
...And 8 more matches

Client-side storage - Learn web development
lector('form'); const nameinput = document.queryselector('#entername'); const submitbtn = document.queryselector('#submitname'); const forgetbtn = document.queryselector('#forgetname'); const h1 = document.queryselector('h1'); const personalgreeting = document.queryselector('.personal-greeting'); next up, we need to include a small event listener to stop the form from actually submitting itself when the submit button is pressed, as this is not the behavior we want.
...the bottom: // run function when the 'forget' button is clicked forgetbtn.addeventlistener('click', function() { // remove the stored name from web storage localstorage.removeitem('name'); // run namedisplaycheck() to sort out displaying the // generic greeting again and updating the form display namedisplaycheck(); }); it is now time to define the namedisplaycheck() function itself.
... working through a note storage example here we'll run you through an example that allows you to store notes in your browser and view and delete them whenever you like, getting you to build it up for yourself and explaining the most fundamental parts of idb as we go along.
...And 8 more matches

Aligning Items in a Flex Container - CSS: Cascading Style Sheets
align-self — controls alignment of an individual flex item on the cross axis.
... the cross axis the align-items and align-self properties control alignment of our flex items on the cross axis, down the columns if flex-direction is row and along the row if flex-direction is column.
... aligning one item with align-self the align-items property sets the align-self property on all of the flex items as a group.
...And 8 more matches

CSS Box Alignment - CSS: Cascading Style Sheets
the first item overrides the align-items value set on the group by setting align-self to center.
...the first item overrides the align-items set on the group by setting align-self to center.
... when aligning items on the inline axis you will use the properties which begin with justify-: justify-items justify-self justify-content when aligning items on the block axis you will use the properties that begin align-: align-items align-self align-content flexbox adds an additional complication in that the above is true when flex-direction is set to row.
...And 7 more matches

ui/sidebar - Archive of obsolete content
unlike modules such as panel, the content must be local, typically loaded from the add-on's data directory via a url constructed using self.data.url(): var sidebar = require("sdk/ui/sidebar").sidebar({ id: 'my-sidebar', title: 'my sidebar', url: require("sdk/self").data.url("sidebar.html") }); from firefox 34, you can use "./sidebar.html" as an alias for self.data.url("sidebar.html").
... 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.
...on attach, "main.js" starts listening to the ping message, and responds with a pong: var sidebar = require("sdk/ui/sidebar").sidebar({ id: 'my-sidebar', title: 'my sidebar', url: require("sdk/self").data.url("sidebar.html"), onattach: function (worker) { worker.port.on("ping", function() { console.log("add-on script got the message"); worker.port.emit("pong"); }); } }); try running the add-on, and showing the sidebar using the "view->sidebar->my sidebar" menu item.
...And 6 more matches

Modifying Web Pages Based on URL - Archive of obsolete content
use contentscriptfile option instead of contentscript and pass it script url which can be obtained using self.data.url("my-script.js").
... for example, if we save the script above under the add-on's data directory in a file called my-script.js: // import the page-mod api var pagemod = require("sdk/page-mod"); // import the self api var self = require("sdk/self"); // create a page-mod // it will run a script whenever a ".org" url is loaded // the script replaces the page contents with a message pagemod.pagemod({ include: "*.org", contentscriptfile: self.data.url("my-script.js") }); or from firefox 34 onwards: // import the page-mod api var pagemod = require("sdk/page-mod"); // create a page-mod // it will run a script whenever a ".org" url is loaded // the script replaces the page contents with a message pagemod.pagemod({ include: "*.org", contents...
... // import the page-mod api var pagemod = require("sdk/page-mod"); // import the self api var self = require("sdk/self"); // create a page mod // it will run a script whenever a ".org" url is loaded // the script replaces the page contents with a message pagemod.pagemod({ include: "*.org", contentscriptfile: [self.data.url("jquery-1.7.min.js"), self.data.url("my-script.js")] }); you can use both contentscript and contentscriptfile in the same page-mod.
...And 6 more matches

Index - MDN Web Docs Glossary: Definitions of Web-related terms
15 algorithm codingscripting, glossary an algorithm is a self-contained series of instructions to perform a function.
...r own additions, 160 fragmentainer css, css fragmentation specification, glossary, fragmentainer a fragmentainer is defined in the css fragmentation specification as follows: 161 function codingscripting, glossary, iife, immediately invoked function expressions (iife), intro, javascript a function is a code snippet that can be called by other code or by itself, or a variable that refers to the function.
... 170 general header glossary, webmechanics a general header is an http header that can be used in both request and response messages but doesn't apply to the content itself.
...And 6 more matches

JSAPI User Guide
but in mozilla, all of these features are actually provided by other components, not the spidermonkey engine itself.
... for integers and boolean values, a jsval contains the value itself.
...in the case of js::value, the javascript garbage collector recycles objects, strings, and numbers that don't appear to be in use, and a js::value by itself does not protect its referent from the garbage collector.
...And 6 more matches

JS::CompileOptions
methods some methods of js::owningcompileoptions and js::compileoptions return the instance itself to allow method chain.
... owningcompileoptions &setline(unsigned l) sets each property and returns the instance itself.
...ngcompileoptions &setmutederrors(bool mute) owningcompileoptions &setversion(jsversion v) owningcompileoptions &setutf8(bool u) owningcompileoptions &setcolumn(unsigned c) owningcompileoptions &setcompileandgo(bool cng) owningcompileoptions &setforeval(bool eval) owningcompileoptions &setnoscriptrval(bool nsr) owningcompileoptions &setselfhostingmode(bool shm) owningcompileoptions &setcanlazilyparse(bool clp) owningcompileoptions &setsourceislazy(bool l) owningcompileoptions &setintroductiontype(const char *t) bool setintroductioninfo(jscontext *cx, const char *introducerfn, const char *intro, unsigned line, jsscript *script, uint32_t offset) duplicate null-terminated string introducerfn for i...
...And 6 more matches

JS_FS
// added in spidermonkey 17 #define js_self_hosted_fn(name,selfhostedname,nargs,flags) ...
... // added in spidermonkey 31 #define js_self_hosted_sym_fn(symbol, selfhostedname, nargs, flags) ...
... // added in spidermonkey 38 #define js_sym_fnspec(symbol, call, info, nargs, flags, selfhostedname) ...
...And 6 more matches

Starting WebLock
« previousnext » in this chapter, we begin to design and implement the web locking functionality itself.
... getting called at startup no person is an island to himself, and neither are components.
...the first callback is called when the component's nsimodule::registerself method is called.
...And 6 more matches

Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
this is what firefox itself uses for bookmark properties and other dialogs.
...pt,cancel" ondialogaccept="savevalues(); window.close();" ondialogcancel="window.close();"> <checkbox label="my option"/> </dialog> listing 8: a dialog figure 5: output from listing 8 note: the functions behind the dialog elements discussed here require "xpconnect privileges," which are discussed in chapter 4, so this example will only run correctly if it can run as firefox code itself or installed extension code.
...here, the button-click itself is not taken as the input; instead, a command event is issued only when a popup menu item is selected.
...And 5 more matches

CustomizableUI.jsm
if you want to use it from a jsm or another context without a window reference, you need to import it yourself: components.utils.import("resource:///modules/customizableui.jsm"); introduction the module is intended for two primary purposes: allow adding, moving and removing customizable widgets.
...there should normally be no need to call it yourself.
...always prefer this over using toolbar.insertitem() (which might no-op because it delegates to addwidgettoarea) or, worse, moving items in the dom yourself.
...And 5 more matches

Using Service Workers - Web APIs
let’s start this section by looking at a code sample — this is the first block you’ll find in our service worker: self.addeventlistener('install', (event) => { event.waituntil( caches.open('v1').then((cache) => { return cache.addall([ './sw-test/', './sw-test/index.html', './sw-test/style.css', './sw-test/app.js', './sw-test/image-list.js', './sw-test/star-wars-logo.jpg', './sw-test/gallery/', './sw-test/gallery/bountyhunters.jpg', ...
... './sw-test/gallery/mylittlevader.jpg', './sw-test/gallery/snowtroopers.jpg' ]); }) ); }); here we add an install event listener to the service worker (hence self), and then chain a extendableevent.waituntil() method onto the event — this ensures that the service worker will not install until the code inside waituntil() has successfully occurred.
... self.addeventlistener('fetch', (event) => { event.respondwith( // magic goes here ); }); we could start by simply responding with the resource whose url matches that of the network request, in each case: self.addeventlistener('fetch', (event) => { event.respondwith( caches.match(event.request) ); }); caches.match(event.request) allows us to match each resource requested from the net...
...And 5 more matches

Box alignment in grid layout - CSS: Cascading Style Sheets
the first item overrides the align-items value set on the group by setting align-self to center.
... to align things on the inline axis you use the properties that start with justify-, justify-content, justify-items and justify-self.
... to align things on the block axis you use the properties that start with align-, align-content, align-items and align-self.
...And 5 more matches

justify-items - CSS: Cascading Style Sheets
the css justify-items property defines the default justify-self for all items of the box, giving them all a default way of justifying each box along the appropriate axis.
...*/ justify-items: self-start; justify-items: self-end; justify-items: left; /* pack items from the left */ justify-items: right; /* pack items from the right */ /* baseline alignment */ justify-items: baseline; justify-items: first baseline; justify-items: last baseline; /* overflow alignment (for positional alignment only) */ justify-items: safe center; justify-items: unsafe center; /* legacy alignment *...
... positional alignment: one of: center, start, end, flex-start, flex-end, self-start, self-end, left, or right.
...And 5 more matches

Interacting with page scripts - Archive of obsolete content
in this example a page script adds a string variable foo to the window: <!doctype html"> <html> <head> <script> window.foo = "hello from page script" </script> </head> </html> the content script can see this object if it uses unsafewindow.foo instead of window.foo: // main.js var tabs = require("sdk/tabs"); var mod = require("sdk/page-mod"); var self = require("sdk/self"); var pageurl = self.data.url("page.html") var pagemod = mod.pagemod({ include: pageurl, contentscript: "console.log(unsafewindow.foo);" }) tabs.open(pageurl); be careful using unsafewindow: you can't rely on any of its properties or functions being, or doing, what you expect.
...the "main.js" opens the local file "page.html" and attaches a content script to it: // main.js var tabs = require("sdk/tabs"); var self = require("sdk/self"); tabs.open({ url: self.data.url("page.html"), onready: attachscript }); function attachscript(tab) { tab.attach({ contentscriptfile: self.data.url("content-script.js") }); } the content script defines an object and assigns it to unsafewindow twice: the first time using cloneinto(), the second time using simple assignment: // content-script.js var contentscr...
...the "main.js" opens the local file "page.html" and attaches a content script to it: // main.js var tabs = require("sdk/tabs"); var self = require("sdk/self"); tabs.open({ url: self.data.url("page.html"), onready: attachscript }); function attachscript(tab) { tab.attach({ contentscriptfile: self.data.url("content-script.js") }); } the content script defines a function greetme() and exports it to the page script context.
...And 4 more matches

port - Archive of obsolete content
each end of the conversation has access to a port: the content script via the global self property, and the main add-on code via a worker object associated with the sdk module you've used to attach the content script, such as page-mod or page-worker.
... from the content script to the main add-on code: // content-script.js var mymessagepayload = "some data"; self.port.emit("mymessage", mymessagepayload); from the main add-on code to the content script: // main.js var mymessagepayload = "some data"; worker.port.emit("mymessage", mymessagepayload); on() the port.on() function registers a function as a listener for a particular message sent from the other side using port.emit().
... in a content script, to listen for "mymessage" sent from the main add-on code: // content-script.js self.port.on("mymessage", function handlemymessage(mymessagepayload) { // handle the message }); in the main add-on code, to listen for "mymessage" sent from a a content script: // main.js worker.port.on("mymessage", function handlemymessage(mymessagepayload) { // handle the message }); once() often you'll want to receive a message just once, then stop listening.
...And 4 more matches

A XUL Bestiary - Archive of obsolete content
in other words, a chrome url like the global pointer above picks up a file called global.css, and the help pointer above could also be written as chrome://help/content, because the name of the package itself is "help." viewing chromes other than mozilla's there is a special flag you can use to start mozilla with some chrome other than the default.
...xul itself contains very little provision for how widgets are to be presented in the interface.
...at the highest level in the tree of nodes that is the dom sits the window object itself.
...And 4 more matches

Game distribution - Game development
this includes hosting it yourself online, submitting it to open marketplaces, and submitting it to closed ones like google play or the ios app store.
... benefits of html5 over native building games with html5 gives you extra advantages, such as: multiplatform bliss the technology itself is multiplatform, so you can write the code once and target multiple devices.
... publishing the game there are three main options when it comes to publishing a game: self-hosting publishers stores remember that the name of your game should be unique enough to be quickly promoted later on, but also catchy enough, so people don't forget it.
...And 4 more matches

Index
34 js::compileoptions jsapi reference, reference, référence(2), spidermonkey some methods of js::owningcompileoptions and js::compileoptions return the instance itself to allow method chain.
... 46 js::getselfhostedfunction jsapi reference, reference, référence(2), spidermonkey js::getselfhostedfunction creates a new javascript function implemented in self-hosted javascript.
...if the cx's runtime has no parent runtime, js_getparentruntime returns cx's runtime itself.
...And 4 more matches

nsIDBChangeListener
this can be used to filter out events that you yourself started.
...this can be used to filter out events that you yourself started.
...this can be used to filter out events that you yourself started.
...And 4 more matches

Working with Multiple Versions of Interfaces
to do this i used the accessibility framework: hwnd gethwnd(nsidomnode *node){ hwnd self = null; nsresult rv; nscomptr<nsiaccessibleretrieval> refp; refp = do_createinstance( "@mozilla.org/accessibleretrieval;1", &rv); if (ns_failed(rv)){ return self; } //line 6.
... nscomptr<nsiaccessible> accnode; rv = refp->getaccessiblefor(node, getter_addrefs(accnode)); if(ns_failed(rv)){ return self; } void *wh = null; nscomptr<nsiaccessibledocument> accdocnode; accdocnode = do_queryinterface(accnode, &rv); if(ns_failed(rv)){ return self; } rv = accdocnode->getwindowhandle(&wh); if(ns_succeeded(rv)){ self = static_cast<hwnd>(wh); } return self; } this approach worked, as is, for versions as early as firefox 1.5.
... hwnd gethwndb(nsidomnode *node){ hwnd self = null; nsresult rv; nscomptr<nsicomponentmanager> compmgr; rv = ns_getcomponentmanager(getter_addrefs(compmgr)); if (ns_failed(rv)){ return self; } nscomptr<nsiaccessibleretrieval> refp; rv = compmgr->createinstancebycontractid(accretcid, 0, iar_iid_old, getter_addrefs(refp)); if (ns_failed(rv)){ return self; } nscomptr<nsiaccessible> accnode; rv = refp->getaccessiblefor(node,...
...And 4 more matches

Drawing and Event Handling - Plugins
you determine whether a plug-in is windowed or windowless by the way you define the plug-in itself.
...this type of plug-in determines when it draws itself.
...a windowless plug-in draws itself only in response to a paint message from the browser.
...And 4 more matches

Call Tree - Firefox Developer Tools
self time is calculated as the time spent in that particular function, excluding its children.
... self cost is calculated from self time as a percentage of the total number of samples in the selected portion of the recording.
...functions with a relatively high self cost are good candidates for optimization, either because they take a long time to run, or because they are called very often.
...And 4 more matches

SVGTransform - Web APIs
in case the matrix object is changed directly (i.e., without using the methods on the svgtransform interface itself) then the type of the svgtransform changes to svg_transform_matrix.
... exceptions: a domexception with code no_modification_allowed_err is raised when attempting to modify a read only attribute or when the object itself is read only.
... exceptions: a domexception with code no_modification_allowed_err is raised when attempting to modify a read only attribute or when the object itself is read only.
...And 4 more matches

Using Web Workers - Web APIs
thus, using the window shortcut to get the current global scope (instead of self) within a worker will return an error.
...essage is received by writing an event handler block like this (worker.js): onmessage = function(e) { console.log('message received from main script'); var workerresult = 'result: ' + (e.data[0] * e.data[1]); console.log('posting message back to main script'); postmessage(workerresult); } the onmessage handler allows us to run some code whenever a message is received, with the message itself being available in the message event's data attribute.
...so for example, suppose a document is served with the following header: content-security-policy: script-src 'self' among other things, this will prevent any scripts it includes from using eval().
...And 4 more matches

align-items - CSS: Cascading Style Sheets
the css align-items property sets the align-self value on all direct children as a group.
... self-start the items are packed flush to the edge of the alignment container of the start side of the item, in the appropriate axis.
... self-end the items are packed flush to the edge of the alignment container of the end side of the item, in the appropriate axis.
...And 4 more matches

overflow-wrap - CSS: Cascading Style Sheets
html <p>they say the fishing is excellent at lake <em class="normal">chargoggagoggmanchauggagoggchaubunagungamaugg</em>, though i've never been there myself.
... (<code>normal</code>)</p> <p>they say the fishing is excellent at lake <em class="ow-anywhere">chargoggagoggmanchauggagoggchaubunagungamaugg</em>, though i've never been there myself.
... (<code>overflow-wrap: anywhere</code>)</p> <p>they say the fishing is excellent at lake <em class="ow-break-word">chargoggagoggmanchauggagoggchaubunagungamaugg</em>, though i've never been there myself.
...And 4 more matches

Making PWAs work offline with Service workers - Progressive web apps (PWAs)
it's the only piece of service worker code that sits inside the app.js file; everything else that is service worker-specific is written in the sw.js file itself.
... installation the api allows us to add event listeners for key events we are interested in — the first one is the install event: self.addeventlistener('install', (e) => { console.log('[service worker] install'); }); in the install listener, we can initialize the cache and add files to it for offline use.
... var gamesimages = []; for(var i=0; i<games.length; i++) { gamesimages.push('data/img/'+games[i].slug+'.jpg'); } var contenttocache = appshellfiles.concat(gamesimages); then we can manage the install event itself: self.addeventlistener('install', (e) => { console.log('[service worker] install'); e.waituntil( caches.open(cachename).then((cache) => { console.log('[service worker] caching all: app shell and content'); return cache.addall(contenttocache); }) ); }); there are two things that need an explanation here: what extendableevent.waituntil does, and what the caches objec...
...And 4 more matches

tabs - Archive of obsolete content
tabs.on('ready', function(tab) { console.log('tab is loaded', tab.title, tab.url); }); access tabs the module itself can be used as a list of all opened tabs across all windows.
...tabs"); tabs.on('activate', function(tab) { tab.url = "http://www.example.com"; }); run scripts in a tab you can attach a content script to the page hosted in a tab, and use that to access and manipulate the page's content (see the modifying the page hosted by a tab tutorial): var tabs = require("sdk/tabs"); tabs.on('activate', function(tab) { var worker = tab.attach({ contentscript: 'self.port.emit("html", document.body.innerhtml);' }); worker.port.on("html", function(message) { console.log(message) }) }); note that tab.attach is tab-centric: if the user navigates to a new page in the same tab, then the worker and content scripts will be reattached to the new page.
... tabs hosted by private browser windows won't be seen if you enumerate the tabs module itself, and you won't receive any events for them.
...And 3 more matches

Anonymous Content - Archive of obsolete content
the xbl:text value cannot occur by itself in the list.
... whenever events flow from an anonymous element in a bound element's scope to the bound element itself, one of two actions occurs.
...as this event flows across scopes, it is retargeted to be a focus event on the file control itself.
...And 3 more matches

Building accessible custom components in XUL - Archive of obsolete content
(the firefox interface itself is built in xul, as well as the graphical interface presented by firefox extensions.) xul itself has a much richer set of built-in controls than html.
...the role attribute itself is in the xhtml 2 namespace.
...we need to set the containing grid to be focusable, which will put the spreadsheet itself in the tab order.
...And 3 more matches

The Implementation of the Application Object Model - Archive of obsolete content
the second section describes the xul/rdf architecture itself and outlines enhancements to the xul language in order to allow the markup language to reference local data and to indicate how and when it would like to be annotatable with local data.
...where html describes the contents of a single document, xul describes the contents of an entire window (which could itself contain multiple html documents).
...the data itself can be fed in from any number of different sources (e.g., from a local file system, from your bookmarks file, or from some remote downloadable rdf file), and can then be combined into a single graph.
...And 3 more matches

XUL Event Propagation - Archive of obsolete content
very often, the event raised by the element is heard by the element itself and handled right there before it bubbles up any higher.
...where event bubbling propagates an event from its target up higher into the node hiearchy, event capturing intercepts an event before it is received by other elements, even by the event target itself.
...in the example above, when the menuitem raises the "command" event, indicating that it has been selected, the menupopup, the menu itself, the parent box, or the root window element itself can all take advantage of this.
...And 3 more matches

Introduction to SSL - Archive of obsolete content
it uses tcp/ip on behalf of the higher-level protocols, and in the process allows an ssl-enabled server to authenticate itself to an ssl-enabled client, allows the client to authenticate itself to the server, and allows both machines to establish an encrypted connection.
...the handshake allows the server to authenticate itself to the client using public-key techniques, then allows the client and the server to cooperate in the creation of symmetric keys used for rapid encryption, decryption, and tamper detection during the session that follows.
... optionally, the handshake also allows the client to authenticate itself to the server.
...And 3 more matches

JS::PersistentRooted
they are registered with the jsruntime itself, without locking, so they require a full jscontext to be initialized, not one of its more restricted superclasses.
...it's up to the implementor of the type containing heap<t> or tenuredheap<t> members to make sure their referents get marked when the object itself is marked.
... before spidermonkey 38, persistentrooted<t> itself cannot be a global variable, but from spidermonkey38, it can be declared as a global variable, and initialized later with init() method (bug 1107639).
...And 3 more matches

JS_PSGS
#define js_self_hosted_get(name, gettername, flags) ...
... // added in spidermonkey 31 #define js_self_hosted_getset(name, gettername, settername, flags) ...
... gettername const char * the function's name in self-hosted javascript code for getter function.
...And 3 more matches

Building the WebLock UI
it uses xul, which is an xml language that gecko knows how to render as user interface, but it also interacts with particular parts of the mozilla user interface, where it must install itself as an extension to the ui.
...in this tutorial, focusing as it is on the weblock functionality (rather than the ui), we'll assume the strings we get from the ui itself are urls we actually want to write to the white list: function addthissite() { var tf = document.getelementbyid("dialog.input"); // weblock is global and declared above weblock.addsite(tf.value); } this javascript function can be called directly from the xul widget, where the input string is retrieved as the value property of the textbox element.
... you also need to create the function that displays the weblock window itself when the user clicks the weblock icon in the statusbar.
...And 3 more matches

nsIWebProgressListener
method overview void onlocationchange(in nsiwebprogress awebprogress, in nsirequest arequest, in nsiuri alocation, [optional] in unsigned long aflags); void onprogresschange(in nsiwebprogress awebprogress, in nsirequest arequest, in long acurselfprogress, in long amaxselfprogress, in long acurtotalprogress, in long amaxtotalprogress); void onsecuritychange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astate); void onstatechange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astateflags, in nsresult astatus); void onstatuschange(in nsiwebprogress awebprogress,...
... void onprogresschange( in nsiwebprogress awebprogress, in nsirequest arequest, in long acurselfprogress, in long amaxselfprogress, in long acurtotalprogress, in long amaxtotalprogress ); parameters awebprogress the nsiwebprogress instance that fired the notification.
... acurselfprogress the current progress for arequest.
...And 3 more matches

WebIDL bindings
(this allows the return value to be implicitly converted to a parentobject instance by the compiler via one of that class's non-explicit constructors.) if many instances of myinterface are expected to be created quicky, the return value of getparentobject should itself inherit from nswrappercache for optimal performance.
...optional arguments which do have a default value are just represented by the argument type itself, set to the default value if the argument was not in fact passed in.
...if it's implemented by an object with a property whose name matches the operation, the object itself is always used as this.
...And 3 more matches

Signaling and video calling - Web APIs
first we need the signaling server itself.
...they still don't know how to transmit the media data itself though.
... each ice message suggests a communication protocol (tcp or udp), ip address, port number, connection type (for example, whether the specified ip is the peer itself or a relay server), along with other information needed to link the two computers together.
...And 3 more matches

Rendering and the WebXR frame animation callback - Web APIs
this happens when the amount of time it takes to render a frame exceeds the time available between frames, whether because rendering was delayed or because rendering itself took more time than was available.
...not only that, but if your renderer itself runs longer than that amount of time, you can cause not just the frame to get dropped, but that time to be wasted entirely, blocking other code from getting to run at all for that frame.
...you need to make sure that the main thread doesn't need to run for more time per frame than the duration of the frame itself.
...And 3 more matches

Box alignment in Flexbox - CSS: Cascading Style Sheets
the first item overrides the align-items values set on the group by setting align-self to center.
...therefore it is easiest to think about the main and cross axis when working in flexbox like so: the main axis = direction set by flex-direction = alignment via justify-content the cross axis = runs across the main axis = alignment via align-content, align-self/align-items main axis alignment justify-content cross axis alignment align-self align-items align-content there is no justify-self in flexbox on the main axis, flexbox deals with our content as a group.
... this means that a justify-self property does not make sense in flexbox as we are always dealing with moving the entire group of items around.
...And 3 more matches

Relationship of grid layout to other layout methods - CSS: Cascading Style Sheets
: 5px; background-color: #fff4e6; } .wrapper > div { border: 2px solid #ffa94d; border-radius: 5px; background-color: #ffd8a8; padding: 1em; color: #d9480f; } <div class="wrapper"> <div>one</div> <div>two</div> <div>three</div> <div>four</div> <div>five</div> </div> .wrapper { display: grid; grid-template-columns: repeat(3, 1fr); } a simple question to ask yourself when deciding between grid or flexbox is: do i only need to control the layout by row or column – use a flexbox do i need to control the layout by row and column – use a grid content out or layout in?
... if you are using flexbox and find yourself disabling some of the flexibility, you probably need to use css grid layout.
...i have also set the align-self property on box1 so it will override the default and stretch to the height of the container and on box2 so it aligns to the start of the flex container.
...And 3 more matches

<input type="image"> - HTML: Hypertext Markup Language
in addition to the actual names of tabs, windows, or inline frames, there are a few special keywords that can be used: _self loads the response into the same browsing context as the one that contains the form.
...if there is no parent context, this behaves the same as _self.
...if the current context is the topmost context, this behaves the same as _self.
...And 3 more matches

Feature-Policy: fullscreen - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
...And 3 more matches

Feature-Policy: geolocation - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
...And 3 more matches

Communicating With Other Scripts - Archive of obsolete content
content scripts content scripts loaded into the same document at the same time using the same method can interact with each other directly as well as with the web content itself.
... in the main add-on code, we have a page-mod that attaches the content script "talk.js" to the right page: var data = require("sdk/self").data; var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "http://my-domain.org/listen.html", contentscriptfile: data.url("talk.js") }); the "talk.js" content script uses window.postmessage() to send the message to the page: // content-script (talk.js) window.postmessage("message from content script", "http://my-domain.org/"); the second argument may be '*' which will al...
... here "main.js" creates a page-mod that attaches "listen.js" to the web page: var data = require("sdk/self").data; var pagemod = require("sdk/page-mod"); pagemod.pagemod({ include: "http://my-domain.org/talk.html", contentscriptfile: data.url("listen.js") }); the web page "talk.html" embeds a script that uses window.postmessage() to send the content script a message when the user clicks a button: <!doctype html> <html> <head></head> <body> <script> function sendmessage() { ...
...And 2 more matches

Cross-domain Content Scripts - Archive of obsolete content
in particular, they can't: access content hosted in an iframe, if that content is served from a different domain make cross-domain xmlhttprequests however, you can enable these features for specific domains by adding them to your add-on's package.json under the "cross-domain-content" key, which itself lives under the "permissions" key: "permissions": { "cross-domain-content": ["http://example.org/", "http://example.com/"] } the domains listed must include the scheme and fully qualified domain name, and these must exactly match the domains serving the content - so in the example above, the content script will not be allowed to access content served from https://example.com/.
... //main.js var data = require("sdk/self").data; var pageworker = require("sdk/page-worker").page({ contenturl: data.url("page.html"), contentscriptfile: data.url("page-script.js") }); pageworker.on("message", function(message) { console.log(message); }); the "page.html" file embeds an iframe whose content is served from "http://en.m.wikipedia.org/": <!doctype html> <!-- page.html --> <html> <head></head> ...
... <body> <iframe id="wikipedia" src="http://en.m.wikipedia.org/"></iframe> </body> </html> the "page-script.js" file locates "today's featured article" and sends its content to "main.js": // page-script.js var iframe = window.document.getelementbyid("wikipedia"); var todaysfeaturedarticle = iframe.contentwindow.document.getelementbyid("mp-tfa"); self.postmessage(todaysfeaturedarticle.textcontent); for this to work, we need to add the "cross-domain-content" key to "package.json": "permissions": { "cross-domain-content": ["http://en.m.wikipedia.org/"] } the add-on should successfully retrieve the iframe's content.
...And 2 more matches

Communicating using "postMessage" - Archive of obsolete content
handling message events in the content script to send a message from a content script, you use the postmessage function of the global self object: self.postmessage(contentscriptmessage); this takes a single parameter, the message payload, which may be any json-serializable value.
... to receive a message from the add-on script, use self's on function: self.on("message", function(addonmessage) { // handle the message }); like all event-registration functions, this takes two parameters: the name of the event, and the handler function.
... property as an argument to the constructor: panel = require("sdk/panel").panel({ onmessage: function(contentscriptmessage) { // handle message from the content script } }); message events versus user-defined events you can use message events as an alternative to user-defined events: var pagemodscript = "window.addeventlistener('mouseover', function(event) {" + " self.postmessage(event.target.tostring());" + "}, false);"; var pagemod = require('sdk/page-mod').pagemod({ include: ['*'], contentscript: pagemodscript, onattach: function(worker) { worker.on('message', function(message) { console.log('mouseover: ' + message); }); } }); the reason to prefer user-defined events is that as soon as you need to send more than ...
...And 2 more matches

Classes and Inheritance - Archive of obsolete content
when javascript looks for a property, it first looks for it in the object itself.
... circle.prototype = object.create(shape.prototype); now when javascript looks for the method draw on an instance of circle, it first looks for it on the object itself.
...if the extends property is omitted, class itself is used as the base class: var shape = new shape(2, 3); shape instanceof shape; // => true shape instanceof class; // => true to illustrate the use of the extends property, let's redefine the constructor for the class circle in terms of class: var circle = class({ extends: shape, initialize: function(x, y, radius) { shape.prototype.initialize.call(this, x, y); this.rad...
...And 2 more matches

ui/button/toggle - Archive of obsolete content
attaching panels to buttons you can attach panels to buttons by passing the button as the position option to the panel's show() method or the panel's constructor: var { togglebutton } = require('sdk/ui/button/toggle'); var panels = require("sdk/panel"); var self = require("sdk/self"); var button = togglebutton({ id: "my-button", label: "my button", icon: { "16": "./icon-16.png", "32": "./icon-32.png", "64": "./icon-64.png" }, onchange: handlechange }); var panel = panels.panel({ contenturl: self.data.url("panel.html"), onhide: handlehide }); function handlechange(state) { if (state.checked) { panel.show({ position...
... here's an add-on with a button that disables itself when you click it, but only for the currently active window: var { togglebutton } = require("sdk/ui/button/toggle"); var button = togglebutton({ id: "my-button", label: "my button", icon: { "16": "./firefox-16.png", "32": "./firefox-32.png" }, onclick: disableforthiswindow }); function disableforthiswindow(state) { button.state("window", { disabled: true...
...you can specify this in one of three ways: as a resource:// url pointing at an icon file in your add-on's "data" directory, typically constructed using self.data.url(iconfile) as a relative path: a string in the form "./iconfile", where "iconfile" is a relative path to the icon file beginning in your add-on's "data" directory as an object, or dictionary of key-value pairs.
...And 2 more matches

Modifying the Page Hosted by a Tab - Archive of obsolete content
for example, if we save the script above under the add-on's data directory in a file called my-script.js: var self = require("sdk/self"); var button = require("sdk/ui/button/action").actionbutton({ id: "style-tab", label: "style tab", icon: "./icon-16.png", onclick: function() { require("sdk/tabs").activetab.attach({ contentscriptfile: self.data.url("my-script.js") }); } }); you can load more than one script, and the scripts can interact directly with each other.
... // index.js var self = require("sdk/self"); var tabs = require("sdk/tabs"); require("sdk/ui/button/action").actionbutton({ id: "load-several", label: "load several scripts", icon: "./icon-16.png", onclick: function () { tabs.activetab.attach({ contentscriptfile: [self.data.url('first.js'), self.data.url('second.js')] }); } }); communicating with the content scripts...
... in the content script, port is a property of the global self object.
...And 2 more matches

XPCOM Objects - Archive of obsolete content
the second one will hold the length of the return array, and the third parameter will hold the array itself.
... the implementation object itself should be easy to understand.
... var countermodule = { // registerself, unregisterself, getclassobject, canunload }; the only thing you may need to change here is when you need to use the category manager.
...And 2 more matches

Notes on HTML Reflow - Archive of obsolete content
a frame requests a incremental reflow (or one is requested on a frame's behalf) when something about the frame itself has changed.
...a frame that decides it needs a dirty reflow sets the ns_frame_is_dirty state bit on itself, and then calls the reflowdirtychild method on its parent frame.
... in reflowdirtychild, the parent frame sets the ns_frame_has_dirty_child state bit on itself, and does any bookkeeping necessary to remember which child is dirty (for example, the block frame marks the linebox dirty that contains the child frame).
...And 2 more matches

Modularization techniques - Archive of obsolete content
if a call to release() causes the reference count to hit zero, the object will generally free itself.
...we rely on the factory registering itself somehow.
... a dll can export two additional functions for self registration and unregistration.
...And 2 more matches

Skinning XUL Files by Hand - Archive of obsolete content
reading the global skin it's very important to familiarize yourself with the basic style definitions in the global skin before you set out creating your own stylesheet.
... stylesheet syntax to familiarize yourself with the global skin, open up the text file called global.css in the chrome/classic.jar!/skin/classic/global directory of the mozilla application.
... browse through the global skin to familiarize yourself with what's there.
...And 2 more matches

NPN_GetURL - Archive of obsolete content
_self or _current: load the link into the same window the plug-in instance occupies.
...if the plug-in instance's document has no parent, the default is _self.
...the default is _self, if the plug-in instance's document is already at the top.
...And 2 more matches

Browser Detection and Cross Browser Support - Archive of obsolete content
html itself was not standardized until html 2.0 was introduced in late 1995 and it did not even include tables.
...web authors were no longer limited to detecting browsers on their web servers, but could now execute scripts client side (in the browser itself) which could be used to distinguish browsers.
... function moveelement(id, x, y) { // move the element with id to x,y // where x,y are the horizontal // and vertical position in pixels var elm = document.getelementbyid(id); if (elm) { elm.style.left = x + 'px'; elm.style.top = y + 'px'; } } ask yourself this: "is supporting non-standard browsers worth the development and maintenance costs?" example 3 - detecting specific gecko branches // return the rv value of a gecko user agent // as a floating point number.
...And 2 more matches

Examples - Archive of obsolete content
if you wish to test these examples by yourself, please read the important notes.
... important notes if you plan to test these examples by yourself, you must use the right filename extension (it is written at the beginning of the code).
... </p> <p> <a href="http://validator.w3.org/check/referer"><img src="https://udn.realityripple.com/samples/8a/9e64asf935.png" alt="valid xhtml 1.0!" height="31" width="88" /></a> </p> </body> </html> before testing this example by yourself, please read this.
...And 2 more matches

Introduction to events - Learn web development
note: it doesn't work if you try to register this event handler on the button itself — we've had to register it on the window object, which represents the entire browser window.
... here you can see we are including an event object, e, in the function, and in the function setting a background color style on e.target — which is the button itself.
...it's always good to be consistent — with yourself, and with others if possible.
...And 2 more matches

Getting started with React - Learn web development
it does this through the use of components — self-contained, logical pieces of code that describe a portion of the user interface.
...when compiled (using a tool like babel or parcel), our header expression would look like this: const header = react.createelement("header", null, react.createelement("h1", null, "mozilla developer network") ); it's possible to skip the compilation step and use react.createelement() to write your ui yourself.
...you don't have to configure compilation yourself unless you want to.
...And 2 more matches

Listening to events on all tabs
removing a listener to remove a previously installed progress listener, call removetabsprogresslistener(): gbrowser.removetabsprogresslistener(myprogresslistener); implementing a listener the listener object itself has five methods it can implement to handle various events: onlocationchange called when the uri of the document displayed in the tab changes.
...void onprogresschange( nsidomxulelement abrowser, nsiwebprogress awebprogress, nsirequest arequest, print32 acurselfprogress, print32 amaxselfprogress, print32 acurtotalprogress, print32 amaxtotalprogress ); parameters abrowser the browser representing the tab for which updated progress information is being provided.
... acurselfprogress the current progress for the request indicated by the request parameter.
...And 2 more matches

mach
mach itself is python 3 compliant, but modules used by mach likely are not python 3 compliant - so stick to python 2.7.
...however, most commands aren't part of mach itself.
...here is a minimal mach command module: from __future__ import print_function, unicode_literals from mach.decorators import ( commandargument, commandprovider, command, ) @commandprovider class machcommands(object): @command('doit', description='run it!') @commandargument('--debug', '-d', action='store_true', help='do it in debug mode.') def doit(self, debug=false): print('i did it!') from mach.decorators we import some python decorators which are used to define what python code corresponds to mach commands.
...And 2 more matches

Displaying Places information using views
when a view's underlying data changes, the view will automatically update itself so that it displays the new data.
...once notified, the view is responsible for updating itself.
... you therefore have four points of interaction with the built-in places tree view: the convenience methods and properties implemented directly on the view itself, the nsiplacesview interface of the view itself, the nsinavhistoryresulttreeviewer interface of the view's view, and the nsitreeview interface of the view's view.
...And 2 more matches

sslfnc.html
ssl_request_certificate is a server option that requests a client to authenticate itself.
... ssl_require_certificate is a server option that requires a client to authenticate itself (only if ssl_request_certificate is also on).
... ssl_request_certificate is a server option that requests a client to authenticate itself.
...And 2 more matches

ssltyp.html
to free a structure pointed to by a secitem, and, if desired, the secitem structure itself, use one the functions secitem_freeitem or secitem_zfreeitem.
...otherwise, free both the structure pointed to and the secitem structure itself.
...when freeitem is not pr_false, also frees the item structure itself.
...And 2 more matches

Shell global objects
if omitted, attach no source map url to the code (although the code may provide one itself, via a //#sourcemappingurl comment).
... functions available only if enable_intl_api is defined addintlextras(obj) adds various not-yet-standardized intl functions as properties on the provided object (this should generally be intl itself).
... getselfhostedvalue() get a self-hosted value by its name.
...And 2 more matches

Component Internals
the illustration below shows the basic relationship between the shared library containing the component implementation code you write and the xpcom framework itself.
...the largest and possibly most complex part of a component is the code specific to the component itself.
...the sequence of events that kicks off this xpcom initialization may be triggered by user action or by the application startup itself.
...And 2 more matches

Mozilla internal string guide
nsautostring / nsautocstring- derived from nsstring, a string which owns a 64 code unit buffer in the same storage space as the string itself.
... mozilla::bulkwritehandle<t> autoconverts to a writable mozilla::span<t> and also provides explicit access to itself as span (asspan()) or via component accessors named consistently with those on span: elements() and length() the latter is not the logical length of the string but the writable length of the buffer.
...see unicode conversion for more details and for better ways that don't require you to manage the memory yourself.
...And 2 more matches

nsIDownloadProgressListener
method overview void ondownloadstatechange(in short astate, in nsidownload adownload); void onlocationchange(in nsiwebprogress awebprogress, in nsirequest arequest, in nsiuri alocation, in nsidownload adownload); obsolete since gecko 1.9.1 void onprogresschange(in nsiwebprogress awebprogress, in nsirequest arequest, in long long acurselfprogress, in long long amaxselfprogress, in long long acurtotalprogress, in long long amaxtotalprogress, in nsidownload adownload); void onsecuritychange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astate, in nsidownload adownload); void onstatechange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astateflags, in nsresult ast...
... void onprogresschange( in nsiwebprogress awebprogress, in nsirequest arequest, in long long acurselfprogress, in long long amaxselfprogress, in long long acurtotalprogress, in long long amaxtotalprogress, in nsidownload adownload ); parameters awebprogress the nsiwebprogress instance used by the download manager to monitor downloads.
... acurselfprogress the current amount of progress that's been made on the download specified by adownload.
...And 2 more matches

nsIModule
inherits from: nsisupports last changed in gecko 0.9.9 method overview boolean canunload(in nsicomponentmanager acompmgr); void getclassobject(in nsicomponentmanager acompmgr, in nscidref aclass, in nsiidref aiid, [retval, iid_is(aiid)] out nsqiresult aresult); void registerself(in nsicomponentmanager acompmgr, in nsifile alocation, in string aloaderstr, in string atype); void unregisterself(in nsicomponentmanager acompmgr, in nsifile alocation, in string aloaderstr); methods canunload() this method may be queried to determine whether or not the component module can be unloaded by xpcom.
... registerself() when the nsimodule is discovered, this method will be called so that any setup registration can be preformed.
... void registerself( in nsicomponentmanager acompmgr, in nsifile alocation, in string aloaderstr, in string atype ); parameters acompmgr the global component manager.
...And 2 more matches

MailNews fakeserver
it is comprised of three major components: a daemon, a handler, and the server itself.
... the server itself is found in mailnews/test/fakeserver/maild.js and was largely based off of the httpd fakeserver from network code.
...i tend to like using 1024 + default port number myself.
...And 2 more matches

Mozilla
this may be because of a code error within firefox itself, such as a deadlock or infinite loop, or it may be caused by 3rd-party software such as a firefox extension, antivirus software, or even malware or a virus on your computer.
...for example, a module could be used by firefox itself as well as by extensions, in order to avoid code duplication.
...all the methods that are supposed to show up on this jsobject are actually not properties of the object itself, but rather properties of the prototype of the jsobject for the wrapper (unless the c++ object's class info has the flag nsixpcscriptable::dont_share_prototype set, but lets assume that's not the case here).
...And 2 more matches

Debugger-API - Firefox Developer Tools
the debugger api cannot currently observe self-hosted javascript.
... this is not inherent in the api’s design, but simply that the self-hosting infrastructure isn’t prepared for the kind of invasions the debugger api can perform.
... the debugger instance itself is not really a shadow of anything in the debuggee; rather, it maintains the set of global objects which are to be considered debuggees.
...And 2 more matches

Allocations - Firefox Developer Tools
it includes the following columns: self count: the number of allocation-samples that were taken in this function (also shown as a percentage of the total) self bytes: the total number of bytes allocated in the allocation-samples in this function (also shown as a percentage of the total) rows are sorted by the "self bytes" column.
... self cost and total cost you'll see that there are separate sets of columns for "self" and for "total".
... "self" records samples taken only in this function.
...And 2 more matches

EventTarget.addEventListener() - Web APIs
see the event listener callback for details on the callback itself.
...this parameter is useful for code found in add-ons, as well as the browser itself.
... the callback function itself has the same parameters and return value as the handleevent() method; that is, the callback accepts a single parameter: an object based on event describing the event that has occurred, and it returns nothing.
...And 2 more matches

SVGPathSegList - Web APIs
the inserted item is the item itself and not a copy.
...the returned item is the item itself and not a copy.
...the inserted item is the item itself and not a copy.
...And 2 more matches

Content Security Policy (CSP) - HTTP
(sometimes you may see mentions of the x-content-security-policy header, but that's an older version and you don't need to specify it anymore.) alternatively, the <meta> element can be used to configure a policy, for example: <meta http-equiv="content-security-policy" content="default-src 'self'; img-src https://*; child-src 'none';"> threats mitigating cross site scripting a primary goal of csp is to mitigate and report xss attacks.
... example 1 a web site administrator wants all content to come from the site's own origin (this excludes subdomains.) content-security-policy: default-src 'self' example 2 a web site administrator wants to allow content from a trusted domain and all its subdomains (it doesn't have to be the same domain that the csp is set on.) content-security-policy: default-src 'self' *.trusted.com example 3 a web site administrator wants to allow users of a web application to include images from any origin in their own content, but to restrict audio or video medi...
... content-security-policy: default-src 'self'; img-src *; media-src media1.com media2.com; script-src userscripts.example.com here, by default, content is only permitted from the document's origin, with the following exceptions: images may load from anywhere (note the "*" wildcard).
...And 2 more matches

Feature-Policy: usb - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
...And 2 more matches

globalThis - JavaScript
on the web you can use window, self, or frames - but in web workers only self will work.
... the globalthis property provides a standard way of accessing the global this value (and hence the global object itself) across environments.
... unlike similar properties such as window and self, it's guaranteed to work in window and non-window contexts.
...And 2 more matches

target - SVG: Scalable Vector Graphics
(x)html iframe or object element) into which a document is to be opened when the link is activated: only one element is using this attribute: <a> html, body, svg { height: 100%; } text { font: 20px arial, helvetica, sans-serif; fill: blue; text-decoration: underline; } <svg viewbox="0 0 300 120" xmlns="http://www.w3.org/2000/svg"> <a href="https://developer.mozilla.org" target="_self"> <text x="0" y="20">open link within iframe</text> </a> <a href="https://developer.mozilla.org" target="_blank"> <text x="0" y="60">open link in new tab or window</text> </a> <a href="https://developer.mozilla.org" target="_top"> <text x="0" y="100">open link in this tab or window</text> </a> </svg> usage notes value _self | _parent | _top | _blank | <xml-n...
...ame> default value _self animatable yes _replace the current svg image is replaced by the linked content in the same rectangular area in the same frame as the current svg image.
... note: this value was never well implemented, and the distinction between _replace and _self has been made redundant by changes in the html definition of browsing contexts.
...And 2 more matches

Loading Content Scripts - Archive of obsolete content
the constructors for content-script-using objects such as panel and page-mod define a group of options for loading content scripts: contentscript string, array contentscriptfile string, array contentscriptwhen string contentscriptoptions object we have already seen the contentscript option, which enables you to pass in the text of the script itself as a string literal.
...to supply the file "my-content-script.js", located in the /data subdirectory under your add-on's root directory, use a line like: // "data" is supplied by the "self" module var data = require("sdk/self").data; ...
... contentscriptfile: data.url("my-content-script.js") both contentscript and contentscriptfile accept an array of strings, so you can load multiple scripts, which can also interact directly with each other in the content process: // "data" is supplied by the "self" module var data = require("sdk/self").data; ...
... the contentscriptoptions is a json that is exposed to content scripts as a read only value under self.options property.

Modules - Archive of obsolete content
a module is a self-contained unit of code, which is usually stored in a file, and has a well defined interface.
...rewriting the loadscript function using sandboxes, we end up with: function loadscript(url, imports) { let global = components.utils.sandbox(url); global.imports = imports; global.exports = {}; loader.loadsubscript(url, global); return global.exports; } note that the object returned by sandbox is a wrapper to the sandbox, not the sandbox itself.
...a commonjs module defines three global variables: require, which is a function that behaves like loadscript in our examples, exports, which behaves like the exports object, and module, which is an object representing the module itself.
...the module system is implemented using a loader object, which is actually provided as a module itself.

ui/button/action - Archive of obsolete content
here's an add-on with a button that disables itself when you click it, but only for the currently active window: var { actionbutton } = require("sdk/ui/button/action"); var button = actionbutton({ id: "my-button", label: "my button", icon: { "16": "./firefox-16.png", "32": "./firefox-32.png" }, onclick: disableforthiswindow }); function disableforthiswindow(state) { button.state("window", { disabled: true...
...you can specify this in one of three ways: as a resource:// url pointing at an icon file in your add-on's "data" directory, typically constructed using self.data.url(iconfile) as a relative path: a string in the form "./iconfile", where "iconfile" is a relative path to the icon file beginning in your add-on's "data" directory as an object, or dictionary of key-value pairs.
... var { actionbutton } = require('sdk/ui/button/action'); var self = require("sdk/self"); var button1 = actionbutton({ id: "my-button1", label: "my button1", icon: self.data.url("firefox-16.png") }); var button2 = actionbutton({ id: "my-button2", label: "my button2", icon: "./firefox-16.png" }); var button3 = actionbutton({ id: "my-button3", label: "my button3", icon: { "16" : "./firefox-16.png", "32" : "./f...
...first tab's label -> "window-specific label" console.log(button.state(tabs[0]).label); // access the second tab's label -> "tab-specific label" console.log(button.state(tabs[1]).label); // reset the tab-specific state button.state(tab, null); // access the second tab's label -> "window-specific label" console.log(button.state(tabs[1]).label); } finally, you can pass the button itself into state().

ui/frame - Archive of obsolete content
so there are three cases to consider: sending messages from a frame script to the main add-on code sending messages from the main add-on code to all instances of a frame, across all browser windows sending messages from the main add-on code to a single instance of a frame, attached to a specific browser window in all cases, postmessage() takes two arguments: the message itself and a targetorigin.
...this takes two arguments, the message itself and a target origin.
...to do this, you call postmessage() not on the frame itself but on the source attribute of the object passed into an event listener.
...you can specify the url in one of two ways: as a resource:// url pointing at a file under your add-on's "data" directory, typically constructed using self.data.url(filename) as a relative path: a string in the form "./relativepath", where "relativepath" is a relative path to the file beginning in your add-on's "data" directory var { frame } = require("sdk/ui/frame"); var self = require("sdk/self"); var frame1 = new frame({ url: require("sdk/self").data.url("content1.html") }); var frame2 = new frame({ url: "./content2.html" });...

package.json - Archive of obsolete content
others, such as lib, permissions, and preferences, represent instructions to the jpm tool itself to generate and include particular code and data structures in your add-on.
... see supporting updates for self-hosted add-ons.
... see supporting updates for self-hosted add-ons.
... see supporting updates for self-hosted add-ons.

Creating annotations - Archive of obsolete content
we'll use two objects to create annotations: a page-mod to find page elements that the user can annotate, and a panel for the user to enter the annotation text itself.
...it is initially off: var matchedelement = null; var originalbgcolor = null; var active = false; function resetmatchedelement() { if (matchedelement) { (matchedelement).css('background-color', originalbgcolor); (matchedelement).unbind('click.annotator'); } } self.on('message', function onmessage(activation) { active = activation; if (!active) { resetmatchedelement(); } }); this selector listens for occurrences of the jquery mouseenter event.
...!active || $(this).hasclass('annotated')) { return; } resetmatchedelement(); ancestor = $(this).closest("[id]"); matchedelement = $(this).first(); originalbgcolor = $(matchedelement).css('background-color'); $(matchedelement).css('background-color', 'yellow'); $(matchedelement).bind('click.annotator', function(event) { event.stoppropagation(); event.preventdefault(); self.port.emit('show', [ document.location.tostring(), $(ancestor).attr("id"), $(matchedelement).text() ] ); }); }); conversely, the add-on resets the matched element on mouseout: $('*').mouseout(function() { resetmatchedelement(); }); save this code in a new file called selector.js in your add-on's data directory.
... here's the code: var textarea = document.getelementbyid('annotation-box'); textarea.onkeyup = function(event) { if (event.keycode == 13) { self.postmessage(textarea.value); textarea.value = ''; } }; self.on('message', function() { var textarea = document.getelementbyid('annotation-box'); textarea.value = ''; textarea.focus(); }); save this inside data/editor as annotation-editor.js.

Creating reusable content with CSS and XBL - Archive of obsolete content
information: xbl bindings the structure provided by markup languages and css is not ideal for complex applications where parts need to be self-contained and reusable.
...you can use xbl to link selected elements to their own: stylesheets content properties and methods event handlers because you avoid linking everything at the document level, you can make self-contained parts that are easy to maintain and reuse.
...so the binding is self-contained.
...in this demonstration, the square and the button make a self-contained widget that functions within an html document.

MMgc - Archive of obsolete content
it represents a full, self-contained instance of the garbage collector.
...}; class myothermanagedgcobject : public mmgc::gcobject { drcwb(myobject*) myobject; }; class myothermanagedrcobject : public mmgc::rcobject { drcwb(myobject*) myobject; }; the rcobject must zero itself out on deletion.
...finalizers may not perform any of the following actions: fire any write barriers dereference a pointer to any gc object, including member variables (except see below about rcobject references) allocate any gc memory (gc::alloc), explicitly free gc memory (gc::free) change the set of gc roots (create a gcroot object or derivative) cause itself to become reachable if a finalized object holds a reference to an rcobject, it may safely call decrementref on the rcobject.
...thus the queue itself is a perfect way to maintain marking state between marking increments.

JavaScript Client API - Archive of obsolete content
the store must also make updates to the underlying data itself based on incoming record objects.
...that doesn't mean just whatever caches of the data the store happens to be maintaining; it means the underlying data itself.
... function footracker(name) { tracker.call(this, name); // register yourself as event listener or observer for whatever // you want to track.
...it's a bit smarter to have // yourself notified when to start and stop tracking therefore: svc.obs.add("weave:engine:start-tracking", this); svc.obs.add("weave:engine:stop-tracking", this); } footracker.prototype = { __proto__: tracker.prototype, _enabled: false, observe: function observe(subject, topic, data) { switch (topic) { case "weave:engine:start-tracking": if (!this._enabled) { // register event handler or observer here ...

XPJS Components Proposal - Archive of obsolete content
just as with native component modules each of these .js files will be expected to have the functions: nsregisterself nsgetfactory nsunregisterself (optional) nscanunload (optional) each .js file might implement one or more components.
... when a xpjs component module is first installed - or at autoregistration time - the xpjsmanager will load the .js file into a fresh js environment, let its top level script run to do whatever initialization it wants to do, and then it will call the module's nsregisterself function (passing the filespec of the .js file).
... at this point the module will use the (new) methods on the components object to register itself with the component manager as a factory module for one or more classid or progid.
...if the xpjsmanager is asked to trim itself back (by whatever means) it will call the nscanunload method (if present) on each module.

XUL Parser in Python - Archive of obsolete content
the script writes out all the attributes and none of the values, but the parser itself is seeing the elements, their attributes, and the values of those attributes, and you just have to ask for them if you want them.
...note also that i wrote the build number into the header myself, and haven't figured out yet how to get that written automatically.
...the parser provides the tag name itself as a string and the attributes and their values in a dictionary, "a".
...extending on the approach in this script, then, you could imagine a kind of introspective xul chrome that could modify and replicate itself by calling services from the xulparser and xulwriter xpcom objects.

Anatomy of a video game - Game development
your game loop might be similar to the find the differences example and base itself on input events.
...this function does some work and also tells the browser to call itself next frame with window.requestanimationframe().
...because main() is called once in the second statement and every call of it places itself in the queue of things to do next frame, main() is synchronized to your framerate.
...obviously, cleaning up resources is not time sensitive (especially if tidying is more disruptive than the garbage itself).

Game monetization - Game development
the word itself acquired negative connotations after big companies focused on creating games, the main purpose of which was to get as much money from the players as possible instead of delivering a fun experience.
...a totally new set of levels with new characters, weapons and story is a good material for dlc, but to have enough sales the game itself has to be popular, or else there won't be any players interested in spending their hard earned money on it.
... advertisements instead of actively selling the games you can also try to get yourself a passive income — showing adverts and relying on previous activities related to promoting your game may benefit, but your game has to be addictive, which isn't as easy as it sounds.
... branding you can sell rights to use your game for branding, or do it yourself.

Accessible multimedia - Learn web development
creating custom audio and video controls html5 video and audio share an api — html media element — which allows you to map custom functionality to buttons and other controls — both of which you define yourself.
... to each of the controls — add the following to the top of your javascript file: const playpausebtn = document.queryselector('.playpause'); const stopbtn = document.queryselector('.stop'); const rwdbtn = document.queryselector('.rwd'); const fwdbtn = document.queryselector('.fwd'); const timelabel = document.queryselector('.time'); next, we need to grab a reference to the video/audio player itself — add this line below the previous lines: const player = document.queryselector('video'); this holds a reference to a htmlmediaelement object, which has several useful properties and methods available on it that can be used to wire up functionality to our buttons.
... community/grass roots/self transcription — if you are part of an active community or team in your workplace, then you could ask them for help with doing the translations.
... you could even have a go at doing them yourself.

Legacy layout methods - Learn web development
first, of all, apply the following to your html to provide some basic setup: body { width: 90%; max-width: 900px; margin: 0 auto; } the body will be 90% of the viewport wide until it gets to 900px wide, in which case it will stay fixed at this width and center itself in the viewport.
...try adjusting the width of your browser window to see for yourself.
...add the following to the bottom of your css: .offset-by-one { margin-left: calc(6.25% + (2.08333333%*2)); } or if you prefer to calculate the percentages yourself, use this one: .offset-by-one { margin-left: 10.41666666%; } you can now add this class to any container you want to leave a one column wide empty space on the left hand side of it.
...it’s exactly the same as if you did the work of calculating these percentages yourself.

Practical positioning examples - Learn web development
we'll also give you a bit of javascript to include on your page to display the corresponding panel when a tab is pressed, and style the tab itself.
... you won't need to understand the javascript itself at this stage, but you should think about learning some basic javascript as soon as possible — the more complex your ui features become, the more likely it is that you'll need some javascript to implement your desired functionality.
... here we are going to use these elements for a slightly different purpose — another useful side effect of <label> elements is that you can click a checkbox's label to check the checkbox, as well as just the checkbox itself.
... styling the panel now it's time to style the actual sliding panel itself.

What text editors are available? - Learn web development
that means, if you've set your heart on an obscure text editor, you may have to compile it from source yourself (not for the faint-hearted).
...that works great for writing notes to yourself, but when you're doing web development and writing in html, css, and javascript, you can produce some pretty large, complex files.
... make it easier on yourself by choosing a text editor that understands the technologies you're working with.
...save yourself the hassle of retyping all this by using a code snippet to pre-fill your document.

Sending form data - Learn web development
when you do this, the data is encrypted along with the rest of the request, even if the form itself is hosted on an insecure page accessed using http.
...') @app.route('/hello', methods=['get', 'post']) def hello(): return render_template('greeting.html', say=request.form['say'], to=request.form['to']) if __name__ == "__main__": app.run() the two templates referenced in the above code are as follows (these need to be in a subdirectory called templates in the same directory as the python-example.py file, if you try to run the example yourself): form.html: the same form as we saw above in the the post method section but with the action set to {{ url_for('hello') }}.
...but it's much easier than trying to write all the functionality yourself from scratch, and will save you a lot of time.
...the most important rule is: never ever trust your users, including yourself; even a trusted user could have been hijacked.

Advanced text formatting - Learn web development
turn "the need to eliminate negative self talk" in the third paragraph into an inline quote, and include a cite attribute.
... the citation sources you need are: http://www.brainyquote.com/quotes/authors/c/confucius.html for the confucius quote http://www.affirmationsforpositivethinking.com for "the need to eliminate negative self talk".
...as confucius' quotes site says:</p> <p>it does not matter how slowly you go as long as you do not stop.</p> <p>i also love the concept of positive thinking, and the need to eliminate negative self talk (as mentioned in affirmations for positive thinking.)</p> </textarea> <div class="playable-buttons"> <input id="reset" type="button" value="reset"> <input id="solution" type="button" value="show solution"> </div> html { font-family: sans-serif; } h2 { font-size: 16px; } .a11y-label { margin: 0; text-align: right; font-size: 0.7rem; width: 98%; } body { margin: 10px; ...
.../quotes/authors/c/confucius.html"><cite>confucius\' quotes site</cite></a> says:</p>\n\n<blockquote cite="http://www.brainyquote.com/quotes/authors/c/confucius.html">\n <p>it does not matter how slowly you go as long as you do not stop.</p>\n</blockquote>\n\n<p>i also love the concept of positive thinking, and <q cite="http://www.affirmationsforpositivethinking.com">the need to eliminate negative self talk</q> (as mentioned in <a href="http://www.affirmationsforpositivethinking.com"><cite>affirmations for positive thinking</cite></a>.)</p>'; const solutionentry = htmlsolution; textarea.addeventlistener('input', updatecode); window.addeventlistener('load', updatecode); // stop tab key tabbing out of textarea and // make it write a tab at the caret position instead textarea.onkeydown = functi...

Index - Learn web development
you may want to return to this lesson in the future if you ever find yourself confused about how big boxes are in your layout.
...see the article on legacy layout methods for information on how they used to be used, which may be useful if you find yourself working on older projects.
...this also marks the end of the introduction to html module learning articles — now you can go on to testing yourself with our assessments: the first one is linked below.
...while there is a long way to go before you can consider yourself a client-side tooling wizard, we are hoping that this module has given you that first important step towards understanding client-side tooling, and the confidence to learn more and try out new things.

Manipulating documents - Learn web development
this is a "tree structure" representation created by the browser that enables the html structure to be easily accessed by programming languages — for example the browser itself uses it to apply styling and other information to the correct elements as it renders a page, and developers like you can manipulate the dom with javascript after the page has been rendered.
... it is useful to familiarize yourself with this terminology before working with the dom, as a number of the code terms you'll come across make use of them.
...in our current case, we just use node.removechild(), like this: sect.removechild(linkpara); when you want to remove a node based only on a reference to itself, which is fairly common, you can use childnode.remove(): linkpara.remove(); this method is not supported in older browsers.
... they have no method to tell a node to remove itself, so you'd have to do the following.

Inheritance in JavaScript - Learn web development
getting started first of all, make yourself a local copy of our oojs-class-inheritance-start.html file (see it running live also).
...we have defined a new constructor, and it has a prototype property, which by default just contains an object with a reference to the constructor function itself.
...if you find yourself starting to create a number of objects that have similar features, then creating a generic object type to contain all the shared functionality and inheriting those features in more specialized object types can be convenient and useful.
...if you find yourself creating a bunch of related variables and functions and want to track them all together and package them neatly, an object is a good idea.

Object building practice - Learn web development
drawing the ball first add the following draw() method to the ball()'s prototype: ball.prototype.draw = function() { ctx.beginpath(); ctx.fillstyle = this.color; ctx.arc(this.x, this.y, this.size, 0, 2 * math.pi); ctx.fill(); } using this function, we can tell the ball to draw itself onto the screen, by calling a series of members of the 2d canvas context we defined earlier (ctx).
... type in the following to create a new ball instance: let testball = new ball(50, 100, 4, 4, 'blue', 10); try calling its members: testball.x testball.size testball.color testball.draw() when you enter the last line, you should see the ball draw itself somewhere on the canvas.
...this is generally done recursively — which means that the function is calling itself every time it runs, so it runs over and over again.
...we don't want to check whether a ball has collided with itself!

Deploying our app - Learn web development
testing testing itself is a vast subject, even within the realm of front end development.
... the test itself isn't what is important.
...while there is a long way to go before you can consider yourself a client-side tooling wizard, we are hoping that this module has given you that first important step towards understanding client-side tooling, and the confidence to learn more and try out new things.
...some questions to ask yourself: can images be compressed during the build step?

Theme concepts
these resources are then packed in a zip for publication on addons.mozilla.org (amo) or for self-distribution.
... for more information on self-distribution, visit signing and distributing your add-on.
...themes can be submitted to amo for hosting or for self-distribution.
... updating static themes if your static theme is hosted on amo, you can upload a new version using the developer hub with the following steps: visit the product page for your theme through the developer hub select "upload new version" on the left upload your packaged file for validation or modify it using the theme generator for self-hosted static themes, a new version can be updated through amo by following the above steps or be handled by you through an updateurl or external application updates.

Application cache implementation overview
nsofflinecacheupdate it self is the core of the update process.
...when found, this update is processing an “update” and this cache is used as a cache to satisfy each manifest item and the manifest it self load from.
...processnexturi then invokes it self asynchronously via dispatch to a main thread when not already on the concurrency limit of 15 loads.
... when concurrency limit is reached, the processnexturi self-invocation cycle is stopped.

Performance best practices for Firefox front-end engineers
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.
... a documentfragment is maintained in memory outside the dom itself, so changes don't cause reflow.
... prove to yourself that you’ve actually improved something by measuring before and after.
...test on slower machines to make it more obvious to yourself if what you’ve written impacts the performance of the browser.

PromiseWorker.jsm
let worker = new promiseworker.abstractworker() worker.dispatch = function(method, args = []) { // dispatch a call to method `method` with args `args` return self[method](...args); }; worker.postmessage = function(...args) { // post a message to the main thread self.postmessage(...args); }; worker.close = function() { // close the worker self.close(); }; worker.log = function(...args) { // log (or discard) messages (optional) dump('worker: ' + args.join(' ') + '\n'); }; // connect it to message port.
... self.addeventlistener('message', msg => worker.handlemessage(msg)); abstractworker is a base class for the worker, and it's designed to be used by derived class, which provides above four methods (dispatch, postmessage, close, and log).
... but you can instantiate abstractworker itself and set its properties later, instead of creating derived class.
... worker file myworker.js importscripts('resource://gre/modules/workers/require.js'); let promiseworker = require('resource://gre/modules/workers/promiseworker.js'); let worker = new promiseworker.abstractworker(); worker.dispatch = function(method, args = []) { return self[method](...args); }; worker.postmessage = function(...args) { self.postmessage(...args); }; worker.close = function() { self.close(); }; worker.log = function(...args) { dump('worker: ' + args.join(' ') + '\n'); }; self.addeventlistener('message', msg => worker.handlemessage(msg)); // start - my functionalities function resolvetest(shouldresolve) { if (shouldresolve) { return 'you s...

XPCOMUtils.jsm
definelazygetter takes three arguments: the object to define the property on the name of the property defined the getter function itself, which returns the value and which will be called just once, the first time code tries to access the property.
...this parameter should not be the component itself because that would cause a memory leak.
... when the generated method is invoked on that object, it checks to see if the specified iid is listed in the array specified by the interfaces parameter; if it is, this (that is, the object itself) is returned.
... remarks this lets an extension bundle its own javascript code modules within itself and have them load one another.

An overview of NSS Internals
this is often sufficient if you encrypt data for yourself, but as soon as you need to exchange signed/encrypted data with communication partners, using public key encryption simplifies the key management.
...(however, it's also possible to use nss functionality to create a self-signed certificate, which, however, usually won't be trusted by other parties.) once received, it's sufficient to tell nss to import such a new certificate into the nss database, and nss will automatically perform a lookup of the embedded public key, be able to find the associated private key, and subsequently be able to treat it as a personal certificate.
... trust anchors contained in the ckbi module are usually self signed, which is defined as having identical subject name and issuer name fields.
... if a self-signed certificate is marked as explicitly trusted, nss will skip checking the self-signature for validity.

NSS tools : certutil
if a ca key pair is not available, you can create a self-signed certificate using the -x argument with the -s command option.
... for example, this creates a self-signed certificate: $ certutil -s -s "cn=example ca" -n my-ca-cert -x -t "c,c,c" -1 -2 -5 -m 3650 from there, new certificates can reference the self-signed certificate: $ certutil -s -s "cn=my server cert" -n my-server-cert -c "my-ca-cert" - t "u,u,u" -1 -5 -6 -8 -m 730 generating a certificate from a certificate request when a certificate request is created, a certifi...
... certutil -d -d [sql:]directory -n "nickname" for example: $ certutil -d -d sql:/home/my/sharednssdb -n "my-ssl-cert" validating certificates a certificate contains an expiration date in itself, and expired certificates are easily rejected.
... certutil -m -n certificate-name -t trust-args -d [sql:]directory for example: $ certutil -m -n "my ca certificate" -d sql:/home/my/sharednssdb -t "ctu ,ctu,ctu" printing the certificate chain certificates can be issued in chains because every certificate authority itself has a certificate; when a ca issues a certificate, it essentially stamps that certificate with its own fingerprint.

certutil
if a ca key pair is not available, you can create a self-signed certificate using the -x argument with the -s command option.
... for example, this creates a self-signed certificate: $ certutil -s -s "cn=example ca" -n my-ca-cert -x -t "c,c,c" -1 -2 -5 -m 3650 from there, new certificates can reference the self-signed certificate: $ certutil -s -s "cn=my server cert" -n my-server-cert -c "my-ca-cert" -t "u,u,u" -1 -5 -6 -8 -m 730 generating a certificate from a certificate request when a certificate request is created, a certificate can be ...
... certutil -d -d [sql:]directory -n "nickname" for example: $ certutil -d -d sql:/home/my/sharednssdb -n "my-ssl-cert" validating certificates a certificate contains an expiration date in itself, and expired certificates are easily rejected.
... certutil -m -n certificate-name -t trust-args -d [sql:]directory for example: $ certutil -m -n "my ca certificate" -d sql:/home/my/sharednssdb -t "ctu,ctu,ctu" printing the certificate chain certificates can be issued in chains because every certificate authority itself has a certificate; when a ca issues a certificate, it essentially stamps that certificate with its own fingerprint.

NSS tools : signtool
this special type of entry does not have to appear in the jar file itself.
...instead, it is self-signed.
...metadata is signed information attached either to the jar archive itself or to files within the archive.
...the metadata file contains one entry per line, each with three fields: field #1: file specification, or + if you want to specify global metadata (that is, metadata about the jar archive itself or all entries in the archive) field #2: the name of the data you are specifying; for example: install-script field #3: data corresponding to the name in field #2 for example, the -i option uses the equivalent of this line: + install-script: script.js this example associates a mime type with a file: movie.qt mime-type: video/quicktime for information about the way installer script information appears in...

SpiderMonkey Internals
self-hosting of built-in functions in js starting with firefox 17, spidermonkey has the ability to implement built-in functions in self-hosted js code.
... all self-hosted code lives in .js files under builtin/.
... for details on implementing self-hosted built-ins, see self-hosting.
...an example, from perfect.js: function perfect(n) { print("the perfect numbers up to " + n + " are:"); // we build sumofdivisors[i] to hold a string expression for // the sum of the divisors of i, excluding i itself.

JSFunctionSpec
syntax struct jsfunctionspec { const char *name; jsnativewrapper call; uint16_t nargs; uint16_t flags; const char *selfhostedname; }; typedef struct jsnativewrapper { jsnative op; const jsjitinfo *info; } jsnativewrapper; name type description name const char * the function's name.
... selfhostedname const char * the function's name in self-hosted javascript code.
...to define an array of jspropertyspec, use js_fs, js_fn, js_sym_fn, js_fninfo, js_self_hosted_fn, js_self_hosted_sym_fn, js_sym_fnspec, js_fnspec, and js_fs_end.
... see also mxr id search for jsfunctionspec jspropertyspec jsnative js_fs js_fn js_sym_fn js_fninfo js_self_hosted_fn js_self_hosted_sym_fn js_sym_fnspec js_fnspec js_fs_end property attributes js_definefunctions js_initclass ...

JSPropertySpec
syntax struct jspropertyspec { struct selfhostedwrapper { void *unused; const char *funname; }; const char *name; int8 tinyid; // obsolete since jsapi 31 uint8_t flags; union { jsnativewrapper native; selfhostedwrapper selfhosted; } getter; union { jsnativewrapper native; selfhostedwrapper selfhosted; } setter; /* obsolete since jsapi 29 */ /* added in jsapi 28 */ const char *selfhostedgetter; const char *selfhostedsetter; }; name type description name const char * name to assign the prope...
... getter jsnativewrapper or selfhostedwrapper getter method for the property.
... setter jsnativewrapper or selfhostedwrapper setter method for the property.
...to define an array of jspropertyspec, use js_psg, js_psgs, js_self_hosted_get, js_self_hosted_getset, and js_ps_end see also mxr id search for jspropertyspec jsfunctionspec jsnativewrapper js_defineproperties js_psg js_psgs js_self_hosted_get js_self_hosted_getset js_ps_end bug 766448 - changed type of getter and setter to wrapper bug 938728 - added selfhostedgetter and selfhostedsetter bug 958262 - changed type of getter and setter to union, and removed selfhostedgetter and selfhostedsetter.

A Web PKI x509 certificate primer
in order for a certificate to be valid these three requirements must be met: there is a verification path from the site certificate to a trusted certificate of the user agent (ie if you follow the issuer path you will end on a self-signed certificate that is considered trusted by the browser).
... self-signed certificates these are the steps to generate a certificate for www.example.com.
...self-sign csr (using sha256) and append the extensions described in the file "openssl x509 -req -sha256 -days 3650 -in example.csr -signkey key.pem -set_serial $any_integer -extfile openssl.ss.cnf -out example.pem" you can now use example.pem as your certfile cas included in firefox when you visit a secure website, firefox will validate the website’s certificate by checking that the certif...
... write extensions file (openssl.root.cnf) basicconstraints = critical, ca:true keyusage = keycertsign, crlsign subjectkeyidentifier = hash nameconstraints = permitted;dns:example.com,permitted;dns:example.net self-sign csr (using sha256) and append the extensions described in the file "openssl x509 -req -sha256 -days 3650 -in root.csr -signkey rootkey.pem -set_serial $any_small_integer -extfile openssl.root.cnf -out root.pem" now you have ca pem file with its associated key.

XForms Accessibility
these are either downloading latest build of firefox or building it yourself.
...you must build it yourself.
... build it yourself if you would like to build firefox/seamonkey yourself then please ensure your .mozconfig file has the following option: ac_add_options --enable-extensions=default,xforms,schema-validation how to test there are two approaches to test xforms accessibility.
...some of these elements are not accessible itself but they makes accessibility properties for xforms elements that hold them.

Embedded Dialog API
however while xul dialogs are very configurable, they will not behave and probably not look precisely like dialogs which the application builds for itself, independently of gecko.
...this basic api will by itself provide the minimal functionality gecko needs to create new windows, and an embedding application must implement at least this much.
...advanced windowing api embedding applications concerned with ensuring that dialogs posed by gecko are consistent in appearance and behaviour with dialogs posed directly by the application itself face a choice.
...(note to self: is there decent documentation on writing factories or components?

History Service Design
in future this will probably change in favour of storage asynchronous statements, so that the inserts will be queued-up by mozstorage itself in a separate thread.
...a smart bookmark can update itself automatically when bookmarks or visits change, providing a sort of saved search.
...an history container node is built (the so-called rootnode), this node will fill itself.
... finally expiration can be forced by the user himself to clean up the full history or slices of it (last hour, last day, ...).

An Overview of XPCOM
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.
...when all clients lose interest in the component, the reference count hits zero, and the component deletes itself.
...if the object supports the requested interface, it adds a reference to itself and passes back a pointer to that interface.
... writing components in other languages though you do not have access to some of the tools that xpcom provides for c++ developers (such as macros, templates, smart pointers, and others) when you create components in other languages, you may be so comfortable with the language itself that you can eschew c++ altogether and build, for example, python-based xpcom components that can be used from javascript or vice versa.

Packaging WebLock
« previousnext » in this final part of the tutorial, we'll put all of the pieces of the web locking component - the library itself, the type library, the header file, and the user interface resources - into a package that can be installed on other systems.
... note: the emphasis of this tutorial is on the component development itself, so this section on packaging and installing extensions to gecko is necessarily brief.
... the chrome registry lives in a series of rdf/xml files in the application directory of mozilla and other gecko-based browsers, where new installs, user configurable data, skins, and other information are related to one another and the application itself.
...it must appear at the top level of the installation archive (i.e., weblock.xpi) itself.

Using XPCOM Components
it registers itself for use when the browser starts up, and provides a factory that creates an instance of it for use when the user or administrator clicks the weblock icon in the browser's user interface.
... beyond the methods that are being called on the cookiemanager itself (e.g., cookiemanager.remove, which maps to the remove() function in the nsicookiemanager interface), note the special xpconnect objects and methods that reflect the xpcom component into javascript.
... note: cookie-manager-ui note that the interface is not part of the component itself.
... xpcom makes it easy to use components like cookiemanager from mozilla's cross platform front end (xpfe) and other user interfaces, but the component itself doesn't provide its own ui.

Introduction to XPCOM for the DOM
when the reference count of an object hits 0 (zero), the object deletes itself.
...in the first case, if we forget to addref the object, the object may delete itself before we are done using the pointer, which would cause a crash when dereferencing it.
... in the second case, if we forget to release the object, it will never delete itself, which will cause "memory leaks", i.e.
...i had to use the second solution: nscomptr<nsicontent> content = getter_addrefs(ns_static_cast(nsicontent*, this)); // or, if you want to do the refcounting yourself, nsicontent *content = ns_static_cast(nsicontent*, this); the second form should be used with care, and is recommended only for advanced xpcom'ers.

operator=
self_type& operator=( const self_type& astring ); parameters astring [in] a nsembedcstring to append to this string.
... self_type& operator=( const abstract_string_type& astring ); parameters astring [in] a nsacstring to append to this string.
... self_type& operator=( const char_type* adata ); parameters adata [in] a raw character array to append to this string.
... self_type& operator=( char_type achar ); parameters achar [in] a character to append to this string.

operator=
self_type& operator=( const self_type& astring ); parameters astring [in] a nsembedstring to append to this string.
... self_type& operator=( const abstract_string_type& astring ); parameters astring [in] a nsastring to append to this string.
... self_type& operator=( const char_type* adata ); parameters adata [in] a raw character array to append to this string.
... self_type& operator=( char_type achar ); parameters achar [in] a character to append to this string.

nsIPrincipal
note that this may be empty; prefer to get the certificate itself and get this information from it, since that may provide more information.
...a principal always subsumes itself.
...the system principal subsumes itself and all other principals.
... a null principal (corresponding to an unknown, hence assumed minimally privileged, security context) is not equal to any other principal (including other null principals), and therefore does not subsume anything but itself.

nsIWebProgressListener2
last changed in gecko 1.9 (firefox 3) inherits from: nsiwebprogresslistener method overview void onprogresschange64(in nsiwebprogress awebprogress, in nsirequest arequest, in long long acurselfprogress, in long long amaxselfprogress, in long long acurtotalprogress, in long long amaxtotalprogress); boolean onrefreshattempted(in nsiwebprogress awebprogress, in nsiuri arefreshuri, in long amillis, in boolean asameuri); methods onprogresschange64() notification that the progress has changed for one of the requests associated with awebprogress.
...void onprogresschange64( in nsiwebprogress awebprogress, in nsirequest arequest, in long long acurselfprogress, in long long amaxselfprogress, in long long acurtotalprogress, in long long amaxtotalprogress ); parameters awebprogress the nsiwebprogress instance that fired the notification.
...acurselfprogress the current progress for arequest.
... amaxselfprogress the maximum progress for arequest.

Using nsIDirectoryService
be sure to see the documentation on the service itself.
...if you are not using ns_initembedding, you will have to construct it and register it yourself using nsidirectoryservice.registerprovider().
... if you are registering it yourself it is very important to register it immediately after calling ns_initxpcom.
...if you want to use mpfilelocprovider, or something like it, to provide one fixed profile, just construct it and call its initialize method - it will register itself.

Mail and RDF
asynchronously notifying rdf when the data itself changes, rdf needs to be notified.
... in the example of mail folders, each folder datasource first registers itself with the mail session as a nsifolderlistener because it wants information about when a folder changes.
... each template registers itself as an rdf observer.
... the calling chain essentially looks like this: registration: folder datasource registers itself with the mail session as a folder listener rdf template registers itself with the datasource as a content observer.

URLs - Plugins
in general, if a url works in the location box of the navigator, it works as a target for npn_geturl, except for the _self target.
... _self or _current: load the url into the same window the plug-in instance occupies.
...if the plug-in instance document has no parent, the default is _self.
...the default is _self, if the plug-in instance document is already at the top.

Debugger - Firefox Developer Tools
this property gives debugger code a single point of control for disentangling itself from the debuggee, regardless of what sort of events or handlers or “points” we add to the interface.
... if the uncaught exception hook itself throws an exception,uncaught-hook-exception, spidermonkey throws a new error object,confess-to-debuggee-exception, to the debuggee whose message blames the debugger, and includes textual descriptions ofuncaught-hook-exception and the originaldebugger-exception.
...thus, for example, a debugger.object referring to a second debugger.object which refers to a global does not designate that global for the purposes of this function.) the global designated byglobal must be in a different compartment than this debugger instance itself.
...note that in some cases, the prototype object for a given constructor has the same [[class]] as the instances that refer to it, but cannot itself be used as a valid instance of the class.

Manipulating video using canvas - Web APIs
var processor; processor.doload = function doload() { this.video = document.getelementbyid('video'); this.c1 = document.getelementbyid('c1'); this.ctx1 = this.c1.getcontext('2d'); this.c2 = document.getelementbyid('c2'); this.ctx2 = this.c2.getcontext('2d'); let self = this; this.video.addeventlistener('play', function() { self.width = self.video.videowidth / 2; self.height = self.video.videoheight / 2; self.timercallback(); }, false); }, this code grabs references to the elements in the xhtml document that are of particular interest, namely the video element and the two canvas elements.
... the timer callback the timer callback is called initially when the video starts playing (when the "play" event occurs), then takes responsibility for establishing itself to be called periodically in order to launch the keying effect for each frame.
... processor.timercallback = function timercallback() { if (this.video.paused || this.video.ended) { return; } this.computeframe(); let self = this; settimeout(function() { self.timercallback(); }, 0); }, the first thing the callback does is check to see if the video is even playing; if it's not, the callback returns immediately without doing anything.
... the last thing the callback does is call settimeout() to schedule itself to be called again as soon as possible.

Introduction to the DOM - Web APIs
alert(paragraphs[0].nodename); all of the properties, methods, and events available for manipulating and creating web pages are organized into objects (for example, the document object that represents the document itself, the table object that implements the special htmltableelement dom interface for accessing html tables, and so forth).
... when you create a script–whether it's inline in a <script> element or included in the web page by means of a script loading instruction–you can immediately begin using the api for the document or window elements to manipulate the document itself or to get at the children of that document, which are the various elements in the web page.
... data type (interface) description document when a member returns an object of type document (e.g., the ownerdocument property of an element returns the document to which it belongs), this object is the root document object itself.
...in simple terms, the window object represents something like the browser, and the document object is the root of the document itself.

Drag Operations - Web APIs
in this example the dragstart listener is added to the draggable element itself.
...for example, when dragging the selected text within a textbox, the data associated with the drag data item is the text itself.
...this image is created automatically, so you do not need to create it yourself.
...for example: const link = event.datatransfer.getdata("url"); this eliminates the need to check for comments or iterate through lines yourself.

Timing element visibility with the Intersection Observer API - Web APIs
the intersection observer api makes it easy to be asynchronously notified when elements of interest become more or less obscured by a shared ancestor node or element, including the document itself.
...our script receives this event when the document itself becomes visible or invisible.
...isibleads; visibleads = []; previouslyvisibleads.foreach(function(adbox) { updateadtimer(adbox); adbox.dataset.lastviewstarted = 0; }); } } else { previouslyvisibleads.foreach(function(adbox) { adbox.dataset.lastviewstarted = performance.now(); }); visibleads = previouslyvisibleads; previouslyvisibleads = null; } } since the event itself doesn't state whether the document has switched from visible to invisible or vice-versa, the document.hidden property is checked to see if the document is not currently visible.
...then the local variables for each of the elements that comprise an ad: the ad box itself, the title, the body, and the timer box, are all set to the corresponding elements in the existing ad.

Node - Web APIs
if the node is itself a document, returns null.
...*/ removeallchildren(document.body) recurse through child nodes the following function recursively calls a callback function for each node contained by a root node (including the root itself): function eachnode(rootnode, callback) { if (!callback) { const nodes = [] eachnode(rootnode, function(node) { nodes.push(node) }) return nodes } if (false === callback(rootnode)) { return false } if (rootnode.haschildnodes()) { const nodes = rootnode.childnodes for (let i = 0, l = nodes.length; i < l; ++i) { if (false === eachnode(nodes[i], callback)) { return...
... } } } } syntax eachnode(rootnode, callback) description recursively calls a function for each descendant node of rootnode (including the root itself).
...if omitted, eachnode returns an array of every node contained within rootnode (including the root itself).

SVGAngle - Web APIs
exceptions on setting: a domexception with code no_modification_allowed_err is raised when the length corresponds to a read-only attribute, or when the object itself is read-only.
... exceptions on setting: a domexception with code no_modification_allowed_err is raised when the length corresponds to a read-only attribute, or when the object itself is read-only.
... a domexception with code no_modification_allowed_err is raised when the length corresponds to a read-only attribute, or when the object itself is read-only.
... a domexception with code no_modification_allowed_err is raised when the length corresponds to a read only attribute or when the object itself is read only.

SVGLength - Web APIs
exceptions on setting: a domexception with code no_modification_allowed_err is raised when the length corresponds to a read only attribute or when the object itself is read only.
... exceptions on setting: a domexception with code no_modification_allowed_err is raised when the length corresponds to a read only attribute or when the object itself is read only.
... a domexception with code no_modification_allowed_err is raised when the length corresponds to a read only attribute or when the object itself is read only.
... a domexception with code no_modification_allowed_err is raised when the length corresponds to a read only attribute or when the object itself is read only.

ServiceWorkerGlobalScope.skipWaiting() - Web APIs
example while self.skipwaiting() can be called at any point during the service worker's execution, it will only have an effect if there's a newly installed service worker that might otherwise remain in the waiting state.
... therefore, it's common to call self.skipwaiting() from inside of an installevent handler.
... self.addeventlistener('install', function(event) { // the promise that skipwaiting() returns can be safely ignored.
... self.skipwaiting(); // perform any other actions required for your // service worker to install, potentially inside // of event.waituntil(); }); specifications specification status comment service workersthe definition of 'skipwaiting()' in that specification.

Establishing a connection: The WebRTC perfect negotiation pattern - Web APIs
const constraints = { audio: true, video: true }; const config = { iceservers: [{ urls: "stun:stun.mystunserver.tld" }] }; const selfvideo = document.queryselector("video.selfview"); const remotevideo = document.queryselector("video.remoteview"); const signaler = new signalingchannel(); const pc = new rtcpeerconnection(config); this code also gets the <video> elements using the classes "selfview" and "remoteview"; these will contain, respectively, the local user's self-view and the view of the incoming stream from the remote...
... async function start() { try { const stream = await navigator.mediadevices.getusermedia(constraints); for (const track of stream.gettracks()) { pc.addtrack(track, stream); } selfvideo.srcobject = stream; } catch(err) { console.error(err); } } this isn't appreciably different from older webrtc connection establishment code.
...then, finally, the media source for the self-view <video> element indicated by the selfvideo constant is set to the camera and microphone stream, allowing the local user to see what the other peer sees.
... automatic rollback in setremotedescription() a key component to perfect negotiation is the concept of the polite peer, which always rolls itself back if it receives an offer while itself waiting for an answer to an offer.

Viewpoints and viewers: Simulating cameras in WebXR - Web APIs
the value of w is always 0 for vectors, so the aforementioned vector can also be represented using [3, 1, -2, 0] or: [31-20]\left [ \begin{matrix} 3 \\ 1 \\ -2 \\ 0 \end{matrix} \right ] webxr automatically normalizes vectors to have a length of 1 meter; however, you may find that it makes sense to do it yourself for various reasons, such as to improve performance of calculations by not having to repeatedly perform normalization.
...this is because each transform affects the position of the object and possibly the very coordinate system itself, which can dramatically change the results of the next operation performed.
...zooming is performed in a physical camera by altering the focal length of the lens; this is the distance between the center of the lens itself and the camera's light sensors.
...you can remind yourself of this fact by closing one eye at a time, switching back and forth between the two eyes.

Cross-browser Flexbox mixins - CSS: Cascading Style Sheets
align-self allows this default alignment to be overridden for individual flex items.
... (for anonymous flex items, align-self always matches the value of align-items on their associated flex container.) values: flex-start | flex-end | center | baseline | stretch (default) spec: https://drafts.csswg.org/css-flexbox/#align-items-property @mixin align-items($value: stretch) { @if $value == flex-start { -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; } @else if $value == flex-end { -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; } @else { -webkit-box-align: $value; -moz-box-align: $value; -ms-flex-align: $value; } -webkit-align-items: $value; align-items: $value; } flexbox align self values: auto (default) | flex-start | flex-end | center | baseline | stretch spec: https://drafts.css...
...wg.org/css-flexbox/#align-items-property @mixin align-self($value: auto) { // no webkit box fallback.
... -webkit-align-self: $value; @if $value == flex-start { -ms-flex-item-align: start; } @else if $value == flex-end { -ms-flex-item-align: end; } @else { -ms-flex-item-align: $value; } align-self: $value; } flexbox align content the align-content property aligns a flex container's lines within the flex container when there is extra space in the cross-axis, similar to how justify-content aligns individual items within the main axis.

place-items - CSS: Cascading Style Sheets
constituent properties this property is a shorthand for the following css properties: align-items justify-items syntax /* keyword values */ place-items: auto center; place-items: normal start; /* positional alignment */ place-items: center normal; place-items: start auto; place-items: end normal; place-items: self-start auto; place-items: self-end normal; place-items: flex-start auto; place-items: flex-end normal; place-items: left auto; place-items: right normal; /* baseline alignment */ place-items: baseline normal; place-items: first baseline auto; place-items: last baseline normal; place-items: stretch auto; /* global values */ place-items: inherit; place-items: initial; place-items: unset; values ...
... self-start the item is packed flush to the edge of the alignment container of the start side of the item, in the appropriate axis.
... self-end the item is packed flush to the edge of the alignment container of the end side of the item, in the appropriate axis.
... <option value="end">end</option> <option value="left">left</option> <option value="right">right</option> <option value="auto center">auto center</option> <option value="normal start">normal start</option> <option value="center normal">center normal</option> <option value="start auto">start auto</option> <option value="end normal">end normal</option> <option value="self-start auto">self-start auto</option> <option value="self-end normal">self-end normal</option> <option value="flex-start auto">flex-start auto</option> <option value="flex-end normal">flex-end normal</option> <option value="left auto">left auto</option> <option value="right normal">right normal</option> <option value="baseline normal">baseline normal</option> <option va...

Content categories - Developer guides
heading content heading content defines the title of a section, whether marked by an explicit sectioning content element, or implicitly defined by the heading content itself.
... though likely to contain heading content, the <header> is not heading content itself.
... for example, the <del> and <ins> elements are transparent: <p>we hold these truths to be <del><em>sacred &amp; undeniable</em></del> <ins>self-evident</ins>.</p> if those elements were removed, this fragment would still be valid html (if not correct english).
... <p>we hold these truths to be <em>sacred &amp; undeniable</em> self-evident.</p> other content models sectioning root.

Constraint validation - Developer guides
while marking up the form itself is easy, checking whether each field has a valid and coherent value is more difficult, and informing the user about the problem may become a headache.
... toolong constraint violation constraint validation process constraint validation is done through the constraint validation api either on a single form element or at the form level, on the <form> element itself.
... by submitting the form itself.
...label for="country">country : </label> <select id="country"> <option value="ch">switzerland</option> <option value="fr">france</option> <option value="de">germany</option> <option value="nl">the netherlands</option> </select> <input type="submit" value="validate"> </form> this displays the following form: first, we write a function checking the constraint itself: function checkzip() { // for each country, defines the pattern that the zip has to follow var constraints = { ch : [ '^(ch-)?\\d{4}$', "switzerland zips must have exactly 4 digits: e.g.

Browser detection using the user agent - HTTP
there are ways to develop your website to progressively enhance itself based on the availability of features rather than by targeting specific browsers.
... problems like these can be avoided by testing for support of the feature itself instead: var islookbehindsupported = false; try { new regexp("(?<=)"); islookbehindsupported = true; } catch (err) { // if the agent doesn't support lookbehinds, the attempted // creation of a regexp object using that syntax throws and // islookbehindsupported remains false.
...using this information of whether the device has a touchscreen, do not change the entire layout of the website just for touch devices: you will only create more work and maintenance for yourself.
...so to detect safari you have to check for the safari string and the absence of the chrome string, chromium often reports itself as chrome too or seamonkey sometimes reports itself as firefox.

Using Feature Policy - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... for example, the following are equivalent: feature-policy: unsized-media 'none'; geolocation 'self' https://example.com; camera *; feature-policy: unsized-media 'none' feature-policy: geolocation 'self' https://example.com feature-policy: camera *; the iframe allow attribute the second way to use feature policy is for controlling content within an iframe.

CSP: base-uri - HTTP
'self' refers to the origin from which the protected document is being served, including the same url scheme and port number.
...at the same time, any allow-list or source expressions such as 'self' or 'unsafe-inline' are ignored.
... examples meta tag configuration <meta http-equiv="content-security-policy" content="base-uri 'self'"> apache configuration <ifmodule mod_headers.c> header set content-security-policy "base-uri 'self'"; </ifmodule> nginx configuration add_header content-security-policy "base-uri 'self';" violation case since your domain isn't example.com, a <base> element with its href set to https://example.com will result in a csp violation.
... <meta http-equiv="content-security-policy" content="base-uri 'self'"> <base href="https://example.com/"> // error: refused to set the document's base uri to 'https://example.com/' // because it violates the following content security policy // directive: "base-uri 'self'" specifications specification status comment content security policy level 3the definition of 'base-uri' in that specification.

CSP: default-src - HTTP
'self' refers to the origin from which the protected document is being served, including the same url scheme and port number.
...at the same time, any allow-list or source expressions such as 'self' or 'unsafe-inline' are ignored.
...the following header: content-security-policy: default-src 'self'; script-src https://example.com is the same as: content-security-policy: connect-src 'self'; font-src 'self'; frame-src 'self'; img-src 'self'; manifest-src 'self'; media-src 'self'; object-src 'self'; script-src https://example.com; style-src 'self'; ...
... worker-src 'self' specifications specification status comment content security policy level 3the definition of 'default-src' in that specification.

Feature-Policy: accelerometer - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy the default value is 'self'.

Feature-Policy: ambient-light-sensor - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy the default value is 'self'.

Feature-Policy: autoplay - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy the default value in google chrome is 'self'.

Feature-Policy: battery - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy the default value is 'self'.

Feature-Policy: camera - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy the default value is 'self'.

Feature-Policy: display-capture - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy the default alowlist is 'self'.

Feature-Policy: encrypted-media - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy the allow list is 'self'.

Feature-Policy: gyroscope - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... the default value is 'self'.

Feature-Policy: layout-animations - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... the default value is 'self'.

Feature-Policy: legacy-image-formats - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... the default value is 'self'.

Feature-Policy: magnetometer - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... the default value is 'self'.

Feature-Policy: microphone - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... the default value is 'self'.

Feature-Policy: midi - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy the allow list is 'self'.

Feature-Policy: payment - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy the payment feature's default allowlist value is 'self'.

Feature-Policy: publickey-credentials-get - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy the default allowlist is 'self'.

Feature-Policy: screen-wake-lock - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy default allow list for screen-wake-lock is 'self'.

Feature-Policy: unoptimized-images - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... the default value is 'self'.

Feature-Policy: vibrate - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... the default value is 'self'.

Feature-Policy: wake-lock - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy default allow list for wake-lock is 'self'.

web-share - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy the default value is 'self'.

Feature-Policy: xr-spatial-tracking - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.
... default policy the default allowlist is 'self'.

InternalError: too much recursion - JavaScript
a function that calls itself is called a recursive function.
... once a condition is met, the function stops calling itself.
...as there is no exit condition, the function will call itself infinitely.
...this causes the function to call itself, again and again, making it infinitely recursive.

arguments.callee - JavaScript
avoid using arguments.callee() by either giving function expressions a name or use a function declaration where a function must call itself.
... examples using arguments.callee in an anonymous recursive function a recursive function must be able to refer to itself.
... typically, a function refers to itself by its name.
...therefore if there is no accessible variable referring to it, the only way the function can refer to itself is by arguments.callee.

Progressive web app structure - Progressive web apps (PWAs)
we can control what is requested from the server and what is retrieved from the cache with a service worker, which will be explained in detail in the next article — for now let's focus on the structure itself.
...[randomitem].author+'.'; var notifimg = 'data/img/'+games[randomitem].slug+'.jpg'; var options = { body: notifbody, icon: notifimg } var notif = new notification(notiftitle, options); settimeout(randomnotification, 30000); } the service worker the last file we will quickly look at is the service worker: sw.js — it first imports data from the games.js file: self.importscripts('data/games.js'); next, it creates a list of all the files to be cached, both from the app shell and the content: var cachename = 'js13kpwa-v1'; var appshellfiles = [ '/pwa-examples/js13kpwa/', '/pwa-examples/js13kpwa/index.html', '/pwa-examples/js13kpwa/app.js', '/pwa-examples/js13kpwa/style.css', '/pwa-examples/js13kpwa/fonts/graduate.eot', '/pwa-examples/js13kpwa/fo...
...ns/icon-192.png', '/pwa-examples/js13kpwa/icons/icon-256.png', '/pwa-examples/js13kpwa/icons/icon-512.png' ]; var gamesimages = []; for(var i=0; i<games.length; i++) { gamesimages.push('data/img/'+games[i].slug+'.jpg'); } var contenttocache = appshellfiles.concat(gamesimages); the next block installs the service worker, which then actually caches all the files contained in the above list: self.addeventlistener('install', function(e) { console.log('[service worker] install'); e.waituntil( caches.open(cachename).then(function(cache) { console.log('[service worker] caching all: app shell and content'); return cache.addall(contenttocache); }) ); }); last of all, the service worker fetches content from the cache if it is available there, providing offline function...
...ality: self.addeventlistener('fetch', function(e) { e.respondwith( caches.match(e.request).then(function(r) { console.log('[service worker] fetching resource: '+e.request.url); return r || fetch(e.request).then(function(response) { return caches.open(cachename).then(function(cache) { console.log('[service worker] caching new resource: '+e.request.url); cache.put(e.request, response.clone()); return response; }); }); }) ); }); the javascript data the games data is present in the data folder in a form of a javascript object (games.js): var games = [ { slug: 'lost-in-cyberspace', name: 'lost in cyberspace', author: 'zosia and bartek', twitter: 'bartaz', website: '', ...

Structural overview of progressive web apps - Progressive web apps (PWAs)
we can control what is requested from the server and what is retrieved from the cache with a service worker, which will be explained in detail in the next article — for now let's focus on the structure itself.
...this script begins by importing data from the file games.js in the data directory: self.importscripts("data/games.js"); then it creates a list of all the files that the service worker needs to cache.
...con-168.png', '/pwa-examples/js13kpwa/icons/icon-192.png', '/pwa-examples/js13kpwa/icons/icon-256.png', '/pwa-examples/js13kpwa/icons/icon-512.png' ]; var gamesimages = []; for(var i=0; i<games.length; i++) { gamesimages.push('data/img/'+games[i].slug+'.jpg'); } var contenttocache = appshellfiles.concat(gamesimages); with the file list prepared, it's time to install the service worker itself.
... self.addeventlistener('install', function(e) { console.log('[service worker] install'); e.waituntil( caches.open(cachename).then(function(cache) { console.log('[service worker] caching all: app shell and content'); return cache.addall(contenttocache); }) ); }); with that done, we implement the service worker's fetch event handler; its job is to return the contents of the specified file, either from the cache or by loading it over the network (caching it upon doing so): self.addeventlistener('fetch', function(e) { e.respondwith( caches.match(e.request).then(function(r) { console.log('[service worker] fetching resource: '+e.request.url); return r || fetch(e.request).then(functio...

Patterns - SVG: Scalable Vector Graphics
in the example above, we've defined a width and height attribute on the pattern element to describe how far the pattern should go before it begins repeating itself again.
... to make this work in the example above, we had to consider the size of our box (200 pixels) and the fact that we wanted the pattern to repeat itself 4 times horizontally and vertically.
... the caveat here is that if the object changes size, the pattern itself will scale to fit it, but the objects inside will not.
...this contrasts with the "userspaceonuse" system, where if the object changes the size, the pattern would stay the same and just repeat itself more times to fill the box.

<xsl:number> - XSLT: Extensible Stylesheet Language Transformations
the processor goes to the first node in the ancestor-or-self axis that matches the count attribute and then counts that node plus all its preceding siblings (stopping when it reaches a match to the from attribute, if there is one) that also match the count attribute.if no match is found, the sequence will be an empty list.
...the processor looks at all ancestors of the current node and the current node itself, stopping when it reaches a match for the from attribute, if there is one.
... for each node in this list that matches the count attribute, the processor counts how many preceding matching siblings it has, and adds one for the node itself.
...the ancestor, self, and preceding axes are all considered.

Reddit Example - Archive of obsolete content
this is the complete add-on script: var data = require("sdk/self").data; var button = require("sdk/ui/button/action").actionbutton({ id: "reddit-panel", label: "reddit panel", icon: "./icon-16.png", onclick: function() { reddit_panel.show(); } }); var reddit_panel = require("sdk/panel").panel({ width: 240, height: 320, contenturl: "http://www.reddit.com/.mobile?keep_extension=true", contentscriptfile: [data.url("jquery-2.1.0.min.js"), ...
... if (t.nodename != "a") return; // don't intercept the click if it was on one of the links in the header // or next/previous footer, since those links should load in the panel itself.
... event.stoppropagation(); event.preventdefault(); self.port.emit('click', t.tostring()); }); this script uses jquery to interact with the dom of the page and the self.port.emit function to pass urls back to the add-on script.

Content Processes - Archive of obsolete content
content scripts differ from scripts that are loaded by the page itself in that they are provided with a messaging api that can be used to send messages back to the add-on script.
...one emit function is associated with the event emitter itself.
... the fact that you can't override the properties of the window object via a content script is sometimes inconvenient, so it is possible to circumvent this: by defining the property on window.wrappedobject, the property is defined on the underlying object, rather than the wrapper itself.

Module structure of the SDK - Archive of obsolete content
for high-level modules this is just sdk/<module_name>, and for low-level modules it is sdk/<path_to_module>/<module_name>: // load the high-level "tabs" module var tabs = require("sdk/tabs"); // load the low-level "uuid" module var uuid = require('sdk/util/uuid'); the path to specify for a low-level module is given along with the module name itself in the title of the module's documentation page (for example, system/environment).
...so a if you import a module using require, you can't change the properties of the object returned: self = require("sdk/self"); // attempting to define a new property // will fail, or throw an exception in strict mode self.foo = 1; // attempting to modify an existing property // will fail, or throw an exception in strict mode self.data = "foo"; using modules from outside the add-on sdk you can use commonjs modules outside the add-on sdk, in any environment where you can use components.utils.impor...
...dk add-on: // import the sdk's base64 module var base64 = require("sdk/base64"); base64.encode("hello"); // "agvsbg8=" you can import other commonjs modules, too, as long as you know the path to them: // import my module var mymodule = require("resource://path/to/my/module.js"); in this case, though, you might be better off creating your own loader, so you can specify the paths property yourself.

notifications - Archive of obsolete content
see the self module documentation for more information.
... var notifications = require("sdk/notifications"); var self = require("sdk/self"); var myiconurl = self.data.url("myicon.png"); notifications.notify({ text: "i have an icon!", iconurl: myiconurl }); from firefox 34, you can use "./myicon.png" as an alias for self.data.url("myicon.png").
...it may be a remote url, a data uri, or a url returned by the self module.

passwords - Archive of obsolete content
usage a credential is the set of information a user supplies to authenticate herself with a service.
...however, you can use it to work out which stored credentials belong to your add-on by comparing it with the uri property of the self module.
...ire("sdk/passwords").search({ username: "joe", url: "https://www.google.com", oncomplete: function oncomplete(credentials) { credentials.foreach(function(credential) { console.log(credential.username); console.log(credential.password); }); } }); } to retrieve only credentials associated with your add-on, use the url property, initialized from self.uri: function show_my_addon_passwords() { require("sdk/passwords").search({ url: require("sdk/self").uri, oncomplete: function oncomplete(credentials) { credentials.foreach(function(credential) { console.log(credential.username); console.log(credential.password); }); } }); } parameters options : object required options: name typ...

/loader - Archive of obsolete content
it can be loaded as a javascript code module: let { loader, require, unload } = components.utils.import('resource://gre/modules/commonjs/toolkit/loader.js'); it can be required as a commonjs module from a module loaded in the loader itself: let { loader, require, unload } = require('toolkit/loader'); what is it good for ?
...you may still end up with a relative module id if the entry point module id is itself relative.
... other utilities the loader module exposes several other utility functions that are used internally and can also be handy while bootstrapping the loader itself.

content/symbiont - Archive of obsolete content
this may take one of the following values: "start": load content scripts immediately after the document element for the page is inserted into the dom, but before the dom content itself has been loaded "ready": load content scripts once dom content has been loaded, corresponding to the domcontentloaded event "end": load content scripts once all the content (dom, js, css, images) for the page has been loaded, at the time the window.onload event fires this property is optional and defaults to "end".
... contentscriptoptions object read-only value exposed to content scripts under self.options property.
...this may have one of the following values: "start": load content scripts immediately after the document element for the page is inserted into the dom, but before the dom content itself has been loaded "ready": load content scripts once dom content has been loaded, corresponding to the domcontentloaded event "end": load content scripts once all the content (dom, js, css, images) for the page has been loaded, at the time the window.onload event fires contentscriptoptions read-only value exposed to content scripts under self.options property.

platform/xpcom - Archive of obsolete content
the logger itself is implemented by subclassing the unknown class, then we create a service which associates the logger's constructor with its contract id.
...d = '@me.org/request' // create and register the factory var factory = factory({ contract: contractid, component: request }); now xpcom users can access our implementation in the normal way: var request = cc[contractid].createinstance(ci.nsirequest); request.resume(); methods queryinterface(interface) this method is called automatically by xpcom, so usually you don't need to call it yourself.
... returns object : the object itself(this).

cfx - Archive of obsolete content
cfx usage is: cfx [options] command [command-specific options] "options" are global options applicable to the tool itself or to all commands (for example --help).
... updateurl and updatelink if you choose to host the xpi yourself you should enable the host application to find new versions of your add-on.
...at the updateurl you host a file in the update rdf format: among other things, this includes another url called updatelink which points to the updated xpi itself.

jpm - Archive of obsolete content
this allows you to self-host your add-on so that users can install it without error when signed add-ons are required.
... under the hood, jpm sign creates an unlisted add-on inside addons.mozilla.org, which means you must distribute the xpi file yourself for your users to install it.
... supporting updates for self-hosted add-ons this feature is only supported from jpm 1.0.3 onwards.

Add a Context Menu Item - Archive of obsolete content
when it's clicked, the selection is sent to the main add-on code, which just logs it: var contextmenu = require("sdk/context-menu"); var menuitem = contextmenu.item({ label: "log selection", context: contextmenu.selectioncontext(), contentscript: 'self.on("click", function () {' + ' var text = window.getselection().tostring();' + ' self.postmessage(text);' + '});', onmessage: function (selectiontext) { console.log(selectiontext); } }); try it: run the add-on, load a web page, select some text and right-click.
...typically you'd store the image in your add-on's "data" directory, and construct the url using self.data.url(): var self = require("sdk/self"); var contextmenu = require("sdk/context-menu"); var menuitem = contextmenu.item({ label: "log selection", context: contextmenu.selectioncontext(), contentscript: 'self.on("click", function () {' + ' var text = window.getselection().tostring();' + ' self.postmessage(text);' + '});', image: sel...
...pressing the key selects the option when the context menu is open: var contextmenu = require("sdk/context-menu"); var menuitem = contextmenu.item({ label: "log selection", context: contextmenu.selectioncontext(), contentscript: 'self.on("click", function () {' + ' var text = window.getselection().tostring();' + ' self.postmessage(text);' + '});', accesskey: "l", onmessage: function (selectiontext) { console.log(selectiontext); } }); learning more to learn more about the context-menu module, see the context-menu api reference.

Displaying annotations - Archive of obsolete content
the complete content script is here: self.on('message', function onmessage(annotations) { annotations.foreach( function(annotation) { if(annotation.url == document.location.tostring()) { createanchor(annotation); } }); $('.annotated').css('border', 'solid 3px yellow'); $('.annotated').bind('mouseenter', function(event) { self.port.emit('show', $(this).attr('annotation')); event.stoppropagation();...
... event.preventdefault(); }); $('.annotated').bind('mouseleave', function() { self.port.emit('hide'); }); }); function createanchor(annotation) { annotationanchorancestor = $('#' + annotation.ancestorid); annotationanchor = $(annotationanchorancestor).parent().find( ':contains(' + annotation.anchortext + ')').last(); $(annotationanchor).addclass('annotated'); $(annotationanchor).attr('annotation', annotation.annotationtext); } save this in data as matcher.js.
... annotation panel content script the annotation panel has a minimal content script that sets the text: self.on('message', function(message) { $('#annotation').text(message); }); save this in data/annotation as annotation.js.

Display a Popup - Archive of obsolete content
the add-on consists of seven files: package.json: created when you run jpm init index.js: the main add-on code, that creates the button and panel get-text.js: the content script that interacts with the panel content text-entry.html: the panel content itself, specified as html icon-16.png, icon-32.png, and icon-64.png: icons for the button in three different sizes the "index.js" looks like this: var data = require("sdk/self").data; // construct a panel, loading its content from the "text-entry.html" // file in the "data" directory, and loading the "get-text.js" script // into it.
... text = textarea.value.replace(/(\r\n|\n|\r)/gm,""); self.port.emit("text-entered", text); textarea.value = ''; } }, false); // listen for the "show" event being sent from the // main add-on code.
...self.port.on("show", function onshow() { textarea.focus(); }); finally, the "text-entry.html" file defines the <textarea> element: <html> <head> <style type="text/css" media="all"> textarea { margin: 10px; } body { background-color: gray; } </style> </head> <body> <textarea rows="13" cols="33" id="edit-box"></textarea> </body> </html> finally, save these three icon files to the "data" directory: icon-16.png icon-32.png icon-64.png try it out: "index.js" is saved in the top level, and the other five files go in your add-on's data directory: my-addon/ ...

Localization - Archive of obsolete content
d"></h1> </body> </html> then you can use this html file to build your interface, for example inside a panel: var button = require("sdk/ui/button/action").actionbutton({ id: "localized-hello", label: "localized hello", icon: "./icon-16.png", onclick: function() { hello.show(); } }); var hello = require("sdk/panel").panel({ height: 75, width: 150, contenturl: require("sdk/self").data.url("my-panel.html") }); given locale files for "en-us" and "fr" which provide translations of hello_id, the panel will now display "hello!" or "bonjour !", according to the current locale: the translation is inserted into the node which has the data-l10n-id attribute set.
...lural localizations (note that the "other" category does not take the cldr keyword): # en-us translations tomato_id[one]= %d tomato tomato_id= %d tomatoes in russian we could have four plural localizations: # ru-ru translations tomato_id[one]= %d помидор tomato_id[few]= %d помидора tomato_id[many]= %d помидоров tomato_id= %d помидоры the localization module itself understands the cldr definitions for each language, enabling it to map between, for example, "2" in the code and "few" in the ru-ru.properties file.
... using identifiers if the localization system can't find an entry for a particular identifier using the current locale, then it just returns the identifier itself.

StringView - Archive of obsolete content
ninptlen - nstartidx : nlength); break typeswitch; case uint32array: case uint16array: case uint8array: /* the input argument is a typedarray: the buffer, and possibly the array itself, will be shared.
...you rarely need to invoke the stringview.valueof() method yourself; javascript automatically invokes it when encountering an object where a primitive value is expected.
... notes when you include the script stringview.js into a page, no variables other than stringview itself will be added to the global scope.

Extension Etiquette - Archive of obsolete content
coding practices namespace conflicts there are many namespaces which extensions often must share with other consumers, be they other add-ons, web code, or the browser itself.
... call .noconflict(true) where applicable many common libraries which create global variables provide a method called noconflict, or similar, which revert any global variables they've declared, and return the object itself.
... for instance, calling jquery.noconflict(true) will remove the window.jquery and window.$ variables, and return the jquery object itself, for future use by the caller.

Appendix: What you should know about open-source software licenses - Archive of obsolete content
picking a license for original works if you are releasing source code you have developed yourself, you need to pick a license.
... when giving feedback on a project if you want to contribute modified source code to an existing project, you need to familiarize yourself with that project’s procedure for submitting modified code.
...despite the fact that different modules have different copyright holders, and overall license management is complicated, by taking this contract as a kind of proxy letter, sun is able to make changes to the openoffice.org license by itself.

Chapter 6: Firefox extensions and XUL applications - Archive of obsolete content
also, because it works with the javascript in extensions and firefox itself, the debugger can be a good way to learn about design methods.
...mozunit uses the same kind of notation, but you can also make the string the method name, making the test self-documenting.
...fixme: not sure we should talk about this tool installation windows users can take advantage of a self-contained version created by soutaro matsumoto called “gonzui for win32” http://soutaro.com/gonzui-win32/ run it as follows: download gonzui-win32-1.2.2.zip and expand it into a suitable directory.

Adding windows and dialogs - Archive of obsolete content
whenever you need a new dialog, you should ask yourself if it can be implemented using these common dialogs, and use them whenever it is possible.
... they have been thoroughly tested for os integration, accessbility and localization, so you save yourself a lot of work and favor them.
... you may be asking yourself what's the big deal about defining a simple xul window with an ok and maybe a cancel button.

An Interview With Douglas Bowman of Wired News - Archive of obsolete content
i used to pride myself in knowing how to reproduce any interface design down to a pixel-perfect level.
...i counted them myself.
... as many times as i heard the message that design of content should be addressable separately from the content itself, i don't think i realized the full benefits of doing so until we actually went through the process of separating them.

Drag and Drop JavaScript Wrapper - Archive of obsolete content
." ondraggesture="nsdraganddrop.startdrag(event,textobserver)" ondragover="nsdraganddrop.dragover(event,textobserver)" ondragexit="nsdraganddrop.dragexit(event,textobserver)" ondragdrop="nsdraganddrop.drop(event,textobserver)" /> as mentioned earlier, there is nothing special that happens during a dragenter event, so you can just write that yourself.
...the observer is an object that you declare yourself.
...for example, a file may come in two flavors, the file itself and the text name of the file.

Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
it usually manifests itself by changing text style when hovered over in mozilla, but not in internet explorer.
... rich text editing while mozilla prides itself with being the most w3c web standards compliant browser, it does support nonstandard functionality, such as innerhtml and rich text editing, if no w3c equivalent exists.
...mozilla's xslt engine will report itself as "transformiix" and internet explorer will return "microsoft".

Mozilla Crypto FAQ - Archive of obsolete content
for more information on the rsa patent see the rsa security press release announcing release of the patent into the public domain, and the rsa patent itself.
... (you may also be interested in a more in-depth analysis of the new regulations, with an emphasis on how they affect open source software.) for more information on the ssl, s/mime, pki, and other crypto source code being developed as part of the mozilla project, see the pki project page and of course the source code itself.
...also, the case itself may be declared moot in light of the new u.s.

Elements - Archive of obsolete content
firefox 2) it is impossible to attach bindings to table sub-elements (rows, cells etc.) you can attach binding only to the table element itself.
... if the children tag contains content itself, that content will become the default content.
... a field no longer changes the value of a property set on the object itself (rather than a proto) before binding attachment.

Creating XPI Installer Modules - Archive of obsolete content
these archives are redundant with the subdirectories: mozilla now installs both the compressed and uncompressed versions of the ui, though you can change this when you build mozilla yourself.
...creating a new package the package described in this section is a very simple one, but it uses the new packaging scheme and the chrome registry to make itself a piece of self-contained and redistributable software.
...the resources are installed in the mozilla/bin/chrome/ directory, and the xpi itself can be redistributed for installation on other machines.

Mac stub installer - Archive of obsolete content
copy the license and readme from the "mozilla installer" folder" to the "macbuild" folder itself.
... now run the built installer from the "macbuild" itself or by running it from the miw.mcp codewarrior project.
.../lxr.mozilla.org/seamonkey/sou...ackages-mac#33> note that if you are using the debug target of the installer binary all shared libraries are expected to have the name format <libname>debug.shlb now set a break point at xpi_init() in the mac installer code and step into xpistub and eventually the xpinstall engine will load including symbols so you can set a break point in the xpinstall engine itself.

Using XPInstall to Install Plugins - Archive of obsolete content
a definition of terms xpinstall is an installer technology, and the name itself stands for "cross platform install" (hence "xp" -- an abbreviation for "cross platform").
...the plugin itself is an imaginary one: myplugin.
...xpinstall can therefore be the "agent of delivery" to streamline the download of the exe software, but ultimately, the logic of installation and uninstallation will be handled by exe, which can then create files and registry entries and also clean up after itself upon removal.

execute - Archive of obsolete content
(note that this path points into the xpi itself.) args a parameter string that is passed to the executable.
...the following line, for example, passes the "-c" command-line parameter to the executable: err = file.execute(myfile, "-c", true); when you want to pass more than one parameter to the executable itself, however, you must format the args string in a particular way so that the parameters can be broken up and passed separately as required.
... the outer quotes that frame the args string itself are stripped off when the string is passed to the executable.

Learn XPI Installer Scripting by Example - Archive of obsolete content
ollowing high-level directory structure: install.js bin\ chrome\ components defaults\ icons\ plugins\ res\ note that this high-level structure parallels the directory structure of the installed browser very closely: as you will see in the installation script, the contents of the archive are installed onto the file system in much the same way that they are stored in the archive itself, though it's possible to rearrange things arbitrarily upon installation--to create new directories, to install files in system folders and other areas.
..."program" represents the directory where software itself is installed (e.g., c:\program files\ on win32 systems), as opposed to supporting directories like "components", "chrome", or "temporary" (see getfolder in the xpinstall api reference for a list of keywords).
...recall that an install process takes the following general form: initinstall(); if (verify_space()) { err = add_dirs_and_files; register_files; if (err==success) { performinstall() }; else { cancelinstall() }; } in this arrangement, the actual execution of the installation is checked against the errors returned from the addition of files to the installation, which may itself have been conditioned on some verification of version and necessary disk space.

Index - Archive of obsolete content
the second section describes the xul/rdf architecture itself and outlines enhancements to the xul language in order to allow the markup language to reference local data and to indicate how and when it would like to be annotatable with local data.
...the editor does not provide any editing user interface; you would supply that yourself.
...it is intended to be used when an application wants to be able to adjust the scroll position itself.

Introduction to XUL - Archive of obsolete content
widgets are pieces of the application largely self-contained, generally corresponding to a rectangle of window real estate.
...but xul defines several element types unique to itself, which add functionality to the window.
...each widget will define a unique xml syntax for describing itself; see the widget documentation referenced at the index for details.

MenuItems - Archive of obsolete content
hence, -moz-image-region is not applied to the menu itself, but one level lower: <menuitem id="add-bookmark" class="menuitem-iconic" label="add bookmark" image="addbookmark.png"/> #add-bookmark { list-style-image: url('addbookmark.png'); } #add-bookmark .menu-iconic-icon { -moz-image-region: rect(0px, 16px, 16px, 0px) !important; } #add-bookmark:hover .menu-iconic-icon { -moz-image-region: rect(16px, 16px, 32px, 0px) !important; } this behavior i...
...when the autocheck attribute is set to false, the checkbox state is not updated automatically, and you must write code to adjust the state yourself.
...<menuitem label="show toolbar" accesskey="t" type="checkbox" autocheck="false" oncommand="changetoolbarstate();"/> this version of the changetoolbarstate function changes the checked attribute itself.

textbox (Toolkit autocomplete) - Archive of obsolete content
you should not call this method yourself.
...you should not call this method yourself.
...you should not call this method yourself.

SeaMonkey - making custom toolbar (SM ver. 1.x) - Archive of obsolete content
instead, you make your custom button as a self-contained extension.
... explanation: the chrome directory contains program files that are part of seamonkey itself, together with other files that are provided by extensions.
...(some zip tools require you to use the .zip extension first, then rename the file to change the extension.) ensure that the package does not contain your working directory itself, but only install.js, content and all the files in content.

Keyboard Shortcuts - Archive of obsolete content
the key attribute (note that it has the same name as the element itself) can be used to indicate which key should be pressed, in this case r.
...note that textboxes have the clipboard shortcuts built-in so you don't have to implement them yourself.
...if no element is focused, the key event will instead be targeted at the xul document itself.

XPCOM Interfaces - Archive of obsolete content
so, in most cases, you don't need to write native code for yourself.
... xpcom components are typically implemented natively, which means that they generally do things that javascript cannot do itself.
... however, at this point, we only have a reference to the file component itself.

Creating XULRunner Apps with the Mozilla Build System - Archive of obsolete content
if you are just creating a xulrunner app with some c++ components, you can avoid the challenge of building xulrunner itself by downloading a prebuilt sdk.
...follow the instructions for meeting build requirements and getting the source, then come back here since the build process itself will be slightly different.
...oh, and actually develop the application itself.

Reference - Archive of obsolete content
i checked this by doing alert(math.constructor) //shows that object is its constructor alert(object.constructor) //shows that function is its constructor alert(function.constructor) //shows that function is its constructor note : the function.constructor seems to keep on refering to itself, if you do the following you get same results which suggests that this is indeed the top level object.
...all functions in javascript (that is, every object that has an internal [[call]] or [[construct]] property) are functions as well as objects (including the function object itself).
...in the meantime, newer features from js 1.6 (and hopefully someone will add js 1.7 features too) are being added to the reference with appropriate version information on the page itself.

RDF in Mozilla FAQ - Archive of obsolete content
</window> assuming that we've aquired a datasource somehow (e.g., like this), the following sample code illustrates how to add that datasource to the template, and then force the template to rebuild itself based on the newly added datasource's contents.
... note the rdf:null datasource: this is a special datasource that says, "hey, i don't have a datasource for you yet, but i'm going to add one later, so set yourself up for it!" it causes the database and builder properties to get installed, but leaves the database empty of datasources: you've got to add these in yourself!
...to refresh the template's contents, you must manually call elt.builder.rebuild() yourself.

2D maze game with device orientation - Game development
the phaser framework provides you with a set of tools that will speed up development and help handle generic tasks needed to complete the game, so you can focus on the game idea itself.
...you can create this yourself if you want to follow along: <!doctype html> <html> <head> <meta charset="utf-8" /> <title>cyber orb demo</title> <style> body { margin: 0; background: #333; } </style> <script src="src/phaser-arcade-physics.2.2.2.min.js"></script> <script src="src/boot.js"></script> <script src="src/preloader.js"></script> <script src="src/mainmenu.js"></script> <script src="src/...
... adding the ball and its motion mechanics first, let’s go to the create() function, initialize the ball object itself and assign a few properties to it: this.ball = this.add.sprite(this.ballstartpos.x, this.ballstartpos.y, 'ball'); this.ball.anchor.set(0.5); this.physics.enable(this.ball, phaser.physics.arcade); this.ball.body.setsize(18, 18); this.ball.body.bounce.set(0.3, 0.3); here we’re adding a sprite at the given place on the screen and using the 'ball' image from the loaded graphic assets.

HTTP header - MDN Web Docs Glossary: Definitions of Web-related terms
headers are case-insensitive, begins at the start of a line and are immediately followed by a ':' and a value depending of the header itself.
... request header: headers containing more information about the resource to be fetched or about the client itself.
... response header: headers with additional information about the response, like its location or about the server itself (name, version, …).

Organizing your CSS - Learn web development
you don't need to comment every single thing in your css, as much of it will be self-explanatory.
...you will thank yourself when you come back to this project in a year or so, and can vaguely remember there was a great tutorial about that thing, but where is it?
... other tools that can help css itself doesn't have much in the way of in-built organisation, therefore you need to do the work to create consistency and rules around how you write css.

How much does it cost to do something on the Web? - Learn web development
you have to try it for yourself and decide if it meets your needs.
... do-it-yourself hosting vs.
... “packaged” hosting when you want to publish a website, you could do everything by yourself: set up a database (if needed), content management system, or cms (like wordpress, dotclear, spip, etc.), upload pre-made or your own templates.

Client-side form validation - Learn web development
that means that even though the browser doesn't automatically check the validity of the form before sending its data, you can still do it yourself and style the form accordingly.
... // there are many ways to pick a dom node; here we get the form itself and the email // input box, as well as the span element into which we will place the error message.
... to validate a form, ask yourself a few questions: what kind of validation should i perform?

UI pseudo-classes - Learn web development
note: you'll probably not find yourself using the :optional pseudo-class very often.
... back to our required/optional example from before, this time we'll not alter the appearance of the input itself — we'll use generated content to add an indicating label (see it live here, and see the source code here).
... the most common use of this is to add a different style onto the checkbox/radiobutton when it is checked, in cases where you've removed the system default styling with appearance: none; and want to build the styles back up yourself.

Use JavaScript within a webpage - Learn web development
if you want to learn javascript itself, you can start with our javascript basics article.
... how to trigger javascript from html within a browser, javascript doesn't do anything by itself.
... <script> window.addeventlistener('load', function () { console.log('this function is executed once the page is fully loaded'); }); </script> that's convenient when you just need a small bit of javascript, but if you keep javascript in separate files you'll find it easier to focus on your work write self-sufficient html write structured javascript applications use scripting accessibly accessibility is a major issue in any software development.

From object to iframe — other embedding technologies - Learn web development
only embed when necessary sometimes it makes sense to embed third-party content — like youtube videos and maps — but you can save yourself a lot of headaches if you only embed third-party content when completely necessary.
... if you find yourself needing to embed plugin content, this is the kind of information you'll need, at a minimum: <embed> <object> url of the embedded content src data accurate media type of the embedded content type type height and width (in css pixels) of the box controlled by the plugin height width height width names and values, to ...
... give yourself a break from the extra accessibility headaches that come with flash and other plugins.

Functions — reusable blocks of code - Learn web development
note: feel free to enter these lines into your browser's javascript console to re-familiarize yourself with their functionality, if needed.
... the javascript language has many built-in functions to allow you to do useful things without having to write all that code yourself.
...output() itself is available from anywhere, as it is defined in the global scope.

Drawing graphics - Learn web development
parameters 2 and 3 define the coordinates of the top left corner of the area you want to cut out of the loaded image, relative to the top-left corner of the image itself.
...if you aren't going to change anything, then you might as well just use static images and save yourself all the work.
...if your browser doesn't support these inputs, they will fall back to simple text fields and you'll just have to enter valid color/number values yourself.

A first splash into JavaScript - Learn web development
i].textcontent = ''; } resetbutton.parentnode.removechild(resetbutton); guessfield.disabled = false; guesssubmit.disabled = false; guessfield.value = ''; guessfield.focus(); lastresult.style.backgroundcolor = 'white'; randomnumber = math.floor(math.random() * 100) + 1; } </script> </body> </html> have a go at playing it — familiarize yourself with the game before you move on.
... the first three constants are each made to store a reference to the results paragraphs in our html, and are used to insert values into the paragraphs later on in the code (note how they are inside a <div> element, which is itself used to select all three later on for resetting, when we restart the game): <div class="resultparas"> <p class="guesses"></p> <p class="lastresult"></p> <p class="loworhi"></p> </div> the next two constants store references to the form text input and submit button and are used to control submitting the guess later on.
...try entering the below lines, one by one: guesses.style.backgroundcolor = 'yellow'; guesses.style.fontsize = '200%'; guesses.style.padding = '10px'; guesses.style.boxshadow = '3px 3px 6px black'; every element on a page has a style property, which itself contains an object whose properties contain all the inline css styles applied to that element.

Basic math in JavaScript — numbers and operators - Learn web development
** exponent raises a base number to the exponent power, that is, the base number multiplied by itself, exponent times.
...try entering the examples below into your developer tools javascript console to familiarize yourself with the syntax.
...for a start, note that you can't apply these directly to a number, which might seem strange, but we are assigning a variable a new updated value, not operating on the value itself.

Object prototypes - Learn web development
they are methods/properties available just on the object() constructor itself.
... note: this seems strange — how can you have a method defined on a constructor, which is itself a function?
... you can check out existing prototype properties for yourself — go back to our previous example and try entering the following into the javascript console: person.prototype the output won't show you very much because we haven't defined anything on our custom constructor's prototype!

Server-side web frameworks - Learn web development
get it yourself: some web frameworks include tools/libraries that address every problem their developers can think "by default", while more lightweight frameworks expect web developers to pick and choose solution to problems from separate libraries (django is an example of the former, while flask is an example of a very light-weight framework).
...in addition to "ease of use" of the language itself, high quality documentation/tutorials and an active community helping new users are your most valuable resources.
...it similarly encourages the use of design patterns like dry ("dont repeat yourself" — write code only once if at all possible), mvc (model-view-controller) and a number of others.

Introduction to client-side frameworks - Learn web development
react itself is not technically a framework; it's a library for rendering ui components.
...as we've alluded to before, the advantages of frameworks are achievable in vanilla javascript, but using a framework takes away all of the cognitive load of having to solve these problems yourself.
...this rfc serves as a great example of the kind of research you should do for yourself when planning to use a front-end framework.

Framework main features - Learn web development
the code will be initially rendered like so in the browser: <button>clicked 0 times</button> the usestate() call keeps track of the count value in a robust way across the app, without you needing to write code to do that yourself.
...because frameworks make these decisions for you, you typically don't interact with the dom yourself.
... this abstraction away from the dom is more complex and more memory-intensive than updating the dom yourself, but without it, frameworks could not allow you to program in the declarative way they’re known for.

Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
like we already saw, we could just tell svelte to update the variable with a self-assignment, like this: const checkalltodos = (completed) => { todos.foreach(t => t.completed = completed) todos = todos } this will solve the problem.
... internally svelte will flag todos as changed and remove the apparently redundant self-assignment.
...this one comes from javascript itself and has nothing to do with svelte, besides providing some inspiration for svelte's own shorthands.

Strategies for carrying out testing - Learn web development
they expect you to self-host the analytics platform.
... putting together a testing lab one option for carrying out browser tests is to do the testing yourself.
...stalled side by side, so you might want to build up a library of virtual machines to handle different tests as required, e.g.: windows 10 with edge 14 windows 10 with edge 13 windows 8.1 with ie11 windows 8 with ie10 windows 7 with ie9 windows xp with ie8 windows xp with ie7 windows xp with ie6 note: another good thing about virtual machines is that the virtual disk images are fairly self-contained.

Chrome Worker Modules
you only need to do it once for each worker, from within the chrome worker itself: importscripts("resource://gre/modules/workers/require.js"); note: although you only need to do this once for each worker, it doesn't hurt if you do it more than once.
...in particular, globals (string, math, object, self) and the worker global scope itself (this) are shared between workers.
... in other words, the true isolation unit is the worker itself, not the module.

Software accessibility: Where are we today?
the importance of braille itself must be emphasized.
...however, any special features are generally handled in the keyboard itself, so that no special programming is required.
...each end user has a unique set problems, and in the open source world, providing highly customized solutions can be a business in itself.

Mozilla’s UAAG evaluation report
this uaag evaluation report covers nightly builds of the mozilla web browser itself, running on windows 2000, as of february 20, 2002.
... does not provide information about whether link is internal or external, except through url itself.
...(p2) ni the web page itself is currently responsible for letting the user know what accesskey's are available.

Eclipse CDT
rebuilding the index itself is required much more frequently since the source changes more frequently.
...to rebuild for changes in an individual directory (for example, to take account of some changes that you yourself made) select "index > freshen all files" on that directory.
...eclipse should now update itself and ask you to restart.

Using JavaScript code modules
.import("resource://app/my_module.jsm"); alert(foo()); // displays "foo" alert(bar.size + 3); // displays "6" alert(dummy); // displays "dummy is not defined" because 'dummy' was not exported from the module note: when you're testing changes to a code module, be sure to change the application's build id (e.g., the version) before your next test run; otherwise, you may find yourself running the previous version of your module's code.
...interface(components.interfaces.nsiresprotocolhandler); var aliasfile = components.classes["@mozilla.org/file/local;1"] .createinstance(components.interfaces.nsilocalfile); aliasfile.initwithpath("/some/absolute/path"); var aliasuri = services.io.newfileuri(aliasfile); resprot.setsubstitution("myalias", aliasuri); // assuming the code modules are in the alias folder itself notes custom modules and xpcom components note that prior to gecko 2.0 javascript xpcom components are loaded before chrome registration.
...dk add-on: // import the sdk's base64 module var base64 = require("sdk/base64"); base64.encode("hello"); // "agvsbg8=" you can import other commonjs modules, too, as long as you know the path to them: // import my module var mymodule = require("resource://path/to/my/module.js"); in this case, though, you might be better off creating your own loader, so you can specify the paths property yourself.

Localizing with Mercurial
your mercurial configuration is contained within a config file which you must create yourself.
...let's face it, it's just more convenient to commit and push your work to the remote repo yourself, rather than creating patches and asking someone else to push them for you.
... sending changes to mozilla now that you have hg account privileges, you can send your work to mozilla all by yourself.

Mozilla DOM Hacking Guide
since i am myself still learning how it works, don't expect this to be a complete reference quite yet.
...the behavior "act as an array" cannot be reflected in the idl itself.
...the line d.minterfaces = interface_list assigns to minterfaces the address of the first element of the interface_list array, which is itself a pointer.

Mozilla Development Strategies
of course, our documentation is a wiki; you can really help by updating the documentation yourself.
... if it takes you five extra minutes to do something the "right" way rather than twenty minutes debating it with the reviewer, you've just saved yourself and the reviewer valuable time.
...save yourself (and others) time later by doing a solid code review.

NSS API Guidelines
if our library is self-consistent with how we accomplish these tasks, it makes it easier for the developer to learn how to use our functions.
... thread b now finds itself with a pointer to released data.
...be sure to calculate the hash value first, then only lock over the hash table value itself.

PKCS11 FAQ
nss itself uses two tokens internally--one that provides generic cryptographic services without authentication, and one that provides operations based on the keys stored in the user's database and do need authentication.
...nss does not keep a copy of the generated key if it generates the key itself.
...(it goes to sso mode only if your token identifies itself as ckf_login_required, but not ckf_user_initialized).

NSS tools : modutil
nss internal pkcs #11 module slots: 2 slots attached status: loaded slot: nss internal cryptographic services token: nss generic crypto services slot: nss user private key and certificate services token: nss certificate db ----------------------------------------------------------- passing a specific module name with the -list returns details information about the module itself, like supported cipher mechanisms, version numbers, serial numbers, and other information about the module and the token it is loaded on.
...each entry in the list is itself a key-value pair: the key is the name of the platform and the value list contains various attributes of the platform.
...typically, this string is used for a setup program provided by a module vendor, such as a self-extracting setup executable.

NSS Tools certutil
if a ca key pair is not available, you can create a self-signed certificate (for purposes of illustration) with the -x argument.
... this example creates a new binary, self-signed ca certificate named myissuer, in the specified directory.
...it is issued by the self-signed certificate created above, myissuer.

NSS tools : modutil
s: 2 slots attached status: loaded slot: nss internal cryptographic services token: nss generic crypto services slot: nss user private key and certificate services token: nss certificate db ----------------------------------------------------------- passing a specific module name with the -list returns details information about the module itself, like supported cipher mechanisms, version numbers, serial numbers, and other information about the module and the token it is loaded on.
...each entry in the list is itself a key-value pair: the key is the name of the platform and the value list contains various attributes of the platform.
...typically, this string is used for a setup program provided by a module vendor, such as a self-extracting setup executable.

Rhino Debugger
the debugger is itself a java program which you may run as java org.mozilla.javascript.tools.debugger.main [options] [filename.js] [script-arguments] where the options are the same as the shell.
...if a property is itself a javascript object the property may be expanded to show its sub-properties.
...if a variable is itself a javascript object the variable may be expanded to show its sub-properties.

SpiderMonkey Build Documentation
(if you want to use spidermonkey as a library in your c++ application, or work on improving spidermonkey itself, do a developer/debug build instead, as described below.) cd js/src # this name should end with "_opt.obj" to make the version control system ignore it.
... developer (debug) build for developing and debugging spidermonkey itself, it is best to have both a debug build (for everyday debugging) and an optimized build (for performance testing), in separate build directories.
...these flags ensure the compiler will find the spidermonkey libraries, along with any libraries that spidermonkey itself depends upon (like nspr).

Tracing JIT
the recorder in jstracer inserts lins values into a lir buffer held in a page, itself contained within a logical fragment, and the nanojit compilation pipeline and assembler transform the lins values into nins values.
... if the recorder is asked to record a bytecode that implies a call to a native function elsewhere in spidermonkey -- some helper function written in c -- and that native happens to re-enter the interpreter to interpret yet more bytecode, and furthermore if that bytecode itself contains a hot pc that has not yet been traced, the trace monitor may be asked to begin nested recording.
...if that pc has itself grown hot, the monitor will immediately transition to recording mode starting with the exiting pc.

SpiderMonkey 38
please note that spidermonkey reserves the js:: namespace for itself (and the js:: namespace for internal use).
...869) js_getlatin1internedstringchars (bug 1037869) js_getlatin1stringcharsandlength (bug 1032726) js_getstringcharat (bug 1034627) js_gettwobyteexternalstringchars (bug 1034627) js_gettwobyteflatstringchars (bug 1037869) js_gettwobyteinternedstringchars (bug 1037869) js_gettwobytestringcharsandlength (bug 1032726) js_newplainobject (bug 1125356) js_removefinalizecallback (bug 996785) js_self_hosted_sym_fn (bug 1082672) js_sym_fn (bug 1082672) js_sym_fnspec (bug 1082672) js_stringhaslatin1chars (bug 1032726) js_stringisflat (bug 1037869) js_stringtoid (bug 959787) propertydefinitionbehavior (bug 825199) symbol_to_jsid (bug 645416) obsolete apis ...
... this change better aligns with ecmascript's [[preventextensions]] hook, which generally returns true or false to indicate whether subsequent attempts to add a new property will fail, yet also itself may throw in some cases.

Web Replay
instead of communicating via ipc with a compositor in the ui process, there is a compositor in the recording process itself which performs the rendering.
... middleman process the middleman is the same as a normal content process, except that it spawns and communicates with the child process, and avoids creating any documents itself.
... this will be part of gecko itself, rather than a separate tool, which means both that developers won't need additional software to use it and that this can't be used to debug other software.

Secure Development Guidelines
ng % encoding java/vbscript escaping depends on the context; in a single-quoted string, escaping ' would suffice sql injection occurs when un-trusted input is mixed with a sql string sql is a language used to interact with databases code injection attack that is similar to xss but targeted at sql rather than html and javascript if input is mixed with sql, it could itself become an sql instruction and be used to: query data from the database (passwords) insert value into the database (a user account) change application logic based on results returned by the database sql injection: example snprintf(str, sizeof(str), "select * from account where name ='%s'", name); sqlite3_exec(db, str, null, null, null); sql injection: prevention ...
... free(ptr); } }; constructor/destructor issues: prevention initialize the data members of an object in the constructor writing secure code: miscellaneous file i/o a lot can go wrong because a lot can be done with file input and output filenames permissions file handles and descriptors file i/o: filename divided in directories, subdirectories, and the file itself ‘/’ is separator; in windows ‘\’ would work too int openfile(char *file) { handle fh; if (strstr(file, “\”)) return -1; fh = createfilea(file, ...); writefile(fh, data, sizeofdata, null, null); } could be a normal file, directory, device, or link directory traversal (../../../../) file i/o: file permissions should be set correctly be sure...
...act base class nsastring common read-only methods length() isempty() equals() common methods for modifying the string assign() append() insert() truncate() checking return values often causes problems return value not handled certain cases not handled or interpreted incorrectly double meaning malloc() can return a pointer or null, but null by itself is a valid address checking return values int main() { int fds[2]; pipe(fds); write(fds[0], "data", 4); } the pipe() return value is not checked if pipe() fails, fds is not initialized write to un-initialized file descriptor checking return values check all return values—no matter how unlikely the api failure for example: close() can fail and leak file d...

Creating a Python XPCOM component
make a file named "py_simple.py" for the actual code (again, in the 'components' directory): from xpcom import components, verbose class pysimple: #pythontestcomponent _com_interfaces_ = components.interfaces.nsipysimple _reg_clsid_ = "{c456ceb5-f142-40a8-becc-764911bc8ca5}" _reg_contractid_ = "@mozilla.org/pysimple;1" def __init__(self): self.yourname = "a default name" # or mname ?
... def __del__(self): if verbose: print "pysimple: __del__ method called - object is destructing" def write(self): print self.yourname def change(self, newname): self.yourname = newname then register your component; the procedure is the same for any component, but will not work if python components weren't enabled.
... # _reg_clsid_ = "{a new clsid generated for this object}" # _reg_contractid_ = "the.object.name" def get_value( self ): # result: string pass def set_value( self, param0 ): # result: void - none # in: param0: string pass as you can see, the output is valid python code, with basic signatures and useful comments for each of the methods.

Finishing the Component
the only trouble occurs when the compiler itself changes its v-table layout, which can happen when the compiler changes its abi.
... the name of the resource itself, given as a path.
... instead of extracting the string spec out of the nsiuri to do a string comparison, which would require you to do the parsing yourself, you can compare the nsiuri objects with each other, as in the following section.

operator=
self_type& operator=( const self_type& astring ); parameters astring [in] a nsacstring to append to this string.
... self_type& operator=( const char_type* adata ); parameters adata [in] a raw character array to append to this string.
... self_type& operator=( char_type achar ); parameters achar [in] a character to append to this string.

operator+=
self_type& operator+=( const self_type& astring ); parameters astring [in] a nsacstring to append to this string.
... self_type& operator+=( const char_type* adata ); parameters adata [in] a raw character array to append to this string.
... self_type& operator+=( char_type achar ); parameters achar [in] a character to append to this string.

operator=
self_type& operator+=( const self_type& astring ); parameters astring [in] a nsastring to append to this string.
... self_type& operator=( const char_type* adata ); parameters adata [in] a raw character array to append to this string.
... self_type& operator=( char_type achar ); parameters achar [in] a character to append to this string.

operator+=
self_type& operator+=( const self_type& astring ); parameters astring [in] a nsastring to append to this string.
... self_type& operator+=( const char_type* adata ); parameters adata [in] a raw character array to append to this string.
... self_type& operator+=( char_type achar ); parameters achar [in] a character to append to this string.

nsIContentSecurityPolicy
1.0 66 introduced gecko 2.0 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) method overview boolean permitsancestry(in nsidocshell docshell); void refinepolicy(in astring policystring, in nsiuri selfuri); void scanrequestdata(in nsihttpchannel achannel); void sendreports(in astring blockeduri, in astring violateddirective); short shouldload(in unsigned long acontenttype, in nsiuri acontentlocation, in nsiuri arequestorigin, in nsisupports acontext, in acstring amimetypeguess, in nsisupports aextra); short shouldprocess(in unsigned long acontenttype, in nsiuri acontentlocation, in nsiu...
...void refinepolicy( in astring policystring, in nsiuri selfuri ); parameters policystring selfuri scanrequestdata() called after the content security policy object is created to fill in the appropriate request and request header information needed in case a report needs to be sent.
...the uri may be null, in which case "self" is sent.

Component; nsIPrefBranch
if you find yourself wondering what is the maximum amount of data you can store in a string preference, consider storing data separately, for example in a flat file or an sqlite database.
...if you find yourself wondering what is the maximum amount of data you can store in a string preference, consider storing data separately, for example in a flat file or an sqlite database.
...these cycles generally occur because an object both registers itself as an observer (causing the branch to hold a reference to the observer) and holds a reference to the branch object for the purpose of getting/setting preference values.

nsISocketTransport
prnetaddr getselfaddr(); native code only!
...native code only!getselfaddr returns the ip address of the initiating end.
...prnetaddr getselfaddr(); parameters none.

nsIThread
warning: this method may not be called from the thread itself.
... exceptions thrown ns_error_unexpected shutdown() was erroneously called from within the thread itself, the thread was not created with the thread manager's nsithreadmanager.newthread() method, or the thread is already in the process of being shut down.
... note: this method must be called from within the thread itself, and not from another thread.

Setting HTTP request headers
please also note that the code itself usually is wrapped inside a exports.main = function() { ...
...addobserver(this, "http-on-modify-request", false); return; } }, queryinterface: function (iid) { if (iid.equals(components.interfaces.nsiobserver) || iid.equals(components.interfaces.nsisupports)) return this; components.returncode = components.results.ns_error_no_interface; return null; }, }; var mymodule = { registerself: function (compmgr, filespec, location, type) { var compmgr = compmgr.queryinterface(components.interfaces.nsicomponentregistrar); compmgr.registerfactorylocation(this.mycid, this.myname, this.myprogid, filespec, location,...
... type); log("----------------------------> registerself"); var catmgr = components.classes["@mozilla.org/categorymanager;1"].getservice(components.interfaces.nsicategorymanager); catmgr.addcategoryentry("app-startup", this.myname, this.myprogid, true, true); }, getclassobject: function (compmgr, cid, iid) { log("----------------------------> getclassobject"); return this.myfactory; }, mycid: components.id("{9cf5f3df-2505-42dd-9094-c1631bd1be1c}"), myprogid: "@dougt/myhttplistener;1", myname: "simple http listener", myfactory: { queryinterface: function (aiid) { if (!aiid.equals(components.interfaces.nsisupports) && !aiid.equals(compone...

Getting Started Guide
when that count goes to zero, the interface may delete itself.
...when the last pointer to an interface is released, the interface (and consequently, typically the underlying object) will delete itself.
...nscomptr never calls queryinterface implicitly, i.e., you must call it yourself, or explictly ask nscomptr to call it with do_queryinterface.

wrappedJSObject
suppose we register the component below with the @myself.com/my-component;1 contract.
...in this example we use getservice, but as long as we get the reference from xpcom, our component gets wrapped by xpconnect in the same way: var comp = components.classes["@myself.com/my-component;1"].getservice(); if we try to call the hello() method we defined in our component implementation, we get: > comp.hello(); typeerror on line 1: comp.hello is not a function this happens because, as we mentioned earlier, comp is not the helloworld js object itself, but an xpconnect wrapper around it: > dump(comp); [xpconnect wrapped nsisupports] the idea of these wrappers ...
...for example: function helloworld() { this.wrappedjsobject = this; }; now we can get the component directly: var comp = components.classes["@myself.com/my-component;1"] .getservice().wrappedjsobject; this is a real js object: > comp [object object] so we can access any property on it: > comp.hello(); hello world!

Mail event system
when a notification is fired on a folder, all of the folder's folder listeners and the mail session itself is notified.
...the folder calls notifyintpropertychanged on itself with the atom that represents "totalmessages": this->notifyintpropertychanged(ktotalmessagesatom, 4, 5);.
... onitemboolpropertychanged: function(item, property, oldvalue, newvalue) {}, onitemunicharpropertychanged: function(item, property, oldvalue, newvalue) {}, onitempropertyflagchanged: function(item, property, oldflag, newflag) {}, onitemevent: function(item, event) = {}, onfolderloaded: function(afolder) = {} ondeleteormovemessagescompleted: function( afolder) = {}, } // now register myself as a listener on every mail folder var mailsession = components.classes["component://netscape/messenger/services/session"].

Add to iPhoto
initializing core foundation the init() method, which sets everything up, looks like this: init: function() { this.lib = ctypes.open("/system/library/frameworks/corefoundation.framework/corefoundation"); // declaring all the apis goes here } shutting down core foundation while the core foundation system framework itself doesn't need to be shut down, we do need to close the library we opened using the js-ctypes api; that's where the shutdown() method comes in: shutdown: function() { this.lib.close(); } select api declarations let's take a look at a few of the key apis we declare for core foundation, to see how it's done.
... there are also a few constants used for the flags field in the lsapplicationparameters structure: this.klsrolesnone = 1; this.klsrolesviewer = 2; this.klsroleseditor = 4; this.klsrolesall = 0xffffffff; implementing the extension now that the mac os x apis we'll be using have been declared, we can write the core of the extension itself.
... the first step here is to create a new fsref object to contain the reference to the iphoto application itself, since lsopenurlswithrole() uses an fsref to specify the application to launch.

Working with data
if you need to convert a string that doesn't meet these requirements, you'll need to do it yourself.
...you'll have to convert those yourself, as covered above.
...for example: var num = ctypes.int64.join(-0x12345678, 0x90abcdef); performing arithmetic with 64-bit values the int64 and uint64 objects don't provide any methods for performing arithmetic, which means you'll have to do it yourself by pulling out the high and low 32-bit portions and doing math on them, then joining them back together if necessary to get the complete result.

Debugger.Object - Firefox Developer Tools
call(this,argument, ...) if the referent is callable, call it with the giventhis value andargument values, and return a completion value describing how the call completed.this should be a debuggee value, or { asconstructor: true } to invoke the referent as a constructor, in which case spidermonkey provides an appropriate this value itself.
... apply(this,arguments) if the referent is callable, call it with the giventhis value and the argument values inarguments, and return a completion value describing how the call completed.this should be a debuggee value, or { asconstructor: true } to invokefunction as a constructor, in which case spidermonkey provides an appropriate this value itself.arguments must either be an array (in the debugger) of debuggee values, or null or undefined, which are treated as an empty array.
... for all watchpoint handler methods: handler calls receive the handler object itself as the this value.

Dominators - Firefox Developer Tools
these concepts matter in memory analysis, because often an object may itself be small, but may hold references to other much larger objects, and by doing this will prevent the garbage collector from freeing that extra memory.
... shallow and retained size this gives rise to a distinction between two ways to look at the size of an object: shallow size: the size of the object itself retained size: the size of the object itself, plus the size of other objects that are kept alive by this object often, objects will have a small shallow size but a much larger retained size, through the references they contain to other objects.
...node b is said to dominate node a if every path from the root to a passes through b: if any of node a's dominators are freed, then node a itself becomes eligible for garbage collection.

Intensive JavaScript - Firefox Developer Tools
using requestanimationframe in the first attempt at fixing this, we'll split up the function into a number of much smaller self-contained functions, and schedule each one using requestanimationframe().
... using requestanimationframe worked to solve the responsiveness problem here, but there are a couple of potential problems with it: it can be difficult to split up a long-running function into separate self-contained functions.
... then we need a new file "calculate.js", that looks like this: self.addeventlistener("message", go); function go(message) { var iterations = message.data.iterations; var multiplier = message.data.multiplier; primes = calculateprimes(iterations, multiplier); self.postmessage({ "command":"done", "primes": primes }); } function calculateprimes(iterations, multiplier) { var primes = []; for (var i = 0; i < iterations; i++) { var candidate...

Responsive Design Mode - Firefox Developer Tools
for example: developer toolbox with rdm you can show or hide the developer tools toolbox independently of toggling responsive design mode itself: while responsive design mode is enabled, you can continue browsing as you normally would in the resized content area.
...select a device, and responsive design mode sets the following properties to match the selected device: screen size device pixel ratio (the ratio of device physical pixels to device-independent pixels) touch event simulation additionally, firefox sets the user-agent http request header to identify itself as the default browser on the selected device.
... for example, if you've selected an iphone, then firefox identifies itself as safari.

Web Console remoting - Firefox Developer Tools
this option allows you to bind _self to the debugger.object of the given object actor, during string evaluation.
... the variable view needs to update objects and it does so by binding _self to the debugger.object of the objectactor that is being viewed.
... as such, variable view sends strings like these for evaluation: _self["prop"] = value; the frameactor property is an optional frameactor id.

DirectoryReaderSync - Web APIs
self.requestfilesystemsync = self.webkitrequestfilesystemsync || self.requestfilesystemsync; // global for holding the list of entry file system urls.
...function onerror(e) { postmessage('error: ' + e.tostring()); } self.onmessage = function(e) { var data = e.data; // ignore everything else except our 'list' command.
... if (!data.cmd || data.cmd != 'list') { return; } try { var fs = requestfilesystemsync(temporary, 1024*1024 /*1mb*/); getallentries(fs.root.createreader()); self.postmessage({entries: paths}); } catch (e) { onerror(e); } }; method overview entrysync readentries () raises (fileexception); method readentries() returns a lost of entries from a specific directory.

Element.getElementsByTagName() - Web APIs
all descendants of the specified element are searched, but not the element itself.
... the returned list is live, which means it updates itself with the dom tree automatically.
...only the element's descendants are included, not the element itself.

FetchEvent - Web APIs
the browser creates these objects itself and provides them to fetch event callbacks.
... fetchevent.respondwith() prevent the browser's default fetch handling, and provide (a promise for) a response yourself.
... self.addeventlistener('fetch', event => { // let the browser do its default thing // for non-get requests.

FileSystemEntrySync - Web APIs
you cannot do the following: move a directory inside itself or to any child at any depth move an entry into its parent if a name different from its current one isn't provided move a file to a path occupied by a directory or move a directory to a path occupied by a file move any element to a path occupied by a directory that is not empty.
...you cannot copy an entry inside itself if it is a directory, nor can you copy it into its parent without providing a new name.
...if this entry is the root of its file system, then the parent is itself.

Notification - Web APIs
properties static properties these properties are available only on the notification object itself.
... notification.badge read only the url of the image used to represent the notification when there is not enough space to display the notification itself.
... methods static methods these methods are available only on the notification object itself.

Payment processing concepts - Web APIs
these may be either one of the standardized payment handler identifiers, or a url used by the payment processing service to both identify itself and to handle payments.
...note this function must go through the merchant server, because a client typically does not access the validation url itself.
... thus, it's important to note that the user agent never sends a merchantvalidation event, unless the user agent itself implements a payment handler.

WebGLRenderingContext.vertexAttribPointer() - Web APIs
however, if you are designing the format yourself, or your geometry is in text files (like wavefront .obj files) and must be converted into an arraybuffer at runtime, you have free choice on how to structure the memory.
...you have two options: either you specify the index yourself.
... if you are using webgl 2, you can specify the index yourself in the vertex shader code and override the default used by the graphics card, e.g.

Inputs and input sources - Web APIs
the fundamental capabilities of an input source are: targeting monitoring directional controls (either a motion-sensing pointer or a joystick or trackpad, for example) to aim in a direction, possibly at a target, though targeting is left to you to implement yourself.
... this may or may not involve actually pointing at a particular object within the 3d world; you have to determine this yourself using hit testing—that is, checking to see if the target ray intersects with any objects in your scene.
...while webxr offers no support for directly interfacing these input devices with the xr scene, you can collect the input data yourself and apply it yourself.

Starting up and shutting down a WebXR session - Web APIs
this includes the xrsession itself, all of the data used to render the scene in webgl, the world reference space, and the id returned by requestanimationframe().
... preparing to render the scene at this point, the xrsession itself has been fully configured, so we can begin rendering.
...the shutdown of an xrsession can happen either due to the session itself deciding it's time to shut down (such as if the user turns off their xr device), because the user has clicked a button to end the session, or some other situation as appropriate for your application.

window.postMessage() - Web APIs
this means you can pass a broad variety of data objects safely to the destination window without having to serialize them yourself.
... if (event.origin !== "http://example.com") return; // event.source is popup // event.data is "hi there yourself!
... event.source.postmessage("hi there yourself!

WindowOrWorkerGlobalScope.setInterval() - Web APIs
this[sproperty] : this); }; myarray.mymethod(); // prints "zero,one,two" myarray.mymethod(1); // prints "one" settimeout(myarray.mymethod, 1000); // prints "[object window]" after 1 second settimeout(myarray.mymethod, 1500, "1"); // prints "undefined" after 1,5 seconds // passing the 'this' object with .call won't work // because this will change the value of this inside settimeout itself // while we want to change the value of this inside myarray.mymethod // in fact, it will be an error because settimeout code expects this to be the window object: settimeout.call(myarray, myarray.mymethod, 2000); // error: "ns_error_xpc_bad_op_on_wn_proto: illegal operation on wrappednative prototype object" settimeout.call(myarray, myarray.mymethod, 2500, 2); // same error as you can see there...
...however, the daemon constructor itself is nothing but a clone of minidaemon with an added support for init and onstart functions declarable during the instantiation of the daemon.
...as such, you may find yourself with queued up xhr requests that won't necessarily return in order.

Using XMLHttpRequest - Web APIs
the download events are fired on the xmlhttprequest object itself, as shown in the above sample.
...> post your photos: <input type="file" multiple name="photos[]"> </p> <p> <input id="vehicle_bike" type="checkbox" name="vehicle[]" value="bike" /> <label for="vehicle_bike">i have a bike</label><br /> <input id="vehicle_car" type="checkbox" name="vehicle[]" value="car" /> <label for="vehicle_car">i have a car</label> </p> <p> describe yourself:<br /> <textarea name="description" cols="50" rows="8"></textarea> </p> <p> <input type="submit" value="submit" /> </p> </fieldset> </form> </body> </html> to test this, create a page named register.php (which is the action attribute of these sample forms), and put the following minimalistic content: <?php /* register.php */ header("content-type: text/plain"); /* n...
...> post your photos: <input type="file" multiple name="photos[]"> </p> <p> <input id="vehicle_bike" type="checkbox" name="vehicle[]" value="bike" /> <label for="vehicle_bike">i have a bike</label><br /> <input id="vehicle_car" type="checkbox" name="vehicle[]" value="car" /> <label for="vehicle_car">i have a car</label> </p> <p> describe yourself:<br /> <textarea name="description" cols="50" rows="8"></textarea> </p> <p> <input type="submit" value="submit" /> </p> </fieldset> </form> </body> </html> note: as we said, formdata objects are not stringifiable objects.

Accessibility: What users can do to browse more safely - Accessibility
the user can do much to protect himself by learning his operating system, its personalization and accessibility settings.
...this will not work on animated gifs; the source of the animation is self-contained within a gif and is not affected by these settings.
...this will not work on animated gifs; the source of the animation is self-contained within a gif and is not affected by these settings..

Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
ortant] state_pressed state_checked [important] state_mixed state_readonly [important] state_hottracked state_default [important] state_expanded [important] state_collapsed [important] state_busy [important] state_floating state_marqueed state_animated state_invisible state_offscreen [important] state_sizeable state_moveable state_selfvoicing state_focusable [important] state_selectable [important] state_linked [important] state_traversed [important] state_multiselectable [important] state_extselectable state_alert_low state_alert_medium state_alert_high state_protected [important] state_haspopup msaa roles cheat sheet for information on what each role does, see the msdn role...
...problems can easily happen merely by having two listboxes visible at the same time, because selected listbox items use the system highlight color, even when the listbox itself is not focused.
...the tree view object itself handles all of the requests for get_accname for child objects.

CSS Animations tips and tricks - CSS: Cascading Style Sheets
<div class="box"> </div> <div class="runbutton">click me to run the animation</div> css content now we'll define the animation itself using css.
... some css that's not important (the style of the "run" button itself) isn't shown here, for brevity.
...the main tricks are: make your animation as self-contained as possible.

Box alignment for block, absolutely positioned and table layout - CSS: Cascading Style Sheets
justify-self the justify-self property is used to align an item inside its containing block on the inline axis.
... align-self the align-self property does not apply to block-level boxes (including floats), because there is more than one item in the block axis.
... reference css properties justify-content align-content justify-self align-self glossary entries alignment subject alignment container fallback alignment ...

CSS Grid Layout and Progressive Enhancement - CSS: Cascading Style Sheets
the ie/edge (≤15) version of the specification is prefixed with an -ms prefix and the properties implemented in ie/edge (≤15) are as follows: grid-template-columns as -ms-grid-columns grid-template-rows as -ms-grid-rows grid-row-start as -ms-grid-row grid-column-start as -ms-grid-column align-self as -ms-grid-row-align justify-self as -ms-grid-column-align the ie version has additional properties not required in the new specification of -ms-grid-column-span and -ms-grid-row-span.
... the float no longer applies, and i can use the css box alignment property align-self to align my content to the end of the container: * {box-sizing: border-box;} img { max-width: 100%; display: block; } .media { border: 2px solid #f76707; border-radius: 5px; background-color: #fff4e6; max-width: 400px; display: grid; grid-template-columns: 1fr 2fr; grid-template-areas: "img content"; margin-bottom: 1em; } .media::after { content: ""; ...
... display: block; clear: both; } .media .image { float: left; width: 150px; margin-right: 20px; } .media .text { padding: 10px; align-self: end; } <div class="media"> <div class="image"><img src="https://udn.realityripple.com/samples/89/f993f273dd.png" alt="placeholder"></div> <div class="text">this is a media object example.

CSS reference - CSS: Cascading Style Sheets
--webkit-line-clampa:activeadditive-symbols (@counter-style)::after (:after)align-contentalign-itemsalign-selfall<an-plus-b><angle><angle-percentage>animationanimation-delayanimation-directionanimation-durationanimation-fill-modeanimation-iteration-countanimation-nameanimation-play-stateanimation-timing-function@annotationannotation()attr()b::backdropbackdrop-filterbackface-visibilitybackgroundbackground-attachmentbackground-blend-modebackground-clipbackground-colorbackground-imagebackground-originbackgro...
...te-rowshhzhanging-punctuationheightheight (@viewport)@historical-forms:hoverhsl()hsla()hue-rotate()hyphensi<ident><image>image()image-orientationimage-renderingimage-set()@importin:in-range:indeterminateinheritinitialinline-sizeinsetinset()inset-blockinset-block-endinset-block-startinset-inlineinset-inline-endinset-inline-start<integer>:invalidinvert()isolationjjustify-contentjustify-itemsjustify-selfkkhz@keyframesl:lang:last-child:last-of-typeleader():leftleft@left-bottom<length><length-percentage>letter-spacingline-breakline-heightlinear-gradient():linklist-stylelist-style-imagelist-style-positionlist-style-typelocal()mmarginmargin-blockmargin-block-endmargin-block-startmargin-bottommargin-inlinemargin-inline-endmargin-inline-startmargin-leftmargin-rightmargin-top::markermarks (@page)maskmas...
...ehavior-inlineoverscroll-behavior-xoverscroll-behavior-yppad (@counter-style)paddingpadding-blockpadding-block-endpadding-block-startpadding-bottompadding-inlinepadding-inline-endpadding-inline-startpadding-leftpadding-rightpadding-top@pagepage-break-afterpage-break-beforepage-break-insidepaint()paint-orderpath()pc<percentage>perspectiveperspective()perspective-originplace-contentplace-itemsplace-self::placeholderpointer-eventspolygon()<position>positionprefix (@counter-style)ptpxqqquotesrradradial-gradient()range (@counter-style)<ratio>:read-only:read-writerect()remrepeat()repeating-linear-gradient()repeating-radial-gradient():requiredresize<resolution>revertrgb()rgba():rightright@right-bottom:rootrotaterotate()rotate3d()rotatex()rotatey()rotatez()row-gapsssaturate()scalescale()scale3d()scale...

WebKit CSS extensions - CSS: Cascading Style Sheets
a -webkit-align-content -webkit-align-items -webkit-align-self -webkit-animation -webkit-animation-delay -webkit-animation-direction -webkit-animation-duration -webkit-animation-fill-mode -webkit-animation-iteration-count -webkit-animation-name -webkit-animation-play-state -webkit-animation-timing-function b -webkit-backface-visibility -webkit-background-clip -webkit-background-origin -webkit-background-size -webkit-border-bottom-left-radiu...
...ebkit-grid-column -webkit-grid-column-end -webkit-grid-column-gap -webkit-grid-column-start -webkit-grid-gap -webkit-grid-row -webkit-grid-row-end -webkit-grid-row-gap -webkit-grid-row-start -webkit-grid-template -webkit-grid-template-areas -webkit-grid-template-columns -webkit-grid-template-rows h-l -webkit-hyphens -webkit-justify-content -webkit-justify-items -webkit-justify-self -webkit-line-break m -webkit-mask -webkit-mask-clip -webkit-mask-composite -webkit-mask-image -webkit-mask-origin -webkit-mask-position -webkit-mask-repeat -webkit-mask-size o-r -webkit-opacity -webkit-order -webkit-perspective -webkit-perspective-origin -webkit-ruby-position s -webkit-scroll-snap-type -webkit-shape-image-threshold -webkit-shape-margin -webkit-shape-...
... a -webkit-align-content -webkit-align-items -webkit-align-self -webkit-animation -webkit-animation-delay -webkit-animation-direction -webkit-animation-duration -webkit-animation-fill-mode -webkit-animation-iteration-count -webkit-animation-name -webkit-animation-play-state -webkit-animation-timing-function -webkit-appearance* b -webkit-backface-visibility -webkit-background-clip -webkit-background-origin -webkit-background-size -webkit-bor...

<a>: The Anchor element - HTML: Hypertext Markup Language
the following keywords have special meanings for where to load the url: _self: the current browsing context.
...if no parent, behaves as _self.
...if no ancestors, behaves as _self.

<area> - HTML: Hypertext Markup Language
the following keywords have special meanings: _self (default): show the resource in the current browsing context.
...if there is no parent, acts the same as _self.
...if there is no parent, acts the same as _self.

<base>: The Document Base URL element - HTML: Hypertext Markup Language
the following keywords have special meanings: _self (default): show the result in the current browsing context.
...if there is no parent, acts the same as _self.
...if there is no parent, acts the same as _self.

<button>: The Button element - HTML: Hypertext Markup Language
the following keywords have special meanings: _self: load the response into the same browsing context as the current one.
...if there is no parent, this option behaves the same way as _self.
...if there is no parent, this option behaves the same way as _self.

<form> - HTML: Hypertext Markup Language
the following keywords have special meanings: _self (default): load into the same browsing context as the current one.
...if no parent, behaves the same as _self.
...if no parent, behaves the same as _self.

<input type="email"> - HTML: Hypertext Markup Language
<input type="email" placeholder="sophie@example.com"> controlling the input size you can control not only the physical length of the input box, but also the minimum and maximum lengths allowed for the input text itself.
...in this example the email edit box is 15 characters wide: <input type="email" size="15"> element value length the size is separate from the length limitation on the entered e-mail address itself so that you can have fields fit in a small space while still allowing longer e-mail address strings to be entered.
...the input box itself is physically 64 characters wide, and displays the text user@example.gov as a placeholder anytime the field is empty.

<input type="submit"> - HTML: Hypertext Markup Language
in addition to the actual names of tabs, windows, or inline frames, there are a few special keywords that can be used: _self loads the response into the same browsing context as the one that contains the form.
...if there is no parent context, this behaves the same as _self.
...if the current context is the topmost context, this behaves the same as _self.

Using the application cache - HTML: Hypertext Markup Language
note that if you change any cached resources on the server, you must also change the manifest file itself, so that the browser knows it needs to fetch all the resources again.
... important: do not specify the manifest itself in the cache manifest file, otherwise it will be nearly impossible to inform the browser a new manifest is available.
...you must update the cache manifest file itself before the browser retrieves and uses the updated files.

CSP: script-src - HTTP
'self' refers to the origin from which the protected document is being served, including the same url scheme and port number.
...at the same time, any allow-list or source expressions such as 'self' or 'unsafe-inline' are ignored.
...at the same time, any whitelist or source expressions such as 'self' or 'unsafe-inline' will be ignored.

Feature-Policy: document-domain - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.

Feature-Policy: oversized-images - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.

Feature-Policy: picture-in-picture - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.

Feature-Policy: sync-xhr - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.

Feature-Policy: unsized-media - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.

Feature-Policy - HTTP
'self': the feature will be allowed in this document, and in all nested browsing contexts (iframes) in the same origin.
... the values * (enable for all origins) or 'none' (disable for all origins) may only be used alone, while 'self' and 'src' may be used with one or more origins.
... 'self': the feature is allowed by default in top-level browsing contexts and in nested browsing contexts (iframes) in the same origin.

Proxy Auto-Configuration (PAC) file - HTTP
notes: the javascript function should always be saved to a file by itself but not be embedded in a html file or any other file.
...related utility functions dnsresolve() convert_addr() myipaddress() dnsdomainlevels() url/hostname based conditions shexpmatch() time based conditions weekdayrange() daterange() timerange() logging utility alert() there was one associative array (object) already defined, because at the time javascript code was unable to define it by itself: proxyconfig.bindings note: pactester (part of the pacparser package) was used to test the following syntax examples.
...open-sourcing netscape eventually lead to firefox itself.

HTTP response status codes - HTTP
that is, the client must authenticate itself to get the requested response.
...in an api, this can also mean that the endpoint is valid but the resource itself does not exist.
... 506 variant also negotiates the server has an internal configuration error: the chosen variant resource is configured to engage in transparent content negotiation itself, and is therefore not a proper end point in the negotiation process.

Equality comparisons and sameness - JavaScript
for all values except numbers, it uses the obvious semantics: a value is only equal to itself.
...strict equality treats nan as unequal to every other value -- including itself.
... here's a non-exhaustive list of built-in methods and operators that might cause a distinction between -0 and +0 to manifest itself in your code: - (unary negation) let stoppingforce = obj.mass * -obj.velocity; if obj.velocity is 0 (or computes to 0), a -0 is introduced at that place and propogates out into stoppingforce.

Private class fields - JavaScript
syntax class classwithprivatefield { #privatefield } class classwithprivatemethod { #privatemethod() { return 'hello world' } } class classwithprivatestaticfield { static #private_static_field } examples private static fields private fields are accessible on the class constructor from inside the class declaration itself.
...the # is a part of the name itself.
... class classwithprivatefield { #privatefield constructor() { this.#privatefield = 42 this.#randomfield = 666 // syntax error } } const instance = new classwithprivatefield() instance.#privatefield === 42 // syntax error private methods private static methods like their public equivalent, private static methods are called on the class itself, not instances of the class.

Public class fields - JavaScript
by declaring a public field, you can ensure the field is always present, and the class definition is more self-documenting.
...instead, they're called on the class itself.
... class classwithfancymethods { *generatormethod() { } async asyncmethod() { } async *asyncgeneratormethod() { } } inside instance methods, this refers to the instance itself.

Functions - JavaScript
like the program itself, a function is composed of a sequence of statements called the function body.
...for example, the following would result in an error: var foo = new function("alert(anonymous);"); foo(); unlike functions defined by function expressions or by the function constructor, a function defined by a function declaration can be used before the function declaration itself.
...a function declaration ceases to be one when it either: becomes part of an expression is no longer a "source element" of a function or the script itself.

Object.prototype.valueOf() - JavaScript
you rarely need to invoke the valueof method yourself; javascript automatically invokes it when encountering an object where a primitive value is expected.
...if an object has no primitive value, valueof returns the object itself.
... an object's valueof method is usually invoked by javascript, but you can invoke it yourself as follows: mynumbertype.valueof() note: objects in string contexts convert via the tostring() method, which is different from string objects converting to string primitives using valueof.

Autoplay guide for media and Web Audio APIs - Web media technologies
by default, the autoplay feature policy is set to 'self' (including the single quote characters), indicating that autoplay is permitted as they're hosted on the same domain as the document.
... example: allowing autoplay only from the document's domain to use the feature-policy header to only allow media to autoplay from the document's origin: feature-policy: autoplay 'self' to do the same for an <iframe>: <iframe src="mediaplayer.html" allow="autoplay 'src'"> </iframe> example: allowing autoplay and fullscreen mode adding fullscreen api permission to the previous example results in a feature-policy header like the following if fullscreen access is allowed regardless of the domain; a domain restriction can be added as well as needed.
... feature-policy: autoplay 'self'; fullscreen the same permissions, grated using the <iframe> element's allow property, look like this: <iframe src="mediaplayer.html" allow="autoplay 'src'; fullscreen"> </iframe> example: allowing autoplay from specific sources the feature-policy header to allow media to be played from both the document's (or <iframe>'s) own domain and https://example.media looks like this: feature-policy: autoplay 'self' https://example.media an <iframe> can be written to specify that this autoplay policy should be applied to itself and any child frames would be written thusly: <iframe width="300" height="200" src="mediaplayer.html" allow="autoplay 'src' https://example.media"> </iframe> example: disabling autoplay setting the autoplay featu...

Digital audio concepts - Web media technologies
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.
... audio file size and network bandwidth once you know the size of a single audio frame and how many frames per second make up your audio data, you can easily calculate how much space the raw sound data itself will occupy (and therefore how much bandwidth it would consume on a network).
... you will need to refer to the documentation for the encoding software you use to determine which options are available, which will depend on the codec and the encoding software itself.

OpenSearch description format
the opensearch description format lets a website describe a search engine for itself, so that a browser or other client application can use that search engine.
...to support this, include an extra url element with type="application/opensearchdescription+xml" and rel="self".
... for example: <url type="application/opensearchdescription+xml" rel="self" template="https://example.com/mysearchdescription.xml" /> note: at this time, addons.mozilla.org (amo) doesn't support automatic updating of opensearch plugins.

How to make PWAs re-engageable using Notifications and Push - Progressive web apps (PWAs)
to receive push messages, we can listen to the push event in the service worker file: self.addeventlistener('push', function(e) { /* ...
...{ ttl: req.body.ttl }; settimeout(function() { webpush.sendnotification(subscription, payload, options) .then(function() { res.sendstatus(201); }) .catch(function(error) { console.log(error); res.sendstatus(500); }); }, req.body.delay * 1000); }); }; service-worker.js the last file we will look at is the service worker: self.addeventlistener('push', function(event) { const payload = event.data ?
... event.data.text() : 'no payload'; event.waituntil( self.registration.shownotification('serviceworker cookbook', { body: payload, }) ); }); all it does is add a listener for the push event, create the payload variable consisting of the text taken from the data (or create a string to use if data is empty), and then wait until the notification is shown to the user.

in - SVG: Scalable Vector Graphics
in many cases, the fillpaint is opaque everywhere, but that might not be the case if a shape is painted with a gradient or pattern which itself includes transparent or semi-transparent parts.
...in many cases, the strokepaint is opaque everywhere, but that might not be the case if a shape is painted with a gradient or pattern which itself includes transparent or semi-transparent parts.
... workaround for backgroundimage instead of using in="backgroundimage", we need to import one of the images to blend inside the filter itself, using an <feimage> element.

Axes - XPath
ancestor-or-self indicates the context node and all of its ancestors, including the root node.
... descendant-or-self indicates the context node and all of its descendants.
... self indicates the context node itself.

Index - XPath
4 ancestor-or-self axe, xpath the ancestor-or-self axis indicates the context node and all of its ancestors, including the root node.
... 8 descendant-or-self axe, xpath the descendant-or-self axis indicates the context node and all of its descendants.
... 15 self axe, xpath the self axis indicates the context node itself.

Transforming XML with XSLT - XSLT: Extensible Stylesheet Language Transformations
the structure of an xml document is designed to reflect and clarify important relationships among the individual aspects of the content itself, unhindered by a need to provide any indication about how this data should eventually be presented.
...built from the ground up utilizing a wide variety of xml technologies, firefox incorporates within itself all of the mechanisms needed to process both original xml documents and the specialized stylesheets used to style and lay them out for html display, reducing server load with client-side processing.
...xsl:param (supported) xsl:preserve-space (supported) xsl:processing-instruction xsl:sort (supported) xsl:strip-space (supported) xsl:stylesheet (partially supported) xsl:template (supported) xsl:text (partially supported) xsl:transform (supported) xsl:value-of (partially supported) xsl:variable (supported) xsl:when (supported) xsl:with-param (supported) axes ancestor ancestor-or-self attribute child descendant descendant-or-self following following-sibling namespace (not supported) parent preceding preceding-sibling self functions boolean() (supported) ceiling() (supported) concat() (supported) contains() (supported) count() (supported) current() (supported) document() (supported) element-available() (supported) false() (supported) floor() (supported)...

2015 MDN Fellowship Program - Archive of obsolete content
self-starter and autonomous worker mentor information brittany storoz, mozilla apps engineering.
...if you don’t have specific questions and just want to introduce yourself, please use the application form.

Porting the Library Detector - Archive of obsolete content
script will just run when it's loaded, collect the array of library names, and post it back to main.js: function testlibraries() { var win = unsafewindow; var librarylist = []; for(var i in ld_tests) { var passed = ld_tests[i].test(win); if (passed) { var libraryinfo = { name: i, version: passed.version }; librarylist.push(libraryinfo); } } self.postmessage(librarylist); } testlibraries(); main.js responds to that message by fetching the tab corresponding to that worker using worker.tab, and adding the array of library names to that tab's libraries property: pagemod.pagemod({ include: "*", contentscriptwhen: 'end', contentscriptfile: (data.url('library-detector.js')), onattach: function(worker) { worker.on('message', func...
...this means we'll need two additional content scripts: one in the widget's context, which listens for icon mouseover events and sends a message to main.js containing the name of the corresponding library: function setlibraryinfo(element) { self.port.emit('setlibraryinfo', element.target.title); } var elements = document.getelementsbytagname('img'); for (var i = 0; i &lt; elements.length; i++) { elements[i].addeventlistener('mouseover', setlibraryinfo, false); } one in the panel, which updates the panel's content with the library information: self.on("message", function(libraryinfo) { window.document.body.innerhtml = libraryi...

Working with Events - Archive of obsolete content
listener: the listener itself.
...if you do this, the listener will be called for any event emitted by that object, and its argument will be the name of the event: var ui = require("sdk/ui"); var panels = require("sdk/panel"); var self = require("sdk/self"); var panel = panels.panel({ contenturl: self.data.url("panel.html") }); panel.on("*", function(e) { console.log("event " + e + " was emitted"); }); var button = ui.actionbutton({ id: "my-button", label: "my button", icon: "./icon-16.png", onclick: handleclick }); function handleclick(state) { panel.show({ position: button }); } this wildcard feature ...

l10n - Archive of obsolete content
if this function can't find the string referenced by the identifier parameter, it returns the identifier itself.
... returns string : the localized string referenced by the identifier parameter passed in, or the identifier itself if no referent for the identifier can be found.

windows - Archive of obsolete content
this does not mean that the url content has loaded, only that the window itself is fully functional and its properties can be accessed.
...this does not mean that the content has loaded, only that the browser window itself is fully visible to the user.

content/loader - Archive of obsolete content
contenturl property is changed: var hiddenframes = require("sdk/frame/hidden-frame"); var { loader } = require("sdk/content/content"); var pageloader = loader.compose({ constructor: function pageloader(options) { options = options || {}; if (options.contenturl) this.contenturl = options.contenturl; this.on('propertychange', this._onchange = this._onchange.bind(this)); let self = this; hiddenframes.add(hiddenframes.hiddenframe({ onready: function onready() { let frame = self._frame = this.element; self._emit('propertychange', { contenturl: self.contenturl }); } })); }, _onchange: function _onchange(e) { if ('contenturl' in e) this._frame.setattribute('src', this._contenturl); } }); loader properties contentscriptfil...
...this may take one of the following values: "start": load content scripts immediately after the document element for the page is inserted into the dom, but before the dom content itself has been loaded "ready": load content scripts once dom content has been loaded, corresponding to the domcontentloaded event "end": load content scripts once all the content (dom, js, css, images) for the page has been loaded, at the time the window.onload event fires contentscriptoptions read-only value exposed to content scripts under self.options property.

content/mod - Archive of obsolete content
for example target can be a content window itself in which case it's will be returned back.
...if a nsidomwindow is given, it works as an identify function, returns target itself.

content/worker - Archive of obsolete content
calling the self.postmessage() function from a content script will asynchronously emit the message event on the corresponding worker.
...the script may not be initialized yet, or may already have been unloaded you can handle the detach event in the content script itself though: // in content script self.port.on("detach", function() { window.close(); }); ...

core/heritage - Archive of obsolete content
also, idiomatic sdk code does not uses optional new keywords, but you're free to use it in your add-on code: var fluffy = dog('fluffy'); // instatiation fluffy instanceof dog // => true fluffy instanceof class // => true as you could notice from example above classes created via class function by default inherits from a class itself.
...ruff!' leo.instanceof labrador // => true leo.instanceof dog // => true also, you could use class function to subclass constructor functions that were not created by a class itself: var foo = class({ extends: labrador // ...

lang/functional - Archive of obsolete content
invoke(callee, params, self) invokes callee, passing params as an argument and self as this.
... self : mixed object to be passed as the this context to callee.

Implementing the widget - Archive of obsolete content
the widget's content script the widget's content script just listens for left- and right- mouse clicks and posts the corresponding message to the add-on code: this.addeventlistener('click', function(event) { if(event.button == 0 && event.shiftkey == false) self.port.emit('left-click'); if(event.button == 2 || (event.button == 0 && event.shiftkey == true)) self.port.emit('right-click'); event.preventdefault(); }, true); save this in your data/widget directory as widget.js.
... main.js now in the lib directory open main.js and add the following code: var widgets = require('sdk/widget'); var data = require('sdk/self').data; var annotatorison = false; function toggleactivation() { annotatorison = !annotatorison; return annotatorison; } exports.main = function() { var widget = widgets.widget({ id: 'toggle-switch', label: 'annotator', contenturl: data.url('widget/pencil-off.png'), contentscriptwhen: 'ready', contentscriptfile: data.url('widget/widget.js') }); widget.port.on('left-click', function() { console.log('activate/deactivate'); widget.con...

Storing annotations - Archive of obsolete content
annotation list content script here's the annotation list's content script: self.on("message", function onmessage(storedannotations) { var annotationlist = $('#annotation-list'); annotationlist.empty(); storedannotations.foreach( function(storedannotation) { var annotationhtml = $('#template .annotation-details').clone(); annotationhtml.find('.url').text(storedannotation.url) .attr('href', storedannotation.url); ann...
...otationhtml.find('.url').bind('click', function(event) { event.stoppropagation(); event.preventdefault(); self.postmessage(storedannotation.url); }); annotationhtml.find('.selection-text') .text(storedannotation.anchortext); annotationhtml.find('.annotation-text') .text(storedannotation.annotationtext); annotationlist.append(annotationhtml); }); }); it builds the dom for the panel from the array of annotations it is given.

Getting Started (jpm) - Archive of obsolete content
you can distribute xpi files yourself or publish them to https://addons.mozilla.org so other users can download and install them.
... the add-on code itself uses two sdk modules, action button and tabs.

Getting started (cfx) - Archive of obsolete content
you can distribute xpi files yourself or publish them to https://addons.mozilla.org so other users can download and install them.
... the add-on code itself uses two sdk modules, action button and tabs.

Developing for Firefox Mobile - Archive of obsolete content
running add-ons on android you can develop your add-on as normal, as long as you restrict yourself to the supported modules.
... hotkeys supported indexed-db supported l10n supported notifications supported page-mod supported page-worker supported panel not supported passwords supported private-browsing not supported querystring supported request supported selection not supported self supported simple-prefs supported simple-storage supported system supported tabs supported timers supported ui not supported url supported widget not supported windows supported low-level apis /loader supported chrome supported console/plain-text ...

Bootstrapped extensions - Archive of obsolete content
startup called when the extension needs to start itself up.
... shutdown called when the extensidisableon needs to shut itself down, such as when the application is quitting or when the extension is about to be upgraded or disabled.

Miscellaneous - Archive of obsolete content
this page contains small, self-explanatory code snippets.
... var postdata = history.getentryatindex(history.index-1,false).queryinterface(ci.nsishentry).postdata; if you got here all by yourself, your problem must be at reading the postdata, because it's a nsiinputstream object, whose available function always returns 0.

JavaScript Daemons Management - Archive of obsolete content
but the daemon constructor itself is nothing but a clone of minidaemon with an added support for init and onstart functions declarable during the instantiation of the daemon.
...the daemon constructor itself is nothing but a clone of the little framework minidaemon with added support for init and onstart functions (declarable during the instantiation of the daemon).

Enhanced Extension Installation - Archive of obsolete content
this boolean relationship itself is not stored directly in the datasource.
... messages that appear in the extensions ui in response to user-actions such as install, uninstall, enable and disable are now driven by the extensions datasource itself and are supplied by the em:displaydescription property, rather than being supplied by the front end and several different redundant xbl bindings/style rules.

Extension Packaging - Archive of obsolete content
instead, the xpi itself is placed in the extensions directory, and files are loaded directly out of the package.
...otherwise, the extension manager may not function properly with the extension, or the extension itself may not work properly.

Extension Versioning, Update and Compatibility - Archive of obsolete content
note: before firefox 1.5 the preference app.extensions.version could be used to override the version that the application believed itself to be to allow normally incompatible extensions to install.
... update rdf format if you host your add-on's updateurl yourself then you will need to return the add-on version information in an rdf format.

How to convert an overlay extension to restartless - Archive of obsolete content
if you're getting json this way make sure to explicitly set the type as "text" if you intend to parse it yourself.
...this part is fairly easy to implement yourself, at least.

Chapter 4: Using XPCOM—Implementing advanced processes - Archive of obsolete content
firefox itself includes a great number of xpcom components, and they can be used in extensions as well.
... note that firefox itself and its extensions have privileges set by default after installation and registration.

Appendix A: Add-on Performance - Archive of obsolete content
ask yourself: is there anything i can’t run 100 ms or even 500 ms later?
... other recommendations always clean up after yourself.

Appendix C: Avoiding using eval in Add-ons - Archive of obsolete content
even if you trust the remote server; for example, because it is one you rent and administer yourself, there is a huge security risk, because of, but not limited to: you might discontinue your project or sell it, so that it is possible another person with malicious intentions takes over your domain.
...settimeout("dosomething();", 100); addeventlistener("load", "myaddon.init(); myaddon.onload();", true); setinterval(am_i_a_string_or_function_reference_qmark, 100); that in itself is certainly not elegant, but it may also become a security issue if you pass code that was externally retrieved (or at least contains bits of externally retrieved data): // do not use!

Appendix D: Loading Scripts - Archive of obsolete content
the script will execute in the same security context as the current script and will have access to the same globals, but any new globals it creates will be accessible only to the script itself.
...the script will execute in the same security context as the current script and will have access to the same globals, but any new globals it creates will be accessible only to the script itself.

Performance best practices in extensions - Archive of obsolete content
there is a down side to this: poorly written extensions can have a severe impact on the browsing experience, including on the overall performance of firefox itself.
... this article offers some best practices and suggestions that can not only improve the performance and speed of your extension, but also of firefox itself.

Signing an XPI - Archive of obsolete content
for an extension to work in firefox it must be signed by mozilla, not by yourself.
... note: these instructions are for how to test with a self-signed certificate.

Using Dependent Libraries In Extension Components - Archive of obsolete content
we want to load the dependent libraries // of the real component, then the component itself, and call nsgetmodule on // the component.
...we want to load the dependent libraries // of the real component, then the component itself, and call nsgetmodule on // the component.

Add-ons - Archive of obsolete content
there is a down side to this: poorly written extensions can have a severe impact on the browsing experience, including on the overall performance of firefox itself.
... this article offers some best practices and suggestions that can not only improve the performance and speed of your extension, but also of firefox itself.

Creating a dynamic status bar extension - Archive of obsolete content
we need this so that we can make changes to the status bar panel itself.
...at index 0 is the ticker symbol itself, which we don't need since we know which stock we're looking at.

Index of archived content - Archive of obsolete content
content scripts communicating with other scripts communicating using "port" communicating using "postmessage" cross-domain content scripts interacting with page scripts loading content scripts reddit example port self contributor's guide classes and inheritance content processes getting started modules private properties firefox compatibility module structure of the sdk porting the li...
... addon-page base64 clipboard context-menu hotkeys indexed-db l10n notifications page-mod page-worker panel passwords private-browsing querystring request selection self simple-prefs simple-storage system tabs timers ui url widget windows low-level apis /loader chrome console/plain-text console/traceback ...

Images, Tables, and Mysterious Gaps - Archive of obsolete content
instead of "shrinkwrapping" the image itself, the browser is now wrapping around the line in which the image sits.
...if you have markup that lends itself well to this approach, you could class the table rows instead of the images.

MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
situation int-evry manages about 3000 users (mostly students) who share computers in labs and "self service" computer rooms.
... the use of the getldapattributes() function by calling inside itself the processldapvalues() as a user defined function (see prefcalls.js) forces us to slightly change these calls in our original web cgi javascript (here mci-mozilla-glob-prefs-tux.cgi).

Source code directories overview - Archive of obsolete content
it resizes and aligns pieces of content according to the css1 and css2 (cascading style sheets), alignment styles and the content itself.
...it does not include the code for the virtual machine itself, though.

Autodial for Windows NT - Archive of obsolete content
bug 166134 describes how the aol client installs itself as a dialer, but it doesn't behave like other dialers.
... the problem is with the aol client, be the bug could probably be fixed by not changing mozilla to avoid using the aol client as a dialer even though it installs itself as one.

Drag and Drop - Archive of obsolete content
note that drag sessions can be created from within mozilla itself or from other applications.
...the element can simply ignore the event or can handle it some way, such as pasting the dragged object into itself.

Repackaging Firefox - Archive of obsolete content
if the value is the same for *all* locales, it can be set in the partner.js file itself, see the section "preferences" for more information.
... the "repackaging" section is where you configure the actual repackaging job itself.

Menu - Archive of obsolete content
null is recommended because it stands out.) function a menuitem that will update itself when its menu is shown.
... many users, especially those new to firefox, don't realize the distinction between add-ons and the browser itself.

Mozilla Application Framework in Detail - Archive of obsolete content
on the developer side, xpcom lets you to write components in c++, javascript, python, or other languages for which special bindings have been created, and compile and run those components on dozens of different platforms, including these and others where mozilla itself is supported: microsoft windows gnu/linux hp-ux aix solaris openvms mac os x *bsd the flexibility to reuse the xpcom components from the gecko library and develop new components that run on different platforms can make your application development faster, more productive, and easier to maintain.
...the mozblog application hosted at mozdev.org, for example, uses xpinstall to make several different versions available simultaneously as updates are made and the browser itself advances versions.

RDF Datasource How-To - Archive of obsolete content
implement the interface yourself.
...registering an rdf datasource is fairly simple: in the dll's nsregisterself() method, you simply call the component manager's registercomponent() method: extern "c" pr_implement(nsresult) nsregisterself(nsisupports* aservicemanager, const char* apath) { nsresult rv; ...

Remotely debugging Firefox for Metro - Archive of obsolete content
on the desktop next, the desktop shows you a dialog that looks something like this: this is asking whether you want to debug web content running in a browser tab, or to debug the browser code itself.
... you'll see one entry under "available remote processes": this is the browser process itself.

Table Layout Regression Tests - Archive of obsolete content
to build the layoutdebugger itself, build either all extensions or include layoutdebug in your .mozconfig file.
... execute the baseline test shutdown the layoutdebugger execute mozilla -layoutdebug - p foo >selftest.txt execute the verify test make a note which tests have failed grep 'failed' selftest.txt (these are false positives, quite frequently they indicate reflow problems, pages showing differently when loaded from cache) make your changes to the source, recompile.

Tamarin Acceptance Testing - Archive of obsolete content
successfully build release and debug versions of the shell with the debugger enabled [info] successfully run the following test suites: acceptance test suite [info] self tests [info] submit a sandbox build request to test against platforms that you may not have locally [info] available tamarin acceptance test suites actionscript acceptance tests: actionscript acceptance tests running tamarin acceptance tests abc assembler tests cmdline tests performance tests actionscript performance tests running tamarin performance tests built-in self tests...
... see instructions in doc/selftest.html in the tamarin repository.

Tamarin build documentation - Archive of obsolete content
a prototype self-hosting ecmascript edition 4 compiler, esc, is provided with tamarin but it is not yet capable of bootstrapping itself or building applications.
... description: self explanatory check the status of the build @ http://tamarin-builds.mozilla.org/tamarin-redux/ , you can also see your build request in the queue at http://tamarin-builds.mozilla.org/build_trigger/requestbuild.cfm.

Using Breakpoints in Venkman - Archive of obsolete content
basic breakpoints the stop button and debugger keyword are useful features of the javascript debugger, but when you are debugging deep in code—especially code you have authored yourself and are responsible for troubleshooting—you're going to need breakpoints.
... using breakpoints and the interactive view, you can change the values of the variables that venkman displays (only in the context of the debugging environment itself) and see how these changes affect the execution of the code.

allowevents - Archive of obsolete content
on listitem and titlebar elements, mouse events normally do not get sent to their children; instead they are retargeted to the listitem and titlebar element itself.
... for menu, menuseparator, menuitem and treecol elements, as well as menu buttons, and the popup datepicker, mouse events are also retargeted to the element itself.

sizetopopup - Archive of obsolete content
if the sizetopopup attribute is left out or set to none, the menu will be its preferred width and the popup may extend outside of this width, unaffected by the maximum width of the menu itself.
... otherwise, the menu will size itself to at least the size of the popup.

XUL Events - Archive of obsolete content
the element, if it accepts the drop, should respond in some manner such inserting the dragged object into itself.
...you would not normally use these yourself.

findbar - Archive of obsolete content
for example, the standard findbar in firefox 3.5 looks like this on the mac: you may attach a findbar to a particular browser element by either setting the findbar's browserid attribute to the id of the browser element before the findbar element is bound, or by setting the findbar's browser property to the browser element itself.
... the first time this is called for a given findbar, the findbar will flash to draw attention to itself.

PopupKeys - Archive of obsolete content
note that the last argument here is true to listen for events during the capturing phase of event propagation: window.addeventlistener("keypress", someaction, true); however, the default listener provides all the suitable responses to keys, so there shouldn't be a need to handle keys yourself.
...instead, you will have to handle this yourself.

Building Menus With Templates - Archive of obsolete content
if you press this button before opening the menu, there will be one child (the template itself).
...the special feature of menus to not generate content immediately applies only to the menu itself.

Multiple Queries - Archive of obsolete content
it the first query was used by itself, only one result would match.
... if the second query was used by itself, three results would match.

RDF Modifications - Archive of obsolete content
you don't need to implement this observer yourself, although you may add an observer to the datasource if you want to be notified when the data changes.
...in effect, this isn't any different than adding the same set of triples yourself using the assert method.

Adding Methods to XBL-defined Elements - Archive of obsolete content
the stack has only one child, the children element itself.
...here are some examples: <constructor> if (this.childnodes[0].getattribute("open") == "true"){ this.loadchildren(); } </constructor> <destructor action="savemyself(this);"/> the next section shows how to add event handlers to xbl-defined elements.

Box Model Details - Archive of obsolete content
you can also prevent this stretching by placing a maximum height on the elements or, better, on the box itself.
...the box model may be difficult to understand without trying various various things out for yourself.

Broadcasters and Observers - Archive of obsolete content
attributes of the observers that the broadcaster doesn't have itself are not modified.
...the observes element itself does not change but the element it is inside changes, which in this case is a button.

List Controls - Archive of obsolete content
the simplest list box uses the listbox element for the box itself, and the listitem element for each item.
...for example, the url field in the browser has a drop-down for selecting previously typed urls, but you can also type them in yourself.

More Wizards - Archive of obsolete content
remember to return false in this case, because you have already changed the page yourself.
...thus, the back button will be disabled on the first page so you don't have to set it yourself.

Popup Menus - Archive of obsolete content
this type of popup is usually used to provide a description of a button in more detail than can be provided on the button itself.
...you will also notice that the id has been set on the menupopup element itself.

Templates - Archive of obsolete content
(you may have to focus the window for it to change.) container and datasources the template itself is placed inside a vertical box.
...these elements get displayed, but the template itself is not displayed, although it still exists in the document tree.

XUL accessibility guidelines - Archive of obsolete content
initial dialog focus the initial focus in a xul dialog (i.e., the focus when the dialog is first opened) should always be on a specific control, not on the dialog itself.
...in all other dialogs, focus should just start on the first control (although it can be on any other control if there is a good reason for, just not on the dialog itself).

XML - Archive of obsolete content
it does not describe the way in which this data is to be presented, like its semantically-challenged cousin html does, and it doesn't have much to say about the data itself.
...an actual memo using the memoml to represent itself might look like this: <memo> <from>ian oeschger</from> <to>steve rudman</to> <body>i think the first draft of the guide is done!</body> </memo> note how the memo element -- the root element in our brief definition, ordeclaration, above -- surrounds the other three elements.

editor - Archive of obsolete content
the editor does not provide any editing user interface; you would supply that yourself.
...most of its methods are callable directly on the element itself, such as goback and goforward.

iframe - Archive of obsolete content
warning: when used in chrome-privileged documents (either html or xul) such as firefox addons, the contents of the frame may have the same permissions as firefox itself.
...most of its methods are callable directly on the element itself, such as goback and goforward.

menu - Archive of obsolete content
if the sizetopopup attribute is left out or set to none, the menu will be its preferred width and the popup may extend outside of this width, unaffected by the maximum width of the menu itself.
... otherwise, the menu will size itself to at least the size of the popup.

menulist - Archive of obsolete content
if the sizetopopup attribute is left out or set to none, the menu will be its preferred width and the popup may extend outside of this width, unaffected by the maximum width of the menu itself.
... otherwise, the menu will size itself to at least the size of the popup.

textbox - Archive of obsolete content
from gecko 1.9 to gecko 12.0 (firefox 12.0 / thunderbird 12.0 / seamonkey 2.9), the script code would actually execute twice, once in the context of the anonymous html <input> element and once in the context of the <textbox> element itself.
...from gecko 1.9 to gecko 12.0 (firefox 12.0 / thunderbird 12.0 / seamonkey 2.9), the script code would actually execute twice, once in the context of the anonymous html <input> element and once in the context of the <textbox> element itself.

Building XULRunner with Python - Archive of obsolete content
it effectively specifies a release build that is not particularly suitable for debugging xulrunner itself.
...options --enable-optimize to check out all the required source code and build it the first time with no local client.mk file, execute cd /c/projects cvs -d :pserver:anonymous@cvs-mirror.mozilla.org:/cvsroot co mozilla/client.mk cd mozilla make -f client.mk for subsequent updates from cvs followed by a build, use cd /c/projects/mozilla make -f client.mk which will also checkout client.mk itself for build only, without checkouts, use make -f client.mk build and see client.mk for other options.

CommandLine - Archive of obsolete content
face : function mod_qi(aiid) { if (aiid.equals(nsimodule) || aiid.equals(nsisupports)) return this; throw components.results.ns_error_no_interface; }, /* nsimodule */ getclassobject : function mod_gch(acompmgr, acid, aiid) { if (acid.equals(class_id)) return apphandler.queryinterface(aiid); throw components.results.ns_error_failure; }, registerself : function mod_regself(acompmgr, afilespec, alocation, atype) { var compreg = acompmgr.queryinterface(nsicomponentregistrar); compreg.registerfactorylocation(class_id, class_name, contract_id, afilespec, alocation, atype); var catman = components.classes["@mozilla.org/categorymanager;1"] .getservice(nsicategorymanager)...
...; catman.addcategoryentry("command-line-handler", cld_category, contract_id, true, true); }, unregisterself : function mod_unreg(acompmgr, alocation, atype) { var compreg = acompmgr.queryinterface(nsicomponentregistrar); compreg.unregisterfactorylocation(class_id, alocation); var catman = components.classes["@mozilla.org/categorymanager;1"] .getservice(nsicategorymanager); catman.deletecategoryentry("command-line-handler", cld_category); }, canunload : function (acompmgr) { return true; } }; function nsgetmodule(acompmgr, afilespec) { return apphandlermodule; } create an observer that will get notified when arguments change: chrome/content/cmdline.js function commandlineobserver() { this.reg...

Deploying XULRunner - Archive of obsolete content
this document explains how deployment should be managed for self contained portable applications built on xulrunner.
... it may turn out to be easier to create a self contained portable application, as described here, and deploy it with a generic installer that would create shortcuts to scripts that launch your application in the unregistered bundled xulrunner.

Getting started with XULRunner - Archive of obsolete content
if you need to change xulrunner itself or integrate it with external binaries you may need to read that article.
...this does not work if firefox itself was installed as a xul app - you need to use the installed xulrunner directly.

Mozilla release FAQ - Archive of obsolete content
if not, post to netscape.public.mozilla.builds or try to fix it yourself.
...both are great ways to meet others working on mozilla, including lots of netscape employees as well as other interested people (like myself).

NPN NewStream - Archive of obsolete content
a plug-in can create another instance of itself by specifying its own mime type and a new target name in a call to npn_newstream.
...if the new stream has the target of _self, this function should return an invalid_param np error.

NPP_NewStream - Archive of obsolete content
the data in the stream can be the file specified in the src attribute of the embed tag, for an embedded instance, or the file itself, for a full-page instance.
...the plug-in can terminate the stream itself by calling npn_destroystream.

NPAPI plugin reference - Archive of obsolete content
npn_version lets plugins obtain version information, both of the plug-in api and of the browser itself.
... npprint contains information the plug-in needs to print itself in full-page or embedded mode.

Plugins - Archive of obsolete content
plugins are different from extensions, which modify or enhance the functionality of the browser itself.
... plugins: the first install problem the first install problem is the name given to the conditions arising when a plugin or embeddable software installs itself on a system first, before any other gecko-based browser.

Introduction to Public-Key Cryptography - Archive of obsolete content
information about the user's public key, including the algorithm used and a representation of the key itself.
...the root ca's certificate is a self-signed certificate: that is, the certificate is digitally signed by the same entity-the root ca-that the certificate identifies.

Threats - Archive of obsolete content
for example, a person can pretend to have the email address jdoe@example.net, or a computer can identify itself as a site called www.example.net when it is not.
...a person or organization can misrepresent itself.

Vulnerabilities - Archive of obsolete content
a security configuration setting is an element of a software’s security that can be altered through the software itself.
... here are six of the most common website vulnerabilities you must protect yourself against.

Sunbird Theme Tutorial - Archive of obsolete content
making a theme a theme consists of: a unique identifier a file containing information about the theme a file that registers the theme with sunbird some files containing the theme itself set up your theme in sunbird's profile directory.
... creating the theme itself to create the theme itself, go to sunbird's program directory.

Table Reflow Internals - Archive of obsolete content
the container posts a dirty reflow command with itself as the target.
...the container posts a dirty reflow command with itself as the target.

Building a Theme - Archive of obsolete content
the element itself is of id navigator-toolbox, with no idea.
... zip up the contents of your theme's folder (not the theme folder itself), and rename the zip file to have a .xpi extension.

Old Proxy API - Archive of obsolete content
return "something"; } }); var q = p.azerty; // infinite loop the receiver argument in 'get' and 'set' traps may not be the proxy itself: var proxy; var handler = { has: function (name) { return name == 'foo'; }, get: function (rcvr, name) { if (name != 'foo') return undefined; print(proxy !== rcvr); return "bye"; }, }; proxy = proxy.create(handler); var c = object.create(proxy); print(c.foo); // prints: 'true' (from "proxy !== rcvr") and 'bye' (from "c.foo").
...esc) { object.defineproperty(obj, name, desc); }, delete: function(name) { return delete obj[name]; }, fix: function() { if (object.isfrozen(obj)) { return object.getownpropertynames(obj).map(function(name) { return object.getownpropertydescriptor(obj, name); }); } // as long as obj is not frozen, the proxy won't allow itself to be fixed return undefined; // will cause a typeerror to be thrown }, // derived traps has: function(name) { return name in obj; }, hasown: function(name) { return object.prototype.hasownproperty.call(obj, name); }, get: function(receiver, name) { return obj[name]; }, set: function(receiver, name, val) { obj[name] = val; return tru...

Describing microformats in JavaScript - Archive of obsolete content
subproperties it's possible for a property to itself include more properties; to do so, include them in a subproperties structure within the property.
... the microformat is registered with the microformat api by calling microformats.add(), like this: microformats.add("adr", adr_definition); note: to be clear: since the adr microformat is included by default in firefox 3 and later, you don't need to add it yourself if you wish to make use of it.

Fixing Incorrectly Sized List Item Markers - Archive of obsolete content
the problem in affected browsers, list item markers will very often appear to be too big compared to the text in the list item itself.
...the following rule is derived from mozilla's html.css file: *|*:-moz-list-bullet, *|*:-moz-list-number {font-size: 1em;} this rule tells gecko-based browsers to use the computed value of font-size for the marker's parent, which is the list item itself.

The Business Benefits of Web Standards - Archive of obsolete content
in a multi headed and possibly commercial environment such as a web development agency, this approach also lends itself to a very strict demarcation, between disciplines within a common framework.
... the content - markup - style; model also lends itself very neatly to linear methods of production.

Obsolete: XPCOM-based scripting for NPAPI plugins - Archive of obsolete content
return rv; } nperror npp_getvalue(npp instance, nppvariable variable, void *value) { if(instance == null) return nperr_invalid_instance_error; nperror rv = nperr_no_error; static nsiid scriptableiid = ns_itestplugin_iid; if (variable == nppvpluginscriptableinstance) { // nsitestplugin interface object should be associated with the plugin // instance itself.
... nsitestplugin *scriptablepeer = (nsitestplugin *)instance->pdata; // see if this is the first time and we haven't created it yet if (!scriptablepeer) { nsitestplugin *scriptablepeer = new nsscriptablepeer(); if (scriptablepeer) ns_addref(scriptablepeer); // addref for ourself, // don't forget to release on // shutdown to trigger its destruction } // add reference for the caller requesting the object ns_addref(scriptablepeer); *(nsisupports **)value = scriptablepeer; } else if (variable == nppvpluginscriptableiid) { nsiid* ptr = (nsiid *...

Index - Game development
we have successfully implemented gamepad controls in our game — try connecting any popular controller like the xbox 360 one and see for yourself how fun it is to avoid the asteroids and shoot the aliens with a gamepad.
... 66 mouse controls beginner, canvas, controls, games, javascript, tutorial, mouse the game itself is actually finished, so let's work on polishing it up.

Game promotion - Game development
act cool, be generous, be yourself and be there for others, and you'll get treated with respect.
... fostering the community you can help community grow and promote yourself and your games at the same time.

Plug-in Development Overview - Gecko Plugin API Reference
drawing a plug-in instance before drawing itself on the page, the plug-in must provide information about itself, set the window or other target in which it draws, arrange for redrawing, and handle events.
... a windowless plug-in can call the following netscape methods to draw itself: npn_forceredraw: force a paint message for windowless plug-ins.

Cross Axis - MDN Web Docs Glossary: Definitions of Web-related terms
alignment of items on the cross axis is achieved with the align-items property on the flex container or align-self property on individual items.
... learn more property reference align-content align-items align-self flex-wrap flex-direction flex further reading css flexbox guide: basic concepts of flexbox css flexbox guide: aligning items in a flex container css flexbox guide: mastering wrapping of flex items ...

Function - MDN Web Docs Glossary: Definitions of Web-related terms
a function is a code snippet that can be called by other code or by itself, or a variable that refers to the function.
...an outer function is a function containing a function (addsquares in this case): function addsquares(a,b) { function square(x) { return x * x; } return square(a) + square(b); }; //using ecmascript 2015 arrow notation const addsquares = (a,b) => { const square = x => x*x; return square(a) + square(b); }; a recursive function is a function that calls itself.

IIFE - MDN Web Docs Glossary: Definitions of Web-related terms
(function () { statements })(); it is a design pattern which is also known as a self-executing anonymous function and contains two major parts: the first is the anonymous function with lexical scope enclosed within the grouping operator ().
... (function () { var aname = "barry"; })(); // variable aname is not accessible from the outside scope aname // throws "uncaught referenceerror: aname is not defined" assigning the iife to a variable stores the function's return value, not the function definition itself.

Recursion - MDN Web Docs Glossary: Definitions of Web-related terms
the act of a function calling itself, recursion is used to solve problems that contain smaller sub-problems.
... examples recursive function calls itself until condition met the following python code defines a function that takes a number, prints it, and then calls itself again with the number's value -1.

Safe - MDN Web Docs Glossary: Definitions of Web-related terms
what is important here is that by calling a safe method, the client doesn't request any server change itself, and therefore won't create an unnecessary load or burden for the server.
... it is the responsibility of the application on the server to implement the safe semantic correctly, the webserver itself, being apache, nginx or iis, can't enforce it by itself.

MDN Web Docs Glossary: Definitions of Web-related terms
) rtsp: real-time streaming protocol ruby s safe same-origin policy scm scope screen reader script-supporting element scroll container scrollport sctp sdp search engine second-level domain secure sockets layer (ssl) selector (css) self-executing anonymous function semantics seo serialization server server timing session hijacking sgml shadow tree shim signature signature (functions) signature (security) simd simple header simple response header sisd site site map ...
... xquery xslt other 404 502 alpn at-rule attack byte-order mark character set client cryptosystem debug digital signature execution flex-direction glsl interface library memory management routers self-executing anonymous function stylesheet vector image ...

What is accessibility? - Learn web development
it is a good idea to familiarise yourself with screen readers; you should also set up a screen reader and have a play around with it, to get an idea of how it works.
...our advice is to familiarize yourself with the basic areas in which you need to take care, as well as understanding the high-level structures of the guidelines that are most relevant to you.

Cascade and inheritance - Learn web development
the first has styling applied to the blockquote element itself, the second has a class applied to the blockquote which sets the value of all to unset.
...you can think of this as rules which are nearer the element itself overwriting early ones until the last one wins and gets to style the element.

Debugging CSS - Learn web development
solving specificity issues sometimes during development, but in particular when you need to edit the css on an existing site, you will find yourself having a hard time getting some css to apply.
... debugging problems in css devtools can be a great help when solving css problems, so when you find yourself in a situation where css isn't behaving as you expect, how should you go about solving it?

The box model - Learn web development
this establishes flex layout for the items inside the container, however, the list itself is a block box and — like the paragraph — expands to the full container width and breaks onto a new line.
...you may want to return to this lesson in the future if you ever find yourself confused about how big boxes are in your layout.

CSS values and units - Learn web development
numbers, lengths, and percentages there are various numeric data types that you might find yourself using in css.
... unit relative to em font size of the parent, in the case of typographical properties like font-size, and font size of the element itself, in the case of other properties like width.

Flexbox - Learn web development
you can override the align-items behavior for individual flex items by applying the align-self property to them.
... for example, try adding the following to your css: button:first-child { align-self: flex-end; } have a look at what effect this has, and remove it again when you've finished.

What is CSS? - Learn web development
sometimes because a particular browser is interested in having some capability, other times because web designers and developers are asking for a feature, and sometimes because the working group itself has identified a requirement.
... what's next now that you have some understanding of what css is, let's move on to getting started with css, where you can start to write some css yourself.

Web fonts - Learn web development
for this example, we just want you to concern yourself with a single font file for each choice.
...they are somewhat advanced for our beginner's course, but if you fancy stretching yourself and looking into them, read our variable fonts guide.

How do you make sure your website works properly? - Learn web development
404: not found self-explanatory.
...for instance, maybe the server-side language (php, .net, etc.) stopped working, or the web server itself has a configuration problem.

What do common web layouts contain? - Learn web development
simple layouts are easier to implement, but allow yourself room to express your creativity in this area.
...have a look at your own favorite websites and ask yourself, where's the header, the footer, the main content, and the side content?

How do I start to design my website? - Learn web development
by answering that, you'll find the best way to reach your goals and save yourself from wasted effort.
...(for example, should i learn how to do all this myself, ask someone to do it for me, or use third-party services?) conclusion as you can see, the simple idea "i want to make a website" generates a long to-do list, which only grows longer as you think about it.

What is a URL? - Learn web development
as the resource represented by the url and the url itself are handled by the web server, it is up to the owner of the web server to carefully manage that resource and its associated url.
... #somewhereinthedocument is an anchor to another part of the resource itself.

What is a web server? - Learn web development
we'll cover http itself in a technical article later.
...unless you want to learn web server programming (which is an exciting area in itself!), you don't need to create your own application server.

Advanced form styling - Learn web development
this stops any control you apply it to from using system-level styling, as much as possible, and lets you build up the styles yourself using css.
... also bear in mind that we've added some javascript to the page that lists the files selected by the file picker, below the control itself.

How to build custom form controls - Learn web development
, let's style the list of options: .select .optlist { z-index : 2; /* we explicitly said the list of options will always be on top of the down arrow */ /* this will reset the default style of the ul element */ list-style: none; margin : 0; padding: 0; box-sizing : border-box; /* if the values are smaller than the control, the list of options will be as wide as the control itself */ min-width : 100%; /* in case the list is too long, its content will overflow vertically (which will add a vertical scrollbar automatically) but never horizontally (because we haven't set a width, the list will adjust its width automatically.
...lect` class to deactivate function deactivateselect(select) { // if the control is not active there is nothing to do if (!select.classlist.contains('active')) return; // we need to get the list of options for the custom control var optlist = select.queryselector('.optlist'); // we close the list of option optlist.classlist.add('hidden'); // and we deactivate the custom control itself select.classlist.remove('active'); } // this function will be used each time the user wants to (de)activate the control // it takes two parameters: // select : the dom node with the `select` class to activate // selectlist : the list of all the dom nodes with the `select` class function activeselect(select, selectlist) { // if the control is already active there is nothing to do if (selec...

Front-end web developer - Learn web development
you can work through sections in order, but each one is also self-contained.
...the learning and getting help article provides you with a series of tips for looking up information and helping yourself.

Debugging HTML - Learn web development
html itself doesn't suffer from syntax errors because browsers parse it permissively, meaning that the page still displays even if there are syntax errors.
...this also marks the end of the introduction to html module learning articles — now you can go on to testing yourself with our assessments: the first one is linked below.

Getting started with HTML - Learn web development
for example, consider the following line of text: my cat is very grumpy if we wanted the text to stand by itself, we could specify that it is a paragraph by enclosing it in a paragraph (<p>) element: <p>my cat is very grumpy</p> note: tags in html are case-insensitive.
...they are parts of the html syntax itself.

Introducing asynchronous JavaScript - Learn web development
you can try it for yourself: <button>click me</button> note: it is important to remember that alert(), while being very useful for demonstrating a synchronous blocking operation, is terrible for use in real world applications.
...the expected parameter of foreach() is a callback function, which itself takes two parameters, a reference to the array name and index values.

Graceful asynchronous programming with Promises - Learn web development
the code that the video chat application would use might look something like this: function handlecallbutton(evt) { setstatusmessage("calling..."); navigator.mediadevices.getusermedia({video: true, audio: true}) .then(chatstream => { selfviewelem.srcobject = chatstream; chatstream.gettracks().foreach(track => mypeerconnection.addtrack(track, chatstream)); setstatusmessage("connected"); }).catch(err => { setstatusmessage("failed to connect"); }); } this function starts by using a function called setstatusmessage() to update a status display with the message "calling...", indicating that a call is being a...
...it then calls getusermedia(), asking for a stream that has both video and audio tracks, then once that's been obtained, sets up a video element to show the stream coming from the camera as a "self view," then takes each of the stream's tracks and adds them to the webrtc rtcpeerconnection representing a connection to another user.

Looping code - Learn web development
the javascript is mostly the same too, although the loop itself is a bit different: let num = input.value; for (let i = 1; i <= num; i++) { let sqroot = math.sqrt(i); if (math.floor(sqroot) !== sqroot) { continue; } para.textcontent += i + ' '; } here's the output: hidden code 4 <!doctype html> <html> <head> <meta charset="utf-8"> <title>integer squares generator</title> <style> </style> </head> <body> <label for="...
... inside the loop, we find the square root of each number using math.sqrt(i), then check whether the square root is an integer by testing whether it is the same as itself when it has been rounded down to the nearest integer (this is what math.floor() does to the number it is passed).

Arrays - Learn web development
you can access an item inside an array that is itself inside another array by chaining two sets of square brackets together.
...we'll be teaching you all the useful basics there are to know about loops in the next module, but for now you should give yourself a clap and take a well-deserved break; you've worked through all the articles in this module!

What is JavaScript? - Learn web development
they do the same thing for programming that ready-made furniture kits do for home building — it is much easier to take ready-cut panels and screw them together to make a bookshelf than it is to work out the design yourself, go and find the correct wood, cut all the panels to the right size and shape, find the correct-sized screws, and then put them together to make a bookshelf.
...*/ const buttons = document.queryselectorall('button'); for (let i = 0; i < buttons.length ; i++) { buttons[i].addeventlistener('click', createparagraph); } note: in general more comments are usually better than less, but you should be careful if you find yourself adding lots of comments to explain what variables are (your variable names perhaps should be more intuitive), or to explain very simple operations (maybe your code is overcomplicated).

Client-Server Overview - Learn web development
the first part is called the header, and contains useful information about the request, in the same way that an html head contains useful information about an html document (but not the actual content itself, which is in the body): get https://developer.mozilla.org/search?q=client+server+overview&topic=apps&topic=html&topic=css&topic=js&topic=api&topic=webdev http/1.1 host: developer.mozilla.org connection: keep-alive pragma: no-cache cache-control: no-cache upgrade-insecure-requests: 1 user-agent: mozilla/5.0 (windows nt 10.0; wow64) applewebkit/537.36 (khtml, like gecko) chrome/52.0.2743.116 safar...
...you can try this yourself.

Introduction to the server side - Learn web development
client-side web frameworks simplify layout and presentation tasks while server-side web frameworks provide a lot of “common” web server functionality that you might otherwise have to implement yourself (e.g.
... notifications and communication servers can send general or user-specific notifications through the website itself or via email, sms, instant messaging, video conversations, or other communications services.

Website security - Learn web development
as a defense, your site can prevent itself from being embedded in an iframe in another site by setting the appropriate http headers.
...these defenses are typically located before or in the web server (they are not part of the web application itself).

React interactivity: Events and state - Learn web development
data such as this, which a component itself owns, is called state.
...in form.js, change your very first line so that it reads like this: import react, { usestate } from "react"; this allows us to import the usestate() function by itself, and utilize it anywhere in this file.

TypeScript support in Svelte - Learn web development
readability: static typing gives the code more structure, making it self-documenting and more readable.
...in those cases you can declare the typed variable in a different statement, like this: let completetodos: number $: completedtodos = todos.filter((t: todotype) => t.completed).length you can't specify the type in the reactive assignment itself.

Working with Svelte stores - Learn web development
whenever the value is modified, updates the store itself and also the data in local storage.
...because stores has a minimal api, it's very simple to create our custom stores to abstract away the inner workings of the store itself.

Getting started with Vue - Learn web development
this allows you to start using vue on existing sites, which is why vue prides itself on being a progressive framework.
...this allows you to run your app locally so you can test it easily without needing to configure a server yourself.

Adding a new todo form: Vue events, methods, and models - Learn web development
.self: triggers the handler only if the event was dispatched from this exact element.
... update your todoform component’s onsubmit() method to this: onsubmit() { if(this.label === "") { return; } this.$emit('todo-added', this.label); this.label = ""; } now when you click the "add" button, the "new-todo-input" will clear itself.

Introduction to automated testing - Learn web development
note: this is already very useful, and way more convenient than having to set up all these emulators and virtual machines by yourself.
... note: this is already very useful, and way more convenient than having to set up all these emulators and virtual machines by yourself.

Client-side tooling overview - Learn web development
you might even find yourself writing a piece of software to aid your own development process, to solve a specific problem that existing tools don’t already seem to handle.
...if you have found yourself struggling in the past, then don’t worry — you are not alone.

Package management basics - Learn web development
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?
... we've met npm already, but stepping back from npm itself, a package manager is a system that will manage your project dependencies.

Accessibility API cross-reference
n/a n/a canvas n/a <canvas> (accessible alternative richtext content may be nested inside, but the canvas itself is presentational) a dialog for picking a color n/a color_chooser color_chooser n/a <input type=color> a dialog for picking a file n/a file_chooser file_chooser n/a invoked with <input type=file> no explanation given n/a n/a invalid n/a contains accessible info, but its ro...
... n/a n/a sensitive don't speak for this item, it will take care of text-to-speech on its own selfvoicing n/a n/a object can be resized n/a resizable resizable this object and all of its ancestors are visible n/a showing showing this text object can only contain 1 line of text n/a single_line single_line tells accessibility aid "don't add event li...

Accessibility/LiveRegionDevGuide
sometimes the very best guide for some developers is the code itself.
...however, many web sites do not have proper aria markup so this cannot be used by itself.

Mozilla accessibility architecture
the shared code makes itself available to the toolkit-specific code via generic xpcom interfaces that return information about objects we want to expose.
... nsxultreeaccessible: which does not have a dom node for each tree item, a special interface is provided by the tree itself to get the text for each row, column in the tree.

Index
this signing process takes place through addons.mozilla.org (amo), whether you choose to distribute your add-on through amo or to do it yourself.
...you may submit themes for publishing on amo or for self-distribution.

Browser chrome tests
you should attempt to reduce the side effects of the testing code and "clean up" after yourself, to avoid influencing other tests.
... cleaning up after yourself if you need to do special clean up after running your test, you can register a cleanup function that is guaranteed to be run after your test finishes.

Debugging JavaScript
this document is intended to help developers writing javascript code in mozilla, mainly for mozilla itself, but it may also be useful for web developers.
... browser debugger (built-in) on firefox 19 or later, it's possible to use the built-in js debugger on the browser itself.

Contributing to the Mozilla code base
the mozilla community prides itself on being an open, accessible, and friendly community for new participants.
... the bug itself may contain a clear indication of the best person to ask for a review are there related bugs on similar topics?

Performance
additionally the example above does not clean unregister itself, thus leaking objects each time a tab is closed.
... frame message manager message and event listeners are limited in their lifetime to that of the frame itself, this does not apply to observer registrations.

Firefox
learn how to create add-ons for firefox, how to develop and build firefox itself, and how the internals of firefox and its subprojects work.
... firefox profiles if you find yourself using multiple firefox channels—or just multiple configurations—on a regular basis, you should read how to use multiple firefox profiles by turning firefox's profile manager and other profile management tools to your advantage.

Gecko SDK
do not confuse the gecko/xulrunner sdk with xulrunner itself.
... mac i386 download download download download n/a mac ppc n/a download download download download linux x86_64 download n/a n/a n/a n/a linux i686 download download download download download the sdk is not officially released for other platforms; if you need it, you will probably need to build it yourself.

Script security
it subsumes itself and all other principals.
...it has no privileges and can't be accessed by anything but itself and chrome.

IPDL Best Practices
do not use them as data structures outside of ipdl, or wou will eventually find yourself in bad situations to implement proper memory management.
... is there any chance that an ipdl function could be called after the protocol itself has been destroyed, or before it has been created?

JavaScript-DOM Prototypes in Mozilla
all the methods that are supposed to show up on this jsobject are actually not properties of the object itself, but rather properties of the prototype of the jsobject for the wrapper (unless the c++ object's class info has the flag nsixpcscriptable::dont_share_prototype set, but lets assume that's not the case here).
... a third way through which one can access the prototype of an object is through the constructor property of the object, which itself points (initially) to the constructor: document.images[0].constructor.prototype.foo = bar; note though, the above may or may not work in mozilla.

DeferredTask.jsm
if a special operation or error logging is needed on completion, it can be better handled from within the task itself, for example using a try/catch/finally clause in the task.
... void arm(); disarm cancel any request for a delayed execution of the task, though the task itself cannot be canceled in case it is already running.

Deferred
specifying a rejected promise would make the rejection reason equal to the rejected promise itself, and not its rejection reason.
...if however a promise is passed, then the promise * itself will be the reason for rejection no matter the state of the promise.

Localizing with Mozilla Translator
files hanging directly from the platform neutral platform can't be part of a partial glossary (because they are not components), and platform neutral itself can't be selected either, since it is not a component, but a platform.
... if you have opted for the first solution, you will find yourself with some new products completely untranslated (once you update each of them).

Memory Profiler
developers have to infer how an object might be allocated and freed by himself/herself.
...the table could be sorted according to the 6 measurements: {retained, allocated, peak} x {self, inclusive}.

TimerFirings logging
204 801266240[7f7c1f248000]: [7163] fn timer (one_shot 50 ms): [content] http://widgets.outbrain.com/outbrain.js:20:330 135 -495057024[7f74e105ba00]: [7108] fn timer (one_shot 4 ms): [content] https://self-repair.mozilla.org/repair/:7:13669 118 801266240[7f7c1f248000]: [7163] fn timer (one_shot 100 ms): [content] http://a.visualrevenue.com/vrs.js:6:9423 103 801266240[7f7c1f248000]: [7163] fn timer (one_shot 50 ms): [content] http://static.dynamicyield.com/scripts/12086/dy-min.js?v=12086:3:3389 94 801266240[7f7c1f248000]: [7163] fn timer (one_shot 50 ms): [content] http...
... 204 fn timer (one_shot): [content] http://widgets.outbrain.com/outbrain.js:20:330 186 fn timer (one_shot): nsbrowserstatusfilter::timeouthandler 138 fn timer (one_shot): [content] https://self-repair.mozilla.org/repair/:7:13669 118 fn timer (one_shot): [content] http://a.visualrevenue.com/vrs.js:6:9423 108 fn timer (slack): layeractivitytracker 104 fn timer (slack): nsidocument::selectorcache 104 fn timer (slack): cctimerfired ...

about:memory
perhaps you want to investigate it yourself, or perhaps someone has asked you to use about:memory to generate "memory reports" so they can investigate a problem you are having.
...don't click "measure..." repeatedly, because that will cause the memory usage of about:memory itself to rise, due to it discarding and regenerating large numbers of dom nodes.

I/O Types
types unique to a particular function are described with the function itself.
...each prfiledesc structure has a field (of type prdescidentity) to identify itself in the layers.

PLHashEntry
if the key of an entry is an integral value that can fit into a void * pointer, you can just cast the key itself to void * and store it in the key field.
... similarly, if the value of an entry is an integral value that can fit into a void * pointer, you can cast the value itself to void * and store it in the value field.

PRThreadState
if a thread is created as an unjoinable (also called detached) thread, it terminates and cleans up after itself after returning from its root function.
... this results in some ambiguity after the thread's root function has returned and before the thread has finished terminating itself.

JSS FAQ
ity/jss/org/mozilla/jss/tests org/mozilla/jss/tests/closedbs.java org/mozilla/jss/tests/keyfactorytest.java org/mozilla/jss/tests/digesttest.java org/mozilla/jss/tests/jcasigtest.java org/mozilla/jss/tests/keywrapping.java org/mozilla/jss/tests/listcerts.java org/mozilla/jss/tests/pk10gen.java org/mozilla/jss/tests/sdr.java org/mozilla/jss/tests/selftest.java org/mozilla/jss/tests/setupdbs.java org/mozilla/jss/tests/sigtest.java org/mozilla/jss/tests/symkeygen.java org/mozilla/jss/tests/testkeygen.java org/mozilla/jss/tests/sslclientauth.java org/mozilla/jss/tests/listcacerts.java org/mozilla/jss/tests/keystoretest.java org/mozilla/jss/tests/verifycert.java ssl examples: org/mozilla/jss/...
...setcipherpolicy does not need to be called by a jss app unless that app wants to limit itself to export-allowed cipher suites.

NSS_3.12_release_notes.html
bug 399326: libpkix is unable to validate cert for certusagestatusresponder bug 400947: thread unsafe operation in pkix_pl_hashtable_add cause selfserv to crash.
... 353908: klocwork oom crash in tdcache.c bug 353909: klocwork ptr dereference before null check in devutil.c bug 353912: misc klocwork bugs in lib/ckfw bug 354008: klocwork bugs in freebl bug 359331: modutil -changepw strict shutdown failure bug 373367: verify ocsp response signature in libpkix without decoding and reencoding bug 390542: libpkix fails to validate a chain that consists only of one self issued, trusted cert bug 390728: pkix_pl_ocsprequest_create throws an error if it was not able to get aia location bug 397825: libpkix: ifdef code that uses user object types bug 397832: libpkix leaks memory if a macro calls a function that returns an error bug 402727: functions responsible for creating an object leak if subsequent function code produces an error bug 402731: pkix_pl_pk11certstore...

NSS 3.39 release notes
nss 3.39 source distributions are available on ftp.mozilla.org for secure https download: source tarballs: https://ftp.mozilla.org/pub/mozilla.org/security/nss/releases/nss_3_39_rtm/src/ new in nss 3.39 new functionality the tstclnt and selfserv utilities added support for configuring the enabled tls signature schemes using the -j parameter.
... the tstclnt and selfserv test utilities no longer accept the -z parameter, as support for tls compression was removed in a previous nss version.

NSS 3.47 release notes
does not store nickname for ec keys bug 1586456 - unnecessary conditional in pki3hack, pk11load and stanpcertdb bug 1576307 - check mechanism param and param length before casting to mechanism-specific structs bug 1577953 - support longer (up to rfc maximum) hkdf outputs bug 1508776 - remove refcounting from sftk_freesession (cve-2019-11756) bug 1494063 - support tls exporter in tstclnt and selfserv bug 1581024 - heap overflow in nss utility "derdump" bug 1582343 - soft token mac verification not constant time bug 1578238 - handle invald tag sizes for ckm_aes_gcm bug 1576295 - check all bounds when encrypting with seed_cbc bug 1580286 - nss rejects tls 1.2 records with large padding with sha384 hmac bug 1577448 - create additional nested s/mime test messages for thunderbird bug 13...
... bug 1542207 - limit policy check on signature algorithms to known algorithms bug 1560329 - drbg: add continuous self-test on entropy source bug 1579290 - asan builds should disable lsan while building bug 1385061 - build nspr tests with nss make; add gyp parameters to build/run nspr tests bug 1577359 - build atob and btoa for thunderbird bug 1579036 - confusing error when trying to export non-existent cert with pk12util bug 1578626 - [cid 1453375] ub: decrement nullptr.

NSS PKCS11 Functions
do not try to free the string yourself.
...do not try to free the string yourself.

FC_Initialize
in addition to creating the internal data structures, it performs the fips software integrity test and power-up self-tests.
...(note: we probably should return ckr_host_memory instead.) the software integrity test or power-up self-tests failed.

pkfnc.html
do not try to free the string yourself.
...do not try to free the string yourself.

NSS Tools modutil
each entry in the list is itself a key-value pair: the key is the name of the platform and the value list contains various attributes of the platform.
...typically this string would be used for a setup program provided by a module vendor, such as a self-extracting setup.exe.

Necko Architecture
because a uri has no self knowledge about what "protocol" it represents, another component is responsible for deciding which channel implementation will be responsible for "loading" the uri.
...for example, the http protocol handler registers itself as the protocol handler for "http." the http protocol handler creates http channels for http urls.

Rhino scopes and contexts
this is a large topic in itself, but for our purposes it gives us an easy way to share a set of read-only variables across multiple scopes.
...to seal all objects in the standard library passtrue for the sealed argument when calling context.initstandardobjects(scriptableobject, boolean): scriptableobject sealedsharedscope = cx.initstandardobjects(null, true); this seals only all standard library objects, it does not seal the shared scope itself thus after callinginitstandardobjects, sealedsharedscope can be farther populated with application-specific objects and functions.

Scripting Java
this works just as in java, with the use of the new operator: js> new java.util.date() thu jan 24 16:18:17 est 2002 if we store the new object in a javascript variable, we can then call methods on it: js> f = new java.io.file("test.txt") test.txt js> f.exists() true js> f.getname() test.txt static methods and fields can be accessed from the class object itself: js> java.lang.math.pi 3.141592653589793 js> java.lang.math.cos(0) 1 in javascript, unlike java, the method by itself is an object and can be evaluated as well as being called.
... if we just view the method object by itself we can see the various overloaded forms of the method: js> f.listfiles function listfiles() {/* java.io.file[] listfiles() java.io.file[] listfiles(java.io.filenamefilter) java.io.file[] listfiles(java.io.filefilter) */} this output shows that the file class defines three overloaded methods listfiles: one that takes no arguments, another with a filenamefilter argument, and a third with a filefilter argument.

Rhino shell
(the system command prompt is shown as $.) the first invocation executes a script specified on the command line itself.
...finally, the last invocation executes a script from a file and accesses arguments to the script itself.

Hacking Tips
linker linker(masm); (gdb) n 4784 ioncode *code = linker.newcode(cx, jsc::ion_code); (gdb) n 4785 if (!code) (gdb) p code->code_ $1 = (uint8_t *) 0xf7fd25a8 "\201", <incomplete sequence \354\200> (gdb) x/2i 0xf7fd25a8 0xf7fd25a8: sub $0x80,%esp 0xf7fd25ae: mov 0x94(%esp),%ecx on arm, the compiled js code will always be arm machine code, whereas spidermonkey itself is frequently thumb2.
...(gdb) continue compiling self-hosted:650:20470-21501 bailout from self-hosted:20:403-500 invalidate self-hosted:20:403-500 note: the line 3196, listed above, corresponds to the location of the jit spew inside jit::invalidate function.

Garbage collection
by definition, a weak reference should not hold a target live by itself.
...the private field itself is opaque to the engine, but it may point to things that need to be marked, e.g., an array of jsobject pointers.

Property attributes
some objects like function/object have self-hosted functions that can only be defined after the initialization is already finished.
...this keeps the resolve hook from accidentally triggering itself: unchecked recursion.

JSAPI reference
ince javascript 1.8.5 struct jsobjectops obsolete since javascript 1.8.5 struct jsxmlobjectops obsolete since javascript 1.8.5 struct jsproperty obsolete since jsapi 16 adding native properties and methods to classes: jsnative struct jsfunctionspec js_fs added in spidermonkey 1.8 js_fn added in spidermonkey 1.8 js_sym_fn added in spidermonkey 38 js_fninfo added in spidermonkey 17 js_self_hosted_fn added in spidermonkey 31 js_self_hosted_sym_fn added in spidermonkey 38 js_sym_fnspec added in spidermonkey 38 js_fnspec added in spidermonkey 31 js_fs_end added in spidermonkey 1.8 struct jspropertyspec js_psg added in spidermonkey 17 js_psgs added in spidermonkey 17 js_self_hosted_get added in spidermonkey 31 js_self_hosted_getset added in spidermonkey 31 js_ps_end added in ...
... 38 js_getfunctionobject js_getfunctionflags obsolete since jsapi 19 js_getfunctionname obsolete since javascript 1.8.5 creating functions: js::clonefunctionobject added in spidermonkey 36 js_definefunction js_defineucfunction js_definefunctionbyid added in spidermonkey 17 js_definefunctions enum propertydefinitionbehavior added in spidermonkey 38 js_newfunction js::getselfhostedfunction added in jsapi 31 js::newfunctionfromspec added in jsapi 45 js_newfunctionbyid added in spidermonkey 17 obsolete since jsapi 44 js_clonefunctionobject obsolete since jsapi 36 regexps js_newregexpobject jsreg_fold jsreg_glob jsreg_multiline jsreg_sticky js_newucregexpobject js_newregexpobjectnostatics js_newucregexpobjectnostatics js_setregexpinput...

Split object
it represents the window or tab itself and survives as the user navigates in that window or tab.
...spidermonkey's split object support, by itself, does not cause inner object properties to appear on the outer object or vice versa.

Redis Tips
i haven't yet used bitstrings in production myself.
... but before you start cramming huge messes of stringified json in your db, check in with your gut and ask yourself: does the structure of the json matter for my queries?

Setting up an update server
there are two common ways to obtain a mar to use: download a prebuilt one, or build one yourself.
...part of the problem is that mars are signed by mozilla and so you cannot really build an "official" mar yourself.

Retrieving part of the bookmarks tree
as long as the container is open, it will listen for notifications from the bookmarks system to keep itself up-to-date.
...otherwise, it will continue to get observer notifications and update itself, slowing down the whole browser.

XPCOM array guide
the only functional drawback to in-place enumeration is that you cannot manipulate the array itself during the enumeration.
...as a class member, nscomarray<t> is preferred over nsiarray when access to the array is confined to the class itself.

Avoiding leaks in JavaScript XPCOM components
when this count goes to zero, the object destroys itself.
... it's also worth noting that failing to unregister an observer that's attached to something temporary (such as a controller or event listener) can cause the garbage collector to take an extra cycle to clean up everything that was associated with a document if the temporary object itself is destroyed as a result of garbage collection.

Profiling XPCShell
a profile will look like this: file:///users/michiel/mozilla/tree1/...js/calutils.js [2,25420] createdatetime() {60-62} 579 {min 0, max 3, avg 0, sum 427, self 427} [2,56810] cp_qi() {860-866} 835 {min 0, max 1, avg 0, sum 950, self 950} the first line tells which file was profiled.
...the line consists of: the compile count of the function; the call count of the function; the functions name; the starting line number; the ending line number; the function's size; the amount of time (in milliseconds) the fastest call took; the time of the slowest call; the average time spend; the total time; the time spend in the function itself is given (that is the total time excluding the time spend in functions called from this function).

nsACString
self_type [nsacstring] an alias for the type of this class.
...nsacstring by itself does not imply a particular character encoding.

nsAString
self_type [nsastring] an alias for the type of this class.
...nsastring by itself does not imply a particular character encoding.

imgIContainer
create a new imgcontainer that contains only a single frame, which itself contains a subregion of the current frame.
... return value missing description exceptions thrown missing exception missing description native code only!extractframe create a new imgcontainer that contains only a single frame, which itself contains a subregion of the given frame.

mozIAsyncFavicons
it's better to not use this function for chrome: icon uris since you can reference the chrome image yourself.
...it's better to not use this function for chrome: icon uris since you can reference the chrome image yourself.

mozIRegistry
i think a simple clsid "alias" mechanism (equivalent to com's "component categories" in some respects), along with the ability to "set" services (versus the service manager insisting on creating the services itself) would suffice.
...one could then make the nsrepository itself a service and permit full (?!) de-coupling of xpcom modules from the xpcom implementation.

nsIComponentRegistrar
this value is passed into the nsimodule.registerself() callback and must be forwarded unmodified when registering factories via their location.
...this value is passed into thensimodule.registerself() callback and must be forwarded unmodified when registering factories via their location.

nsIDOMWindowInternal
domstring atob(in domstring aasciistring) domstring btoa(in domstring abase64data) nsivariant showmodaldialog(in nsivariant aargs, [optional] in domstring aoptions) void postmessage(in domstring message, in domstring targetorigin) attributes attribute type description window nsidomwindowinternal readonly: the window object itself.
... self nsidomwindowinternal readonly: returns an object reference to the window object.

nsIExternalProtocolService
note: aprotocolscheme should not include a trailing colon, which is part of the uri syntax, not part of the scheme itself.
...note: aprotocolscheme should not include a trailing colon, which is part of the uri syntax, not part of the scheme itself (that is pass "mailto" not "mailto:").

nsIFaviconService
you should reference the chrome image yourself.
...you should reference the chrome image yourself.