Transparancy hiding content when in a section

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
mark_b
Beginner
Beginner
Posts: 4
Joined: Thu Mar 30, 2006 11:45 am

Transparancy hiding content when in a section

Post by mark_b »

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: Select all

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();

Migru
Milonic Guru
Milonic Guru
Posts: 669
Joined: Tue Nov 01, 2005 8:22 pm
Location: Hamburg - Germany
Contact:

Post by Migru »

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
mark_b
Beginner
Beginner
Posts: 4
Joined: Thu Mar 30, 2006 11:45 am

Post by mark_b »

thanks Michael - i've updated it with semicolons now
Last edited by mark_b on Thu Mar 30, 2006 2:43 pm, edited 1 time in total.
Migru
Milonic Guru
Milonic Guru
Posts: 669
Joined: Tue Nov 01, 2005 8:22 pm
Location: Hamburg - Germany
Contact:

Post by Migru »

Hi

please have a look at this and you will instantly see what could be improved :

http://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: Select all

<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
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

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: Select all

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
mark_b
Beginner
Beginner
Posts: 4
Joined: Thu Mar 30, 2006 11:45 am

Post by mark_b »

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..
Last edited by mark_b on Thu Mar 30, 2006 6:41 pm, edited 1 time in total.
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

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: Select all

<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>
Ruth
mark_b
Beginner
Beginner
Posts: 4
Joined: Thu Mar 30, 2006 11:45 am

Post by mark_b »

Cool - thanks Ruth, thats fixed it up good.

I'll move the script to underneath the body tag too

fanks :)
Post Reply