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:58
Menu is Duplicated when put into a Table Cell
Poster: gtb05ag
Dated: Friday August 11 2006 - 2:52:05 BST
Hello,
I am new to this menu and hope this is a quick fix. I have inserted my menu into a table cell, and attempted to precisely follow the directions in order to do so correctly. However, there seems to be the menu I desire (in the specified table cell) and a hovering menu of identical properties. Not sure why it is doing this.
Here is my embedded_main_menu javascript code:
Code:
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
style=menuStyle;
position="relative";
aI("text=Home;");
aI("text=Job Opportunities;");
aI("text=Employee Sign-in;");
aI("showmenu=About;text=About Team U-Staff;");
aI("text=Contact Us;");
aI("text=In Case of Emergency;");
aI("text=FAQ;");
}
drawMenus();
alwaysvisible=1;
style=menuStyle;
position="relative";
aI("text=Home;");
aI("text=Job Opportunities;");
aI("text=Employee Sign-in;");
aI("showmenu=About;text=About Team U-Staff;");
aI("text=Contact Us;");
aI("text=In Case of Emergency;");
aI("text=FAQ;");
}
drawMenus();
Here is my menu_data javascript code
Code:
fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=10;
_subOffsetLeft=-10;
with(menuStyle=new mm_style()){
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#f5f5f5";
offcolor="#000000";
onbgcolor="#cccccc";
oncolor="#ffffff";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
padding=5;
pagebgcolor="#ffffff";
pagecolor="white";
separatorcolor="#000000";
separatorsize=1;
subimage="arrow.gif";
subimagepadding=2;
}
with(milonic=new menuname("Job")){
style=menuStyle;
}
with(milonic=new menuname("Employee")){
style=menuStyle;
}
with(milonic=new menuname("About")){
style=menuStyle;
aI("text=Operations;url=http://www.a-q.co.uk/;");
aI("text=Administrative;url=http://www.sms2email.com/;");
}
with(milonic=new menuname("Contact")){
style=menuStyle;
}
with(milonic=new menuname("In")){
style=menuStyle;
}
with(milonic=new menuname("FAQ")){
style=menuStyle;
}
drawMenus();
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=10;
_subOffsetLeft=-10;
with(menuStyle=new mm_style()){
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#f5f5f5";
offcolor="#000000";
onbgcolor="#cccccc";
oncolor="#ffffff";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
padding=5;
pagebgcolor="#ffffff";
pagecolor="white";
separatorcolor="#000000";
separatorsize=1;
subimage="arrow.gif";
subimagepadding=2;
}
with(milonic=new menuname("Job")){
style=menuStyle;
}
with(milonic=new menuname("Employee")){
style=menuStyle;
}
with(milonic=new menuname("About")){
style=menuStyle;
aI("text=Operations;url=http://www.a-q.co.uk/;");
aI("text=Administrative;url=http://www.sms2email.com/;");
}
with(milonic=new menuname("Contact")){
style=menuStyle;
}
with(milonic=new menuname("In")){
style=menuStyle;
}
with(milonic=new menuname("FAQ")){
style=menuStyle;
}
drawMenus();
And here is my html code
Code:
<html>
<head>
<title>U-Staff LLC | Home</title>
<LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">
</head>
<body bgcolor="#ffffff" >
<script type="text/javascript" src="milonic_src.js"></script>
<noscript><a href="http://www.milonic.com/">DHTML JavaScript Menu Powered by Milonic</a></noscript>
<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 type="text/javascript" src="menu_data.js"></script>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width=140 colspan="3" bgcolor="#c30808">
<img src="topleft.gif" width="38" height="42"><img src="clearpixel.gif" width="140" height="1"></td>
<td bgcolor="#c30808" rowspan="2" width="100%">
<img src="name.gif" width="204" height="39"></td>
<td width=308 bgcolor="#c30808" colspan="3" align="right" valign="top">
<img src="topright.gif" width="38" height="42"><img src="clearpixel.gif" width="308" height="1"></td>
</tr>
<tr>
<td bgcolor="#333333" width="16"> </td>
<td class=dark bgcolor="#333333" rowspan="2" width="108" height=50 align="center">
<script language="JavaScript">
<!-- Begin
d = new Array(
"Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
);
m = new Array(
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
);
today = new Date();
day = today.getDate();
end = "th";
if (day==1 || day==21 || day==31) end="st";
if (day==2 || day==22) end="nd";
if (day==3 || day==23) end="rd";
day+=end;
document.write(" ");
document.write(d[today.getDay()]+" "+m[today.getMonth()]+" ");
document.write(day+" ");
document.write(" ");
// End -->
</script>
</td>
<td bgcolor="#333333" align="right" valign="top" width="16">
<img src="dateright.gif" width="16" height="14"></td>
<td bgcolor="#333333" valign="top" width="16">
<img src="barleft.gif" width="16" height="14"></td>
<td bgcolor="#333333" rowspan="2" width="276">
<img src="signature.gif" border="0" width="276" height="42"></td>
<td bgcolor="#333333" width="16"> </td>
</tr>
<tr>
<td valign="bottom" bgcolor="#333333" width="16"><img src="dateleft.gif" width="16" height="14"></td>
<td bgcolor="#333333" width="16"> </td>
<td id=slogan bgcolor="#333333" align="center" width="100%"></td>
<td align="right" valign="bottom" bgcolor="#333333" width="16"> </td>
<td align="right" valign="bottom" bgcolor="#333333" width="16"><img src="barright.gif" width="16" height="14"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="16"><img src="clearpixel.gif" width="16" height="1"></td>
<td valign="top"><img src="menutop.gif" width="170" height="19"><br>
<script type="text/javascript" src="embedded_main_menu.js"></script>
<img src="menubottom.gif" width="170" height="19">
</td>
<td width=100% rowspan="2" valign="top">
<table width="98%" border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td valign="top" width="60%">
<p><br>
<img src="welcome.gif" width="133" height="30"></p>
<p><b>This is the HOME PAGE:</b></p>
<p>Download a prebuilt site to your machine and make changes to the
include pages and theme for updates. You can customize page content to suit your
needs and then publish to your host.</p>
<p align="center"><img src="hrsmall.gif" width="200" height="1"></p>
</td>
<td align="center" width="40%"><br>
<img src="flash.gif" width="163" height="203"></td>
</tr>
<tr>
<td colspan="2"><b>
<p>Instructions - Include pages</p></b><p>This template uses Frontpage include page function for elements that may appear on many pages, this includes the
header section and the right hand news and graphic boxes - the left
menu uses Frontpage navigation. <br>
<br>
To make a change you'll need to open the corresponding file in the Includes folder, and changes made to these files will occur on all the pages that are linked to the include page. This allows for swift site-wide updates and the possibility of adding and deleting components from certain pages with
ease .</p>
<p align="center"><img src="hrsmall.gif" width="350" height="1"></p>
<p><b>Customization</b></p>
<p>You can probably make all the changes you need to this template
yourself but if you require any custom work or professional help,
please contact G Money at <a href=""></a>
and he'll send you a quote for the work you require.</p>
<p align="center"><img src="hrsmall.gif" width="350" height="1"></p>
</td>
</tr>
</table></td>
<td width="16" background="inbg.gif"><img src="clearpixel.gif" width="16" height="1"></td>
<td width="118" bgcolor="#f5f5f5" valign="top" align="center">
<img src="newstop.gif" width="118" height="19">
<p> This is where you can put some stuff about your site, what's new or a graphic like we have below.
You can add and delete these news boxes to suit your needs...(more)
<img src="rightline.gif" width="100" height="1"></p>
<p>We can put a picture here or something if youd like to, or it can just be more content<img src="rightline.gif" width="100" height="1"></p>
<p> This is where you can put some stuff about your site, what's new or a graphic like we have below.
You can add and delete these news boxes to suit your needs...(more)<img src="rightline.gif" width="100" height="1"></p>
<p> </p>
</td>
<td width="16" background="outbg.gif"><img src="clearpixel.gif" width="16" height="1"></td>
</tr>
<tr>
<td width="16"> </td>
<td width="124"> </td>
<td width="16"> </td>
<td width="118" valign="top"><img src="bottomright.gif" width="118" height="18"></td>
<td width="16" > </td>
</tr>
<tr align="center">
<td class=textmenu colspan="6">
<a href="home.html">[home]</a> <a href="jobopp.html">[job opportunities]</a> <a href="employeec.html">[employee candidates]</a> <a href="employees.html">[employees]</a> <a href="employeeb.html">[employee benefits]</a> <a href="faq.html">[FAQ]</a> <a href="branchmanager.html">[branch manager]</a> <br>
<a href="payrolladmin.html">[payroll administrator]</a> <a href="hr.html">[human resources]</a> <a href="contactus.html">[contact us]</a> <a href="emergency.html">[in case of emergency]</a> <a href="securefile.html">[secure file transfer]</a> <a href="management.html">[management team]</a> <a href="sitemap.html">[site map]</a><br>
<a href="http://www.milonic.com/">DHTML JavaScript Menu Powered by Milonic</a>
</td>
</tr>
</table></body>
</html>
<head>
<title>U-Staff LLC | Home</title>
<LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">
</head>
<body bgcolor="#ffffff" >
<script type="text/javascript" src="milonic_src.js"></script>
<noscript><a href="http://www.milonic.com/">DHTML JavaScript Menu Powered by Milonic</a></noscript>
<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 type="text/javascript" src="menu_data.js"></script>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width=140 colspan="3" bgcolor="#c30808">
<img src="topleft.gif" width="38" height="42"><img src="clearpixel.gif" width="140" height="1"></td>
<td bgcolor="#c30808" rowspan="2" width="100%">
<img src="name.gif" width="204" height="39"></td>
<td width=308 bgcolor="#c30808" colspan="3" align="right" valign="top">
<img src="topright.gif" width="38" height="42"><img src="clearpixel.gif" width="308" height="1"></td>
</tr>
<tr>
<td bgcolor="#333333" width="16"> </td>
<td class=dark bgcolor="#333333" rowspan="2" width="108" height=50 align="center">
<script language="JavaScript">
<!-- Begin
d = new Array(
"Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
);
m = new Array(
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
);
today = new Date();
day = today.getDate();
end = "th";
if (day==1 || day==21 || day==31) end="st";
if (day==2 || day==22) end="nd";
if (day==3 || day==23) end="rd";
day+=end;
document.write(" ");
document.write(d[today.getDay()]+" "+m[today.getMonth()]+" ");
document.write(day+" ");
document.write(" ");
// End -->
</script>
</td>
<td bgcolor="#333333" align="right" valign="top" width="16">
<img src="dateright.gif" width="16" height="14"></td>
<td bgcolor="#333333" valign="top" width="16">
<img src="barleft.gif" width="16" height="14"></td>
<td bgcolor="#333333" rowspan="2" width="276">
<img src="signature.gif" border="0" width="276" height="42"></td>
<td bgcolor="#333333" width="16"> </td>
</tr>
<tr>
<td valign="bottom" bgcolor="#333333" width="16"><img src="dateleft.gif" width="16" height="14"></td>
<td bgcolor="#333333" width="16"> </td>
<td id=slogan bgcolor="#333333" align="center" width="100%"></td>
<td align="right" valign="bottom" bgcolor="#333333" width="16"> </td>
<td align="right" valign="bottom" bgcolor="#333333" width="16"><img src="barright.gif" width="16" height="14"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="16"><img src="clearpixel.gif" width="16" height="1"></td>
<td valign="top"><img src="menutop.gif" width="170" height="19"><br>
<script type="text/javascript" src="embedded_main_menu.js"></script>
<img src="menubottom.gif" width="170" height="19">
</td>
<td width=100% rowspan="2" valign="top">
<table width="98%" border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td valign="top" width="60%">
<p><br>
<img src="welcome.gif" width="133" height="30"></p>
<p><b>This is the HOME PAGE:</b></p>
<p>Download a prebuilt site to your machine and make changes to the
include pages and theme for updates. You can customize page content to suit your
needs and then publish to your host.</p>
<p align="center"><img src="hrsmall.gif" width="200" height="1"></p>
</td>
<td align="center" width="40%"><br>
<img src="flash.gif" width="163" height="203"></td>
</tr>
<tr>
<td colspan="2"><b>
<p>Instructions - Include pages</p></b><p>This template uses Frontpage include page function for elements that may appear on many pages, this includes the
header section and the right hand news and graphic boxes - the left
menu uses Frontpage navigation. <br>
<br>
To make a change you'll need to open the corresponding file in the Includes folder, and changes made to these files will occur on all the pages that are linked to the include page. This allows for swift site-wide updates and the possibility of adding and deleting components from certain pages with
ease .</p>
<p align="center"><img src="hrsmall.gif" width="350" height="1"></p>
<p><b>Customization</b></p>
<p>You can probably make all the changes you need to this template
yourself but if you require any custom work or professional help,
please contact G Money at <a href=""></a>
and he'll send you a quote for the work you require.</p>
<p align="center"><img src="hrsmall.gif" width="350" height="1"></p>
</td>
</tr>
</table></td>
<td width="16" background="inbg.gif"><img src="clearpixel.gif" width="16" height="1"></td>
<td width="118" bgcolor="#f5f5f5" valign="top" align="center">
<img src="newstop.gif" width="118" height="19">
<p> This is where you can put some stuff about your site, what's new or a graphic like we have below.
You can add and delete these news boxes to suit your needs...(more)
<img src="rightline.gif" width="100" height="1"></p>
<p>We can put a picture here or something if youd like to, or it can just be more content<img src="rightline.gif" width="100" height="1"></p>
<p> This is where you can put some stuff about your site, what's new or a graphic like we have below.
You can add and delete these news boxes to suit your needs...(more)<img src="rightline.gif" width="100" height="1"></p>
<p> </p>
</td>
<td width="16" background="outbg.gif"><img src="clearpixel.gif" width="16" height="1"></td>
</tr>
<tr>
<td width="16"> </td>
<td width="124"> </td>
<td width="16"> </td>
<td width="118" valign="top"><img src="bottomright.gif" width="118" height="18"></td>
<td width="16" > </td>
</tr>
<tr align="center">
<td class=textmenu colspan="6">
<a href="home.html">[home]</a> <a href="jobopp.html">[job opportunities]</a> <a href="employeec.html">[employee candidates]</a> <a href="employees.html">[employees]</a> <a href="employeeb.html">[employee benefits]</a> <a href="faq.html">[FAQ]</a> <a href="branchmanager.html">[branch manager]</a> <br>
<a href="payrolladmin.html">[payroll administrator]</a> <a href="hr.html">[human resources]</a> <a href="contactus.html">[contact us]</a> <a href="emergency.html">[in case of emergency]</a> <a href="securefile.html">[secure file transfer]</a> <a href="management.html">[management team]</a> <a href="sitemap.html">[site map]</a><br>
<a href="http://www.milonic.com/">DHTML JavaScript Menu Powered by Milonic</a>
</td>
</tr>
</table></body>
</html>
Any help is greatly appreciated. Thank you!
-gtb05ag
[/code]
Poster: Ruth
Dated: Friday August 11 2006 - 3:29:39 BST
Hi,
It sounds as if you didn't replace your original menu data file with the new one that had the main menu removed from it. But, without the page that's only a guess. What you posted is correct, the main menu removed from the menu_data file and in it's own file.
Ruth
Poster: gtb05ag
Dated: Friday August 11 2006 - 3:49:01 BST
Once again you come through. I have been looking through the other topics of discussion and noticed that you are awesome at fixing the problems we novices pose. thank you for your timely response. You were correct in your diagnosis, even though I could have sworn I looked at that file a million times to make sure I had cut out the redundant portion of the main menu. Again, a million thanks
gtb05ag