Search completed in 1.19 seconds.
Observer Notifications
observer
topics the following are
topics that you can observe during the course of an application.
... unless otherwise noted you register for the
topics using the nsiobserverservice.
... application startup these are the
topics that you can observe on startup, in order of appearance.
...And 45 more matches
Box-shadow generator - CSS: Cascading Style Sheets
ect" data-title=":before"> :before <span class="delete" data-type="disable"></span> </div> <div class="button" id="after" data-type="subject" data-title=":after"> :after <span class="delete" data-type="disable"></span> </div> <div class="ui-checkbox" data-
topic='before' data-label=":before"></div> <div class="ui-checkbox" data-
topic='after' data-label=":after"></div> </div> <div id="preview"> <div id="obj-element"> <div class="content"> </div> <div id="obj-before"> </div> <div id="obj-after"> </div> </div> </di...
... <div id="controls" class="group section"> <div class="wrap-left"> <div class="colorpicker category"> <div class="title"> </div> <div id="colorpicker" class="group"> <div id="gradient" class="gradient"> <div id="gradient_picker"> </div> </div> <div id="hue" data-
topic="hue" class="hue"> <div id="hue_selector"> </div> </div> <div class="info"> <div class="input" data-
topic="hue" data-title='h:' data-action="hsv"></div> <div class="input" data-
topic="saturation" data-title='s:' data-action="hsv"></div> <div class="input" data-to...
...pic="value" data-title='v:' data-action="hsv"></div> </div> <div class="alpha"> <div id="alpha" data-
topic="alpha"> <div id="alpha_selector"> </div> </div> </div> <div class="info"> <div class="input" data-
topic="r" data-title='r:' data-action="rgb"></div> <div class="input" data-
topic="g" data-title='g:' data-action="rgb"></div> <div class="input" data-
topic="b" data-title='b:' data-action="rgb"></div> </div> <div class="preview block"> <div id="output_color"> </div> </div> ...
...And 33 more matches
Border-image generator - CSS: Cascading Style Sheets
"text" placeholder="load an image from url"/> <div id="load-remote" class="button"> </div> </div> <div id="general-controls" class="group section"> <div class="name"> control box </div> <div class="separator"></div> <div class="property"> <div class="name">scale</div> <div class="ui-input-slider" data-
topic="scale" data-unit="%" data-max="300" data-sensivity="10"> </div> </div> <div class="separator"></div> <div class="property"> <div class="name">draggable</div> <div class="ui-checkbox" data-
topic='drag-subject'></div> </div> <div class="property right"> <d...
...iv class="name">section height</div> <div class="ui-input-slider" data-
topic="preview-area-height" data-min="400" data-max="1000"> </div> </div> </div> <div id="preview_section" class="group section"> <div id="subject"> <div class="guideline" data-axis="y" data-
topic="slice-top"></div> <div class="guideline" data-axis="x" data-
topic="slice-right"></div> <div class="guideline" data-axis="y" data-
topic="slice-bottom"></div> <div class="guideline" data-axis="x" data-
topic="slice-left"></div> </div> <div id="preview"> </div> </div> <!-- controls --> <div id="controls" class="group section"> ...
... <!-- border-image-slice --> <div id="border-slice-control" class="category"> <div class="title"> border-image-slice </div> <div class="property"> <div class="name">fill</div> <div class="ui-checkbox" data-
topic='slice-fill'></div> </div> </div> <!-- border-image-width --> <div id="border-width-control" class="category"> <div class="title"> border-image-width </div> </div> <!-- border-image-outset --> <div id="border-outset-control" class="category"> <div class="title"> border-image-outset </div> </div> <!-- other-settings --> <div id="aditional-pro...
...And 31 more matches
Linear-gradient Generator - CSS: Cascading Style Sheets
linear-gradient generator html content <div id="container"> <div id="gradient-container" data-alpha="true"> </div> <div id="controls"> <div class="section"> <div class="title"> active point </div> <div class="property"> <div class="ui-input-slider" data-
topic="point-position" data-info="position" data-unit="px" data-min="-1000" data-value="0" data-max="1000" data-sensivity="5"></div> <div id="delete-point" class="button"> delete point </div> </div> <div class="ui-color-picker" data-
topic="picker"></div> </div> <div class="section"> <div class="title"> active axis </div> ...
... <div class="property"> <div class="name"> axis unit </div> <div class="ui-dropdown" data-
topic="axis-unit" data-selected="1"> <div data-value='px'> pixels (px) </div> <div data-value='%'> percentage (%) </div> </div> <div id="delete-axis" class="button"> delete line </div> </div> <div class="property"> <div class="ui-slider" data-
topic="axis-rotation" data-info="rotation" data-min="-180" data-value="0" data-max="180"></div> </div> </div> <div id="tool-section" class="section"> <div class="title"> tool settings </div> <div...
...t; } .ui-color-picker .input .name { height: 20px; width: 30px; text-align: center; font-size: 14px; line-height: 18px; float: left; } .ui-color-picker .input input { width: 30px; height: 18px; margin: 0; padding: 0; border: 1px solid #ddd; text-align: center; float: right; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; } .ui-color-picker .input[data-
topic="lightness"] { display: none; } .ui-color-picker[data-mode='hsl'] .input[data-
topic="value"] { display: none; } .ui-color-picker[data-mode='hsl'] .input[data-
topic="lightness"] { display: block; } .ui-color-picker .input[data-
topic="alpha"] { margin-top: 10px; width: 93px; } .ui-color-picker .input[data-
topic="alpha"] > .name { width: 60px; } .ui-color-picker .input[data-
topic="alpha"]...
...And 31 more matches
Observer Notifications - Archive of obsolete content
the first parameter (subject) can be any xpcom object, the second parameter is a notification
topic, and the final parameter is a string that further describes the notification.
... this example code shows you what an implementation of the nsiobserver interface looks like: let testobserver = { observe : function(asubject, a
topic, adata) { if (a
topic == "xulschoolhello-test-
topic") { window.alert("data received: " + adata); } } } in order for this observer to work, you need to use the observer service that provides methods for you to add, remove, notify and enumerate observers.
...the first parameter is an observer object, the second parameter is a notification
topic, and the third parameter is a boolean which indicates whether the observer service should hold a weak reference to the observer.
...And 19 more matches
Border-radius generator - CSS: Cascading Style Sheets
</div> <div id="bottom-right" class="radius-container" data-x="right" data-y="bottom"> </div> <div id="bottom-left" class="radius-container" data-x="left" data-y="bottom"> </div> <div id="radius-ui-sliders"> <div id="tlr" class="ui-input-slider" data-
topic="top-left" data-unit=" px" data-sensivity="2"></div> <div id="tlw" class="ui-input-slider" data-
topic="top-left-w" data-unit=" px" data-sensivity="2"></div> <div id="tlh" class="ui-input-slider" data-
topic="top-left-h" data-unit=" px" data-sensivity="2"></div> <...
...div id="trr" class="ui-input-slider" data-
topic="top-right" data-unit=" px" data-sensivity="2"></div> <div id="trw" class="ui-input-slider" data-
topic="top-right-w" data-unit=" px" data-sensivity="2"></div> <div id="trh" class="ui-input-slider" data-
topic="top-right-h" data-unit=" px" data-sensivity="2"></div> <div id="brr" class="ui-input-slider" data-
topic="bottom-right" data-unit=" px" data-sensivity="2"></div> <div id="brw" class="ui-input-slider" data-
topic="bottom-right-w" data-unit=" px" data-sensivity="2"></div> <div id="brh" class="ui-input-slider" data-
topic="...
...bottom-right-h" data-unit=" px" data-sensivity="2"></div> <div id="blr" class="ui-input-slider" data-
topic="bottom-left" data-unit=" px" data-sensivity="2"></div> <div id="blw" class="ui-input-slider" data-
topic="bottom-left-w" data-unit=" px" data-sensivity="2"></div> <div id="blh" class="ui-input-slider" data-
topic="bottom-left-h" data-unit=" px" data-sensivity="2"></div> </div> </div> </div> </div> <div id="controls" class="group section"> <div class="group section"> <div id="dimensions"> <div class="ui-input-slider" data-
topic="width" data-info="width" ...
...And 19 more matches
Color picker tool - CSS: Cascading Style Sheets
colorpicker tool html <div id="container"> <div id="palette" class="block"> <div id="color-palette"></div> <div id="color-info"> <div class="title"> css color </div> </div> </div> <div id="picker" class="block"> <div class="ui-color-picker" data-
topic="picker" data-mode="hsl"></div> <div id="picker-samples" sample-id="master"></div> <div id="controls"> <div id="delete"> <div id="trash-can"></div> </div> <div id="void-sample" class="icon"></div> </div> </div> <div id="canvas" data-tutorial="drop"> <div id="zindex" class="ui-input-slider" data-
topic="z-index" data...
...t; } .ui-color-picker .input .name { height: 20px; width: 30px; text-align: center; font-size: 14px; line-height: 18px; float: left; } .ui-color-picker .input input { width: 30px; height: 18px; margin: 0; padding: 0; border: 1px solid #ddd; text-align: center; float: right; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; } .ui-color-picker .input[data-
topic="lightness"] { display: none; } .ui-color-picker[data-mode='hsl'] .input[data-
topic="value"] { display: none; } .ui-color-picker[data-mode='hsl'] .input[data-
topic="lightness"] { display: block; } .ui-color-picker .input[data-
topic="alpha"] { margin-top: 10px; width: 93px; } .ui-color-picker .input[data-
topic="alpha"] > .name { width: 60px; } .ui-color-picker .input[data-
topic="alpha"]...
... > input { float: right; } .ui-color-picker .input[data-
topic="hexa"] { width: auto; float: right; margin: 6px 8px 0 0; } .ui-color-picker .input[data-
topic="hexa"] > .name { display: none; } .ui-color-picker .input[data-
topic="hexa"] > input { width: 90px; height: 24px; padding: 2px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* preview color */ .ui-color-picker .preview { width: 95px; height: 53px; margin: 5px; margin-top: 10px; border: 1px solid #ddd; background-image: url("https://mdn.mozillademos.org/files/5705/alpha.png"); float: left; position: relative; } .ui-color-picker .preview:before { height: 100%; width: 50%; left: 50%; top: 0; content: ""; background: #fff; position: absolute; z-index: 1; } .ui-color-p...
...And 19 more matches
nsIObserverService
implemented by @mozilla.org/observer-service;1 as a service: var observerservice = components.classes["@mozilla.org/observer-service;1"] .getservice(components.interfaces.nsiobserverservice); method overview void addobserver( in nsiobserver anobserver, in string a
topic, in boolean ownsweak); nsisimpleenumerator enumerateobservers( in string a
topic ); void notifyobservers( in nsisupports asubject, in string a
topic, in wstring somedata ); void removeobserver( in nsiobserver anobserver, in string a
topic ); methods addobserver() registers a given listener for a notifications regarding the specified
topic.
... void addobserver( in nsiobserver anobserver, in string a
topic, in boolean ownsweak ); parameters anobserver the nsiobserver object which will receive notifications.
... a
topic the notification
topic or subject.
...And 12 more matches
Index - Learn web development
to help you achieve this, this module will cover general best practices (which are demonstrated throughout the html, css, and javascript
topics), cross browser testing, and some tips on enforcing accessibility from the start.
...this article provides some hints and tips in both of these areas that will help you get more out of learning web development, as well as further reading so you can find out more information about each sub-
topic should you wish..
... 43 publishing your website beginner, codingscripting, ftp, github, google app engine, learn, web, l10n:priority, publishing, web server publishing a website is a complex
topic because there are many ways to go about it.
...And 11 more matches
Setting HTTP request headers
in particular, to get the nsihttpchannel just before the http request is made we need to observe the "http-on-modify-request"
topic.
... (and yes, "http-on-modify-request" is a string.) note: there are many
topics, besides just "http-on-modify-request", that you can get notifications about, for example "http-on-examine-response" and "xpcom-shutdown".
... you can also make up your own
topics and send out your own notifications.
...And 11 more matches
Creating Sandboxed HTTP Connections
the addobserver method is used to add an observer for a certain
topic and takes in three agruments: an object than implements nsiobserver the
topic to listen for.
... for cookies, the two
topics are: http-on-modify-request - happens after the cookie data has been loaded into the request, but before the request is sent.
...the removeobserver method takes in the listener object and the
topic and removes it from the notification list.
...And 8 more matches
Learn web development
if you are a complete beginner, web development can be challenging — we will hold your hand and provide enough detail for you to feel comfortable and learn the
topics properly.
... if you have questions regarding
topics you'd like to see covered or feel are missing, drop us a message on our discourse forum.
... random glossary entry semantics in programming, semantics refers to the meaning of a piece of code — for example "what effect does running that line of javascript have?", or "what purpose or role does that html element have" (rather than "what does it look like?".)
topics covered the following is a list of all the
topics we cover in the mdn learning area.
...And 7 more matches
nsIObserver
inherits from: nsisupports last changed in gecko 0.9.6 method overview void observe(in nsisupports asubject, in string a
topic, in wstring adata); methods observe() this method will be called when there is a notification for the
topic that the observer has been registered for.
... if you expect multiple
topics/subjects, the implementor is responsible for filtering.
... void observe( in nsisupports asubject, in string a
topic, in wstring adata ); parameters asubject in general reflects the object whose change or action is being observed.
...And 7 more matches
Creating a Help Content Pack - Archive of obsolete content
next, you'll need to insert a rdf:description element into the file, inside the rdf:rdf element just created: <rdf:description rdf:about="urn:root" nc:title="" nc:default
topic="" nc:base=""> </rdf:description> fill in the attributes as follows: rdf:about must be urn:root or your pack won't work.
... nc:default
topic will hold the rdf:id of the
topic you want displayed when the viewer first loads if none has been specified.
... this attribute also specifies what
topic is loaded when the user hits the home button in the viewer.
...And 5 more matches
Monitoring plugins - Archive of obsolete content
the notification's
topic is experimental-notify-plugin-call.
... below are a number of javascript snippets that would be useful to developers trying to use this feature: registration to register for runtime notifications with the observer service you must create a class with an observe method which receives 3 parameters (subject,
topic and data) as well as a register method that contains the following code: var observerservice = components.classes["@mozilla.org/observer-service;1"] .getservice (components.interfaces.nsiobserverservice); observerservice.addobserver(this, "experimental-notify-plugin-call", false); observing as discussed above, to specify what you want done when a notification arr...
...ives your class must have an observe method, receiving 3 parameters (subject,
topic and data).
...And 5 more matches
Starting WebLock
the method at the core of this interface is observe: void observe(in nsisupports asubject, in string a
topic, in wstring adata); there aren't really any restrictions on what the three parameters (asubject, a
topic and adata) may represent.
...for example, in the case of the xpcom shutdown observation, asubject and adata are not defined, and a
topic is defined as the string "xpcom-shutdown".
... class weblock: public nsiobserver { public: weblock(); virtual ~weblock(); ns_decl_isupports ns_decl_nsiobserver }; ns_impl_isupports1(weblock, nsiobserver); the standard implementation of observe() simply compares the a
topic string with the value defined by the event the object is expecting.
...And 5 more matches
Index - Archive of obsolete content
mention the localization layer 393 making a mozilla installation modifiable add-ons, extensions mozilla's user interface is made up of xul (described below), xbl (a
topic for another tutorial), javascript, css, and image files.
...see also the documentation on this
topic on the oxidation wiki page.
... 554 microsummary
topics microsummaries to programmatically install a microsummary generator -- for example, in an extension that helps users create custom generators for their favorite sites -- obtain a reference to the nsimicrosummaryservice interface implemented by the nsimicrosummaryservice component, then call its installgenerator() method, passing it an xml document containing the generator.
...And 3 more matches
Limitations of chrome scripts
observers in the chrome process depending on the
topic, you need to register observers in either the chrome process or in a frame script.
... for most
topics you need to register observers in the chrome process.
...observers for these
topics get content objects as the asubject argument to observe(), so notifications are not sent to the chrome process.
...And 3 more matches
Learn to style HTML using CSS - Learn web development
in that module, you will learn about: css, starting with the introduction to css module more advanced html modules javascript, and how to use it to add dynamic functionality to web pages once you understand the fundamentals of html, we recommend that you learn html and css at the same time, moving back and forth between the two
topics.
... before starting this
topic, you should also be familiar with using computers and using the web passively (i.e., just looking at it, consuming the content).
... it is recommended that you work through getting started with the web before proceeding with this
topic.
...And 2 more matches
Getting Started with Chat
for example, "ashughes: good morning!" every channel has its own
topic.
...this takes the channel off the public list of active channels and
topics.
... /server server-name manually connect to a server /
topic topic changes the
topic of the channel.
...And 2 more matches
Intercepting Page Loads - Archive of obsolete content
http observers another common way of detecting and intercepting loads is using http observer
topics.
... there are 2 http
topics you can listen to, as specified in the observer notifications page:
topic description http-on-modify-request called as an http request is made.
... the subject argument on the observe method is the nsihttpchannel object that corresponds to the http channel being opened or already opened, depending on the
topic.
... observe : function(asubject, a
topic, adata) { if (
topic_modify_request == a
topic) { let url; asubject.queryinterface(components.interfaces.nsihttpchannel); url = asubject.uri.spec; if (re_url_to_modify.test(url)) { // re_url_to_modify is a regular expression.
Index
72 observer notifications xpcom, xpcom:add-ons the following are
topics that you can observe during the course of an application.
... unless otherwise noted you register for the
topics using the nsiobserverservice.
...accordingly, the book is arranged so that you can follow along and create your own components or learn about different xpcom
topics individually, as in a reference work.
... 805 nsinetworklinkservice interfaces, interfaces:scriptable, needsexample implemented by: @mozilla.org/network/network-link-service;1 as a service: 806 nsiobserver interfaces, interfaces:scriptable, xpcom, xpcom api reference, xpcom interface reference this method will be called when there is a notification for the
topic that the observer has been registered for.
Introduction to XPCOM for the DOM
for more advanced
topics, please see the xpcom page.
...for the more advanced
topics of xpcom, please see the xpcom project page.
... the next section is a tutorial on how to add a new interface to the mozilla dom, with build instructions et al, and the last section is a discussion of the more advanced
topics of object-oriented c++ , interface inheritance, and other fun stuff.
... interface inheritance (advanced
topic) the inheritance model in mozilla is of course the same as the class inheritance model of c++.
nsIAlertsService
topic: "alertfinished" when the alert disappears, "alertclickcallback" if the user clicks the text or "alertshow" (since gecko 22) when the alert is shown.
... "alert title", "alert text goes here.", false, "", null, ""); } catch (e) { // this can fail on mac os x } listening for callbacks you can be notified when the notification window disappears or the user clicks on the message by passing an object implementing nsiobserver as the alertlistener parameter: var listener = { observe: function(subject,
topic, data) { alert("subject=" + subject + ",
topic=" +
topic + ", data=" + data); } } var alertsservice = components.classes["@mozilla.org/alerts-service;1"].
... getservice(components.interfaces.nsialertsservice); try { alertsservice.showalertnotification("", "alerts service test", "click me", true, "cookie", listener, ""); } catch (e) { // this can fail on mac os x } example 2 this example shows how to use all the available observer
topics: var as = cc['@mozilla.org/alerts-service;1'].getservice(ci.nsialertsservice); var notiflistener = { observe: function(asubject, a
topic, adata) { console.error('incoming notification observer:', asubject, a
topic, adata); if (a
topic == 'alertclickcallback') { console.error('user clicked trying to throw click'); services.prompt.alert(services.wm.getmostrecentwindow('navigator:firefox'), 'focus f...
...irefox', 'will now focus fireox and then focus the tab'); } else if (a
topic == 'alertshow') { console.log('just showed notification'); } else if (a
topic == 'alertfinished') { console.log('just alertfinished') } } }; as.showalertnotification('chrome://branding/content/icon64.png', 'stackoverflow - new messages', 'there are ## new messages.
WebGL by example - Web APIs
the examples are sorted according to
topic and level of difficulty, covering the webgl rendering context, shader programming, textures, geometry, user interaction, and more.
... examples by
topic the examples are sorted in order of increasing difficulty.
... but rather than just presenting them in a single long list, they are additionally divided into
topics.
... sometimes we revisit a
topic several times, such as when needing to discuss it initially at a basic level, and later at intermediate and advanced levels.
Tabbed browser - Archive of obsolete content
updated example is in section below this observe: function (subject,
topic, data) { if (
topic == "http-on-modify-request") { subject.queryinterface(components.interfaces.nsihttpchannel); var url = subject.uri.spec; /* url being requested.
... components.utils.import('resource://gre/modules/services.jsm'); services.obs.addobserver(httpobs, 'http-on-modify-request', false); //services.obs.removeobserver(httpobs, 'http-on-modify-request'); //uncomment this line, or run this line when you want to remove the observer var httpobs = { observe: function (asubject, a
topic, adata) { if (a
topic == 'http-on-modify-request') { /*start - do not edit here*/ var ohttp = asubject.queryinterface(components.interfaces.nsihttpchannel); //i used nsihttpchannel but i guess you can use nsichannel, im not sure why though var interfacerequestor = ohttp.notificationcallbacks.queryinterface(components.interfaces.nsiinterfacerequestor); ...
...but if its an ajax call you may end up here } } } }; here's a cleaner example of the same thing: cu.import('resource://gre/modules/services.jsm'); var httprequestobserver = { observe: function (subject,
topic, data) { var httpchannel, requesturl; if (
topic == "http-on-modify-request") { httpchannel = subject.queryinterface(ci.nsihttpchannel); requesturl = httpchannel.uri.spec; var newrequesturl, i; if (/someurl/.test(requesturl)) { var goodies = loadcontextgoodies(httpchannel); if (goodies) { ...
Supporting private browsing mode - Archive of obsolete content
his._os.addobserver(this, "quit-application", false); try { var pbs = components.classes["@mozilla.org/privatebrowsing;1"] .getservice(components.interfaces.nsiprivatebrowsingservice); this._inprivatebrowsing = pbs.privatebrowsingenabled; } catch(ex) { // ignore exceptions in older versions of firefox } }, observe : function (asubject, a
topic, adata) { if (a
topic == "private-browsing") { if (adata == "enter") { this._inprivatebrowsing = true; if (this.watcher && "onenterprivatebrowsing" in this._watcher) { this.watcher.onenterprivatebrowsing(); } } else if (adata == "exit") { this._inprivatebrowsing = false; if (this.watcher && "onexitprivatebrow...
...sing" in this._watcher) { this.watcher.onexitprivatebrowsing(); } } } else if (a
topic == "quit-application") { this._os.removeobserver(this, "quit-application"); this._os.removeobserver(this, "private-browsing"); } }, get inprivatebrowsing() { return this._inprivatebrowsing; }, get watcher() { return this._watcher; }, set watcher(val) { this._watcher = val; } }; of special note is the fact that this helper object is designed to not break on versions of firefox without private browsing support (those prior to firefox 3.5).
... to do this, simply watch for the private browsing private-browsing-cancel-vote notification with the subject "exit", and set its data field to true to cancel the operation, like this: var os = components.classes["@mozilla.org/observer-service;1"] .getservice(components.interfaces.nsiobserverservice); os.addobserver(function (asubject, a
topic, adata) { asubject.queryinterface(components.interfaces.nsisupportsprbool); // if another extension has not already canceled entering the private mode if (!asubject.data) { if (adata == "exit") { // if we are leaving the private mode /* you should display some user interface here */ asubject.data = true; // cancel the operation } } }, "private-browsing-c...
Archive of obsolete content
archived open web documentation the documentation listed below is archived, obsolete material about open web
topics.
...it does not cover advanced
topics.
...for instructions on tamarin central, please see the basics of web services summary: a current hot
topic on the web right now are web services.
Your first form - Learn web development
we'll expand on each of these sub
topics in more detail later on in the module.
...it's beyond the scope of this article to cover the user experience of forms, but if you want to dig into that
topic you should read the following articles: smashing magazine has some good articles about forms ux, including an older but still relevant extensive guide to web form usability article.
... overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced
topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
Structuring the web with HTML - Learn web development
get started prerequisites before starting this
topic, you should have at least basic familiarity with using computers and using the web passively (i.e.
... it is recommended that you work through getting started with the web before attempting this
topic, however, it isn't absolutely necessary; much of what is covered in the html basics article is also covered in our introduction to html module, albeit in a lot more detail.
... after learning html, you can then move on to learning about more advanced
topics such as: css, and how to use it to style html (for example alter your text size and fonts used, add borders and drop shadows, layout your page with multiple columns, add animations and other visual effects.) javascript, and how to use it to add dynamic functionality to web pages (for example find your location and plot it on a map, make ui elements appear/disappear when you toggle a button, save users' data locally on their computers, and much much more.) modules this
topic contains the following modules, in a suggested order for working through them.
What is web performance? - Learn web development
how content is rendered to effectively understand web performance, the issues behind it, and the major
topic areas we mentioned above, you really should understand some specifics about how browsers work.
...you can read all about this
topic at understanding latency.
... conclusion that's it for now; we hope our brief overview of the web performance
topic helped you to get an idea of what it is all about, and made you excited to learn more.
Web performance - Learn web development
the rest of our beginner's learning material tried to stick to web best practices such as performance and accessibility as much as possible, however, it is good to focus specifically on such
topics too, and make sure you are familiar with them.
... it would also be helpful to go a bit deeper into these
topics, with modules such as: introduction to html css first steps javascript first steps once you've worked through this module, you'll probably be excited to go deeper into web performance — you can find a lot of further teachings in our main mdn web performance section, including overviews of performance apis, testing and analysis tools, and performance bottleneck gotchas.
... guides this
topic contains the following guides.
Server-side website programming - Learn web development
the dynamic websites – server-side programming
topic is a series of modules that show how to create dynamic websites; websites that deliver customised information in response to http requests.
...we recommend that you first read the following
topics: what is a web server what software do i need to build a website?
... modules this
topic contains the following modules.
Preface
accordingly, the book is arranged so that you can follow along and create your own components or learn about different xpcom
topics individually, as in a reference work.
... the top of each chapter provides a list of the major
topics covered.
...each one of these steps has its own chapter, in which a number of
topics associated with the step are discussed.
nsIPushService
topic subject data description push api counterpart push-message nsipushmessage if the message has a payload; null for blank messages.
... example const obsservice = cc["@mozilla.org/observer-service;1"] .getservice(ci.nsiobserverservice); let pushobserver = { scope: "chrome://my-module/push", observe(subject,
topic, data) { // the scope is passed as the `data` argument for `push-message` and // `push-subscription-change` observers.
... if (data == this.scope) { if (
topic == "push-message") { this.onpushmessage(subject); } else if (
topic == "push-subscription-change") { this.onpushsubscriptionchange(); } } }, onpushmessage(maybemessage) { if (!maybemesssage) { // the subject will be `null` for messages without data.
HTML elements reference - HTML: Hypertext Markup Language
the main content area consists of content that is directly related to or expands upon the central
topic of a document, or the central functionality of an application.
... <hr> the html <hr> element represents a thematic break between paragraph-level elements: for example, a change of scene in a story, or a shift of
topic within a section.
...the main content area consists of content that is directly related to or expands upon the central
topic of a document, or the central functionality of an application.
/loader - Archive of obsolete content
getservice(ci.nsiobserverservice); let observer = { observe: function onunload(subject,
topic, reason) { // if this module is unloaded then `subject.wrappedjsobject` will be // `unloadsubject`.
... `
topic` will be `'sdk:loader:destroy'`, and // `reason` will be a string describing the reason (e.g.
platform/xpcom - Archive of obsolete content
for example, the add-on below implements the nsiobserver interface to listen for and log all
topic notifications: var { class } = require('sdk/core/heritage'); var { unknown } = require('sdk/platform/xpcom'); var { cc, ci } = require('chrome') var observerservice = cc['@mozilla.org/observer-service;1'].
... getservice(ci.nsiobserverservice); var starobserver = class({ extends: unknown, interfaces: [ 'nsiobserver' ],
topic: '*', register: function register() { observerservice.addobserver(this, this.
topic, false); }, unregister: function() { observerservice.removeobserver(this, this.
topic); }, observe: function observe(subject,
topic, data) { console.log('star observer:', subject,
topic, data); } }); var starobserver = starobserver(); starobserver.register(); implementing xpcom factories the xpcom module exports a class called factory which implements the nsifactory interface.
Miscellaneous - Archive of obsolete content
to see what the postdata looks like before the request is even sent, use the 'http-on-modify-request' observer
topic: observerservice.addobserver(observer, 'http-on-modify-request', false); where "observer" is an object that has a method "observe": function observe(subject,
topic, data) { subject.queryinterface(components.interfaces.nsiuploadchannel); postdata = subject.uploadstream; } here again, postdata is not a string, but an nsiinputstream, so you can use the last code snippet of the previous secti...
...onst cc = components.classes; const ci = components.interfaces; components.utils.import("resource://gre/modules/xpcomutils.jsm"); const gobserver = cc['@mozilla.org/observer-service;1'].getservice(ci.nsiobserverservice); const gioservice = cc["@mozilla.org/network/io-service;1"].getservice(ci.nsiioservice); function certsservice() {} certsservice.prototype = { observe: function(asubject, a
topic, adata) { switch(a
topic) { case "app-startup": gobserver.addobserver(this,"xpcom-shutdown",false); gobserver.addobserver(this,"final-ui-startup",false); break; case "xpcom-shutdown": gobserver.removeobserver(this,"final-ui-startup"); gobserver.removeobserver(this,"xpcom-shutdown"); ...
Preferences - Archive of obsolete content
this.branch.addobserver("", this, false); }, unregister: function() { this.branch.removeobserver("", this); }, observe: function(asubject, a
topic, adata) { // asubject is the nsiprefbranch we're observing (after appropriate qi) // adata is the name of the pref that's been changed (relative to asubject) switch (adata) { case "pref1": // extensions.myextension.pref1 was changed break; case "pref2": // extensions.myextension.pref2 was changed break; } } } myprefobserver.register();...
... var prefservice = components.classes["@mozilla.org/preferences-service;1"] .getservice(components.interfaces.nsiprefservice); this._branch = prefservice.getbranch(branch_name); this._branch.queryinterface(components.interfaces.nsiprefbranch2); this._callback = callback; } preflistener.prototype.observe = function(subject,
topic, data) { if (
topic == 'nspref:changed') this._callback(this._branch, data); }; /** * @param {boolean=} trigger if true triggers the registered function * on registration, that is, when this method is called.
Adding sidebars - Archive of obsolete content
trees are specially powerful when combined with data templates, a
topic that will be covered later on.
...this
topic will be covered later when we look at different kinds of datasources and templates.
Search Extension Tutorial (Draft) - Archive of obsolete content
catch (e) {} } // observer called after our engine has been successfully added function searchobserver(engine,
topic, data) { if (data != "engine-added") return; engine.queryinterface(ci.nsisearchengine); if (engine.name == engine_details.name) { // remove our observer now that we're done with it.
... removeobserver(); // if the engine is not hidden and this is the first run, move // it to the first position in the engine list and select it if (selectsearch && !engine.hidden) { services.search.moveengine(engine, 0); services.search.currentengine = engine; } } } // observer
topic const engine_added = "browser-search-engine-modified"; function startup(data, reason) { firstrun = reason == addon_install; // re-select the search engine if this is the first run // or we're being re-enabled.
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
n nfs volume, we don't want cache lockpref("browser.cache.disk.capacity", 0); lockpref("network.cookie.cookiebehavior", 0); defaultpref("network.proxy.autoconfig_url", "http://wpad.int-evry.fr/wpad.dat"); defaultpref("network.proxy.type", 2); lockpref("network.protocol-handler.app.mailto", "/usr/bin/thunderbird"); //firefox3 urlclassifier3.sqlite iowait/cpu pb //http://forums.mozillazine.org/view
topic.php?p=3381133#3381133 defaultpref("browser.safebrowsing.enabled", false); defaultpref("browser.safebrowsing.malware.enabled", false); // 1) env variables if(getenv("user") != "") { // *nix settings var env_user = getenv("user"); var env_home = getenv("home"); } else { // windows settings var env_user = getenv("username"); var env_home = getenv("homepath"); } var...
...build host: remi.famillecollet.com packager : http://remi.collet.free.fr/ references other documents about autoconfig http://mit.edu/~firefox/www/maintain...utoconfig.html http://www.alain.knaff.lu/howto/mozi...ion/index.html http://thegoldenear.org/toolbox/wind...re-config.html http://ilias.ca/blog/2005/03/locking...efox-settings/ compile on windows: http://forums.mozillazine.org/view
topic.php?t=276014 http://www.mozilla.org/community/dev...er-forums.html http://forums.mozillazine.org/viewto...config#2090731 http://forums.mozillazine.org/viewto...config#1354355 http://forums.mozillazine.org/viewto...toconfig#32783 related bugs bug 295329 bug 222973 bug 225288 bug 178685 bug 272970 bug 206294 bug 302096 bug 502597 bug 674261 thunderbird comm-central_source_code_(m...
Mozilla Crypto FAQ - Archive of obsolete content
export control of encryption software and related
topics, see the following online references: the itar, ear and encryption export archive maintained by the electronic freedom foundation (eff).
...encryption policy and related
topics.
Creating a Windows Inno Setup installer for XULRunner applications - Archive of obsolete content
y app defaultgroupname=my app allownoicons=yes outputdir=..\build\output outputbasefilename=myapp-1.0-win32 ; setupiconfile= compression=lzma solidcompression=yes [languages] name: english; messagesfile: compiler:default.isl [components] name: main; description: my app; types: full compact custom; flags: fixed name: runtime; description: xul runner runtime; types: full custom [tasks] name: desk
topicon; description: {cm:createdesk
topicon}; groupdescription: {cm:additionalicons}; flags: unchecked name: quicklaunchicon; description: {cm:createquicklaunchicon}; groupdescription: {cm:additionalicons}; flags: unchecked [files] source: c:\develop\xulrunnerinstaller\myapp\myapp.exe; destdir: {app}; components: main; flags: ignoreversion source: c:\develop\xulrunnerinstaller\myapp\application.ini; d...
...unnerinstaller\myapp\xulrunner\*; destdir: {app}\xulrunner; components: runtime; flags: ignoreversion recursesubdirs createallsubdirs ; note: don't use "flags: ignoreversion" on any shared system files [icons] name: {group}\my app; filename: {app}\myapp.exe name: {group}\{cm:uninstallprogram,xul explorer}; filename: {uninstallexe} name: {userdesktop}\my app; filename: {app}\myapp.exe; tasks: desk
topicon name: {userappdata}\microsoft\internet explorer\quick launch\my app; filename: {app}\myapp.exe; tasks: quicklaunchicon [run] filename: {app}\myapp.exe; description: {cm:launchprogram,my app}; onlybelowversion: 0,6; flags: nowait postinstall skipifsilent step 4: building an installer once your script is ready, start the inno setup compiler, load the script file, and compile it.
Mozilla release FAQ - Archive of obsolete content
for this particular example, you would want to go look at relevant
topics stuart cheshire's discussion on latency versus bandwidth internet -- under the covers (by me) the rfc for http the w3's html 4.0 definition building mozilla i get x error when trying to build mozilla - what's wrong?
...check out gtkmozilla in your tree at webshell/embed/gtk for an example of how to do this common
topics of discussion what's this section about?
2006-12-01 - Archive of obsolete content
announcements governance
topics mitchell baker announces that
topics have been posted in the governance group.
... mitchell baker asks where should
topics about organization and governance, moz.dev.planning or moz.governance?
Common causes of memory leaks in extensions - Extensions
consider the following example: var myobserver = { observe: function(subject,
topic, data) { window.document.documentelement.setattribute( "pbm", (data == "enter") ?
... services.obs.removeobserver(myobserver, "private-browsing"); } in javascript code modules it recommended to also observe the xpcom-shutdown or quit-application notifications and unregister your observers from that
topic: var myobserver = { observe: function(subject,
topic, data) { if (
topic == "xpcom-shutdown") { services.obs.removeobserver(myobserver, "private-browsing"); services.obs.removeobserver(myobserver, "xpcom-shutdown"); } else { // do something with "private-browsing" } } }; services.obs.addobserver(myobserver, "private-browsing", false); services.obs.addobserver...
Anatomy of a video game - Game development
while we are on the
topic of budgeting time, many web browsers have a tool called high resolution time.
... var tnow = window.performance.now(); back to the
topic of the main loop.
Accessibility - Learn web development
to help you achieve this, this module will cover general best practices (which are demonstrated throughout the html, css, and javascript
topics), cross browser testing, and some tips on enforcing accessibility from the start.
... get started prerequisites to get the most out of this module, it would be a good idea to either work through at least the first two modules of the html, css, and javascript
topics, or perhaps even better, work through the relevant parts of the accessibility module as you work through the related technology
topics.
Responsive design - Learn web development
in the example below the flex items will each take an equal amount of space in the flex container, using the shorthand of flex: 1 as described in the layout
topic flexbox: flexible sizing of flex items.
...you can find out more about this approach to create a grid in the learn layout grids
topic, under flexible grids with the fr unit.
Styling text - Learn web development
with the basics of the css language covered, the next css
topic for you to concentrate on is styling text — one of the most common things you'll do with css.
...we'll look at all these
topics in this article.
Sending form data - Learn web development
the website security article of our server-side learning
topic discusses a number of common attacks and potential defences against them in detail.
...this is a
topic far beyond this guide, but there are a few rules to keep in mind.
Document and website structure - Learn web development
we'll wait for this until you start to study css layout as part of the css
topic.
...s semantics were sad<br> and his markup didn't read very well.</p> without the <br> elements, the paragraph would just be rendered in one long line (as we said earlier in the course, html ignores most whitespace); with <br> elements in the code, the markup renders like this: <hr> elements create a horizontal rule in the document that denotes a thematic change in the text (such as a change in
topic or scene).
Getting started with HTML - Learn web development
edit the paragraph content to include text about a
topic that you find interesting.
...the subsequent articles of this module go further on some of the
topics introduced here, as well as presenting other concepts of the language.
From object to iframe — other embedding technologies - Learn web development
note: you can read frederik braun's post on the x-frame-options security header for more background information on this
topic.
... summary the
topic of embedding other content in web documents can quickly become very complex, so in this article, we've tried to introduce it in a simple, familiar way that will immediately seem relevant, while still hinting at some of the more advanced features of the involved technologies.
Responsive images - Learn web development
responsive images are just one part of responsive design, a future css
topic for you to learn.
...in this case, before each comma we write: a media condition ((max-width:600px)) — you'll learn more about these in the css
topic, but for now let's just say that a media condition describes a possible state that the screen can be in.
Aprender y obtener ayuda - Learn web development
this article provides some hints and tips in both of these areas that will help you get more out of learning web development, as well as further reading so you can find out more information about each sub-
topic should you wish..
...you concentrate deeply on a low-level
topic and solving the specific problems that it brings.
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 safari/537.36 accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 refer...
... the url parameters (q=client%2bserver%2boverview&
topic=apps&
topic=html&
topic=css&
topic=js&
topic=api&
topic=webdev).
Introduction to cross browser testing - Learn web development
overview: cross browser testing next this article starts the module off by providing an overview of the
topic of (cross) browser testing, answering questions such as "what is cross browser testing?", "what are the most common types of problems you'll encounter?", and "what are the main approaches for testing, identifying, and fixing problems?" prerequisites: familiarity with the core html, css, and javascript languages.
...troubleshooting javascript from previous
topics to refresh your memory if needed).
Client-side tooling overview - Learn web development
as with any complex
topic, it is good to start small, and gradually work your way up to more advanced uses.
... summary that rounds off our gentle introduction to the
topic of client-side web tooling, from a high level.
Tools and testing - Learn web development
note: we have referenced a number of tools in this
topic, not because we endorse them or think they are the best, but because we know they work and have good industry support.
... in addition, you should start with the first module in this
topic, which gives a useful overview of the general area.
Gecko info for Windows accessibility vendors
msaa features we do not support no one has yet asked for the following features (if you need something, please contact the mozilla accessibility community ): iaccessible methods that we don't currently support: get_acchelp get_acchelp
topic put_accname put_accvalue we do not currently support the visual basic (idispatch) bindings for iaccessible.
...please see the dhtml accessibility documentation page for more information on this
topic.
Information for users
firefox 2 now has help
topics (from the menubar: ?
...please check the accessibility help
topic for more information.
Accessibility and Mozilla
since this is a worldwide effort, there is always a good chance to find someone to chat with there, day or night.information for governments and other organizations evaluating mozillainformation for usersfirefox 2 now has help
topics (from the menubar: ?
...please check the accessibility help
topic for more information.links and resourceshere are some useful links for those interested in web accessibility as well as open source accessibility.mozilla accessibility architecturethis page is maintained by aaron leventhal and by the mozilla accessibility community.
Debugging
documentation
topics debugging on top of the mozilla platform debugging javascript code how to debug javascript code, with a focus on debugging code in the mozilla project itself.
... related
topics performance and profiling troubleshooting performance problems.
Developer guide
documentation
topics getting started a step-by-step beginner's guide to getting involved with mozilla.
... developer forums a
topic-specific list of discussion forums and mailing lists where you can talk about mozilla development issues.
Performance
the following examples omit some boilerplate code for the sake of brevity the "better" examples also omit some best practices and only demonstrate how to fix the problem described in their respective sub
topics.
...opy = message.data.newconfig; }) funtion getmaincopy() { return maincopy; } // framescript.js components.utils.import("resource://my-addon/processmodule.jsm") // getmaincopy() used by other functions don't register observers (and other callbacks to global services) in a frame script bad: //framescript.js services.obs.addobserver("document-element-inserted", { observe: function(doc,
topic, data) { if(doc.ownerglobal.top != content) return; // bail out if this is for another tab decoratedocument(doc); } }) observer notifications get fired for events that happen anywhere in the browser, they are not scoped to the current tab.
Webapps.jsm
runupdate) _registeractivitiesforapps: function(aappstoregister, arunupdate) _registeractivities: function(amanifest, aapp, arunupdate) _createactivitiestounregister: function(amanifest, aapp, aentrypoint) _unregisteractivitiesforapps: function(aappstounregister) _unregisteractivities: function(amanifest, aapp) _processmanifestforids: function(aids, arunupdate) observe: function(asubject, a
topic, adata) addmessagelistener: function(amsgnames, aapp, amm) removemessagelistener: function(amsgnames, amm) formatmessage: function(adata) receivemessage: function(amessage) getappinfo: function getappinfo(aappid) broadcastmessage: function broadcastmessage(amsgname, acontent) registerupdatehandler: function(ahandler) unregisterupdatehandler: function(ahandler) notifyupdatehandlers: funct...
...tcspbylocalid: function(alocalid) getdefaultcspbylocalid: function(alocalid) getapplocalidbystoreid: function(astoreid) getappbylocalid: function(alocalid) getmanifesturlbylocalid: function(alocalid) getapplocalidbymanifesturl: function(amanifesturl) getcoreappsbasepath: function() getwebappsbasepath: function() _islaunchable: function(aapp) _notifycategoryandobservers: function(subject,
topic, data, msg) registerbrowserelementparentforapp: function(amsg, amn) receiveappmessage: function(appid, message) _clearprivatedata: function(appid, browseronly, msg) _sendprogressevent: function() updatestatechanged: function appobs_update(aupdate, astate) applicationcacheavailable: function appobs_cacheavail(aapplicationcache) ...
NSPR
documentation about nspr this
topic describes, in general terms, the goals of nspr and a bit about how it does it.
... mailing list newsgroup rss feed related
topics necko, nss ...
Network Security Services
nss api guidelines explains how the libraries and code are organized, and guidelines for developing code (naming conventions, error handling, thread safety, etc.) nss technical notes links to nss technical notes, which provide latest information about new nss features and supplementary documentation for advanced
topics in programming with nss.
... mailing list newsgroup rss feed related
topics security ...
nsIDownloadManager
also notifies observers of the "download-manager-remove-download"
topic with a null subject to allow any download manager consumers to react to the removals.
... also notifies observers of the "download-manager-remove-download"
topic with the download id as the subject to allow any download manager consumers to react to the removal.
nsIIdleService
when the user goes idle, the observer
topic is 'idle' and when they get back, the observer
topic is 'back' in gecko 15 and earlier or 'active' in gecko 16 and later.
... example 2 var idleservice = components.classes["@mozilla.org/widget/idleservice;1"] .getservice(components.interfaces.nsiidleservice) var idleobserver = { observe: function(subject,
topic, data) { alert("
topic: " +
topic + "\ndata: " + data); } }; idleservice.addidleobserver(idleobserver, 60); // one minute // ...
Component; nsIPrefBranch
a
topic - the string defined by ns_prefbranch_prefchange_
topic_id adata - the name of the preference which has changed, relative to the "root" of the asubject branch.
...see nsiobserver and here is a quick snippet: var myobserver = { observe: function(asubject, a
topic, adata) { //do stuff here } } aholdweak true holds a weak reference to aobserver.
nsIProcess
the observer will receive this nsiprocess instance as the subject and "process-finished" or "process-failed" as the
topic.
...the observer will receive this nsiprocess instance as the subject and "process-finished" or "process-failed" as the
topic.
nsITimer
the subject is set to the nsitimer object which fired, the
topic is equal to "timer-callback" and data is always set to null.
...timer.initwithcallback(event,10000, components.interfaces.nsitimer.type_one_shot); using init, we fire an event every 10 seconds: var event = { observe: function(subject,
topic, data) { dump("hello world\n"); } } var timer = components.classes["@mozilla.org/timer;1"].createinstance(components.interfaces.nsitimer); const type_repeating_precise_can_skip = components.interfaces.nsitimer.type_repeating_precise_can_skip; timer.init(event, 10*1000, type_repeating_precise_can_skip); see also nstimercallbackfunc nsitimercallback ...
nsIWindowWatcher
for example the following code will block the system because it will open windows continuously: function mywindowobserver() { this.observe=function(asubject, a
topic, adata) { alert("window event: " + a
topic) //and this is where the bugs origins because opening this alert will cause a window-open //event and the call of this method again (forever) } } var ww = components.classes["@mozilla.org/embedcomp/window-watcher;1"] .getservice(components.interfaces.nsiwindowwatcher); ww.registernotification(new mywindowobserver()) alert("") /...
... a
topic - a wstring, either "domwindowopened" or "domwindowclosed".
XPCOM
this guide provides some explanation and advice on how to choose between them.observer notificationsthe following are
topics that you can observe during the course of an application.
... unless otherwise noted you register for the
topics using the nsiobserverservice.setting http request headershttp is one of the core technologies behind the web.
Index
also, you will see that there are many
topics for which there is a question, but no answer.
...you can also help by creating how-tos from any of these
topics.
Mozilla
for example, by using components.results.ns_error_not_initialized firefox here you can learn about how to contribute to the firefox project and you will also find links to information about the construction of firefox add-ons, using the developer tools in firefox, and other
topics.
...it is intended primarily for developers, and deliberately omits some
topics that will be important in any redis deployment, like security and backups.
URLSearchParams - Web APIs
examples var paramsstring = "q=urlutils.searchparams&
topic=api"; var searchparams = new urlsearchparams(paramsstring); //iterate the search parameters.
... for (let p of searchparams) { console.log(p); } searchparams.has("
topic") === true; // true searchparams.get("
topic") === "api"; // true searchparams.getall("
topic"); // ["api"] searchparams.get("foo") === null; // true searchparams.append("
topic", "webdev"); searchparams.tostring(); // "q=urlutils.searchparams&
topic=api&
topic=webdev" searchparams.set("
topic", "more webdev"); searchparams.tostring(); // "q=urlutils.searchparams&
topic=more+webdev" searchparams.delete("
topic"); searchparams.tostring(); // "q=urlutils.searchparams" gotchas the urlsearchparams constructor does not parse full urls.
WebGL: 2D and 3D graphics for the web - Web APIs
topics examined are adapting to aspect ratio differences, a function to build shader programs from sets of multiple shaders, and the basics of drawing in webgl.
...the examples are sorted according to
topic and level of difficulty, covering the webgl rendering context, shader programming, textures, geometry, user interaction, and more.
Worker.prototype.postMessage() - Web APIs
main thread code: var myworker = new chromeworker(self.path + 'myworker.js'); function handlemessagefromworker(msg) { console.log('incoming message from worker, msg:', msg); switch (msg.data.a
topic) { case 'do_sendmainarrbuff': sendmainarrbuff(msg.data.abuf) break; default: throw 'no a
topic on incoming message to chromeworker'; } } myworker.addeventlistener('message', handlemessagefromworker); // ok lets create the buffer and send it var arrbuf = new arraybuffer(8); console.info('arrbuf.bytelength pre transfer:', arrbuf.bytelength); ...
... myworker.postmessage( { a
topic: 'do_sendworkerarrbuff', abuf: arrbuf // the array buffer that we passed to the transferrable section 3 lines below }, [ arrbuf // the array buffer we created 9 lines above ] ); console.info('arrbuf.bytelength post transfer:', arrbuf.bytelength); worker code self.onmessage = function (msg) { switch (msg.data.a
topic) { case 'do_sendworkerarrbuff': sendworkerarrbuff(msg.data.abuf) break; default: throw 'no a
topic on incoming message to chromeworker'; } } function sendworkerarrbuff(abuf) { console.info('from worker, pre send back abuf.bytelength:', abuf.bytelength); self.postmessage({a
topic:'do_sendmainarrbuff', abuf:abuf}, [abuf]); console.
Web accessibility for seizures and physical reactions - Accessibility
for a great introduction on the
topic of musicogenic seizures, visit epilepsy ontario's web page on musicogenic seizures.
...benbadis, director, comprehensive epilepsy program and clinical neurophysiology laboratory at usf and tgh in tampa, florida for their great, great assistance and discussions on this
topic.
HTML documentation index - HTML: Hypertext Markup Language
111 <hr>: the thematic break (horizontal rule) element element, html, html grouping content, reference the html <hr> element represents a thematic break between paragraph-level elements: for example, a change of scene in a story, or a shift of
topic within a section.
...the main content area consists of content that is directly related to or expands upon the central
topic of a document, or the central functionality of an application.
HTML: Hypertext Markup Language
advanced
topics cors enabled image the crossorigin attribute, in combination with an appropriate cors header, allows images defined by the <img> element to be loaded from foreign origins and used in a <canvas> element as if they were being loaded from the current origin.
... related
topics applying color to html elements using css this article covers most of the ways you use css to add color to html content, listing what parts of html documents can be colored and what css properties to use when doing so.
Connection management in HTTP/1.x - HTTP
connection management is a key
topic in http: opening and maintaining connections largely impacts the performance of web sites and web applications.
... a related
topic is the concept of http connection upgrades, wherein an http/1.1 connection is upgraded to a different protocol, such as tls/1.0, websocket, or even http/2 in cleartext.
PWA developer guide - Progressive web apps (PWAs)
using service workers to run offline description alerting the user using notifications description creating a web app from an existing site description advanced
topics pushing data from the server to your web application some description resource management description integration with the host device description security and privacy description gaming
topics for web app developers description polishing web apps web api equivalents for common native apis some description platform-specific tips and issues description web application perfo...
...rmance guide description ensuring a good user experience description related
topics some
topic some description ...
Storing annotations - Archive of obsolete content
in this chapter we will cover three
topics relating to persistent storage: using simple-storage to persist objects handling exhaustion of the storage quota allocated to you respecting private browsing storing new annotations in this section we are only touching the main.js file.
Inline options - Archive of obsolete content
for example: var observer = { observe: function(asubject, a
topic, adata) { if (a
topic == "addon-options-displayed" && adata == "my_addon@my_domain") { var doc = asubject; var control = doc.getelementbyid("myaddon-pref-control"); control.value = "test"; } } }; services.obs.addobserver(observer, "addon-options-displayed", false); // don't forget to remove your observer when your add-on is shut down.
XUL School Tutorial - Archive of obsolete content
lopment environment javascript object management basic functionality adding menus and submenus adding toolbars and toolbar buttons adding events and commands adding windows and dialogs adding sidebars user notifications and alerts intermediate functionality intercepting page loads connecting to remote content handling preferences local storage advanced
topics the box model xpcom objects observer notifications custom xul elements with xbl mozilla documentation roadmap useful mozilla community sites appendices appendix a: add-on performance appendix b: install and uninstall scripts appendix c: avoiding using eval in add-ons appendix d: loading scripts appendix e: dom building and html insertion appendix f: monitorin...
Adding preferences to an extension - Archive of obsolete content
observe: function(subject,
topic, data) { if (
topic != "nspref:changed") { return; } switch(data) { case "symbol": this.tickersymbol = this.prefs.getcharpref("symbol").touppercase(); this.refreshinformation(); break; } }, the
topic parameter indicates what type of event occurred.
Index of archived content - Archive of obsolete content
jspage statusbar statusbar litmus tests mac os x build prerequisites/fink makefile.mozextension.2 message summary database metro browser chrome tests microsummary
topics microsummary xml grammar reference migrate apps from internet explorer to mozilla modularization techniques monitoring downloads mozilla application framework mozilla application framework in detail mozilla crypto faq mozprocess ...
Working with BFCache - Archive of obsolete content
q: hmm, so what event tells me “you'll never get a pageshow so you can drop the megabytes of info you've saved in firebug side table for that page?” a: an observer notification with the
topic "inner-window-destroyed" whose subject is an nsisupportspruint64 containing the window id of the inner window being destroyed.
DTrace - Archive of obsolete content
community dtrace forums #dtrace on irc.freenode.org sun's dtrace howto guide tools nightly trunk builds for solaris dtracetoolkit related
topics javascript ...
Dehydra - Archive of obsolete content
mailing list newsgroup rss feed #static on irc.mozilla.org blogs taras glek david mandelin benjamin smedberg related
topics pork c/c++ refactoring tools, mozilla 2, spidermonkey categories interwiki language links ...
JavaScript Client API - Archive of obsolete content
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 ...
Plug-n-Hack - Archive of obsolete content
plug-n-hack
topics phase 1 this provides simplified integration and allows tools to advertize their capabilities to browsers phase 2 this will allow browsers to advertize their capabilities to security tools tools supporting pnh the browsers and tools known to support or be working on support for pnh get involved how to implement pnh in your tool or get invo...
Prism - Archive of obsolete content
community blog posts prism forum #prism on irc.mozilla.org goodies bundle library contributing source code in svn bugzilla (for bugs and suggestions) open bugs, enter new bug build documentation related
topics xulrunner ...
New Skin Notes - Archive of obsolete content
just so that (perhaps) this might revive the
topic, a side bar shouldn't exceed 16% to allow proper viewing at 800 pixels width ideally in my opinion, i find strange that i'm the only person not too fond of large side bars (or side bars at all, for that matter :) considering that in most articles we scroll down to read the text, and that the side bar scrolls as well, the links aren't there anymore, but the width remains wasted anyway.
PyDOM - Archive of obsolete content
related
topics pyxpcom: create and use xpcom components with python python-spidermonkey pydom samples: sample applications that use pydom pythonext: a firefox/xulrunner extension that can be used to install pydom ...
Supporting per-window private browsing - Archive of obsolete content
var os = components.classes["@mozilla.org/observer-service;1"] .getservice(components.interfaces.nsiobserverservice); os.addobserver(function (asubject, a
topic, adata) { asubject.queryinterface(components.interfaces.nsisupportsprbool); // if another extension has not already canceled entering the private mode if (!asubject.data) { /* you should display some user interface here */ asubject.data = true; // cancel the operation } }, "last-pb-context-exiting", false); forcing a channel into private mode usually, network channels i...
Tamarin - Archive of obsolete content
log a bug against tamarin tamarin-devel mailing list #tamarin channel on irc.mozilla.org blogroll mason chang david mandelin related
topics javascript spidermonkey actionmonkey tamarin on mozilla.org ...
Treehydra - Archive of obsolete content
mailing list newsgroup rss feed #static on irc.mozilla.org blogs taras glek david mandelin related
topics pork c/c++ refactoring tools, mozilla 2, spidermonkey categories interwiki language links ...
Venkman Introduction - Archive of obsolete content
the debugger is built on top of an application framework that allows you to drag and drop, resize, and toggle all the available views, and even to create new views or modules for the debugger if you choose—though this latter is an advanced
topic and a subject for a future article.
Venkman - Archive of obsolete content
related
topics javascript, web development, developing mozilla original document information author(s): robert ginda other contributors: doctor unclear last updated date: july 13, 2007 copyright information: portions of this content are © 1998–2007 by individual mozilla.org contributors; content available under a creative commons license | details.
Mozilla Web Developer Community - Archive of obsolete content
newsgroups, mailing lists, and forums by
topic: css - mozilla.dev.tech.css dom - mozilla.dev.tech.dom html - mozilla.dev.tech.html plugins - mozilla.dev.tech.plugins xml - mozilla.dev.tech.xml documentation - see mdc:community more at http://www.mozilla.org/community/dev...er-forums.html mozillazine forums mozilla news and development help mozilla (testing and development) mozdev.org mozillazine planet mozilla spread firefox standards communities get involved in grass-roots web standards evangelism efforts through these groups: the web standards project, a grassroots coalition fighting for standards maccaws, making a commercial c...
Template Guide - Archive of obsolete content
plate syntax attribute substitution multiple rules using recursive templates building menus with templates special condition tests multiple queries using multiple queries to generate more results building trees with templates building trees building hierarchical trees template modifications template builder interface template and tree listeners rdf modifications additional
topics sorting results additional template attributes template logging xml namespaces alternative approaches javascript templates xuljsdatasource: a component for extensions, which bring a "javascript template syntax".
Adding Event Handlers - Archive of obsolete content
for example, you may use urls of the following form: <script src="findfile.js"/> <script src="chrome://findfiles/content/help.js"/> <script src="http://www.example.com/js/items.js"/> this tutorial does not attempt to describe how to use javascript (except as related to event handling) as this is a fairly large
topic and there are plenty of other resources that are available for this.
preferences - Archive of obsolete content
void observe(in nsisupports asubject, in string a
topic, in wstring adata); nsiobserver method used internally to react to changes to preferences listed as children of this element.
window - Archive of obsolete content
related elements prefwindow, dialog, dialogheader related
topics user notes to change the icon to a window's title bar check this page on window icons.
CommandLine - Archive of obsolete content
entry("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.register(); } commandlineobserver.prototype = { observe: function(asubject, a
topic, adata) { var cmdline = asubject.queryinterface(components.interfaces.nsicommandline); var test = cmdline.handleflagwithparam("test", false); alert("test = " + test); }, register: function() { var observerservice = components.classes["@mozilla.org/observer-service;1"] .getservice(components.interfaces.nsiobserverservice); observerser...
Archived Mozilla and build documentation - Archive of obsolete content
microsummary
topics to programmatically install a microsummary generator -- for example, in an extension that helps users create custom generators for their favorite sites -- obtain a reference to the nsimicrosummaryservice interface implemented by the nsimicrosummaryservice component, then call its installgenerator() method, passing it an xml document containing the ...
Proposal - Archive of obsolete content
name description status easy news
topics easy news
topics (ent) is intended to be a very simple standard for describing how
topic information can be introduced into an rss2.0 news feed.
Common Firefox theme issues and solutions - Archive of obsolete content
please see the following threads on mozillazine for solutions to this issue: http://forums.mozillazine.org/view
topic.php?f=18&t=2131121 http://forums.mozillazine.org/view
topic.php?f=18&t=1953371&start=60 windows 7 aero not going into full screen mode properly on win7 with aero glass support firefox doesn't always go to full screen mode from a normal window properly.
Using workers in extensions - Archive of obsolete content
observe: function(subject,
topic, data) { if (
topic != "nspref:changed") { return; } switch(data) { case "symbol": this.tickersymbol = this.prefs.getcharpref("symbol").touppercase(); this.worker.postmessage(this.tickersymbol); break; } }, the key here is line 10, which sends the new ticker symbol to monitor to the ticker thread by calling its postmessage() method.
LiveConnect - Archive of obsolete content
mailing list newsgroup rss feed related
topics javascript, plugins older notes (please update or remove as needed.) while the bloated liveconnect code in the mozilla source was removed in version 1.9.2 of the platform (see bug 442399), its former api has been restored (see also the specification and this thread) (building on npapi?), and as of java 6 update 12, extensions as well as applets can make use of this r...
Game promotion - Game development
there are portals like tuts+ game development which will be more than happy if you write for them - they pay for the content, but not all
topic ideas will be accepted.
3D games on the Web - Game development
there are some advanced concepts which you should dive into and learn more about — like shaders, collision detection, or the latest hot
topic: virtual reality on the web.
Advanced form styling - Learn web development
previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced
topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
Basic native form controls - Learn web development
previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced
topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
Client-side form validation - Learn web development
previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced
topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
The HTML5 input types - Learn web development
previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced
topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
How to build custom form controls - Learn web development
if you want to learn more about this
topic, you should check out the following helpful resources: uxmatters.com uxdesign.com the ux design section of smashingmagazine note: also, in most systems there is a way to open the <select> element with the keyboard to look at all the available choices (this is the same as clicking the <select> element with a mouse).
How to structure a web form - Learn web development
see also a list apart: sensible forms: a form usability checklist previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced
topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
Other form controls - Learn web development
previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced
topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
Styling web forms - Learn web development
previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced
topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
UI pseudo-classes - Learn web development
previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced
topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
Web forms — Working with user data - Learn web development
the above text is a good indicator as to why we've put web forms into its own standalone module, rather than trying to mix bits of it into the html, css, and javascript
topic areas — form elements are more complex than most other html elements, and they also require a close marriage of related css and javascript techniques to get the most out of them.
Advanced text formatting - Learn web development
this is usually a feeling, thought, or piece of additional background information.</dd> <dd>in writing, a section of content that is related to the current
topic, but doesn't fit directly into the main flow of content so is presented nearby (often in a box off to the side.)</dd> </dl> active learning: marking up a set of definitions it's time to try your hand at description lists; add elements to the raw text in the input field so that it appears as a description list in the output field.
Asynchronous JavaScript - Learn web development
get started prerequisites asynchronous javascript is a fairly advanced
topic, and you are advised to work through javascript first steps and javascript building blocks modules before attempting this.
Client-side storage - Learn web development
use of cache and service workers is an advanced
topic, and we won't be covering it in great detail in this article, although we will show a simple example in the offline asset storage section below.
What is JavaScript? - Learn web development
javascript can also be used as a server-side language, for example in the popular node.js environment — you can find out more about server-side javascript in our dynamic websites – server-side programming
topic.
Object prototypes - Learn web development
summary this article has covered javascript object prototypes, including how prototype object chains allow objects to inherit features from one another, the prototype property and how it can be used to add methods to constructors, and other related
topics.
JavaScript — Dynamic client-side scripting - Learn web development
after getting familiar with the basics of javascript, you should be in a position to learn about more advanced
topics, for example: javascript in depth, as taught in our javascript guide web apis modules this
topic contains the following modules, in a suggested order for working through them.
Learning area release notes - Learn web development
march 2020 you'll now find "test your skills" assessments accompanying the articles in the following modules: css building blocks javascript first steps javascript building blocks introducing javascript objects january 2020 the html forms module has been significantly updated: it has been retitled web forms, and moved out of the html
topic area to recognise that it covers more than just html form elements — it also covers styling, validation, the basics of how to send data and process it on the server, and more besides.
Strategies for carrying out testing - Learn web development
previous overview: cross browser testing next this article starts the module off by providing an overview of the
topic of (cross) browser testing, answering questions such as "what is cross-browser testing?", "what are the most common types of problems you'll encounter?", and "what are the main approaches for testing, identifying, and fixing problems?" prerequisites: familiarity with the core html, css, and javascript languages; an idea of the high level principles of cross-browser testing.
Cross browser testing - Learn web development
guides introduction to cross browser testing this article starts the module off by providing an overview of the
topic of cross browser testing, answering questions such as "what is cross browser testing?", "what are the most common types of problems you'll encounter?", and "what are the main approaches for testing, identifying, and fixing problems?" strategies for carrying out testing next, we drill down into carrying out testing, looking at identifying a target audience (e.g.
Index
found 172 pages: # page tags and summary 1 firefox firefox, landing, mozilla here you can learn about how to contribute to the firefox project and you will also find links to information about the construction of firefox add-ons, using the developer tools in firefox, and other
topics.
Communicating with frame scripts
agemanager; browsermm.loadframescript("chrome://my-addon@me.org/content/frame-script.js", false); messagemanagers.push(browsermm); console.log(messagemanagers.length); we can listen for message-manager-disconnect to update the array when the message managers disconnect (for example because the user closed the tab): function myobserver() { } myobserver.prototype = { observe: function(subject,
topic, data) { var index = messagemanagers.indexof(subject); if (index != -1) { console.log("one of our message managers disconnected"); mms.splice(index, 1); } }, register: function() { var observerservice = cc["@mozilla.org/observer-service;1"] .getservice(ci.nsiobserverservice); observerservice.addobserver(this, "message-manager-disconnec...
Firefox
here you can learn about how to contribute to the firefox project and you will also find links to information about the construction of firefox add-ons, using the developer tools in firefox, and other
topics.
Embedding Mozilla
mailing list newsgroup rss feed #embedding irc channel related
topics gecko, xpcom ...
Gecko
view all… community view mozilla forums: mailing list newsgroup rss feed related
topics web standards xul embedding mozilla developing mozilla ...
JavaScript Tips
in c++ requires a helper class: var weakobserver = { queryinterface: function queryinterface(aiid) { if (aiid.equals(components.interfaces.nsiobserver) || aiid.equals(components.interfaces.nsisupportsweakreference) || aiid.equals(components.interfaces.nsisupports)) return this; throw components.results.ns_nointerface; }, observe: function observe(asubject, a
topic, astate) { } } when declaring xpcom methods, try to use the same names for method parameters as are used in the interface definition.
Add-on Manager
read more about it at this
topic here on mozilla add-ons forum :: how to open an add-on's preference panel?
Examples
console.log(filescontent); }, function onfail() { console.error("failed to load all files"); } ); see also the ask.m.o
topic: doing multiple promises in function in pareallel, how return when last done?
JavaScript code modules
general
topics using javascript code modules an introduction to how to use javascript code modules.
MathML3Testsuite
characters blocks symbols variants entitynames numericrefs utf8 general clipboard genattribs math presentation css dynamicexpressions generallayout scriptsandlimits tablesandmatrices tokenelements
topics accents bidi elementarymathexamples embellishedop largeop linebreak nesting stretchychars whitespace torturetests errorhandling original document information author(s): frédéric wang other contributors: last updated date: may 26, 2010 copyright information: portions of this content are © 2010 by individual mozilla.org contributors; content available under a creative commons lic...
Performance
related
topics javascript, xpcom, developing mozilla, extensions, addons ...
Preferences
related
topics xul, javascript, xpcom, extensions, developing mozilla ...
JSHydra
mailing list newsgroup rss feed #static on irc.mozilla.org blogs joshua cranmer related
topics dehydra, treehydra, spidermonkey categories interwiki language links ...
An overview of NSS Internals
(note that it's important to look at the number 11, as there are other pkcs standards with different numbers that define quite different
topics.) a software or hardware module conforming to the pkcs#11 standard implements an interface of c calls, which allow querying the characteristics and offered services of the module.
Index
(note that it's important to look at the number 11, as there are other pkcs standards with different numbers that define quite different
topics.) a software or hardware module conforming to the pkcs#11 standard implements an interface of c calls, which allow querying the characteristics and offered services of the module.
Introduction to Network Security Services
what you should already know before using nss, you should be familiar with the following
topics: concepts and techniques of public-key cryptography the secure sockets layer (ssl) protocol the pkcs #11 standard for cryptographic token interfaces cross-platform development issues and techniques where to find more information for information about pki and ssl that you should understand before using nss, see the following: introduction to public-key cryptography introduction to ss...
JSS
mailing list newsgroup rss feed related
topics security ...
NSS Tech Notes
nss technical notes newsgroup: mozilla.dev.tech.crypto nss technical notes provide latest information about new nss features and supplementary documentation for advanced
topics in programming with nss.
Pork
mailing list newsgroup rss feed #static on irc.mozilla.org related
topics dehydra, treehydra, mozilla 2, spidermonkey ...
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.
Index
see js_enterlocalrootscope for more on this
topic.
Statistics API
var prefs = require("api-utils/preferences-service"); components.utils.import('resource://gre/modules/services.jsm'); function observer(subject,
topic, json) { var data = json.parse(json); // process the data } prefs.set("javascript.options.mem.notify", true); services.obs.addobserver(observer, "garbage-collection-statistics", false); the toplevel json object contains these fields: timestamp: integer (microseconds) - time at which the gc ended, measured from epoch.
JSAPI User Guide
this function returns the pointer to an object's private data: pdata = js_getprivate(cx, obj); special
topics unicode to pass unicode data between javascript and native code, represent the data in utf-16 in memory.
SpiderMonkey: The Mozilla JavaScript runtime
spidermonkey internals: gc separate internals article on the gc spidermonkey internals: hacking tips collection of helpful tips & tools for hacking on the engine related
topics javascript foss projects using or based on spidermonkey releases spidermonkey release notes current and past versions: 52, 45, 38, 31, 24, 17 community mailing list spidermonkey questions on stack overflow report a bug ...
Zest
zest
topics usecases reporting security vulnerabilities to developers reporting security vulnerabilities to companies defining active and passive scanner rules deep integration with security tools runtimes the runtime environments that support zest tools the tools that include support zest implementation the state of zest development videos simon demoed zest at...
Redis Tips
it is intended primarily for developers, and deliberately omits some
topics that will be important in any redis deployment, like security and backups.
Gecko Roles
role_helpballoon displays a help
topic in the form of a tooltip or help balloon.
Embedded Dialog API
(note that at time of writing this may not be strictly true; work continues on this
topic.) all overrideable dialogs are implemented by gecko as a component.
Using the Places history service
if database initialization completes correctly a "places-init-complete"
topic is notified, at this point is possible to look for database status: var databasestatus = historyservice.databasestatus; switch (databasestatus) { case historyservice.database_status_ok: // database did already exist and has been correctly initialized.
Toolkit API
theme packaging: specific information about how to package themes multiple-item extension packaging: specific information about multiple-item extension xpis xul application packaging: specific information about how to package xulrunner applications chrome registration printing in xul apps see also the following developer pages contain examples and discussions of particular
topics: xul xul overlays developing extensions xulrunner developing themes dom rdf storage ...
Avoiding leaks in JavaScript XPCOM components
consider the example of bug 170022 (which also demonstrates a leak via a global variable, fixed later in bug 231266): const observer = { observe: function(subject,
topic, data) { if (
topic != "open-new-tab-request" || subject != window) return; delayedopentab(data); } }; const service = components.classes["@mozilla.org/observer-service;1"] .getservice(components.interfaces.nsiobserverservice); service.addobserver(observer, "open-new-tab-request", false); in this example, there is a similar cycle between observe and service.
How to build an XPCOM component in JavaScript
loworld;1'] .createinstance(components.interfaces.nsihelloworld); alert(mycomponent.hello()); } catch (anerror) { dump("error: " + anerror); } other resources rm lantwo mozillazine forums threads about implementing xpcom components in js with some explanations, example code, and troubleshooting tips: http://forums.mozillazine.org/view
topic.php?t=308369 http://forums.mozillazine.org/view
topic.php?t=367298 implementing xpcom components in javascript at kb.mozillazine.org using xpcom in javascript without leaking - a must-read.
An Overview of XPCOM
esult) { return ns_error_no_interface; } // add a reference addref(); return ns_ok; } ns_imethodimp_(nsrefcnt) sample::addref() { return ++mrefcnt; } ns_imethodimp_(nsrefcnt) sample::release() { if (--mrefcnt == 0) { delete this; return 0; } // optional: return the reference count return mrefcnt; } object interface discovery inheritance is another very important
topic in object oriented programming.
Finishing the Component
y::free(previous); rv = catman->addcategoryentry("content-policy", "weblock", weblock_contractid, pr_true, pr_true, &previous); if (previous) nsmemory::free(previous); return rv; } this code adds a new category entry under the
topic "content-policy," and it calls addcategoryentry in the same way we did in registering for notifications.
Creating XPCOM components
accordingly, the book is arranged so that you can follow along and create your own components or learn about different xpcom
topics individually, as in a reference work.
JavaXPCOM
mailing list newsgroup rss feed related
topics xpcom, embedding mozilla ...
PyXPCOM
related
topics xpcom pydom: replace javascript with python python-spidermonkey ...
nsIAccessibleRole
role_helpballoon 31 displays a help
topic in the form of a tooltip or help balloon.
nsICookieService
var cookiesvc = components.classes["@mozilla.org/cookieservice;1"] .getservice(components.interfaces.nsicookieservice); notifications this service broadcasts the following notifications when the cookie list is changed, or a cookie is rejected:
topic subject data cookie-changed broadcast whenever the cookie list changes in some way.
nsIDownloadHistory
this will also notify observers that the uri asource is visited with the
topic ns_link_visited_event_
topic if asource has not yet been visited.
nsIGlobalHistory3
for implementors of nsiglobalhistory3: the history implementation is responsible for sending ns_link_visited_event_
topic to observers for redirect pages.
nsIHttpHeaderVisitor
this._isflash; }; myhttprequestobserver = function ( ) { this.register( ); this.aborted = components.results.ns_binding_aborted; this.nsihttpchannel = components.interfaces.nsihttpchannel; this.nsichannel = components.interfaces.nsichannel; this.nsirequest = components.interfaces.nsirequest; }; myhttprequestobserver.prototype.observe = function ( subject,
topic, data ) { var uri, avisitor; if ( subject instanceof this.nsihttpchannel ) { avisitor = new mynsihttpheadervisitor( ); subject.visitresponseheaders( avisitor ); if ( avisitor.isflash( ) ) { uri = subject.uri; subject.cancel( this.aborted ); alert( "found flash!" ); //handle flash file here ...
nsIMemory
a client that wishes to be notified of low memory situations (for example, because the client maintains a large memory cache that could be released when memory is tight) should register with the observer service (see nsiobserverservice) using the
topic "memory-pressure".
nsIMicrosummary
void update(); see also microsummary
topics creating a microsummary ...
nsIMicrosummarySet
see also nsimicrosummaryservice microsummary
topics creating a microsummary ...
nsIMsgCompFields
(bug 249530) newsgroups astring newshost char * newsposturl char * organization astring otherrandomheaders astring no longer exists - see https://groups.google.com/forum/#!
topic/mozilla.dev.apps.thunderbird/s4ofmm8_b28 priority char * receiptheadertype print32 references char * replyto astring securityinfo nsisupports subject astring templatename astring temporaryfiles char * obsolete temporaryfiles obsolete, do not use anymore to...
nsIPermissionManager
remarks this service broadcasts the following notification when the permission list is changed:
topic : "perm-changed" (perm_change_notification) broadcast whenever the permission list changes in some way.
nsIPrefBranch2
a
topic - the string defined by ns_prefbranch_prefchange_
topic_id adata - the name of the preference which has changed, relative to the "root" of the asubject branch.
nsIProcess2
the observer will receive this nsiprocess2 instance as the subject and "process-finished" or "process-failed" as the
topic.
nsIStringBundleService
(automatically called for the memory-pressure and chrome-flush-caches global observer
topics.) void flushbundles(); parameters none.
nsITraceableChannel
"); delete this.receivedchunks; this.responsestatus = astatuscode; this.originallistener.onstoprequest(arequest, acontext, astatuscode); this.deferreddone.resolve(); }, queryinterface: function(aiid) { if (aiid.equals(ci.nsistreamlistener) || aiid.equals(ci.nsisupports)) { return this; } throw cr.ns_nointerface; } }; var httpresponseobserver = { observe: function(asubject, a
topic, adata) { var newlistener = new tracinglistener(); asubject.queryinterface(ci.nsitraceablechannel); newlistener.originallistener = asubject.setnewlistener(newlistener); /////// end - do not edit newlistener.promisedone.then( function() { // no error happened console.log('yay response done:', newlistener.responsebody); }, function(areason) { // promise was rejected, ri...
Getting Started Guide
probably the three most helpful books on this
topic are the c++ programming language by bjarne stroustrup, effective c++, and more effective c++ by scott meyers.
XTF
tools dom inspector related
topics dom, xbl ...
Building a Thunderbird extension 1: introduction
documentation thunderbird extensions (documentation overview) firefox addons developer guide (many
topics are applicable to thunderbird) mozilla cross-reference source code browser ("comm-central" contains the thunderbird code repository) community the thunderbird development community has a mailing list with an extensive searchable archive with an extensive searchable archive.
Creating a Custom Column
window.addeventlistener("load", doonceloaded, false); function doonceloaded() { var observerservice = components.classes["@mozilla.org/observer-service;1"].getservice(components.interfaces.nsiobserverservice); observerservice.addobserver(createdbobserver, "msgcreatedbview", false); } var createdbobserver = { // components.interfaces.nsiobserver observe: function(amsgfolder, a
topic, adata) { addcustomcolumnhandler(); } } in this example we have a function addcustomcolumnhandler() that is called whenever the event is fired.
customDBHeaders Preference
function(row, col, props){}, getimagesrc: function(row, col) {return null;}, getsortlongforrow: function(hdr) {return 0;} } function addcustomcolumnhandler() { gdbview.addcolumnhandler("colsuperfluous",columnhandler); dump("column handler being added: " + columnhandler + "\n"); } var createdbobserver = { // components.interfaces.nsiobserver observe: function(amsgfolder, a
topic, adata) { dump("here here!"); addcustomcolumnhandler(); } } function doonceloaded(){ var observerservice = components.classes["@mozilla.org/observer-service;1"].getservice(components.interfaces.nsiobserverservice); observerservice.addobserver(createdbobserver, "msgcreatedbview", false); window.document.getelementbyid('foldertree').addeventlistener("select",addcustomco...
Thunderbird extensions
mozillazine articles on thunderbird community / communications thunderbird specific : add-ons section on developer.thunderbird.net thunderbird communication channels add-on developers forum/mailing list #maildev irc channel more general : mozillazine extension development forum general developer channels related
topics xul, javascript, xpcom, themes, developing mozilla categori ...
Using COM from js-ctypes
basis and reference for this article bugzilla :: bug 738501 - implement ability to create windows shortcuts from javascript - comment 4 relavent
topic bugzilla :: bug 505907 - support c++ calling from jsctypes converting com code to c code to convert com code to js-ctypes, we need to write c++ vtable pointers in c.
Standard OS Libraries
wms on ubuntu work a little differently but we'll revisit this
topic later in this article (did you know they have a *special* firefox build for ubuntu?).
js-ctypes
mailing list newsgroup rss feed stackoverflow - jsctypes related
topics xpcom in gecko 2 - binary components ...
Animation - Web APIs
additionally, certain kinds of motion can be a trigger for vestibular disorders, epilepsy, and migraine, and sco
topic sensitivity.
Server-sent events - Web APIs
living standard see also tools eventsource polyfill for node.js remy sharp’s eventsource polyfill yaffle’s eventsource polyfill rick waldron’s jquery plugin intercooler.js declarative sse support related
topics ajax javascript websockets other resources a twitter like application powered by server-sent events and its code on github.
Multi-touch interaction - Web APIs
id = " + ev.targettouches[i].identifier + " "; } o.innerhtml += s; } } function clearlog(event) { var o = document.getelementsbytagname('output')[0]; o.innerhtml = ""; } related
topics and resources pointer events ...
Supporting both TouchEvent and MouseEvent - Web APIs
semove mousedown mouseup click if the touchstart, touchmove or touchend event is canceled during an interaction, no mouse or click events will be fired, and the resulting sequence of events would just be: touchstart zero or more touchmove events, depending on movement of the finger(s) touchend community touch events community group mail list w3c #touchevents irc channel related
topics and resources touch events overview using touch events touch and mouse (together again for the first time) ...
Using Touch Events - Web APIs
lauke) community touch events community group mail list w3c #touchevents irc channel related
topics and resources pointer events standard ...
WebGL best practices - Web APIs
general
topics address and eliminate webgl errors your application should run without generating any webgl errors (as returned by geterror).
Web Audio API - Web APIs
keep playing and experimenting — you can expand on any of these techniques to create something much more elaborate.background audio processing using audioworkletthe process of creating an audio processor using javascript, establishing it as an audio worklet processor, and then using that processor within a web audio application is the
topic of this article.basic concepts behind web audio apithis article explains some of the audio theory behind how the features of the web audio api work, to help you make informed decisions while designing how audio is routed through your app.controlling multiple parameters with constantsourcenodethis article demonstrates how to use a constantsourcenode to link multiple parameters together so they sha...
ARIA: Main role - Accessibility
the main content area consists of content that is directly related to or expands upon the central
topic of a document, or the central functionality of an application.
WAI-ARIA Roles - Accessibility
the main content area consists of content that is directly related to or expands upon the central
topic of a document, or the central functionality of an application.aria: mark rolethe mark landmark role semantically denotes html elements containing text that is marked/highlighted for reference purposes.
Accessibility: What users can do to browse more safely - Accessibility
grayscale is enabled when the color filters button is toggled "on" see also accessibilty accessibility learning path web accessibility for seizures and physical reactions color blindness discussion: "what is the “grayscale” setting for in accessibility options?" contributors many, many thanks to eric eggert from knowbility; for his discussions and huge help on this
topic.
Accessibility and Spacial Patterns - Accessibility
entific literature colour constancy in context: roles for local adaptation and levels of reference gamma oscillations and photosensitive epilepsy characterizing the patterned images that precipitate seizures and optimizing guidelines to prevent them arnold wilkins, john emmett, and graham harding contributers: heartfelt thanks to jim allan of the diagram center for his discussions on the
topic of alternative means of education.
transition-timing-function - CSS: Cascading Style Sheets
however, some animations can be problematic for people with cognitive concerns such as attention deficit hyperactivity disorder (adhd) and certain kinds of motion can be a trigger for vestibular disorders, epilepsy, and migraine and sco
topic sensitivity.
CSS: Cascading Style Sheets
styling text with the basics of the css language covered, the next css
topic for you to concentrate on is styling text — one of the most common things you'll do with css.
<main> - HTML: Hypertext Markup Language
the main content area consists of content that is directly related to or expands upon the central
topic of a document, or the central functionality of an application.
Upgrade - HTTP
more detail and examples are provided in the
topic protocol upgrade mechanism.
HTTP Index - HTTP
15 connection management in http/1.x connection management, guide, http, networking, performance, webmechanics connection management is a key
topic in http: opening and maintaining connections largely impacts the performance of web sites and web applications.
CSS Houdini
worklets reference other
topics related
topics which may be of interest, since they can be used in tandem with houdini apis in interesting ways.
JavaScript
for complete beginners head over to our learning area javascript
topic if you want to learn javascript but have no previous experience of javascript or programming.
MathML
related
topics css html svg ...
Web media technologies
other
topics related
topics which may be of interest, since they can be used in tandem with media apis in interesting ways.
Web Performance
here we'll introduce many of these features ad the basic level and provide links to deeper dives to improve performance for each
topic.
Progressive web apps (PWAs)
the building blocks of responsive design — learn the basics of responsive design, an essential
topic for modern app layout.
SVG Tutorial - SVG: Scalable Vector Graphics
introducing svg from scratch introduction getting started positions basic shapes paths fills and strokes gradients patterns texts basic transformations clipping and masking other content in svg filter effects svg fonts svg image tag tools for svg svg and css the following
topics are more advanced and hence should get their own tutorials.
Tutorials
speaking javascript for programmers who want to learn javascript quickly and properly, and for javascript programmers who want to deepen their skills and/or look up specific
topics.
XPath snippets - XPath
} xpath = "*[name()='"+el.nodename+"' and namespace-uri()='"+(el.namespaceuri===null?'':el.namespaceuri)+"']["+pos+']'+'/'+xpath; el = el.parentnode; } xpath = '/*'+"[name()='"+xml.documentelement.nodename+"' and namespace-uri()='"+(el.namespaceuri===null?'':el.namespaceuri)+"']"+'/'+xpath; xpath = xpath.replace(/\/$/, ''); return xpath; } resources xpath forum discussion on this
topic see also introduction to using xpath in javascript ...
XPath
related
topics xslt, xquery, xml, dom, jxon, jsonpath comparison of css selectors and xpath ...
Web technology for developers
tutorials for web developers a list of tutorials to take you step-by-step through learning apis, technologies, or broad
topic areas.