Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:16
Combining sample menus
Poster: dilbert
Dated: Wednesday September 17 2008 - 4:01:05 BST
Hi,
I am trying to combine the Amazon style menu with a table based menu.
I am not have complete success.
The first menu item, Milonic in this case, open on click, but the background image doesn't change, and as soon as you mouse over another top menu item, it closes.
Can the Amazon Style be used in a talbe?
Here is a test link: http://www.bloodbanktalk.com/ctr/index.htm
I took this out of menu_data.js:
Code:
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
menuwidth=400;
openstyle="tab";
orientation="horizontal";
screenposition="center";
style=menuStyle;
aI("align=center;keepalive=1;showmenu=Milonic;text=MILONIC;");
aI("align=center;keepalive=1;showmenu=Partners;text=PARTNERS;");
aI("align=center;keepalive=1;showmenu=Links;text=LINKS;");
aI("align=center;keepalive=1;showmenu=MyMilonic;text=MYMILONIC;");
aI("align=center;itemwidth=80;keepalive=1;text=SEARCH;");
}
alwaysvisible=1;
menuwidth=400;
openstyle="tab";
orientation="horizontal";
screenposition="center";
style=menuStyle;
aI("align=center;keepalive=1;showmenu=Milonic;text=MILONIC;");
aI("align=center;keepalive=1;showmenu=Partners;text=PARTNERS;");
aI("align=center;keepalive=1;showmenu=Links;text=LINKS;");
aI("align=center;keepalive=1;showmenu=MyMilonic;text=MYMILONIC;");
aI("align=center;itemwidth=80;keepalive=1;text=SEARCH;");
}
And added this to the index.htm page:
Code:
<table width="100%" cellspacing="0">
<tr>
<td width="98">
<script type="text/javascript">
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
menuwidth=400;
openstyle="tab";
orientation="horizontal";
screenposition="center";
style=menuStyle;
aI("align=center;keepalive=1;showmenu=Milonic;text=MILONIC;");
aI("align=center;keepalive=1;showmenu=Partners;text=PARTNERS;");
aI("align=center;keepalive=1;showmenu=Links;text=LINKS;");
aI("align=center;keepalive=1;showmenu=MyMilonic;text=MYMILONIC;");
aI("align=center;itemwidth=80;keepalive=1;text=SEARCH;");
}
drawMenus();
</script>
</td>
</tr>
</table>
<tr>
<td width="98">
<script type="text/javascript">
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
menuwidth=400;
openstyle="tab";
orientation="horizontal";
screenposition="center";
style=menuStyle;
aI("align=center;keepalive=1;showmenu=Milonic;text=MILONIC;");
aI("align=center;keepalive=1;showmenu=Partners;text=PARTNERS;");
aI("align=center;keepalive=1;showmenu=Links;text=LINKS;");
aI("align=center;keepalive=1;showmenu=MyMilonic;text=MYMILONIC;");
aI("align=center;itemwidth=80;keepalive=1;text=SEARCH;");
}
drawMenus();
</script>
</td>
</tr>
</table>
Re: Combining sample menus
Poster: Ruth
Dated: Thursday September 18 2008 - 3:10:37 BST
Hi,
Put the main menu back into the data file like this, note the position="relative";
Code:
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
menuwidth=400;
openstyle="tab";
orientation="horizontal";
screenposition="center";
style=menuStyle;
position="relative";
alwaysvisible=1;
menuwidth=400;
openstyle="tab";
orientation="horizontal";
screenposition="center";
style=menuStyle;
position="relative";
Then call all the files in the table. I tried using buildAfterLoad=true; which is normally what you need when you do it that way, but it causes an error, so I left it out and it seems to work fine. I tested in IE6, FF1.5, 2.0.0018, 3, Opera 9.5, NN7.2 and 9, Safari 3 for pc and it seems to work fine.
Ruth