Please help. I will buy the menu if it works with tooltips

[webdragon]

Hi Ruth,

Thanks so much, I'll also play around and see what happens.

[webdragon]

Hi Ruth,

You're an angel for helping me. I was halfway through your code when Andy from Milonic replied to my origional support question (better late than never hey!)

I will copy the code below:
menu_data.js

Code: Select all

/*
Milonic DHTML Menu - JavaScript Website Navigation System.
Copyright 2004 (c) Milonic Solutions Limited. All Rights Reserved.
Version 5+ Data File structure is the property of Milonic Solutions Ltd and must only be used in Milonic DHTML Products
This is a commercial software product, please visit http://milonic.com/ for more information.
See http://milonic.com/license.php for Commercial License Agreement
All Copyright statements must always remain in place in all files at all times
*******  PLEASE NOTE: THIS IS NOT FREE SOFTWARE, IT MUST BE LICENSED FOR ALL USE  ******* 
*/

_menuCloseDelay=500           // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150            // The time delay before menus open on mouse over
_subOffsetTop=5             // Sub menu top offset
_subOffsetLeft=-10            // Sub menu left offset



with(menuStyle=new mm_style()){
onbgcolor="#0066B3";
oncolor="#ffffff";
offbgcolor="#002A8A";
offcolor="#FFFFFF";
bordercolor="#FFFFFF";
borderstyle="solid";
borderwidth=1;
separatorcolor="#FFFFFF";
separatorsize="1";
padding=3;
fontsize="10px";
fontweight="bold";
fontfamily="Verdana, Arial, Tahoma, Sans-Serif";
pagecolor="#FFFFFF";
pagebgcolor="#066CAE";
headercolor="#FFFFFF";
headerbgcolor="#066CAE";
itemheight=19
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
outfilter="randomdissolve(duration=0.3)";
}

with(subMenuStyle=new mm_style()){
onbgcolor="#0066B3";
oncolor="#FFFFFF";
offbgcolor="#E6F4FF";
offcolor="#07548E";
bordercolor="#171F69";
borderstyle="solid";
borderwidth=1;
separatorcolor="#171F69";
separatorsize="1";
padding=3;
fontsize="10px";
fontweight="bold";
fontfamily="Verdana, Arial, Tahoma, Sans-Serif";
}

with(subNavStyle=new mm_style()){
onbgcolor="#F8F9FA";
oncolor="#3DC900";
offbgcolor="#FFFFFF";
offcolor="#0066B3";
separatorcolor="#DCDCDC";
separatorsize="1";
separatorwidth=190;
separatorheight=25;
separatorimage="images/img_separator.gif";
padding=2;
fontsize="10px";
fontweight="bold";
fontfamily="Verdana, Arial, Tahoma, Sans-Serif";

}

with(milonic=new menuname("Home")){
style=subMenuStyle;
overflow="scroll";
/* aI("text=Home;url=home.asp;"); */
}

with(milonic=new menuname("WhoWeAre")){
style=subMenuStyle;
}

with(milonic=new menuname("MissionLeadership")){
style=subMenuStyle;
aI("text=Behaviours;url=behaviours.asp;showmenu=behaviours;itemwidth=125px;align=left;");
aI("text=Process;url=process.asp;itemwidth=125px;align=left;");
aI("text=Performance;url=performance.asp;itemwidth=125px;align=left;");
}

with(milonic=new menuname("behaviours")){
style=subMenuStyle;
aI("text=Behaviour 1;url=behaviour1.asp;itemwidth=125px;align=left;");
aI("text=Behaviour 2;url=behaviour2.asp;itemwidth=125px;align=left;");
aI("text=Behaviour 3;url=behaviour3.asp;itemwidth=125px;align=left;");
aI("text=Behaviour 4;url=behaviour4.asp;itemwidth=125px;align=left;");
aI("text=Behaviour 5;url=behaviour5.asp;itemwidth=125px;align=left;");
}

with(milonic=new menuname("MissionDashboard")){
style=subMenuStyle;
}

with(milonic=new menuname("PressCentre")){
style=subMenuStyle;
}

with(milonic=new menuname("ContactUs")){
style=subMenuStyle;
}

// Tooltips for the Mission Leadership Page//

with(tabStyles=new mm_style()){
fontsize="10px";
fontweight="bold";
fontfamily="Verdana, Arial, Tahoma, Sans-Serif";
headercolor="#FFFFFF";
borderwidth=1
borderstyle="solid"
offcolor="#0466AF"
offbgcolor="#F8F9FA"
padding=2
overfilter="Fade(duration=0.2);Alpha(opacity=90);";
outfilter="randomdissolve(duration=0.3)";

}

PerformanceTabStyle=new copyOf(tabStyles)
PerformanceTabStyle.bordercolor="#FDB35D";
with(milonic=new menuname("PerformanceTab")){
top=170
left=520
itemwidth=200
style=PerformanceTabStyle;
aI("text=Performance;type=header;headerbgcolor=#FDB35D")
aI("text=This is where you edit the text.;padding=12");
aI("image=images/TooltipImage.jpg;imagealign=center;type=header;align=center;");
aI("text= ;padding=12");
}


BehaviourTabStyle=new copyOf(tabStyles)
BehaviourTabStyle.bordercolor="#3DC900";
with(milonic=new menuname("BehaviourTab")){
top=170
left=520
itemwidth=200
style=BehaviourTabStyle;
aI("text=Behaviours;type=header;headerbgcolor=#3DC900")
aI("text=This is where you edit the text.;padding=12");
}


ProcessTabStyle=new copyOf(tabStyles)
ProcessTabStyle.bordercolor="#EB2A2A";
with(milonic=new menuname("ProcessTab")){
top=170
left=520
itemwidth=200
style=ProcessTabStyle;
aI("text=Process;type=header;headerbgcolor=#EB2A2A")
aI("text=This is where you edit the text.;padding=12");
}


MissionTabStyle=new copyOf(tabStyles)
MissionTabStyle.bordercolor="#0034AB";
with(milonic=new menuname("MissionTab")){
top=170
left=520
itemwidth=200
style=MissionTabStyle;
aI("text=Mission;type=header;headerbgcolor=#0034AB")
aI("text=This is where you edit the text.;padding=12");
}



drawMenus();

I'm pretty happy with this, so please don't worry about working on the problem further. Again thanks for all the effort you put in!

I have another question on separator images, and have posted it in the forum but I hope you don't mind if I ask it here?

You know on the left of my page, I have a submenu. Well I am trying to put separator images in...little dashes.

I put separatorimage=img_separator.gif but it just doesn't display. It is in the code above as I am still working on it. Can you see if I'm doing anything wrong?

Thanks!

[Ruth]

Hi WebDragon,
Glad you got the solution!

As to the images, I couldn't find the post at first, it's not in the support forum. Could you post the question as a new topic here in this forum and delete your post from the image forum? I think you would get a quicker response here in the support forum. That forum was put up for requesting images that you might want.

Ruth