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:03
Problem with 5.7.48
Poster: pscs
Dated: Friday June 9 2006 - 11:02:24 BST
While attempting to solve problems with tooltips I upgraded to 5.748 and found a couple of problems which weren't there with 5.747
The 'padding' area seems to apply twice - once around each menu item and once around the 'group' of menu items. (in 5.747 it was just around each menu item)
If I select the last item of a (vertical) menu, then the 'padding' area around the 'group' of menu items changes to the highlight colour, instead of the background colour.
(I've gone back to 5.747 for now)
Poster: Ruth
Dated: Sunday June 11 2006 - 2:14:51 BST
Hi,
Could you give a url or post your menu_data.js file so we can test and see what's up?
Ruth
Poster: pscs
Dated: Monday June 12 2006 - 12:43:15 BST
I can't post a URL as it's in an application not a website.
Try the attached file which shows the same behaviour for me
Code:
<html>
<head>
<SCRIPT language="JavaScript1.2" src="milonic_src.rjs" type="text/javascript"></SCRIPT>
<script language="JavaScript1.2" src="mmenudom.rjs" type="text/javascript"></script>
<script language='javascript1.2'>
_menuCloseDelay=500 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=50 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=40 // Follow scrolling Rate
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x
//horizontalMenuDelay=true
buildAfterLoad=true;
with(MainMenuStyle=new mm_style()){
opendelay=1000;
onbgcolor="#142f6b";
oncolor="yellow";
offbgcolor="#CCCCCC";
offcolor="#000000";
borderwidth=0;
separatorcolor="#CCCCCC";
separatorsize=5;
padding=5;
fontsize="12px";
fontstyle="normal";
fontfamily="Verdana, Geneva, Arial, Helvetica, sans-serif";
pagecolor="#000000";
pagebgcolor="#009966";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="2";
}
with(PopMenuStyle=new mm_style()){
onbgcolor="#CCCCCC";
oncolor="#000000";
offbgcolor="#142f6b";
offcolor="#ffffff";
bordercolor="#CCCCCC";
borderwidth=2;
separatorsize=0;
padding=1;
fontsize="12px";
fontstyle="normal";
fontweight="normal";
fontfamily="Verdana, Geneva, Arial, Helvetica, sans-serif";
pagecolor="#000000";
pagebgcolor="#009966";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
}
with(milonic=new menuname("Main Menu")){
style=MainMenuStyle;
top=55;
left=0;
itemheight=30;
alwaysvisible=1;
orientation="horizontal";
position="absolute";
aI("text=Home;showmenu=test;");
}
with(milonic=new menuname("test")){
style=PopMenuStyle;
aI("text=test 1;url=testmenu.html?t=1;");
aI("text=Test 2;url=testmenu.html?t=2;");
}
drawMenus();
</script>
</head>
<body>
</body>
</html>
[/code]
<head>
<SCRIPT language="JavaScript1.2" src="milonic_src.rjs" type="text/javascript"></SCRIPT>
<script language="JavaScript1.2" src="mmenudom.rjs" type="text/javascript"></script>
<script language='javascript1.2'>
_menuCloseDelay=500 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=50 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=40 // Follow scrolling Rate
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x
//horizontalMenuDelay=true
buildAfterLoad=true;
with(MainMenuStyle=new mm_style()){
opendelay=1000;
onbgcolor="#142f6b";
oncolor="yellow";
offbgcolor="#CCCCCC";
offcolor="#000000";
borderwidth=0;
separatorcolor="#CCCCCC";
separatorsize=5;
padding=5;
fontsize="12px";
fontstyle="normal";
fontfamily="Verdana, Geneva, Arial, Helvetica, sans-serif";
pagecolor="#000000";
pagebgcolor="#009966";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="2";
}
with(PopMenuStyle=new mm_style()){
onbgcolor="#CCCCCC";
oncolor="#000000";
offbgcolor="#142f6b";
offcolor="#ffffff";
bordercolor="#CCCCCC";
borderwidth=2;
separatorsize=0;
padding=1;
fontsize="12px";
fontstyle="normal";
fontweight="normal";
fontfamily="Verdana, Geneva, Arial, Helvetica, sans-serif";
pagecolor="#000000";
pagebgcolor="#009966";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
}
with(milonic=new menuname("Main Menu")){
style=MainMenuStyle;
top=55;
left=0;
itemheight=30;
alwaysvisible=1;
orientation="horizontal";
position="absolute";
aI("text=Home;showmenu=test;");
}
with(milonic=new menuname("test")){
style=PopMenuStyle;
aI("text=test 1;url=testmenu.html?t=1;");
aI("text=Test 2;url=testmenu.html?t=2;");
}
drawMenus();
</script>
</head>
<body>
</body>
</html>
(save this as 'testmenu.html')
Poster: Ruth
Dated: Monday June 12 2006 - 17:15:37 BST
Hi,
Well, I've made a report. It seems to be working as a margin instead of padding, so I've requested some help. I'll post back when I hear anything.
Ruth
Poster: Andy
Dated: Sunday June 18 2006 - 10:48:43 BST
Hi,
Which browser are you seeing this with? I really cannot see any difference between old versions and new.
What I am seeing is a 2 pixel grey border around the sub menu, this will be because of the borderwidth=2; other than that I don't see any problems?
Cheers,
Andy
Poster: Ruth
Dated: Sunday June 18 2006 - 22:33:22 BST
Hi Andy,
If I understand the properties correctly, padding should put 'space' inside the item and margin should put it between the item and the menu border.
The easiest way to see what's happening is to add an offborder="1px solid #ff00ff"; to the PopMenuStyle and then change padding from 1 to 5 px. What happens is it adds padding to the item, but it also adds it between the item and the menu border as if a margin had also been added. I tried IE, FF, NN
Ruth