Problems upgrading to 5x menu

Neil82591 · Post by **Neil82591** » Mon Jun 20, 2005 6:54 am

I am having a problem with the 5x menu system I have been using the 3x one for a few years now but paid to upgrade.....

I am trying to get the menu to work within a table and all the pages on my site are built from a database. No matter where I put the script files they will always reside within a main table so I think because of that I cant get it to work.

I can't have access outside the main table to put the scripts just below the body tag as outlined due to the software being used for our shopping cart.

What can I do to make the new menu look like the old 3x and make it work.........

Please help ASAP as the old 3x menu does not appear in Netscape or any mozilla type browser.

I have the 3x version back in place on our site http://www.liquidfence.com/index.asp

I would really like to use the 5x version but cant make it work

If you view the page above the cart code ends and any code I put in starts at the body background statement. Everything above that statement I have no access to.

Thanks in advance for the help.

Post by **Andy** » Mon Jun 20, 2005 12:24 pm

Hi,

There are a few things you need to know about the table based menu. Basically, you only put the main menu inside the table, the submenus must be at the top of your web page, preferably just after the body tag.

There is a document at http://milonic.com/tablemenu.php that should help to explain all.

Hope this helps
Andy

Neil82591 · Post by **Neil82591** » Mon Jun 20, 2005 1:38 pm

That is the issue Andy.......... The page is dynamically rendered from a database so If you look at the http://www.liquidfence.com/index.asp page I cant get the script outside a table. You can see below I have highlighted what I cant get access to. My code starts after the red coding. ANy help would be great.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>Liquid Fence Co., Inc</title>

<meta NAME="description" CONTENT="Liquid Fence Co. Animal Repellents, Deer, Rabbit, Dog, Cat also Speedy Gro Plant growth products.">
<meta NAME="keywords" CONTENT="Liquid Fence® An Environmentally Conscious Company. Deer Repellent, Rabbit Repellent, Dog Repellent, Cat Repellent, Plant Growth, Speedy-Gro">

<meta NAME="robots" CONTENT="index,follow">

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="custom.css">
<script language="JavaScript" src="Includes/GlobalStore.js"></script>
<script language="JavaScript" src="Admin/Includes/adminglobal.js"></script>

</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1">
<tr>
<td width="100%"> <body background="Images/bg5.jpg">

<div align="center">

<table border="0" cellpadding="0" cellspacing="0" background="images/bg5.jpg" width="100%" height="118">

<td width="100%" height="100"><center>

<img src="images/top_logo.jpg"></center>

</td></tr>

<td width="100%">

<tr>

<div align="left">

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

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

</div>

Post by **John** » Mon Jun 20, 2005 3:40 pm

First problem is two body tags in there - one in the red, and the first line of your black code.

Also, the menu is typically unhappy being placed in a div. You have it inside two divs.

Post by **Ruth** » Tue Jun 21, 2005 12:30 am

Hi,

I'm not really sure I understand why you can't get to your total document to edit it if you wanted. However, looking at the page you now have up and at your mmenu_array.js file, you do not have the menu in a table, even though you put the calls for the menu there, it's not placed in the table. It has the top set to 100. If the v5 menu is going to be the same, then you might try putting the calls for the menu the last thing before the closing body tag. I have no idea if that will work, I just remember a post where that was suggested to fix some timing problem.

I noted as did John the double body tags, however on the actual page you don't get that, so perhaps that top part has something to do with the template from your server or something. If this is one of those 'managed' things then, were I you, I'd be contacting whomever I needed to contact to find out about editing the page in full.

Ruth

Neil82591 · Post by **Neil82591** » Tue Jun 21, 2005 7:38 am

It is an ecommerce server so we only have areas we can place html and such. I know I was with Andys help able to make the version 3 menu work but I cant get the most recent one to work.

To be honest if I could get the version 3x menu to work in a mozilla based browser I would be extatic....... If you view the same page
http://www.liquidfence.com/index.asp in Netscape or Firefox the version 3x menu will not appear.

