Need Help: Drop Down Menu in header w/ Javascript

[Andrew1974]

Hello all,

Just installed Zen Cart and I like it so far. However, I want to add a horz. drop down menu in the header. I created this horz. menu in Fireworks and have attempted to insert it into the tpl_header.php. I get the following error:

"Making this change would require changing code that is locked by a template or a translator. The change will be discarded."

The html of the file is successfully inserted into the php file, but the javascript is discarded. I've read in the forums that I need to place the js in the jscript folder. I've tried doing this, but I'm not much of a programmer. I'm not sure how you call up the js in the PHP file or if the js script needs to be located in the html_header.php

Can someone give me the specific steps on how to incorporte a drop down menu using js into the appropriate file(s) and have it called up? I've read and reread the forums, but I need someone to explain the process in very simple terms. Thanks in advance!!!

[Andrew1974]

little more info: Here is the horiz menu that I've inserted into the tpl_header

<script language="JavaScript1.2">mmLoadMenus();</script>
<table border="0" cellpadding="0" cellspacing="0" width="800">
<!-- fwtable fwsrc="menu_button2.png" fwbase="company.gif" fwstyle="Dreamweaver" fwdocid = "1460588186" fwnested="0" -->
<tr>
<td><img src="../../../../../navmenu/spacer.gif" width="160" height="1" border="0" alt=""></td>
<td><img src="../../../../../navmenu/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td><img src="../../../../../navmenu/spacer.gif" width="159" height="1" border="0" alt=""></td>
<td><img src="../../../../../navmenu/spacer.gif" width="160" height="1" border="0" alt=""></td>
<td><img src="../../../../../navmenu/spacer.gif" width="160" height="1" border="0" alt=""></td>
<td><img src="../../../../../navmenu/spacer.gif" width="160" height="1" border="0" alt=""></td>
<td><img src="../../../../../navmenu/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td rowspan="2"><a href="#" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','company_r1_c1','../../../../../navmenu/company_r1_c1_f2.gif','../../../../../navmenu/company_r1_c1_f4.gif',1);" onClick="MM_nbGroup('down','navbar1','company_r1_c1','../../../../../navmenu/company_r1_c1_f3.gif',1);"><img name="company_r1_c1" src="../../../../../navmenu/company_r1_c1.gif" width="160" height="20" border="0" alt=""></a></td>
<td rowspan="2"><img name="company_r1_c2" src="../../../../../navmenu/company_r1_c2.gif" width="1" height="20" border="0" alt=""></td>
<td><a href="#" onMouseOut="MM_nbGroup('out');MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0105124512_0,0,20,null,'company_r1_c3'); MM_nbGroup('over','company_r1_c3','../../../../../navmenu/company_r1_c3_f2.gif','../../../../../navmenu/company_r1_c3_f4.gif',1);" onClick="MM_nbGroup('down','navbar1','company_r1_c3','../../../../../navmenu/company_r1_c3_f3.gif',1);"><img name="company_r1_c3" src="../../../../../navmenu/company_r1_c3.gif" width="159" height="19" border="0" alt=""></a></td>
<td rowspan="2"><a href="#" onMouseOut="MM_nbGroup('out');MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0105103953_0,0,20,null,'company_r1_c4'); MM_nbGroup('over','company_r1_c4','../../../../../navmenu/company_r1_c4_f2.gif','../../../../../navmenu/company_r1_c4_f4.gif',1);" onClick="MM_nbGroup('down','navbar1','company_r1_c4','../../../../../navmenu/company_r1_c4_f3.gif',1);"><img name="company_r1_c4" src="../../../../../navmenu/company_r1_c4.gif" width="160" height="20" border="0" alt=""></a></td>
<td rowspan="2"><a href="store.html" onMouseOut="MM_nbGroup('out');" onMouseOver="MM_nbGroup('over','company_r1_c5','../../../../../navmenu/company_r1_c5_f2.gif','../../../../../navmenu/company_r1_c5_f4.gif',1);" onClick="MM_nbGroup('down','navbar1','company_r1_c5','../../../../../navmenu/company_r1_c5_f3.gif',1);"><img name="company_r1_c5" src="../../../../../navmenu/company_r1_c5.gif" width="160" height="20" border="0" alt=""></a></td>
<td rowspan="2"><a href="#" onMouseOut="MM_nbGroup('out');MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0105125615_1,0,20,null,'company_r1_c6'); MM_nbGroup('over','company_r1_c6','../../../../../navmenu/company_r1_c6_f2.gif','../../../../../navmenu/company_r1_c6_f4.gif',1);" onClick="MM_nbGroup('down','navbar1','company_r1_c6','../../../../../navmenu/company_r1_c6_f3.gif',1);"><img name="company_r1_c6" src="../../../../../navmenu/company_r1_c6.gif" width="160" height="20" border="0" alt=""></a></td>
<td><img src="../../../../../navmenu/spacer.gif" width="1" height="19" border="0" alt=""></td>
</tr>
<tr>
<td><img name="company_r2_c3" src="../../../../../navmenu/company_r2_c3.gif" width="159" height="1" border="0" alt=""></td>
<td><img src="../../../../../navmenu/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
</table>

[jrf]

Hi -
I am having exactly the same problem - wanting to put my zencart pages within the regular site menu... and am using a Fireworks menu without images... did you ever get this to work? I do know you have to put raw javascript in a file into the your-template/jscript folder, there's also an on_load folder to handle onload events but I'm not quite sure which goes where...
Do people use frames (yuk) for this?
I must be missing something simple here about putting regular site menu on the store page because I think it must be a common request!

[xmeliza]

Hello,
I am having this problem as well. Did anyone ever find a solution?

[Andrew1974]

Hi there,

I ended up creating a drop down menu with CSS and is working fine.