Problem with Menu Sample 9

Tyssen · Post by **Tyssen** » Tue Aug 26, 2003 4:23 am

I downloaded a copy of the DHTML Menu sample number 9 Relative Positioning (Table Bound) which works fine when I view it on the Milonic website, but when I look at the menu.htm that I've downloaded, the dropdown menu for "Menu Samples" doesn't work (ie no menu items appear below it) and the same thing happens when I try to customise it for my own use. It doesn't matter how I order the menus or what their content, the first one always doesn't work.
I know it's nothing I've done because this is viewing the file, as downloaded, from the Milonic site, with all the relevant .js files in place.
Anyone know what the trouble might be?

Maz · Post by **Maz** » Tue Aug 26, 2003 6:08 am

It looks like the top 2 js call lines need an </script> on each.

Tyssen · Post by **Tyssen** » Tue Aug 26, 2003 6:44 am

I'm not sure we're looking at the same file. My menu.htm reads like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style>

BODY
{FONT-FAMILY:verdana;
background-color:#FFFFFF;
}

.backG {
FONT-FAMILY:verdana;
background-color:#93c39b;
color:#ffffff;
border-bottom:#538c4d 2px solid;
font-size:120%;
}

</style>

<SCRIPT language=JavaScript src="milonic_src.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript src="menu_data.js" type=text/javascript></SCRIPT>

</head>

<body>

<table width=100% cellSpacing=0 cellPadding=13 border=0 style="border:1px solid #aaaaaa">
<tr>
<td class=backG align=center>
<b>Relative Positioning (Table Bound)</td>
</tr>

<tr>
<td class=form1>
<table border=1 width=100%>
<tr>
<td>
Left Aligned Table Cell
</td>
</tr>
<tr>
<td align=center style="font-size:125%">
Center Aligned Table containing the menu
<script>
with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=155;
left=200;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI("text=Home;url=http://milonic.com/;status=Back To Home Page;");
aI("text=Menu Samples;showmenu=Samples;");
aI("text=Milonic;showmenu=Milonic;");
aI("text=Partners;showmenu=Partners;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=My Milonic;");
}
drawMenus();

</script>
</td>
</tr>

Maz · Post by **Maz** » Tue Aug 26, 2003 7:23 am

I was looking at this page
http://www.milonic.co.uk/menusample.php?sampleid=9

<SCRIPT language=JavaScript src="/milonic_src.js" type=text/javascript>
<SCRIPT language=JavaScript src="/menu_data.js" type=text/javascript>
missing the </script>

You don't have the slash /milonic_src.js

(I'm not sure about style.css on the same page, but normally in a style page they have to be in a certain order, color comes first.)

Is there an
</table>
</body>
</html>
or did you not show that here?

If the end is missing perhaps you should try another download.

I haven't worked with table bound so I may not have all the answers you are looking for.

Hergio · Post by **Hergio** » Tue Aug 26, 2003 9:15 pm

I think this is a bug in the menu....but try copying the first menu declaration in the file and pasting it above itself, then rename it. Dont make any other menus show it (reference it) but just the fact that menu samples is no longer the first menu declared in code clears up the problem. Not sure why.

And maz, in the code on the sample page, the closing script tags are actually there (they are also in the download version) but they didnt render because when whomever created the page (not pointing fingers) they didn't escape the <SCRIPT> tag and the browser renders it. Take a look at the source for the page, they're there. When you want strings like "<SCRIPT>" and "</SCRIPT>" to show up in HTML, you need to escape the > and < symbols or break up the word 'script'.

Tyssen · Post by **Tyssen** » Tue Aug 26, 2003 11:07 pm

Hergio wrote:I think this is a bug in the menu....but try copying the first menu declaration in the file and pasting it above itself, then rename it. Dont make any other menus show it (reference it) but just the fact that menu samples is no longer the first menu declared in code clears up the problem. Not sure why.

Yeah, that did it. I'd actually come up with a similar (but far more clumsy) work around in the meantime - now I've tidied up.

stephen702 · Post by **stephen702** » Wed Aug 27, 2003 12:15 am

Here's another oddity:

The online sample of #9 works fine with Netscape 4.7 on the PC. But none of the drop-menus work in the downloaded version when using 4.7.

Maz · Post by **Maz** » Wed Aug 27, 2003 12:28 am

I remember now there was another post about this menu, so its not fixed yet, might be worth your while to search for the post.
Sorry I can't help here.
maz

Hergio · Post by **Hergio** » Wed Aug 27, 2003 3:43 am

John G. posted a good fix to the problem here http://milonic.com/forum/viewtopic.php?t=2352#8057. Basically it intails putting the all the menu code back into menu_data and then referencing the <SCRIPT src="..."></SCRIPT> inside the td you want the menu to appear in. Check it out.

Russell Conder · Post by **Russell Conder** » Thu Aug 28, 2003 1:44 am

[quote="Hergio"]I think this is a bug in the menu....but try copying the first menu declaration in the file and pasting it above itself, then rename it.
...
like this:
with(milonic=new menuname("workaround")){
style=menuStyle;
aI("text=Product Purchasing Page;url=http://milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://milonic.com/contact.php;");
aI("text=Newsletter Subscription;url=http://milonic.com/newsletter.php;");
}
with(milonic=new menuname("Details")){
style=menuStyle;
aI("text=Product Purchasing Page;url=http://milonic.com/cbuy.php;");
aI("text=Contact Us;url=http://milonic.com/contact.php;");
aI("text=Newsletter Subscription;url=http://milonic.com/newsletter.php;");
..
and it works, for anyone else looking for the answer.

Milonic JavaScript Menu

Problem with Menu Sample 9

Problem with Menu Sample 9

Bug in menu sample 9