Any help would be greatly appreciated.

Thanks

Post by **Ruth** » Tue Jun 21, 2005 9:50 am

Did you try putting the code just above the closing body tag? I tried it and tested your page in Netscape, Opera, IE and Firefox and the menu showed up fine, looked just like what you have now that I see in IE. The end of your page would be

Code: Select all

</DIV><SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
<A class=milonic href="https://milonic.com/">DHTML JavaScript Popup Menu By 
Milonic.com</A>
<SCRIPT type=text/javascript>
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");		
  else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>"); 
</SCRIPT>

<SCRIPT src="menu_data.js" type=text/javascript></SCRIPT></BODY></HTML>

Since I had to convert and make the necessary changes in your mmenu_array.js file I'll post the style and main menu here with the changes I made to it.

Code: Select all

with(style2=new mm_style()){
offcolor="#273F1D";
offbgcolor="#FFDB45";
oncolor="#59734E";
onbgcolor="#FFDB45";
bordercolor="#D3BA52";
borderstyle="solid";
borderwidth=1;
separatorsize=1;
separatorcolor="#D3BA52";
fontsize=9;
fontstyle="normal";
fontweight="bold";
fontfamily="Verdana, Tahoma, Arial, Helvetica, sans-serif";
padding=3;
pagecolor="#59734E";
headercolor="#59734E";
headerbgcolor="#000099";
overfilter="Fade(duration=0.2);Alpha(style=0,opacity=100);Shadow(color='#777777', Direction=135, Strength=0)";
outfilter="Shadow(color='#777777', Direction=135, Strength=5)";
}

with(milonic=new menuname("mainmenu")){
top=100;
screenposition="center";
style=style2;
alwaysvisible=1;
orientation="horizontal";
menuwidth="100%";
aI("text=&nbsp;HOME&nbsp;&nbsp;;url=index.htm;align=center;");
aI("text=PRODUCTS&nbsp;&nbsp;&nbsp;&nbsp;;showmenu=Products;align=center;");
aI("text=ABOUT&nbsp;US&nbsp;&nbsp;&nbsp;&nbsp;;align=center;showmenu=AboutUs;url=index.asp?PageAction=Custom&ID=4;");
aI("text=IN&nbsp;THE&nbsp;PRESS&nbsp;&nbsp;&nbsp;&nbsp;;showmenu=InThePress;align=center;");
aI("text=FAQ's&nbsp;&nbsp;&nbsp;&nbsp;;showmenu=FAQs;align=center;");
aI("text=HOW&nbsp;TO&nbsp;USE&nbsp;&nbsp;&nbsp;&nbsp;;showmenu=HowToUse;align=center;");
aI("text=SALES&nbsp;&&nbsp;DEALER&nbsp;INFO&nbsp;&nbsp;&nbsp;&nbsp;;showmenu=sales_dealer_info;align=center;");
aI("text=EMAIL&nbsp;PRODUCT&nbsp;LIST&nbsp;&nbsp;;url=index.asp?PageAction=EMAILPRODS;align=center;");
aI("text=&nbsp;VIEW&nbsp;CART&nbsp;&nbsp;;align=center;url=http://www.liquidfence.com/index.asp?PageAction=CARTDETAILS&Page=1;");
}

In all the submenus you'll see they now end with

Code: Select all

 ;;separatorsize=1")

You need to change that to

Code: Select all

;");

in other words you need to remove the extra semi-colon and separatorsize=1 and add a semi-colon after the ) The separatorsize=1 has been moved to the style section.

There is also a code in the file that I don't know what it is or where to put it. I put it after the drawmenus(); but you'll have to ask about that.

Code: Select all

drawmenus(); 
  if(document.layers)m1div="_d.layers['menu1'].document.layers['mel1'].document.layers['subscribeform']"; else m1div="subscribeform"

Ruth