<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Example 7-3, filemenu.html: The basic structure for a file menu</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Anthony T. Holdener, III (ath3)" />
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css">
body {
background-color: #fff;
color: #000;
font: 1em Georgia, serif;
font-size: 12px;
margin: 0;
padding: 0;
}
</style>
<link rel="stylesheet" type="text/css" media="screen" href="filemenu.css" />
<!-- The Prototype library must be the first script to load, since it is used by the other scripts to be loaded -->
<script type="text/javascript" src="prototype.js"> </script>
<script type="text/javascript" src="browser.js"> </script>
<script type="text/javascript" src="filemenu.js"> </script>
</head>
<body>
<div id="bodyContent">
<div id="fileMenu">
<ul id="navMenu" class="fileMenuBar">
<li>
<a href="file/" class="fileMenuButton" accesskey="F" hreflang="en" tabindex="1" onclick="return menu.buttonClick(event, 'fileSub');" onmouseover="menu.buttonMouseover(event, 'fileSub');">File</a>
<ul id="fileSub" class="fileMenuChild" onmouseover="menu.fileMenuMouseover(event)">
<li>
<a href="file/open/" class="fileMenuItem" hreflang="en" tabindex="2" onmouseover="menu.fileMenuItemMouseover(event);">Open</a>
</li>
<li><div class="fileMenuItemSep"></div></li>
<li>
<a href="file/save/" class="fileMenuItem" hreflang="en" tabindex="3" onmouseover="menu.fileMenuItemMouseover(event);">Save</a>
</li><li>
<a href="file/saveall/" class="fileMenuItem" hreflang="en" tabindex="4" onmouseover="menu.fileMenuItemMouseover(event);">Save All</a>
</li>
<li><div class="fileMenuItemSep"></div></li>
<li>
<a href="file/export/" class="fileMenuItem" hreflang="en" tabindex="5" onclick="return false;" onmouseover="menu.fileMenuItemMouseover(event, 'exportSubSub');"><span class="fileMenuItemText">Export</span><span class="fileMenuItemArrow">▶</span></a>
<ul id="exportSubSub" class="fileMenuChild">
<li>
<a href="file/export/text/" class="fileMenuItem" hreflang="en" tabindex="6" onmouseover="menu.fileMenuItemMouseover(event);">Export as Text</a>
</li><li>
<a href="file/export/html/" class="fileMenuItem" hreflang="en" tabindex="7" onmouseover="menu.fileMenuItemMouseover(event);">Export as HTML</a>
</li>
</ul>
</li>
<li><div class="fileMenuItemSep"></div></li>
<li>
<a href="http://www.google.com/" class="fileMenuItem" hreflang="en" tabindex="8" onmouseover="menu.fileMenuItemMouseover(event);">Exit</a>
</li>
</ul>
</li><li>
<a href="edit/" class="fileMenuButton" accesskey="E" hreflang="en" tabindex="9" onclick="return menu.buttonClick(event, 'editSub');" onmouseover="menu.buttonMouseover(event, 'editSub');">Edit</a>
<ul id="editSub" class="fileMenuChild" onmouseover="menu.fileMenuMouseover(event)">
<li>
<a href="edit/copy/" class="fileMenuItem" hreflang="en" tabindex="10" onmouseover="menu.fileMenuItemMouseover(event);">Copy</a>
</li><li>
<a href="edit/cut/" class="fileMenuItem" hreflang="en" tabindex="11" onmouseover="menu.fileMenuItemMouseover(event);">Cut</a>
</li><li>
<a href="edit/paste/" class="fileMenuItem" hreflang="en" tabindex="12" onmouseover="menu.fileMenuItemMouseover(event);">Paste</a>
</li>
</ul>
</li><li>
<a href="find/" class="fileMenuButton" accesskey="N" hreflang="en" tabindex="13">Find</a>
</li>
</ul>
</div>
<h1>This is a File Menu example</h1>
</div>
</body>
</html>