Example 10     <<      >>      book     

The tree element is roughly equivalent to html table. The tree tables support multiple selections (with help of Ctrl and Shift keys).

  XUL  HOME     

  xul1.xul  
A simple tree
<?xml-stylesheet href="css1.css" type="text/css" title="css1"?>
<window Surfns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
align="vertical" >
     <tree>
          <treehead>
               <treerow>
                    <treecell><titledbutton value="AAA"/></treecell>
                    <treecell><titledbutton value="BBB"/></treecell>
               </treerow>
          </treehead>
          <treechildren>
               <treeitem>
                    <treerow>
                         <treecell><titledbutton value="ROW1"/></treecell>
                         <treecell><titledbutton value="1111"/></treecell>
                    </treerow>
               </treeitem>
               <treeitem>
                    <treerow>
                         <treecell><titledbutton value="ROW2"/></treecell>
                         <treecell><titledbutton value="2222"/></treecell>
                    </treerow>
               </treeitem>
               <treeitem>
                    <treerow>
                         <treecell><titledbutton value="ROW3"/></treecell>
                         <treecell><titledbutton value="3333"/></treecell>
                    </treerow>
               </treeitem>
               <treeitem>
                    <treerow>
                         <treecell><titledbutton value="ROW4"/></treecell>
                         <treecell><titledbutton value="4444"/></treecell>
                    </treerow>
               </treeitem>               
          </treechildren>                    
     </tree>
</window>

  xul2.xul  
Setting the select attribute in treeitem to "true" selects the item. A treeitem can contain a treechildren child. The items defined in this element create a sublevel of the relevant treeitem. If this treeitem does not have an attribute open with value "true" the sublevel items are not shown.
<?xml-stylesheet href="css1.css" type="text/css" title="css1"?>
<window Surfns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
align="vertical" >
     <tree>
          <treehead>
               <treerow>
                    <treecell><titledbutton value="AAA"/></treecell>
                    <treecell><titledbutton value="BBB"/></treecell>
               </treerow>
          </treehead>
          <treechildren>
               <treeitem open="true">
                    <treerow>
                         <treecell><titledbutton value="Double click to colapse"/></treecell>
                         <treecell><titledbutton value="---"/></treecell>
                    </treerow>
                    <treechildren>
                         <treeitem>
                              <treerow>
                                   <treecell><titledbutton value="EXPAND1"/></treecell>
                                   <treecell><titledbutton value="aaaa"/></treecell>
                              </treerow>
                         </treeitem>
                         <treeitem>
                              <treerow>
                                   <treecell><titledbutton value="EXPAND2"/></treecell>
                                   <treecell><titledbutton value="bbbb"/></treecell>
                              </treerow>
                         </treeitem>
                    </treechildren>
               </treeitem>
               <treeitem>
                    <treerow>
                         <treecell><titledbutton value="Value"/></treecell>
                         <treecell><titledbutton value="bbbb"/></treecell>
                    </treerow>
               </treeitem>
               <treeitem selected="true">
                    <treerow>
                         <treecell><titledbutton value="Run"/></treecell>
                         <treecell><titledbutton value="qqqq"/></treecell>
                    </treerow>
               </treeitem>
          </treechildren>                    
     </tree>
</window>

  CSS  HOME     

  css1.css  
CSS
@import url(chrome://global/skin);
window {background-color: #EEFFEE}

 

visit Quiksilver Surf Camps and Surf School and book a surf lesson.

And for the girls you can visit this site Roxy Surf Camps and Surfing School to learn more about surfing and take a class as well.

 

If you want to see a good surf contest visit this site: Billabong Pro Pipeline Masters Surfing Contest 2007. You'll be glad you did.

Billabong Pro Pipe Pipeline Masters 2007 Surf Contest This website is one that you have to see at boardshort superstore quiksilver billabong swim suit hurley roxy quicksilver volcom

 

This is a must go surfing event: Eddie Would Go Aikau Big Wave Invitational 2007 Quiksilver Surf fans from around the world will be watching this event and buying the Eddie Would Go Surf Clothing.

 

 

Check out these online surf shop websites. I like the BOARDSHORTSUPERSTORE.COM website the best but there are others. There is also the BUYBOARDSHORTS.COM website that has a good selection as well. And if you want to see a great selection of shirts, BUYSURFTEES.COM is a good site and I think each one of the websites has a great selection.