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:11
Mac IE5.1 getting repeating background
Poster: cubefree
Dated: Wednesday September 17 2003 - 18:00:38 BST
One of my developer friends tested this link on her Mac using IE5.1: http://www.monnix.com/phsredesign/website/lifechanges/default2.asp
This is what she is seeing:
http://www.cubefree.com/clients/providence/images/navtest.gif
ANY IDEAS, what would cause this?
Here's the code my ASP writes out for the left and right nav.
(I added, orientation="vertical"; afterward just to see if it would change things.)
Code:
with(leftStyle=new mm_style()){
oncolor = "#003366";
offcolor = "#6699cc";
pagecolor = "#003366";
separatorcolor = "#6699CC";
separatorsize = 1;
padding = 4;
fontsize = "12px;"
fontstyle = "normal";
fontweight = "bold";
fontfamily = "verdana, tahoma, arial";
subimage = ipath+"arrow3_right.gif";
onsubimage = ipath+"arrow3_right_on.gif";
}
with(subStyle=new mm_style()){
oncolor = "#003366";
offcolor = "#6699cc";
separatorcolor = "#6699CC";
separatorsize = 1;
padding = 4;
fontsize = "11px";
fontstyle = "normal";
fontweight = "bold";
fontfamily = "verdana, tahoma, arial";
}
with(milonic=new menuname("main")){
style = leftStyle;
orientation="vertical";
top = 110;
left = 3;
itemwidth=144;
borderwidth = 0;
alwaysvisible = 1;
followscroll = "1,50,2";
bgimage= ipath+"leftnav_bkgd_menu.gif";
separatorcolor= "#6699CC";
aI("image= "+ipath+"leftnav_top.gif;separatorsize=0;");
aI("text= Life Changes;image=../images/interior/arrow_side_show_menu.gif;oncolor=#FFFFCC;offcolor=#FFFFCC;onbgcolor=#003366;offbgcolor=#003366;pagecolor=#FFFFCC;bgimage=../images/interior/leftnav_bkgd_menu_item_on.gif;overbgimage=../images/interior/leftnav_bkgd_menu_item_on.gif;separatorsize=0;url=http://www.monnix.com/phsredesign/website/lifechanges/default2.asp;");
aI("text=New Hire;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/new_hire.asp;");
aI("text=Family Changes;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/family_changes.asp;");
aI("text=Job Transfers;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/job_transfers.asp;");
aI("text=Termination;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/termination.asp;");
aI("text=Leaves of Absence;image=../images/interior/leftnav_bullet2_off.gif;overimage=../images/interior/leftnav_bullet2_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/navtest.asp;");
aI("text=Rehire;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/rehire.asp;");
aI("text=Disability;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/disability.asp;");
aI("text=Retirement;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/retirement.asp;");
aI("text=Death;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/death.asp;");
aI("text=;separatorsize=1;");
aI("text=<br><br>;separatorsize=0;");
aI("image="+ipath+"leftnav_bottom_menu.gif;");
}
with(rightStyle=new mm_style()){
offcolor = "#595959";
padding = 3;
fontsize = "11px";
fontstyle = "normal";
fontweight = "normal";
fontfamily = "verdana, tahoma, arial";
}
with(milonic=new menuname("right")){
style = rightStyle;
orientation="vertical";
top = 110;
left = 611;
itemwidth=160;
borderwidth = 0;
alwaysvisible = 1;
followscroll = "1,50,2";
bgimage= ipath+"right_bkgd_info.gif";
aI("image="+ipath+"right_top_info.gif;");
aI("image="+ipath+"related_info.gif;");
aI("text=<div class='rightinfoitem'>Review your online <a href='"+path+"proginfo/#'>Beneficiary Election Designation </a></div>;");
aI("text=<div class='rightinfoitem'><a href='"+path+"proginfo/#'>Core Plan at a Glance </a></div>;");
aI("text=<div class='rightinfoitem'><a href='"+path+"proginfo/#'>Value Plan at a Glance </a></div>;");
aI("text=<div class='rightinfoitem'><a href='"+path+"proginfo/#'>457(b) Plan at a Glance</a></div>;");
aI("text=<div class='rightinfoitem'><a href='"+path+"proginfo/#'>Fund Performance</a></div>;");
aI("image="+ipath+"tools.gif;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Retirement Planner </a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Core Plan Projections </a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Value Plan Projections </a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Tax Savings Calculator</a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Loan Model </a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Investor Style Quiz </a></li></ul>;");
aI("image="+ipath+"did_you_know.gif;");
aI("text=<div class='rightinfo'>Text Text Text</div>;");
aI("image="+ipath+"right_bottom_info.gif;");
}
for(_a=_mnucnt;_a<_m.length;_a++){_drawMenu(_a)}
oncolor = "#003366";
offcolor = "#6699cc";
pagecolor = "#003366";
separatorcolor = "#6699CC";
separatorsize = 1;
padding = 4;
fontsize = "12px;"
fontstyle = "normal";
fontweight = "bold";
fontfamily = "verdana, tahoma, arial";
subimage = ipath+"arrow3_right.gif";
onsubimage = ipath+"arrow3_right_on.gif";
}
with(subStyle=new mm_style()){
oncolor = "#003366";
offcolor = "#6699cc";
separatorcolor = "#6699CC";
separatorsize = 1;
padding = 4;
fontsize = "11px";
fontstyle = "normal";
fontweight = "bold";
fontfamily = "verdana, tahoma, arial";
}
with(milonic=new menuname("main")){
style = leftStyle;
orientation="vertical";
top = 110;
left = 3;
itemwidth=144;
borderwidth = 0;
alwaysvisible = 1;
followscroll = "1,50,2";
bgimage= ipath+"leftnav_bkgd_menu.gif";
separatorcolor= "#6699CC";
aI("image= "+ipath+"leftnav_top.gif;separatorsize=0;");
aI("text= Life Changes;image=../images/interior/arrow_side_show_menu.gif;oncolor=#FFFFCC;offcolor=#FFFFCC;onbgcolor=#003366;offbgcolor=#003366;pagecolor=#FFFFCC;bgimage=../images/interior/leftnav_bkgd_menu_item_on.gif;overbgimage=../images/interior/leftnav_bkgd_menu_item_on.gif;separatorsize=0;url=http://www.monnix.com/phsredesign/website/lifechanges/default2.asp;");
aI("text=New Hire;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/new_hire.asp;");
aI("text=Family Changes;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/family_changes.asp;");
aI("text=Job Transfers;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/job_transfers.asp;");
aI("text=Termination;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/termination.asp;");
aI("text=Leaves of Absence;image=../images/interior/leftnav_bullet2_off.gif;overimage=../images/interior/leftnav_bullet2_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/navtest.asp;");
aI("text=Rehire;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/rehire.asp;");
aI("text=Disability;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/disability.asp;");
aI("text=Retirement;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/retirement.asp;");
aI("text=Death;image=../images/interior/leftnav_bullet_off.gif;overimage=../images/interior/leftnav_bullet_on.gif;fontsize=11px;separatorsize=0;oncolor=#003366;url=http://www.monnix.com/phsredesign/website/lifechanges/death.asp;");
aI("text=;separatorsize=1;");
aI("text=<br><br>;separatorsize=0;");
aI("image="+ipath+"leftnav_bottom_menu.gif;");
}
with(rightStyle=new mm_style()){
offcolor = "#595959";
padding = 3;
fontsize = "11px";
fontstyle = "normal";
fontweight = "normal";
fontfamily = "verdana, tahoma, arial";
}
with(milonic=new menuname("right")){
style = rightStyle;
orientation="vertical";
top = 110;
left = 611;
itemwidth=160;
borderwidth = 0;
alwaysvisible = 1;
followscroll = "1,50,2";
bgimage= ipath+"right_bkgd_info.gif";
aI("image="+ipath+"right_top_info.gif;");
aI("image="+ipath+"related_info.gif;");
aI("text=<div class='rightinfoitem'>Review your online <a href='"+path+"proginfo/#'>Beneficiary Election Designation </a></div>;");
aI("text=<div class='rightinfoitem'><a href='"+path+"proginfo/#'>Core Plan at a Glance </a></div>;");
aI("text=<div class='rightinfoitem'><a href='"+path+"proginfo/#'>Value Plan at a Glance </a></div>;");
aI("text=<div class='rightinfoitem'><a href='"+path+"proginfo/#'>457(b) Plan at a Glance</a></div>;");
aI("text=<div class='rightinfoitem'><a href='"+path+"proginfo/#'>Fund Performance</a></div>;");
aI("image="+ipath+"tools.gif;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Retirement Planner </a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Core Plan Projections </a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Value Plan Projections </a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Tax Savings Calculator</a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Loan Model </a></li></ul>;");
aI("text=<ul class='ulinfo'><li class='rightinfo'><a href='#'>Investor Style Quiz </a></li></ul>;");
aI("image="+ipath+"did_you_know.gif;");
aI("text=<div class='rightinfo'>Text Text Text</div>;");
aI("image="+ipath+"right_bottom_info.gif;");
}
for(_a=_mnucnt;_a<_m.length;_a++){_drawMenu(_a)}
Poster: John
Dated: Wednesday September 17 2003 - 20:08:23 BST
What is it, exactly, that is not right in the image you posted?
Looking at the actual page in OS X/Safari1.0 it appears I'm seeing the same as your image, but, again, I don't see anything wrong.
BTW, if she's on OS X she should upgrade her IE to 5.2.3 (the last version they will produce). Even better, move to Safari.
Poster: Hergio
Dated: Wednesday September 17 2003 - 20:20:01 BST
The background from the menu is repeating all the way across the page. If you put up a sample page without the menu, does the page look ok? What I am trying to get at is, is this definetly the menu messing it up?
Poster: cubefree
Dated: Wednesday September 17 2003 - 20:25:37 BST
Sure, thanks! Here's without the left and right menus:
http://www.monnix.com/phsredesign/website/lifechanges/default2-nomenu.asp
Poster: John
Dated: Wednesday September 17 2003 - 20:37:22 BST
Hergio wrote:
The background from the menu is repeating all the way across the page.
Ah, sorry 'bout that. Now I see it (home sick today - gimme a break).
Looking at it in IE5.2.3 it does not do what you show in the graphic. The normal center information is there. However, the right menu starts to repeat itself just to the right of that menu. I'm seeing about 1/4" gap, then the left blue vertical border (not top or bottom), and about 1/2" of the menu background.
The "real" right menu is not quite wide enough for its text - approx. 2 letters (plus border) too narrow.
Poster: cubefree
Dated: Wednesday September 17 2003 - 20:43:49 BST
Hmmm.... you'd think it would just wrap. No?
So, per your quote:
Quote:
The "real" right menu is not quite wide enough for its text - approx. 2 letters (plus border) too narrow.
So, are you suggesting adding <br> tags myself? or then, how best to constrain the text to wrap properly?
What do you mean by "real" -- how are distinguishing? ~Thanks!
Poster: John
Dated: Thursday September 18 2003 - 5:23:12 BST
cubefree wrote:
So, per your quote:
jgillett wrote:
The "real" right menu is not quite wide enough for its text - approx. 2 letters (plus border) too narrow.
cubefree wrote:
So, are you suggesting adding <br> tags myself? or then, how best to constrain the text to wrap properly?
<br> is a possibility, but then the text might look funny on other browsers. I didn't do a measured compare, but I'm thinking the window width is actually different in 5.1 because of the way it renders.
cubefree wrote:
What do you mean by "real" -- how are distinguishing? ~Thanks!
The full menu on the right side, as opposed to the "ghost" menu that starts repeating itself.
Poster: cubefree
Dated: Friday September 19 2003 - 18:50:02 BST
By the way links have changed to:
[url]http://www.cubefree.com/clients/providence/lifechanges/default2.asp
[/url]
http://www.cubefree.com/clients/providence/lifechanges/navtest.asp
Thanks!
Poster: cubefree
Dated: Wednesday September 24 2003 - 23:52:32 BST
Andy solved this one!
Quote:
Hi,
After taking a very close look at your website I have found a slight
problem. With the snapshot of your site using local files, the menu worked
fine. I then made requests to each menu file directly from your server.
Everything worked until I got down to payment_options_ri.js. I can't see
anything that would cause this to break the menu but it does appear to be
the problem.
Anyway, here's a suggestion. We now use a function called drawMenus() that
is used to build the menus - It's pretty much the same as
for(_a=_mnucnt;_a<_m.length;_a++){_drawMenu(_a)} that you use so what I
think might work is for you to remove all
for(_a=_mnucnt;_a<_m.length;_a++){_drawMenu(_a)} and only build the menus
once. This can be done by declaring drawMenus() after the last menu has been
built.
I think this could be the problem.
Let me know if you need more info on this.
Cheers
Andy.
After taking a very close look at your website I have found a slight
problem. With the snapshot of your site using local files, the menu worked
fine. I then made requests to each menu file directly from your server.
Everything worked until I got down to payment_options_ri.js. I can't see
anything that would cause this to break the menu but it does appear to be
the problem.
Anyway, here's a suggestion. We now use a function called drawMenus() that
is used to build the menus - It's pretty much the same as
for(_a=_mnucnt;_a<_m.length;_a++){_drawMenu(_a)} that you use so what I
think might work is for you to remove all
for(_a=_mnucnt;_a<_m.length;_a++){_drawMenu(_a)} and only build the menus
once. This can be done by declaring drawMenus() after the last menu has been
built.
I think this could be the problem.
Let me know if you need more info on this.
Cheers
Andy.
Thanks gents!
~cubefree