The menu in this page was inserted using javascript but you could equally well include it using SSI.

Below is the code for the HTML file (this page)

<html>
<head>

<link rel="stylesheet" type="text/css" href="menu.css">
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript" src="fade.js"></script>
</head>
<body scroll="no">

<script type="text/javascript" src="writemenu.js"></script>

<p>Content here</p>

<!-- The below div is for the end of outerdiv -->
<!-- it can be left out but that isn't nice -->
<!-- because you should really close all tags-->
</div>

</body>

</html>

Below is the code for the javascript file

var d = document;

d.write('<TABLE ID="menu" onselectstart="return false" onmouseover="menuOver()" onmouseout="menuOut()" onclick="menuClick()" cellspacing="1">');
    d.write('<tr id="menubar">');
	d.write('<td class="disabled" style="padding-left: 0; padding-right: 1"><div class="disabled" id="handle" for="menu" style="left: 3; width: 3; height: 100%" title="Move me!"></div></td>');
	d.write('<td class="root" nowrap>Main');
	    d.write('<table cellspacing="0" class="menu" style="visibility: hidden;">');
			d.write('<tr href="javascript:alert(\'Add something here!\')">');
					d.write('<td><img src="/images/home.gif" width=16 height=17></td>');
					d.write('<td nowrap>You can use icons</td>');
					d.write('<td></td>');
				d.write('</tr>');
				d.write('<tr class="disabled">');
					d.write('<td></td>');
					d.write('<td nowrap>Disabled menuItems</td>');
					d.write('<td></td>');
				d.write('</tr>');
				d.write('<tr class="sub">');
					d.write('<td></td>');
					d.write('<td nowrap>Use sub menus</td>');
					d.write('<td><span class="more">4</span>');
						d.write('<table class="menu" style="visibility: hidden" cellspacing=0>');
							d.write('<tr href="javascript:alert(\'You can have nested menus\')">');
								d.write('<td nowrap style="height: 20;">Inside a sub menu</td>');
							d.write('</tr>');
						d.write('</table>');
					d.write('</td>');
				d.write('</tr>');
	    d.write('</table>');
	d.write('</td>');
    d.write('</td>');
    d.write('<td width=100% class="disabled"> </td>');
d.write('</tr>');
d.write('</table>');

d.write('<div id="outerDiv">');
d.write('<script>');
d.write('fixSize();');
d.write('</script>');

Author: Erik Arvidsson