Hierarchical (Folded) Navbars

navbar-FH.wml allows things like this:

select=quux	select=foo	select=foo.bar
foo quux	foo -  bar -  bletch quux	foo -  bar -  bletch quux

Instead of the normal structure of a button as produced by wml::des::navbar

<Prolog><Button><Epilog>

the file produces buttons with the following structure:

<Prolog><Subprolog><Button><Subepilog><Epilog>

where the subprolog and subepilog are chosen according to the level of the button in the hierarchy. Levels are separated with a period, as in select=foo.bar. There are two ways to define the subprolog and -epilog. For simple situations <navbar:define ...> has two new options subprolog and subepilog that take a colon-separated list as argument. The navbars of this site have been generated with subprolog=":- :-- :--- ".

For more complex situations there are two new tags <navbar:subprolog ...> and <navbar:subepilog ...> with the optional atribute level. The default value for level is 0

The examples on this page have been generated with something like:

  <navbar:header>
    <table cellspacing=0 cellpadding=0 border=0>
  </navbar:header>
  <navbar:footer>
    </table>
  </navbar:footer>
  <navbar:prolog>
    <tr><td width=40></td>
  </navbar:prolog>
  <navbar:prolog type=S>
    <tr><td width=40><img src=redarrow.png></td>
  </navbar:prolog>
  <navbar:prolog type=SS>
    <tr><td width=40><img src=greyarrow.png></td>
  </navbar:prolog>
  <navbar:subprolog>
    <td width=40><img src=trunk.png></td><td>
  </navbar:subprolog>
  <navbar:subprolog level=1>
    <td width=40><img src=strunk.png></td><td>- 
  </navbar:subprolog>
  <navbar:epilog>
    </td></tr>
  </navbar:epilog>
  <navbar:button id=foo url=dummy.html txt=foo>
  <navbar:button id=foo.bar url=dummy.html txt=bar>
  <navbar:button id=foo.bletch url=dummy.html txt=bletch>
  <navbar:button id=quux url=dummy.html txt=quux>