Zulu
Zulu
Documentation
Tutorials.Menus

The smallest piece of XUL code that creates a menu bar would look like this:


<?xml version="1.0"?>
<window>
  <menubar>
    <menu label="File"/>
  </menubar>
</window>

In its simplest form, a <menu> element acts as a button. So we could always add some handler code to it:


<?xml version="1.0"?>
<window>
  <menubar>
    <menu label="File" onclick="document.location='simple.xul'"/>
  </menubar>
</window>

To create "real" menus with popups and associated menu items, we have to add:


<?xml version="1.0"?>
<window>
    <menubar>
        <menu label="File">
            <menupopup>
                <menuitem label="New"/>
                <menuitem label="Open"/>
                <menuitem label="Save"/>
                <menuseparator/>
                <menuitem label="Exit"/>
            </menupopup>
        </menu>
    </menubar>
</window>

Adding more menus is as simple as this:


<?xml version="1.0"?>
<window>
    <menubar>
        <menu label="File">
            <menupopup>
                <menuitem label="New"/>
                <menuitem label="Open"/>
                <menuitem label="Save"/>
                <menuseparator/>
                <menuitem label="Exit"/>
            </menupopup>
        </menu>
        <menu label="Edit">
            <menupopup>
                <menuitem label="Cut" disabled="true"/>
                <menuitem label="Copy" disabled="true"/>
                <menuitem label="Paste" disabled="true"/>
                <menuseparator/>
                <menuitem label="Select All"/>
                <menuseparator/>
                <menuitem label="Find"/>
            </menupopup>
        </menu>
        <menu label="Search">
            <menupopup>
                <menuitem label="Find..."/>
                <menuitem label="Find Next"/>
                <menuitem label="Find Previous"/>
                <menuseparator/>
                <menuitem label="Replace..."/>
                <menuitem label="Replace Next"/>
                <menuseparator/>
                <menuitem label="Go To..."/>
            </menupopup>
        </menu>
    </menubar>
</window>