JavaScript.CoolDev.Com Support Forums

reyubtra · Joined: 22 May 2007 Posts: 2

Hello,
I hope someone can help me figure out what I am doing wrong. I have followed the steps for installing, but after loading to a test-site the menu does not appear and the error is: 'MENU_ITEMS' is not defined.

I have uploaded the following:
b.gif
coolmenu.js
coolmenu_tight_compression.js
menu_items.js
menu_styles.css
mmenu.js

The code of my test html document is:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0">
<html>

<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<link rel="stylesheet" type="text/css" href="design_antiquities.css">

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

</head>

<body>
<div align="center">
<table border="0" cellpadding="5" width="100%" id="table1" style="border-top-width: 0; border-bottom: 3px double #000099">
<tr>
<td>
<img border="0" src="fotologo1.jpg" width="250" height="116" align="left"></td>
<td>
<p align="center">
<img border="0" src="tekstlogo1.jpg" width="300" height="122"></td>
<td>
<img border="0" src="fotologo1rev.jpg" width="250" height="116" align="right"></td>
</tr>
</table>
</div>

<div align="center">
<table border="0" cellpadding="15" width="85%" id="table2" style="border-top-width: 0">
<tr>
<td align="center"><h1>TITEL </h1></td>
</tr>
</table>
</div>

<script type="text/javascript">
var menu = new COOLjsMenu("MainMenu", MENU_ITEMS);
</script>
</body>
</body>

</html>

Thanks !
reyubtra

reyubtra · Joined: 22 May 2007 Posts: 2

Can this menu be adapted so that the menu bar stays visible on the left of the screen when scrolling down ?

AlexKunin · Developer Joined: 03 Jan 2003 Posts: 1191

You've uploaded menu_items.js, but then your code refers to menuitems.js (i.e. no underscore).

Pro can do this, but with additional scripting (IE6 needs it). However, if you don't care about IE6, you can switch Pro into relative positioning mode, and then put it into some <div style="position: fixed;">.