Contact Info: [email protected]
Website created with Website Template Control.

Menu
(plain HTML)
Menu
(powered by javascript)

HTML very simple menu
example using javascript

I couldn't find so simple info on how to create a very simple HTML menu so I researched and created this howto :)

Files:
Small Example: HTMLMenuExample.html, menuExample.js

Description:

Create a simple table, 2 columns, 1 row.

The second column (2nd cell) will be where you will put the content of each of your links of the HTML menu.

The first column (1st cell) will be where the menu will be loaded.
Just before </head> tag, add this code:
<script src="menuExample.js" type="text/javascript"></script>
At the first table cell, just after the <td ...> tag, add this code:
<div id="tableCellMenu"></div>
Where "tableCellMenu" is an identifier that was setup at menuExample.js file.
The javascript function will overwrite any content between tags <div id="tableCellMenu"> and </div>, with the content you have specified at file menuExample.js
This content can be html code that will be interpreted normally :).

This documentation is intended for begginers.
It was tested at Mozilla 1.8b1, Firefox 1.04 and Konqueror 3.4.0 under Linux OS.

Documentation provided with absolutely NO WARRANTIES, it worked for me and MAY work for you.


Btw, this idea have evolved and became a project :), check it here.

 
Counter
Hosted by www.Geocities.ws

1