Search completed in 1.30 seconds.
Custom XUL Elements with XBL - Archive of obsolete content
« previousnext » xml binding language (
xbl, sometimes also called extensible bindings language) is a language for describing bindings that can be attached to elements in other documents.
... taken from the
xbl page.
... this somewhat cryptic explanation describes a very simple concept: with
xbl you can create your own custom elements.
...And 28 more matches
XBL - Archive of obsolete content
xbl bindings have been removed from the firefox codebase and the work was tracked in bug 1397874 and are we
xbl still?.
... removal of the
xbl implementation is being tracked in bug 1566221.
... see also:
xbl removal design review packet, problems with
xbl and the
xbl and web components comparison.
...And 17 more matches
Adding Methods to XBL-defined Elements - Archive of obsolete content
« previousnext » next, we'll find out how to add custom methods to
xbl-defined elements.
... methods in addition to adding script properties to the
xbl-defined element, you can also add methods.
...for example, the following javascript function would be written as an
xbl method like so: function getmaximum(num1,num2) { if (num1 <= num2) return num2; else return num1; }
xbl: <method name="getmaximum"> <parameter name="num1"/> <parameter name="num2"/> <body> if (num1 <= num2) return num2; else return num1; </body> </method> this function, getmaximum, returns the largest of the values, each passed as a parameter to the method.
...And 12 more matches
Creating reusable content with CSS and XBL - Archive of obsolete content
note:
xbl cannot be loaded over http, so this technique is only useful for local content accessed using the file:/// scheme, or from add-on code.
...information:
xbl bindings the structure provided by markup languages and css is not ideal for complex applications where parts need to be self-contained and reusable.
...mozilla provides a mechanism that overcomes these limitations:
xbl (xml bindings language).
...And 9 more matches
XBL Attribute Inheritance - Archive of obsolete content
inherited attributes
xbl allows us to build composite widgets while hiding their actual implementation.
...for example: xul: <searchbox/>
xbl: <binding id="searchbinding"> <content> <xul:textbox/> <xul:button label="search"/> </content> </binding> in the example, the label attribute has been placed directly on the button element.
...
xbl provides an inherits attribute which can be used to inherit attributes from the bound element.
...And 6 more matches
Adding Properties to XBL-defined Elements - Archive of obsolete content
« previousnext » next, we'll find out how to add custom properties to
xbl-defined elements.
... the
xbl interface javascript and the dom provide access to get and set the properties of elements.
... with
xbl, you can define your own properties for the elements you create.
...And 5 more matches
XBL Example - Archive of obsolete content
« previousnext » this section will describe an example
xbl element.
... a slideshow element let's construct a full example of an
xbl element.
... content of the slideshow first, let's determine what elements need to go in the
xbl content.
...And 5 more matches
XBL Inheritance - Archive of obsolete content
« previousnext » in this section, we'll look at how to extend existing
xbl definitions.
... inheritance sometimes you may want to create an
xbl widget that is similar to an existing one.
... for example, let's say you want to create an
xbl button with a popup.
...And 4 more matches
XBL 1.0 Reference - Archive of obsolete content
abstract this document describes extensible binding language (
xbl) 1.0 as implemented in gecko browsers.
... there are numerous adjustments in the current implementation in comparison of earlier
xbl proposals, and not all of them are reflected yet in this document.
...
xbl elements
xbl 1.0 elements are in the http://www.mozilla.org/
xbl namespace.
...And 3 more matches
Same origin policy for XBL - Archive of obsolete content
the same origin policy used for
xbl documents is different from the policy used for other content.
... this article provides a description of how the same origin policy for
xbl works.
... when mozilla needs to decide whether or not
xbl is allowed to be loaded, it looks at the nsiprincipal originating the load and the nsiuri to be loaded.
...for the nsidomdocument
xbl interface's nsidomdocument
xbl.addbinding() and nsidomdocument
xbl.loadbindingdocument() methods, the originating principal is the one of the script making the call, or the principal of the document the call is made on if there isn't a script.
Fun With XBL and XPConnect
introduction this article describes an application of
xbl in which a simple xpcom interface is made accessible to a xul widget.
... the interface definition feature of
xbl is used to define an interface through xpconnect to a c++ object that does auto completion.
...all you have to do is specifically defining a method on the
xbl widget which forwards the method call to the xpcom object.
Index - Archive of obsolete content
279 custom xul elements with
xbl no summary!
...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.
... xul,
xbl, javascript, and css files are all in text format and can be edited in a standard text editor, while image files are in binary gif, jpg, or png format and must be edited with an image editing program.
...And 22 more matches
Anonymous Content - Archive of obsolete content
« previousnext » in this section we'll look at creating content with
xbl.
...
xbl content
xbl can be used to automatically add a set of elements inside another element.
... the xul file only needs to specify the outer element while the inner elements are described in the
xbl.
...And 17 more matches
Elements - Archive of obsolete content
please do not edit only on the basis of another
xbl specification.
... <!element bindings ( binding* ) > hierarchy: root element may contain: <binding> the bindings element is the root element of any
xbl document.
... it should usually declare
xbl as the default namespace (unless an
xbl namespace prefix is used) and it may additionally declare other namespace prefixes used in your binding.
...And 15 more matches
XForms Custom Controls - Archive of obsolete content
since firefox 4,
xbl and xul are disabled by default for all pages not loaded from a chrome:// url.
...to really grasp the following information, a good understanding of xforms,
xbl, javascript and css is needed.
...every xforms control's presentation has its own
xbl binding.
...And 8 more matches
Anonymous Content - Archive of obsolete content
a sample
xbl binding for the file widget might look as follows: <binding id="fileupload"> <content> <html:input type="text"/> <html:input type="button"/> </content> </binding> because this content is not visible to its parent element, it is said to be anonymous content.
...elements and attributes in the
xbl namespace are never cloned.
... the scope of an element can be determined using the getbindingparent method on the document
xbl interface.
...And 6 more matches
Index - Archive of obsolete content
it explains the concept of dom documents, demonstrates a few simple examples of using dom calls to perform basic manipulations on a document, and then demonstrates working with anonymous
xbl content using mozilla-specific methods.
... 1004 adding event handlers to
xbl-defined elements tutorials,
xbl, xul, xul_tutorial next, we'll find out how to add event handlers to
xbl-defined elements.
... 1007 adding methods to
xbl-defined elements tutorials,
xbl, xul, xul_tutorial next, we'll find out how to add custom methods to
xbl-defined elements.
...And 6 more matches
The Joy of XUL - Archive of obsolete content
xul provides a clear separation among the client application definition and programmatic logic ("content" consisting of xul,
xbl, and javascript), presentation ("skin" consisting of css and images), and language-specific text labels ("locale" consisting of dtds and string bundles in .properties files).
...
xbl the extensible bindings language (
xbl) is a markup language that defines special new elements, or "bindings" for xul widgets.
... with
xbl, developers can define new content for xul widgets, add additional event handlers to a xul widget, and add new interface properties and methods.
...And 5 more matches
Event Handlers - Archive of obsolete content
xbl event handlers always fire last, after all other event handlers at the same position in the event flow.
... since
xbl handlers usually constitute the default actions for a widget, this allows authors in the bound document to write events that potentially suppress the default actions taken by the
xbl handlers.
... within an
xbl inheritance chain, event handlers always fire first on the derived binding and then on the base binding in the chain.
...And 3 more matches
Binding Attachment and Detachment - Archive of obsolete content
input[type="checkbox"] { -moz-binding: url("http://www.mozilla.org/
xbl/htmlbindings.xml#checkbox"); } bindings attached through css will only remain on the bound element as long as the element continues to match the style rule.
... attachment using element.style property none of the
xbl inheritance properties of element.style.mozbinding described here are implemented (if ever).
... var checkbox = document.getelementbyid("mycheckbox"); checkbox.style.mozbinding = "url(http://www.mozilla.org/
xbl/htmlbindings.xml#checkbox)"; this attachment is not necessarily synchronous.
...And 2 more matches
Dynamically modifying XUL-based user interface - Archive of obsolete content
it explains the concept of dom documents, demonstrates a few simple examples of using dom calls to perform basic manipulations on a document, and then demonstrates working with anonymous
xbl content using mozilla-specific methods.
...anonymous content (
xbl)
xbl is the language used in mozilla to define new widgets.
... widgets defined in
xbl may choose to define some content which is inserted to the bound element, when the binding is attached.
...And 2 more matches
Using Remote XUL - Archive of obsolete content
this also means you can't load xul using file:// urls unless you set the preference dom.allow_xul_
xbl_for_file to true.
...the remote xul manager extension lets you manage this whitelist, which is maintained using nsipermissionmanager, by creating entries of type "allowxul
xbl", like this: components.classes["@mozilla.org/permissionmanager;1"] .getservice(components.interfaces.nsipermissionmanager) .add(uri, 'allowxul
xbl', components.interfaces.nsipermissionmanager.allow_action); xul (pronounced like "zool"), which is short for xml-based user interface language, is an xml-based language for describing application interfaces.
... in case you're wondering, the reason the buttons and menu items had style before we added the stylesheet reference is that some xul elements are defined in mozilla using another xml-based language called
xbl which provides building blocks for creating ui widgets.
...And 2 more matches
Avoiding leaks in JavaScript XPCOM components
but in one important case it's not:
xbl.
...
xbl fields are implemented as javascript properties on the bound element's wrapper, so they have all the hazards of javascript properties.
...(but since service is a global variable, just fixing the cycle doesn't fix the leak.) don't store short-lived objects as javascript properties of short-lived dom nodes i mentioned earlier that, in versions of mozilla before 1.8, setting arbitrary javascript properties on elements (or using
xbl fields) causes that element's javascript wrapper to be rooted until the document stops being displayed.
...And 2 more matches
inIDOMUtils
return value an array of nsiuri objects representing the current
xbl binding (if any) for the element and its hierarchy of base bindings.
... ashowinganonymouscontent whether you are interested in the
xbl flattened tree.
...if you have requested anonymous content, then if the element has an
xbl binding then this will be the binding's anonymous nodes, otherwise if the element is itself an anonymous node containing an insertion point then this will be a list combining the element's explicit children from its binding parent's anonymous nodes and any children inserted as a result of the insertion point.
...And 2 more matches
Index of archived content - Archive of obsolete content
gs 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 insertion (html & xul) appendix f: monitoring dom changes connecting to remote content custom xul elements with
xbl getting started with firefox extensions handling preferences intercepting page loads introduction javascript object management local storage mozilla documentation roadmap observer notifications setting up a development environment the box model ...
... rdf api rdf datasource how-to reading textual data remote xul remote debugging rsyncing the cvs repository running windows debug builds downloaded from tinderbox sxsw 2007 presentations safe browsing safe browsing: design documentation safely loading uris same origin policy for
xbl space manager detailed design space manager high level design standalone xpcom standard makefile header static analysis for windows code under linux stress testing string quick reference string rosetta stone structure of an installable bundle supporting per-window private browsing support...
... winreg object methods winregvalue xpjs components proposal xre xtech 2005 presentations directions of the mozilla rdf engine extending gecko with
xbl and xtf mozilla e4x rich web svg and canvas in mozilla xul - mozilla's xml user interface language xtech 2006 presentations xul explorer xulrunner application update article buildin...
...rms forms using xforms and php xforms api reference xforms config variables xforms custom controls xforms custom controls examples xforms styling background-size foreach beginner tutorials creating reusable content with css and
xbl underscores in class and id names xml data xul user interfaces case sensitivity in class and id names creating a dynamic status bar extension creating a status bar extension element title gecko compatibility handbook getting the page url in npapi plugin...
DOM Interfaces - Archive of obsolete content
the nsidomdocument
xbl interface the nsidomdocument
xbl interface contains methods for manipulating
xbl bindings.
... idl definition interface nsidomdocument
xbl { nodelist getanonymousnodes(in element elt); element getanonymouselementbyattribute(in element elt, in domstring attrname, in domstring attrvalue); element getbindingparent(in node node); void loadbindingdocument(in domstring documenturl); }; methods getanonymousnodes the getanonymousnodes method retrieves the anonymous children of the specified element.
...typically used with an (arbitrary) anonid attribute to retrieve a specific anonymous child in an
xbl binding.
... if (element.ownerdocument instanceof ci.nsidomdocument
xbl) { var anonchildren = element.ownerdocument.getanonymousnodes(element); if (anonchildren) { for (var i = 0; i < anonchildren.length; i++) { if (anonchildren[i].nodetype == 1) return false; } } } return true; ...
Using Visual Studio as your XUL IDE - Archive of obsolete content
as you are already there, you can do the same for "
xbl".
...
xbl if you are writing your own elements in
xbl, you can download a
xbl schema from mozilla.doslash.org/
xblschema.
...to combine both, you can also add your own
xbl elements to the xul schema to get autocompletion-support and validation for those in your xul files.
... as it does not work out of the box with unknown file extensions (like .xul, .
xbl and .jsm), you have to do some registry tricks, so that va knows how to treat these file types.
-moz-binding - Archive of obsolete content
the -moz-binding css property is used by mozilla-based applications to attach an
xbl binding to a dom element.
... syntax /* <url> value */ -moz-binding: url(http://www.example.org/
xbl/htmlbindings.xml#checkbox); /* global values */ -moz-binding: inherited; -moz-binding: initial; -moz-binding: unset; values <url> the url for the
xbl binding (including the fragment identifier).
... none no
xbl binding is applied to the element.
... formal definition initial valuenoneapplies toall elements except generated content or pseudo-elementsinheritednocomputed valueas specifiedanimation typediscrete formal syntax <url> | none examples .exampleone { -moz-binding: url(http://www.example.org/
xbl/htmlbindings.xml#radiobutton); } specifications not part of any standard.
Chrome registration
the javascript files that define the user interface are also contained within the content packages, as well as most
xbl binding files.
... note: scripts (including those found in
xbl) loaded from skin packages will not execute.
...to update your add-on to work without this flag: if your add-on depends upon
xbl bindings attached to content objects (that is, it needs to be able to call functions or get and set properties created by the
xbl binding), you'll need to use the object's wrappedjsobject property to obtain a wrapped object.
... example chrome manifest content necko jar:comm.jar!/content/necko/ locale necko en-us jar:en-us.jar!/locale/necko/ content
xbl-marquee jar:comm.jar!/content/
xbl-marquee/ content pipnss jar:pipnss.jar!/content/pipnss/ locale pipnss en-us jar:en-us.jar!/locale/pipnss/ # firefox-only overlay chrome://browser/content/pageinfo.xul chrome://pippki/content/pageinfooverlay.xul application={ec8030f7-c20a-464f-9b0e-13a3a9e97384} # seamonkey-only overlay chrome://naviga...
Adding Toolbars and Toolbar Buttons - Archive of obsolete content
the way to include the file in the manifest is to add this line: style chrome://global/content/customizetoolbar.xul chrome://xulschoolhello/skin/toolbar.css if you are using
xbl bindings (explained way ahead) for your toolbar items, you'll have to include the css files for those as well, each in a new line like the one above.
...if you use
xbl bindings, make sure everything works normally after customizing toolbars.
...this tends to break very specific css, and
xbl bindings lose their internal state when moved around the dom.
XTF
xtf: when
xbl just won't cut it more recent primer to xtf by alex vincent.
... extending gecko with
xbl and xtf a presentation given at xtech 2005 comparing
xbl and xtf, as well as discussing xtf basics.
... tools dom inspector related topics dom,
xbl ...
Activity Manager examples
if activity developers would like to extend the default ui representation of the activity types, they can provide their own
xbl elements for their own activity types.
... all custom activity
xbl elements should inherit from "activity-base" binding.
... for
xbl samples please see activity.xml and activitybinding.css files.
Appendix F: Monitoring DOM changes - Archive of obsolete content
lector, callback, doc) { doc = doc || document; doc.addeventlistener('domnodeinserted', listener, false); function listener(event) { if (event.target.mozmatchesselector(selector)) callback.call(this, event); } return function unwatch() { doc.removeeventlistener('domnodeinserted', listener, false); }; } }
xbl xbl is similar in approach to the above animation-based method.
...while it is no longer possible for web sites to use
xbl directly, chrome code can still attach
xbl bindings to web content from stylesheets loaded via the stylesheet service.
XML data - Archive of obsolete content
previous section: svg next section:
xbl binding information: xml data xml (extensible markup language) is a general-purpose language for any kind of structured data.
...other technologies can modify the structure of the display—for example,
xbl can add content, and javascript can modify the dom.
XUL user interfaces - Archive of obsolete content
more specialized features can be built from parts by using xul together with other technologies that you have seen in this tutorial: css style, javascript code, and
xbl bindings.
...it is made up of other elements that are generated by its
xbl binding.
Making a Mozilla installation modifiable - Archive of obsolete content
mozilla's user interface is made up of xul (described below),
xbl (a topic for another tutorial), javascript, css, and image files.
... xul,
xbl, javascript, and css files are all in text format and can be edited in a standard text editor, while image files are in binary gif, jpg, or png format and must be edited with an image editing program.
Mozilla Application Framework in Detail - Archive of obsolete content
xbl (extensible binding language) allows you to expand your library of interface elements, and even construct your own xml language for defining your ui.
...you could easily create xml elements such as <chessboard> or <chesspiece> and via
xbl map these to images and application logic.
Remote XUL - Archive of obsolete content
this also means you can't load xul using file:// urls unless you set the preference dom.allow_xul_
xbl_for_file to true.
...the remote xul manager extension lets you manage this whitelist, which is maintained using nsipermissionmanager, by creating entries of type "allowxul
xbl", like this: components.classes["@mozilla.org/permissionmanager;1"] .getservice(components.interfaces.nsipermissionmanager) .add(uri, 'allowxul
xbl', components.interfaces.nsipermissionmanager.allow_action); see using remote xul.
Example Sticky Notes - Archive of obsolete content
view this example <!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html401/strict.dtd"> <html> <head> <title>
xbl demo : sticky notes</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css"> body { background-color: #ffffff; color: #000000; font: 1em verdana, sans-serif; } h1 { font-size: 1.5em; } /* binding: */ .sticker { -moz-binding: url(notes.xml#default); } </style> </head> <body> <h1><a href="http://developer.mozilla.org/en/docs/
xbl:
xbl_1.0_reference">
xbl</a> demo : sticky notes</h1> <div class="sticker"><p>acme, inc.
... fax - respond today.</p></div> <div class="sticker"><p>don't forget the eggs!</p></div> <div class="sticker"><p>the new project - who's on charge?</p></div> <div class="sticker"><p>learn more about
xbl.</p></div> <p style="clear: left"><a href="http://validator.w3.org/check?uri=referer"><img src="https://udn.realityripple.com/samples/e2/dd625ef1cd.png" width="88" height="31" alt="valid html 4.01" style="border: 1px none"></a></p> </body> </html> notes.xml <?xml version="1.0"?> <bindings xmlns="http://www.mozilla.org/
xbl" xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- in above only
xbl namespace declaration is mandatory.
Building accessible custom components in XUL - Archive of obsolete content
<caption>after editing a cell</caption> further reading accessible html spreadsheet demo on mozilla.org future enhancements now that we know how to create an accessible spreadsheet, it should be possible to use
xbl to create a reusable component that encapsulates the accessibility implementation.
... all of the dhtml accessibility roles, the keyboard navigation, and the focus tracking could be defined within the
xbl file.
Deprecated and defunct markup - Archive of obsolete content
--neil 03 march 2011 <bulletinboard> (made to support left/top styles, but <stack> can now do as well) <gripper> (inside of <scrollbar><thumb>; not to be used by itself) <listboxbody> (internal use only; part of
xbl for <listbox>) <menubutton> (experiment in combining buttons and menus; use <button type> instead) <nativescrollbar> (displayed a native scrollbar; had been for mac only with native themes on) <outliner> (former name for <tree>; <listbox> had been "<tree>") <popup> (use menupopup) <package> (no longer present but in older documentation) <scrollbarbutton> (button at end of scroll...
...oolbarpaletteitem> required to embed non-buttons in customisable toolbars --neil 03 march 2011 <treebody> (old/experimental and unsupported xul tags) lives on as the internal name for the ancestor <treechildren> element --neil 03 march 2011 <treecaption> (old/experimental and unsupported xul tags) <treecolgroup> (former name for <treecols> <treecolpicker> (internal use only; part of
xbl for <tree>) <treefoot> (old/experimental and unsupported xul tags) <treeindentation> (old/experimental and unsupported xul tags) was a part of the old <tree> that predated <outliner> that was not converted to <listbox>--neil 03 march 2011 <treeicon> (old/experimental and unsupported xul tags) <treerows> (internal use only; part of
xbl for <tree>) attributes @debug="true" provid...
Using the Editor from XUL - Archive of obsolete content
you can find the relevant xul parts in editor.xul, the javascript parts in editor.js, and the
xbl binding for the editor element in editor.xml.
...through the magic of
xbl, the xul bindings, and the nsieditorboxobject interface, you can get a javascript reference to the editorshell from the editor element with element.editorshell.
XUL - Archive of obsolete content
zilla.org tools xul online live editor (copy & paste snippets from here and run them) xul explorer (a lightweight xul ide) xulexplorer (patched version of xul explorer) extension developer's extension (featuring a live xul editor) xulref sidebar firebug dom inspector spket ide, ide for xul/
xbl ample sdk, (cross-browser xul renderer in javascript/html) view all...
... related topics javascript,
xbl , css, rdf, extensions, xulrunner ...
Sunbird Theme Tutorial - Archive of obsolete content
you also need knowledge of: using your operating system to create files and directories using the tools listed above css graphic design knowledge of xul,
xbl and javascript is useful for advanced themes.
...the basic interface is written in xul, but some parts are constructed using
xbl or javascript.
XForms Repeat Element - Archive of obsolete content
here comes the output: <br/> <xf:output ref="@id"><xf:label>output: </xf:label></xf:output> <div xf:repeat-nodeset="nest"><xf:output ref="."><xf:label>nested output: </xf:label></xf:output></div> </div> repeat in anonymous content (usage in
xbl) you can use repeat elements inside anonymous content to create powerful new widgets.
... <head> <
xbl:bindings> <
xbl:binding id="grid"> <
xbl:content> <xf:repeat
xbl:inherits="bind, model, nodeset" anonid="anonidgridrepeat"> <xf:trigger> <xf:label>r</xf:label> <xf:delete ev:event="domactivate" at="index('anonidgridrepeat')"
xbl:inherits="model, bind, nodeset"/> </xf:trigger> </xf:repeat> </
xbl:content> </
xbl:binding> </
xbl:bindings> <style> div.grid { -moz-binding: url('#grid'); } </style> <xf:model> <xf:instance> <data xmlns=""> <repeat> <item> <input>input1</input> ...
Displaying Places information using views
this is useful when you need the id for another purpose or when a treecol is contained in anonymous content, as in
xbl.
...if your view is widely used, however, you may want to take a cue from the built-in tree view and create your own javascript prototype similar to placestreeview and your own
xbl tree binding so that much of the work of creating views and viewers and hooking them up to results is abstracted away.
Embedding the editor
it is likely that we'd use
xbl to implement this type of widget, as is the plan for other form controls.
...
xbl creates an nseditorboxobject for each <editor> tag, and allows javascript to access properties of this box object (such as the nsieditorshell).
CustomizableUI.jsm
when a customizable toolbar's
xbl binding is constructed (generally, that is when a <toolbar customizable="true"/> node is appended to the document and isn't invisible), the binding will call into customizableui and register the toolbar's node as being one of the concrete instances of its area.
... note that ideally, you should register your toolbar using registerarea before any of the toolbars have their
xbl bindings constructed (which will happen when they're added to the dom and are not hidden).
Dialogs and Prompts - Archive of obsolete content
programmatic button access if you want to access the accept ("ok") and cancel buttons from script, use this: // disable the ok and cancel btns document.documentelement.getbutton("accept").disabled = true; document.documentelement.getbutton("cancel").disabled = true; links dialog.xml —
xbl bindings for <dialog> and <dialogheader> elements.
Enhanced Extension Installation - Archive of obsolete content
messages that appear in the extensions ui in response to user-actions such as install, uninstall, enable and disable are now driven by the extensions datasource itself and are supplied by the em:displaydescription property, rather than being supplied by the front end and several different redundant
xbl bindings/style rules.
XUL School Tutorial - Archive of obsolete content
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: monitoring dom changes the xul school project was developed by appcoast (formerly glaxstar).
Tabbed browser - Archive of obsolete content
for example: var num = gbrowser.browsers.length; for (var i = 0; i < num; i++) { var b = gbrowser.getbrowseratindex(i); try { dump(b.currenturi.spec); // dump urls of all open tabs to console } catch(e) { components.utils.reporterror(e); } } to learn what methods are available for <browser/> and <tabbrowser/> elements, use dom inspector or look in browser.xml for corresponding
xbl bindings (or just look at the current reference pages on browser and tabbrowser.
Beginner tutorials - Archive of obsolete content
creating reusable content with css and
xblthis page illustrates how you can use css in mozilla to improve the structure of complex applications, making code and resources more easily reusable.underscores in class and id namessummary: the use of the underscore character in css can lead to major display problems in multiple browsers.
List of Former Mozilla-Based Applications - Archive of obsolete content
2005 and is being continued as an unofficial bugfix release by the kompozer project pogo browser from at&t site no longer accessible as of may 2009 pyro desktop desktop environment last news item on site from july 2007 script editor editor inactive skipstone gtk+ browser last news item on site from february 2008 xabyl visual
xbl editor inactive xulplayer media player last project update on 3/14/09 zoomcreator photo collage tool on april 29, 2010 the site announced zoomara was shutting down.
Creating a hybrid CD - Archive of obsolete content
"text file" .gif raw 'ogle' 'giff' "gif file" .png raw 'ogle' 'png ' "png file" .jpg raw 'ogle' 'jpeg' "jpeg file" .jpeg raw 'ogle' 'jpeg' "jpeg file" .pl ascii 'mcpl' 'text' "perl file" .pm ascii 'mcpl' 'text' "perl module file" .xml ascii 'r*ch' 'text' "xml file" .xul ascii 'r*ch' 'text' "xul file" .
xbl ascii 'r*ch' 'text' "
xbl file" .css ascii 'r*ch' 'text' "css file" .dtd ascii 'r*ch' 'text' "dtd file" .js ascii 'r*ch' 'text' "javascript file" .mp3 raw 'tvod' 'mpg3' "mpeg file" .mpg raw 'tvod' 'mpeg' "mpeg file" .mpeg raw 'tvod' 'mpeg' "mpeg file" .au raw 'tvod' 'ulaw' "audio file" * ascii ...
toolbarBindings.xml - Archive of obsolete content
copy the following text and paste it into a text file, then save that file as "toolbarbindings.xml": <bindings id="toolbarbindings"> <binding id="toolbar-primary" extends="chrome://global/content/bindings/toolbar.xml#toolbar-primary"> <content> <xul:hbox class="toolbar-holder toolbar-primary-holder" flex="1"
xbl:inherits="orient=tborient,buttonstyle"> <xul:hbox class="toolbar-button-box" flex="1"> <children/> </xul:hbox> <xul:image class="toolbar-primary-icon"
xbl:inherits="buttonstyle"/> </xul:hbox> </content> </binding> </bindings> ...
XML in Mozilla - Archive of obsolete content
rdf w3c recommendations rdf svg w3c recommendation svg animation (smil) w3c recommendation mathml w3c recommendation mathml p3p (no longer supported) w3c recommendation p3p wsdl (no longer supported) w3c note web services
xbl mozilla's
xbl reference xul mozilla's xul reference roadmap next big tasks would include support for xpointer xpointer() scheme (bug 32832), xinclude (bug 201754), xml catalogs (bug 98413), xforms (bug 97806; work being done on implementing this as an extension), validating parser (bug 196355) and xml schemas.
textbox.type - Archive of obsolete content
xbl-specific note beware that if you create an
xbl binding for a textbox, you need to use the appropriate extends attribute and changing type attribute on the tree won't have effect.
Things I've tried to do with XUL - Archive of obsolete content
xbl in listboxes using
xbl bindings in listboxes is not easy because there is a big bug there: if you create from js an element you want to bind, and if it is hidden when the listbox is first rendered, the listbox does not create a frame for it, and the
xbl doesn't get attached...
Box Objects - Archive of obsolete content
various pieces of information are used such as the tag name, the attributes on an element, various css properties, the elements and layout objects around the element, and the
xbl associated with an element (
xbl is described in a later section).
Modifying a XUL Interface - Archive of obsolete content
note: if you're creating the checkbox dynamically and it's not yet added to the dom, you must use setattribute("checked", "false") instead, because the
xbl isn't initiated yet.) example 6 : source view <button label="change" oncommand="this.nextsibling.checked = !this.nextsibling.checked;"/> <checkbox label="check for messages"/> radio buttons may be selected as well using properties, however since only one in a group may be selected at a time, the others must all be unchecked when one is checked.
XUL Tutorial - Archive of obsolete content
e features tree selection custom tree views tree view details tree box objects rdf and templates introduction to rdf templates trees and templates rdf datasources advanced rules persistent data skins and locales adding style sheets styling a tree modifying the default skin creating a skin skinning xul files by hand localization property files bindings introduction to
xbl anonymous content
xbl attribute inheritance adding properties adding methods adding event handlers
xbl inheritance creating reusable content using css and
xbl xbl example specialized window types features of a window creating dialogs open and save dialogs creating a wizard more wizards overlays cross package overlays installation creating an installer install scripts add...
What XULRunner Provides - Archive of obsolete content
the following features are either already implemented or planned: gecko features xpcom networking gecko rendering engine dom editing and transaction support (no ui) cryptography
xbl (
xbl2 planned) xul svg xslt xml extras (xmlhttprequest, domparser, etc.) web services (soap) auto-update support (not yet complete) type ahead find toolbar history implementation (the places implementation in the 1.9 cycle) accessibility support ipc services for communication between gecko-based apps (not yet complete) storage/sqlite interfaces user interface features the following user interface is supplied by xu...
CSS - Archive of obsolete content
obsolete css features -moz-bindingthe -moz-binding css property is used by mozilla-based applications to attach an
xbl binding to a dom element.-moz-border-bottom-colorsin mozilla applications like firefox, the -moz-border-bottom-colors css property sets a list of colors for the bottom border.-moz-border-left-colorsin mozilla applications like firefox, the -moz-border-left-colors css property sets a list of colors for the left border.-moz-border-right-colorsin mozilla applications like firefox, the -moz-border-right-colors css property sets a list of colors for the right border.-moz-border-top-colorsin mozilla applications like firefox, the -moz-border-top-colors css property sets a list of colors for the top border.-moz-stack-sizing-moz-stack-sizing is an extended css property.
Mozilla accessibility architecture
in the future
xbl form controls may be used, in which case there will be dom content for these sub-parts, and we will not need to override the traversal methods.
ESLint
nt scripts: add a line to tell eslint to use the frame-script environment: /* eslint-env mozilla/frame-script */ my script is a worker: add a line to tell eslint to use the worker environment: /* eslint-env worker */ or, to use a chrome worker environment: /* eslint-env mozilla/chrome-worker */ my file uses chrome/
xbl specific globals either, specify the global at the top of the file: /* globals mychromeglobal */ or, add to the global section toolkit/.eslintrc.js if it is widely used.
Interface Compatibility
this includes not only xpcom interfaces, but javascript functions,
xbl bindings, and any other visible behavior.
Introduction to Layout in Mozilla
invalid content) - harishd events - saari, joki block-and-line reflow - waterson, dbaron table reflow - karnaze form controls - rods, bryner style resolution and rule tree - dbaron views, widgets, and painting - roc, kmcclusk editor - kin, jfrancis xul and box layout - hewitt, ben
xbl - hewitt, ben conclusion data flow key data structures detailed walk-through incrementalism q & a?
JavaScript Tips
xul also maps other useful properties and methods using
xbl bindings; these vary from element to element.
DMD
153) #03: moz_xmalloc (/home/njn/moz/mi5/memory/mozalloc/mozalloc.cpp:84) #04: nscyclecollectingautorefcnt::incr(void*, nscyclecollectionparticipant*) (/home/njn/moz/mi5/go64dmd/dom/xul/../../dist/include/nsisupportsimpl.h:250) #05: nsxulelement::create(nsxulprototypeelement*, nsidocument*, bool, bool,mozilla::dom::element**) (/home/njn/moz/mi5/dom/xul/nsxulelement.cpp:287) #06: ns
xblcontentsink::createelement(char16_t const**, unsigned int, mozilla::dom::nodeinfo*, unsigned int, nsicontent**, bool*, mozilla::dom::fromparser) (/home/njn/moz/mi5/dom/
xbl/ns
xblcontentsink.cpp:874) #07: nscomptr<nsicontent>::startassignment() (/home/njn/moz/mi5/go64dmd/dom/xml/../../dist/include/nscomptr.h:753) #08: nsxmlcontentsink::handlestartelement(char16_t const*, char16_t const**, un...
Leak-hunting strategies and tips
seeing a leaked globalwindowimpl, nsxulpdglobalobject, ns
xbldocglobalobject, or nsxpcwrappedjs is a sign that there could be significant numbers of js objects leaked.) for example, start with bringing up the mail window and closing the window without doing anything.
Installing JSHydra
converting html, xul, or
xbl files into a readable js equivalent is a work in progress, as is accounting for the preprocessing that mozilla files sometimes use.
XPCOM changes in Gecko 2.0
if your add-on depends upon
xbl bindings attached to content objects—for example, the ability to call functions or get and set properties created by the
xbl binding—you will need to use the xpcnativewrapper property wrappedjsobject to access wrapped objects.
Index
7 fun with
xbl and xpconnect
xbl, xpcom, xpcom:language bindings, xpconnect no summary!
Components.utils
getcomponentsforscope() this seemingly-paradoxical api allows privileged code to explicitly give unprivileged code a reference to its own components object (whereas it's normally hidden away on a scope chain visible only to
xbl methods).
nsIScriptError
categories the web console does not display "xpconnect javascript" "component javascript" "chrome javascript" "chrome registration" "
xbl" "
xbl prototype handler" "
xbl content sink" "
xbl javascript" "frameconstructor" categories the web console displays "hudconsole" "css parser" "css loader" "content javascript" "dom events" "dom:html" "dom window" "svg" "imagemap" "html" "canvas" "dom3 load" "dom" "malformed-xml" "dom worker javascript" "mixed content blocker" "csp" "invalid hsts headers" "insecure passw...
nsIXPConnect
at present
xbl is the only system that might want to do this.
XPCOM
here is how to make the same component in python using pyxpcom.fun with
xbl and xpconnectgenerating guidsguids are used in mozilla programming for identifying several types of entities, including xpcom interfaces (this type of guids is callled iid), components (cid), and legacy add-ons—like extensions and themes—that were created prior to firefox 1.5.
MailNews Filters
how to add a filter action add your new action to nsimsgfilteraction add code to file out the new action here add new action to the rulesactiontable add string for the new action to the filter editor dtd file add new action to the filter editor js code add new action to the
xbl widget in the filter editor if your action has a parameter, add code to initialize the ui editing an existing filter here and to save to the filter here add your action to filter.properties so it will show up in the filter log.
Theme Packaging
pre-requisites making a theme for thunderbird requires knowledge of cascading stylesheets (css), probably
xbl, and some graphic design and aesthetic skill (...or maybe not).
Document.createElementNS() - Web APIs
important namespace uris html http://www.w3.org/1999/xhtml svg http://www.w3.org/2000/svg mathml http://www.w3.org/1998/math/mathml xul http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul
xbl http://www.mozilla.org/
xbl example this creates a new <div> element in the xhtml namespace and appends it to the vbox element.