This is a short step by step installation guide for FX Menu 4.x.
|
| 1. | Download the latest version of FX Menu. Download FX Menu here. |
| 2. | Unarchive the zip-file to your preferred folder. |
| | Winzip is the most frequently used program to unarchive files. |
| 3. | Open the newly created folder (fxmenu). |
| | This folder contains all necessary files, you need to install the DHTML menu on your web page. Open horizontal.html to verify, that you can locally browse HTML files, which contain JavaScript. (IE SP2!) |
| 4. | Copy all .js files and images to your local web project directory |
| | Easiest way to start is by copying the files to the folder, where your homepage is located. |
| 5. | Attach FX Menu to a web page in the same directory |
| | If you don't have a web page in this directory yet, you need to create one. For this is the first time you attach FX Menu to a page it is recommended, that your page, the js. files and the images are all in the same folder.
Copy and paste the following tags right below the body tag in your page:
<script language="javascript1.2" src="fxmenu.js"></script>
<script language="javascript1.2">
var addpath="";
if(OP5) dt.write("<sc"+"ript language=javascript1.2 src=fxopera.js><\/sc"+"ript>");
else if(NN4) dt.write("<sc"+"ript language=javascript1.2 src=fxnetscape.js><\/sc"+"ript>");
else dt.write("<sc"+"ript language=javascript1.2 src=fxdom.js><\/sc"+"ript>");
</script>
<script language="javascript1.2" src="horizontal.js"></script>
|
Do not embed the tags in tables, divs or other tags, except the body tag. The order of the tags above is important.
|
| 6. | Open your page |
| | If the menu is not visible or you receive an error message, please study this guide again and make sure all files were copied to the folder. |
| 7. | Customize FX Menu - Open input.js with a text-editor. |
| | The only file you need to edit is the input.js - file, which is usually: horizontal.js. Open the file with a plain text-editor, such as Notepad or TacoHTMLedit (Mac). If you have no experience with JavaScript you should start with copy & paste to avoid syntax errors.
With the help of the menu reference guide you can edit style, geometry and behaviour of your menu.
For positioning the menu relative to a table, please see the relative positioning sample.
|
