mozilla

Compare Revisions

Introduction to XBL

Change Revisions

Revision 80817:

Revision 80817 by Mgjbot on

Revision 80818:

Revision 80818 by Allanbonadio on

Title:
Introduction to XBL
Introduction to XBL
Slug:
XUL_Tutorial/Introduction_to_XBL
XUL_Tutorial/Introduction_to_XBL
Tags:
XUL, XBL, XUL_Tutorial, Tutorials
XUL, XBL, XUL_Tutorial, Tutorials
Content:

Revision 80817
Revision 80818
n28  <binding id="binding1">n28  <binding id="dyno_scroller">
n31  <binding id="binding2">n31  <binding id="bolt_head_menu">
n37      The <code>{{template.XBLElem("bindings")}}</code> element in37      The <code>{{template.XBLElem("bindings")}}</code> element i
>s the root element of an XBL file and contains one or more <code>>s the root element of an XBL file and contains one or more <code>
>{{template.XBLElem("binding")}}</code> elements. Each <code>{{tem>{{template.XBLElem("binding")}}</code> elements. Each <code>{{tem
>plate.XBLElem("binding")}}</code> element declares a single bindi>plate.XBLElem("binding")}}</code> element declares a single bindi
>ng. The <code>id</code> attribute can be used to identify the bin>ng. The <code>id</code> attribute can be used to identify the bin
>ding, as in the example above. The template has two bindings, one>ding, as in the example above. The template has two bindings, one
> called <code>binding1</code> and the other called <code>binding2> called <code>dyno_scroller</code> and the other called <code>bol
></code>. One might be attached to a scroll bar and the other to a>t_head_menu</code>. One might be attached to a scroll bar and the
> menu. A binding can be attached to any XUL element. If you use C> other to a menu. A binding can be attached to any XUL element. I
>SS classes, you can use as many different bindings as you need. N>f you use CSS classes, you can use as many different bindings as 
>ote the namespace on the <code>{{template.XBLElem("bindings")}}</>you need. Note the namespace on the <code>{{template.XBLElem("bin
>code> element in the template above. This declares that we are us>dings")}}</code> element in the template above. This declares tha
>ing XBL syntax.>t we are using XBL syntax.
n44    -moz-binding: url('chrome://findfile/content/findfile.xml#binn44    -moz-binding: url('chrome://findfile/content/findfile.xml#dyn
>ding1');>o_scroller');
t48      The URL points to the binding with the id 'binding1' in thet48      The URL points to the binding with the id 'dyno_scroller' i
> file 'chrome://findfile/content/findfile.xml'. The '#binding1' s>n the file 'chrome://findfile/content/findfile.xml'. The '#dyno_s
>yntax is used to point to a specific binding, much like how you w>croller' syntax is used to point to a specific binding, much like
>ould point to an anchor in an HTML file. You will usually put all> how you would point to an anchor in an HTML file. You will usual
> of your bindings in a single file. The result in this example, i>ly put all of your bindings in a single file. The result in this 
>s that all scrollbar elements will have their behavior described >example, is that all scrollbar elements will have their behavior 
>by the binding 'binding1'.>described by the binding 'dyno_scroller'.

Back to History