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:09
Transparancy hiding content when in a section
Poster: mark_b
Dated: Thursday March 30 2006 - 11:50:55 BST
Hi there,
I'm having a problem with transparency. The menu works fine apart from when you have clicked on a section. When you are in the section you have clicked on the menu no longer shows the navigation.
Where am i going wrong?
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=0;
with(menuStyle=new mm_style()){
bordercolor="transparent";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana, Arial, Helvetica, sans-serif";
fontsize=".9em";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#FFFFFF";
offbgcolor="transparent";
menubgimage="/images/brown_bg.gif"
offcolor="#transparent";
//onbgcolor="#ddffdd";
onbgcolor="transparent";
oncolor="transparent";
ondecoration='underline';
outfilter="randomdissolve(duration=0.3)";
//overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#transparent', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#A35C13";
pagecolor="#A35C13";
separatorcolor="transparent";
separatorsize=0;
//subimage="arrow.gif";
//subimagepadding=1;
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
orientation="vertical";
style=menuStyle;
top=164;
aI("showmenu=languages;status=languages;text=Languages;url=#");
aI("showmenu=Hair;text=Hair & Beauty;url=#");
aI("showmenu=Music;text= Music & Dance;url=#");
aI("showmenu=Art;text= Art & Design;url=#");
aI("showmenu=Cookery;text=Cookery – Food & Wine;url=#");
aI("showmenu=Exercise;text= Exercise and Relaxation;url=#");
aI("showmenu=KS;status=KS;text= KS 3 & 4 Support;url=#;");
aI("showmenu=Workshops;status=Workshops;text=Workshops;url=#;");
aI("showmenu=Other;status=Other;text= Other Courses;url=#;");
}
with(milonic=new menuname("languages")){
overflow="scroll";
style=menuStyle;
aI("text=French for Holidays;url=/languages/french.asp;")
aI("text=Spanish for Holidays;url=/languages/spanish.asp;")
aI("text=Russian for Beginners;url=/languages/russian.asp;")
aI("text=Languages for Business ;url=/languages/business.asp;")
aI("text=German for Holidays;url=/languages/german.asp;")
aI("text=Italian for Holidays;url=/languages/italian.asp;")
}
with(milonic=new menuname("Hair")){
style=menuStyle;
aI("status=Afro-Caribbean Hair;text=Afro-Caribbean Hair;url=/hair/afro.asp;")
aI("status=Creative Colouring;text=Creative Colouring;url=/hair/colouring.asp;")
aI("status=Creative Cutting;text=Creative Cutting;url=/hair/cutting.asp;")
aI("status=Indian Head Massage;text=Indian Head Massage;url=/hair/indian.asp;")
aI("status=Junior Academy;text=Junior Academy;url=/hair/junior.asp;")
aI("status=Long Hair Styling;text=Long Hair Styling;url=/hair/long.asp;")
aI("status=Make-up;text=Make-up;url=/hair/makeup.asp;")
aI("status=Manicure;text=Manicure;url=/hair/manicure.asp;")
aI("status=Nail Art;text=Nail Art;url=/hair/nailart.asp;")
aI("status=Aromatherapy;text=Aromatherapy;url=/hair/aromatherapy.asp;")
aI("status=Reflexology;text=Reflexology;url=/hair/reflexology.asp;")
aI("status=Swedish Body Massage;text=Swedish Body Massage;url=/hair/swedisg.asp;")
aI("status=Aromatherapy;text=Aromatherapy;url=/hair/aromatherapy.asp;")
}
with(milonic=new menuname("Music")){
style=menuStyle;
aI("status=Belly Dancing;text=Belly Dancing;url=/music/belly.asp;");
aI("status=Ballroom Dancing;text=Ballroom Dancing;url=/music/ballroom.asp;");
aI("status=Salsa;text=Salsa;url=/music/salsa.asp;");
aI("status=Guitar;text=Guitar;url=/music/guitar.asp;");
aI("status=Singing for Fun;text=Singing for Fun;url=/music/singing.asp;");
}
with(milonic=new menuname("Art")){
style=menuStyle;
aI("status=Digital Photography;text=Digital Photography;url=/art/photography.asp;");
aI("status=Ceramics/Pottery;text=Ceramics/Pottery;url=/art/ceramics.asp;");
aI("status=Flower Arranging ;text=Flower Arranging ;url=/art/flower.asp;");
aI("status=Interior Design & Decoration ;text=Interior Design & Decoration ;url=/art/interior.asp;");
aI("status=Crafted Cards;text=Crafted Cards;url=/art/cards.asp;");
aI("status=Art;text=Art;url=/art/art.asp;");
aI("status=Crafts for Christmas;text=Crafts for Christmas;url=/art/christmas.asp;");
}
with(milonic=new menuname("Cookery")){
style=menuStyle;
aI("status=Cooking made easy;text=Cooking made easy ;url=/cookery/easy.asp;");
aI("status=European Cookery;text=European Cookery;url=/cookery/european.asp;");
aI("status=Wine Tasting;text=Wine Tasting;url=/cookery/wine.asp;");
aI("status=Cooking for Christmas;text=Cooking for Christmas;url=/cookery/christmas.asp;");
aI("status=Cake Decoration;text=Cake Decoration;url=/cookery/cake.asp;");
}
with(milonic=new menuname("Exercise")){
style=menuStyle;
aI("status=Salsacize;text=Salsacize;url=/excersize/salsacize.asp;");
aI("status=Legs Bums and Tums;text=Legs Bums and Tums;url=/excersize/legs.asp;");
aI("status=Tai Chi;text=Tai Chi;url=/excersize/taichi.asp;");
}
with(milonic=new menuname("KS")){
style=menuStyle;
aI("status=KS 3 Support Courses;text=KS 3 Support Courses;url=/KS/3.asp;");
aI("status=KS 4 Support Courses;text=KS 4 Support Courses;url=/excersize/4.asp;");
}
with(milonic=new menuname("Workshops")){
style=menuStyle;
aI("status=Dance;text=Dance;url=/workshops/dance.asp;");
aI("status=Jewellery Making;text=Jewellery Making;url=/workshops/jewellery.asp;");
aI("status=Art;text=Art;url=/workshops/art.asp;");
aI("status=Art;text=Art;url=/workshops/screen.asp;");
aI("status=Art;text=Art;url=/workshops/other.asp;");
}
with(milonic=new menuname("Other")){
style=menuStyle;
aI("status=DIY;text=DIY;url=/other/diy.asp;");
aI("status=Computers for Beginners;text=Computers for Beginners;url=/other/computers.asp;");
aI("status=Homeopathy;text=Homeopathy;url=/other/homeopathy.asp;");
aI("status=Improve your Maths;text=Improve your Maths;url=/other/maths.asp;");
aI("status=Mentoring;text=Mentoring;url=/other/mentoring.asp;");
aI("status=Parental Support;text=Parental Support;url=/other/parental.asp;");
aI("status=Self Defence;text=Self Defence;url=/other/self.asp;");
}
drawMenus();
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=0;
with(menuStyle=new mm_style()){
bordercolor="transparent";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana, Arial, Helvetica, sans-serif";
fontsize=".9em";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#FFFFFF";
offbgcolor="transparent";
menubgimage="/images/brown_bg.gif"
offcolor="#transparent";
//onbgcolor="#ddffdd";
onbgcolor="transparent";
oncolor="transparent";
ondecoration='underline';
outfilter="randomdissolve(duration=0.3)";
//overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#transparent', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#A35C13";
pagecolor="#A35C13";
separatorcolor="transparent";
separatorsize=0;
//subimage="arrow.gif";
//subimagepadding=1;
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
orientation="vertical";
style=menuStyle;
top=164;
aI("showmenu=languages;status=languages;text=Languages;url=#");
aI("showmenu=Hair;text=Hair & Beauty;url=#");
aI("showmenu=Music;text= Music & Dance;url=#");
aI("showmenu=Art;text= Art & Design;url=#");
aI("showmenu=Cookery;text=Cookery – Food & Wine;url=#");
aI("showmenu=Exercise;text= Exercise and Relaxation;url=#");
aI("showmenu=KS;status=KS;text= KS 3 & 4 Support;url=#;");
aI("showmenu=Workshops;status=Workshops;text=Workshops;url=#;");
aI("showmenu=Other;status=Other;text= Other Courses;url=#;");
}
with(milonic=new menuname("languages")){
overflow="scroll";
style=menuStyle;
aI("text=French for Holidays;url=/languages/french.asp;")
aI("text=Spanish for Holidays;url=/languages/spanish.asp;")
aI("text=Russian for Beginners;url=/languages/russian.asp;")
aI("text=Languages for Business ;url=/languages/business.asp;")
aI("text=German for Holidays;url=/languages/german.asp;")
aI("text=Italian for Holidays;url=/languages/italian.asp;")
}
with(milonic=new menuname("Hair")){
style=menuStyle;
aI("status=Afro-Caribbean Hair;text=Afro-Caribbean Hair;url=/hair/afro.asp;")
aI("status=Creative Colouring;text=Creative Colouring;url=/hair/colouring.asp;")
aI("status=Creative Cutting;text=Creative Cutting;url=/hair/cutting.asp;")
aI("status=Indian Head Massage;text=Indian Head Massage;url=/hair/indian.asp;")
aI("status=Junior Academy;text=Junior Academy;url=/hair/junior.asp;")
aI("status=Long Hair Styling;text=Long Hair Styling;url=/hair/long.asp;")
aI("status=Make-up;text=Make-up;url=/hair/makeup.asp;")
aI("status=Manicure;text=Manicure;url=/hair/manicure.asp;")
aI("status=Nail Art;text=Nail Art;url=/hair/nailart.asp;")
aI("status=Aromatherapy;text=Aromatherapy;url=/hair/aromatherapy.asp;")
aI("status=Reflexology;text=Reflexology;url=/hair/reflexology.asp;")
aI("status=Swedish Body Massage;text=Swedish Body Massage;url=/hair/swedisg.asp;")
aI("status=Aromatherapy;text=Aromatherapy;url=/hair/aromatherapy.asp;")
}
with(milonic=new menuname("Music")){
style=menuStyle;
aI("status=Belly Dancing;text=Belly Dancing;url=/music/belly.asp;");
aI("status=Ballroom Dancing;text=Ballroom Dancing;url=/music/ballroom.asp;");
aI("status=Salsa;text=Salsa;url=/music/salsa.asp;");
aI("status=Guitar;text=Guitar;url=/music/guitar.asp;");
aI("status=Singing for Fun;text=Singing for Fun;url=/music/singing.asp;");
}
with(milonic=new menuname("Art")){
style=menuStyle;
aI("status=Digital Photography;text=Digital Photography;url=/art/photography.asp;");
aI("status=Ceramics/Pottery;text=Ceramics/Pottery;url=/art/ceramics.asp;");
aI("status=Flower Arranging ;text=Flower Arranging ;url=/art/flower.asp;");
aI("status=Interior Design & Decoration ;text=Interior Design & Decoration ;url=/art/interior.asp;");
aI("status=Crafted Cards;text=Crafted Cards;url=/art/cards.asp;");
aI("status=Art;text=Art;url=/art/art.asp;");
aI("status=Crafts for Christmas;text=Crafts for Christmas;url=/art/christmas.asp;");
}
with(milonic=new menuname("Cookery")){
style=menuStyle;
aI("status=Cooking made easy;text=Cooking made easy ;url=/cookery/easy.asp;");
aI("status=European Cookery;text=European Cookery;url=/cookery/european.asp;");
aI("status=Wine Tasting;text=Wine Tasting;url=/cookery/wine.asp;");
aI("status=Cooking for Christmas;text=Cooking for Christmas;url=/cookery/christmas.asp;");
aI("status=Cake Decoration;text=Cake Decoration;url=/cookery/cake.asp;");
}
with(milonic=new menuname("Exercise")){
style=menuStyle;
aI("status=Salsacize;text=Salsacize;url=/excersize/salsacize.asp;");
aI("status=Legs Bums and Tums;text=Legs Bums and Tums;url=/excersize/legs.asp;");
aI("status=Tai Chi;text=Tai Chi;url=/excersize/taichi.asp;");
}
with(milonic=new menuname("KS")){
style=menuStyle;
aI("status=KS 3 Support Courses;text=KS 3 Support Courses;url=/KS/3.asp;");
aI("status=KS 4 Support Courses;text=KS 4 Support Courses;url=/excersize/4.asp;");
}
with(milonic=new menuname("Workshops")){
style=menuStyle;
aI("status=Dance;text=Dance;url=/workshops/dance.asp;");
aI("status=Jewellery Making;text=Jewellery Making;url=/workshops/jewellery.asp;");
aI("status=Art;text=Art;url=/workshops/art.asp;");
aI("status=Art;text=Art;url=/workshops/screen.asp;");
aI("status=Art;text=Art;url=/workshops/other.asp;");
}
with(milonic=new menuname("Other")){
style=menuStyle;
aI("status=DIY;text=DIY;url=/other/diy.asp;");
aI("status=Computers for Beginners;text=Computers for Beginners;url=/other/computers.asp;");
aI("status=Homeopathy;text=Homeopathy;url=/other/homeopathy.asp;");
aI("status=Improve your Maths;text=Improve your Maths;url=/other/maths.asp;");
aI("status=Mentoring;text=Mentoring;url=/other/mentoring.asp;");
aI("status=Parental Support;text=Parental Support;url=/other/parental.asp;");
aI("status=Self Defence;text=Self Defence;url=/other/self.asp;");
}
drawMenus();
Poster: Migru
Dated: Thursday March 30 2006 - 12:35:01 BST
Hi
can´t you provide a url, so that your problem is visualized ?
Semicolon is missing terminating each of items of hair and languages menu
as well as in the main example: url=#;");
Michael
Poster: mark_b
Dated: Thursday March 30 2006 - 12:55:47 BST
thanks Michael - i've updated it with semicolons now
Poster: Migru
Dated: Thursday March 30 2006 - 13:42:41 BST
Hi
please have a look at this and you will instantly see what could be improved :
http://www.milonic.com/tablemenu.php
This is in brief:
Where you have the menu_data.js at the moment, there you should have the main menu only but terminated by a drawMenus(); Write it into a file
name it "embedded_main_menu.js" and place into this <td> the reference
Code:
<SCRIPT type="text/javascript" src="embedded_main_menu.js"></SCRIPT>
And the menu_data.js without the main should be referenced right on top below the milonic scripts.
That should help
Michael
Poster: Ruth
Dated: Thursday March 30 2006 - 17:30:17 BST
Hi,
Just out of curiosity, why do you have url=# in the showmenu aI strings? If you're not going anyplace, then just leave the url out as far as I know.
Code:
aI("showmenu=languages;status=languages;text=Languages;");
And, are you saying you can't see the words, the text, in the menu after you click an item? You might check and see what color your css is for visited links. If I'm understanding what you as asking. Other than that we would really need a url
Poster: mark_b
Dated: Thursday March 30 2006 - 17:35:48 BST
I was getting nowhere fast with the advice above, i think i need more time to work through it. Advice much appreciated from you both though..
Poster: Ruth
Dated: Thursday March 30 2006 - 18:37:52 BST
Hi,
You have your pagecolor set to the same color as your background image color. So when the pages match the pagecolor looks like it disappears.
Also, I'm not sure why you have the menu_data.js file inside a table cell. You have the main menu in the cell as it should be, but the menu_data.js file should be up with the call for other menu files and those should be the first thing after the body tag. Unless the call for the files is in the head because of some asp thing, about which I know nothing.
Usually when putting the menu in a table, the main must go in the table cell, and the others are called as follows
Code:
<body><script type="text/javascript" src="/includes/nav/milonic_src.js"></script>
<script type="text/javascript">
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=/includes/nav/mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt type=text/javascript src=/includes/nav/mmenudom.js><\/scr"+"ipt>");
</script>
<script type="text/javascript" src="/includes/nav/menu_data.js"></script>
<script type="text/javascript">
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=/includes/nav/mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt type=text/javascript src=/includes/nav/mmenudom.js><\/scr"+"ipt>");
</script>
<script type="text/javascript" src="/includes/nav/menu_data.js"></script>
Ruth
