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:10
Wrong position of subMenu Netscape Mozilla Firefox1.0.7
Poster: burkhalter
Dated: Friday March 17 2006 - 7:23:03 GMT
Hi, I made a test with the JavaScript Menu from Milonic
All Menus are in a single navigation Frame.
With the IE, it displays the second Submenu in correct position.
With Mozilla is the second Submenu in the wrong position (on top). Please take a look at the pictures
IE bowser Ok :
Netscape browser wrong:
is the a orignal Menu Sample code "Apple Mac Style Menu" from milonic in a frame.
You can look the Menu definition 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=2;
_subOffsetLeft=-2;
with(menuStyle=new mm_style()){
bordercolor="#ABABAB";
borderwidth=1;
fontfamily="Arial";
fontsize="80%";
fontstyle="normal";
fontweight="bold";
itemheight=22;
menubgimage="mac_back.gif";
offbgcolor="transparent";
offcolor="#000000";
onbgcolor="#3165B5";
oncolor="#ffffff";
outfilter="fade(duration=0.5)";
overfilter="Fade(duration=0.5);Shadow(color=#ADAEAD,Direction=180,Strength=6";
rawcss="padding-left:10px;padding-right:10px";
}
with(submenuStyle=new mm_style()){
styleid=1;
bordercolor="#838383";
borderwidth=1;
fontfamily="Arial";
fontsize="80%";
fontstyle="normal";
fontweight="bold";
headercolor="#000000";
image="mac_trans.gif";
menubgimage="mac_back.gif";
offbgcolor="transparent";
offcolor="#000000";
onbgcolor="#3165B5";
oncolor="#ffffff";
onsubimage="macarrow_on.gif";
outfilter="fade(duration=0.5)";
overfilter="Fade(duration=0.5);Shadow(color=#ADAEAD,Direction=180,Strength=6";
padding=2;
rawcss="padding-left:5px;padding-right:5px;";
separatorcolor="#D2D4D4";
separatorpadding=5;
subimage="macarrow_off.gif";
menubgcolor="#EBF0EC";
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
orientation="horizontal";
style=menuStyle;
top=10;
aI("align=left;status=Back To Home Page;text=Home;url=http://www.milonic.com/;");
aI("align=left;showmenu=Milonic;text=Milonic;");
aI("align=left;showmenu=Partners;text=Partners;");
aI("align=left;showmenu=Links;text=Links;");
aI("align=left;showmenu=MyMilonic;text=MyMilonic;");
aI("align=left;text=Search;");
}
with(milonic=new menuname("Milonic")){
style=submenuStyle;
top="offset=-7";
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;url=http://www.milonic.com/;");
aI("text=Product Purchasing Page;url=http://www.milonic.com/cbuy.php;");
aI("separatorsize=1;text=Contact Us;url=http://www.milonic.com/contactus.php;");
aI("text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
aI("separatorsize=1;text=Newsletter Subscription;url=http://www.milonic.com/newsletter.php;");
aI("text=Software License Agreement;url=http://www.milonic.com/license.php;");
aI("text=Privacy Policy;url=http://www.milonic.com/privacy.php;");
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}
with(milonic=new menuname("Partners")){
style=submenuStyle;
top="offset=-7";
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("image=ic_aq.gif;status=(aq) Web Server Hosting & Services;text=(aq) Web Hosting;url=http://www.a-q.co.uk/;");
aI("image=ic_sms.gif;text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("image=ic_websmith.gif;text=WebSmith;url=http://www.softidiom.com/?milonicmenu;");
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}
with(milonic=new menuname("Links")){
style=submenuStyle;
top="offset=-7";
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("status=Apache Web Server, the basis of Milonic's Web Site;text=Apache Web Server;url=http://www.apache.org/;");
aI("status=MySQL, Milonic's Prefered Choice of Database Server;text=MySQL Database Server;url=http://ww.mysql.com/;");
aI("separatorsize=1;status=PHP - Web Server Scripting as used by Milonic;text=PHP - Development;url=http://www.php.net/;");
aI("image=ic_phpbb.gif;separatorsize=1;status=PHP Based Web Forum, Milonic's Recommended Forum Software;text=phpBB Web Forum System;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;status=Anti Spam Solutions, as used by Milonic;text=Anti Spam Tools;");
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}
with(milonic=new menuname("Anti Spam")){
left="offset=-3";
style=submenuStyle;
top="offset=-4";
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("text=Spam Cop;url=http://www.spamcop.net/;");
aI("text=Mime Defang;url=http://www.mimedefang.org/;");
aI("text=Spam Assassin;url=http://www.spamassassin.org/;");
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}
with(milonic=new menuname("MyMilonic")){
style=submenuStyle;
top="offset=-7";
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("image=ic_login.gif;separatorsize=1;text=Login;url=http://www.milonic.com/login.php;");
aI("image=ic_license.gif;text=Licenses;url=http://www.milonic.com/mylicenses.php;");
aI("image=ic_invoice.gif;separatorsize=1;text=Invoices;url=http://www.milonic.com/myinvoices.php;");
aI("image=ic_support.gif;text=Make Support Request;url=http://www.milonic.com/reqsupport.php;");
aI("image=ic_support.gif;separatorsize=1;text=View Support Requests;url=http://www.milonic.com/mysupport.php;");
aI("image=ic_details.gif;text=Your Details;url=http://www.milonic.com/mydetails.php;");
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}
drawMenus();
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(menuStyle=new mm_style()){
bordercolor="#ABABAB";
borderwidth=1;
fontfamily="Arial";
fontsize="80%";
fontstyle="normal";
fontweight="bold";
itemheight=22;
menubgimage="mac_back.gif";
offbgcolor="transparent";
offcolor="#000000";
onbgcolor="#3165B5";
oncolor="#ffffff";
outfilter="fade(duration=0.5)";
overfilter="Fade(duration=0.5);Shadow(color=#ADAEAD,Direction=180,Strength=6";
rawcss="padding-left:10px;padding-right:10px";
}
with(submenuStyle=new mm_style()){
styleid=1;
bordercolor="#838383";
borderwidth=1;
fontfamily="Arial";
fontsize="80%";
fontstyle="normal";
fontweight="bold";
headercolor="#000000";
image="mac_trans.gif";
menubgimage="mac_back.gif";
offbgcolor="transparent";
offcolor="#000000";
onbgcolor="#3165B5";
oncolor="#ffffff";
onsubimage="macarrow_on.gif";
outfilter="fade(duration=0.5)";
overfilter="Fade(duration=0.5);Shadow(color=#ADAEAD,Direction=180,Strength=6";
padding=2;
rawcss="padding-left:5px;padding-right:5px;";
separatorcolor="#D2D4D4";
separatorpadding=5;
subimage="macarrow_off.gif";
menubgcolor="#EBF0EC";
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
orientation="horizontal";
style=menuStyle;
top=10;
aI("align=left;status=Back To Home Page;text=Home;url=http://www.milonic.com/;");
aI("align=left;showmenu=Milonic;text=Milonic;");
aI("align=left;showmenu=Partners;text=Partners;");
aI("align=left;showmenu=Links;text=Links;");
aI("align=left;showmenu=MyMilonic;text=MyMilonic;");
aI("align=left;text=Search;");
}
with(milonic=new menuname("Milonic")){
style=submenuStyle;
top="offset=-7";
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;url=http://www.milonic.com/;");
aI("text=Product Purchasing Page;url=http://www.milonic.com/cbuy.php;");
aI("separatorsize=1;text=Contact Us;url=http://www.milonic.com/contactus.php;");
aI("text=FAQ;url=http://www.milonic.com/menufaq.php;");
aI("text=Discussion Forum;url=http://www.milonic.com/forum/;");
aI("separatorsize=1;text=Newsletter Subscription;url=http://www.milonic.com/newsletter.php;");
aI("text=Software License Agreement;url=http://www.milonic.com/license.php;");
aI("text=Privacy Policy;url=http://www.milonic.com/privacy.php;");
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}
with(milonic=new menuname("Partners")){
style=submenuStyle;
top="offset=-7";
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("image=ic_aq.gif;status=(aq) Web Server Hosting & Services;text=(aq) Web Hosting;url=http://www.a-q.co.uk/;");
aI("image=ic_sms.gif;text=SMS 2 Email;url=http://www.sms2email.com/;");
aI("image=ic_websmith.gif;text=WebSmith;url=http://www.softidiom.com/?milonicmenu;");
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}
with(milonic=new menuname("Links")){
style=submenuStyle;
top="offset=-7";
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("status=Apache Web Server, the basis of Milonic's Web Site;text=Apache Web Server;url=http://www.apache.org/;");
aI("status=MySQL, Milonic's Prefered Choice of Database Server;text=MySQL Database Server;url=http://ww.mysql.com/;");
aI("separatorsize=1;status=PHP - Web Server Scripting as used by Milonic;text=PHP - Development;url=http://www.php.net/;");
aI("image=ic_phpbb.gif;separatorsize=1;status=PHP Based Web Forum, Milonic's Recommended Forum Software;text=phpBB Web Forum System;url=http://www.phpbb.net/;");
aI("showmenu=Anti Spam;status=Anti Spam Solutions, as used by Milonic;text=Anti Spam Tools;");
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}
with(milonic=new menuname("Anti Spam")){
left="offset=-3";
style=submenuStyle;
top="offset=-4";
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("text=Spam Cop;url=http://www.spamcop.net/;");
aI("text=Mime Defang;url=http://www.mimedefang.org/;");
aI("text=Spam Assassin;url=http://www.spamassassin.org/;");
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}
with(milonic=new menuname("MyMilonic")){
style=submenuStyle;
top="offset=-7";
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
aI("image=ic_login.gif;separatorsize=1;text=Login;url=http://www.milonic.com/login.php;");
aI("image=ic_license.gif;text=Licenses;url=http://www.milonic.com/mylicenses.php;");
aI("image=ic_invoice.gif;separatorsize=1;text=Invoices;url=http://www.milonic.com/myinvoices.php;");
aI("image=ic_support.gif;text=Make Support Request;url=http://www.milonic.com/reqsupport.php;");
aI("image=ic_support.gif;separatorsize=1;text=View Support Requests;url=http://www.milonic.com/mysupport.php;");
aI("image=ic_details.gif;text=Your Details;url=http://www.milonic.com/mydetails.php;");
aI("image=transparent.gif;imageheight=4;rawcss=border:1px solid #c0c0c0;type=header;");
}
drawMenus();
The "f" was a copy / past error the JavaScript on the Server res.c-o.ch is ok.
Don't know why is the "offset" in the Menu script, the Menu script is made by Milonic.
All JavaScripts function correct on in a "non frame".
Test with Mozilla Browser Version 1.7.12
thanks for your answers
Poster: Migru
Dated: Friday March 17 2006 - 8:13:25 GMT
Hi
with this information, I´m sorry can´t check anything, because don´t see the code, where the menu is implemented.
The reasons for your reported "wrong position" could be different.
Did you try for instance to set a "screenposition="left"; (main menu);
It looks as if the body margins are not set to zero, both top and left.
Please see:
http://www.milonic.com/menuproperties.php
Michael
The "f" of
ixMozillaZIndex=true; is missing
But that certainly is not causing this submenus shifting.
Question: why is _subOffsetTop set and in each submenu an additional top - offset ?
Poster: Migru
Dated: Friday March 17 2006 - 14:16:03 GMT
Hi
Its possible, that you´re using the files setup as it is suggested to be used, when the main menu is placed in a header frame and the subs overlapp into the main frame etc. (or if left oriented the main is placed in a left sided frame and the subs overlap to the main frame (window).
If it is not like this ( in your case I cannot trace that properly) then of course it is really not necessary to have such a setup. The overlapping of subs into the main menu as it is visible on your page, is originated by those offsets which are absolutely not required for the case everything is in one frame only, with no overlapping into the main frame. I´ve experienced something similar using iframes.
If the menu is for instance entirely in the file, loaded into the iframe and there is sufficient space for the menu, then a standard version (no extensive offsets) is required. You can still target output into any named window.
Maybe someone of the team can give a more proficient comment.
Michael