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:52
IE5.5/Mozilla Shadow not appearing
Poster: fulmer
Dated: Tuesday December 9 2003 - 8:11:19 GMT
I can get the shadow to appear in IE6, but no other browser allows the shadow to show up. I know they are only supposed to work with IE5.5 or greater... but it doesn't even show up in IE5.5...
What is wrong?
(sorry, my link is behind a firewall, no external access)
Here's part of the script...
with(style1=new mm_style()){
align="center";
onbgcolor="#366999";
offbgcolor="#EFEFEF";
oncolor="white";
offcolor="#003063";
bordercolor="#366999";
borderstyle="solid";
borderwidth=1;
separatorcolor="#366999";
separatorsize="1";
high3dcolor="#003063";
low3dcolor="#003063";
swap3d=1
padding=3;
fontsize=10;
fontstyle="normal";
fontweight="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="#003063";
pagebgcolor="white";
headercolor="#003063";
headerbgcolor="white";
subimage="/path/to/arrow.gif";
subimagepadding="1";
separatorsize=1;
overfilter="Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
}
with(milonic=new menuname("mainmenu1")){
top=185;
left=1;
style=style1;
alwaysvisible=1;
itemwidth=128;
aI("text=Title 1;onbgcolor=#003063;oncolor=white;offbgcolor=#003063;offcolor=white;padding=1;fontsize=12;status=Title1")
aI("text=menu1;showmenu=popup1;status=menu1")
aI("text=menu2;showmenu=popup2;status=menu2")
aI("text=menu3;showmenu=popup3;status=menu3")
}
Poster: kevin3442
Dated: Monday December 15 2003 - 20:48:29 GMT
fulmer wrote:
...I know they are only supposed to work with IE5.5 or greater... but it doesn't even show up in IE5.5...
I think the problem is that ie5.5 chokes when you define multiple effects in one filter; it can only handle one effect at a time. So, if you want to have a drop shadow in your overfilter, you'll have to remove your Alpha() effect, leaving only the Shadow() effect. If you want the combined effect in ie6, but the shadow only in ie5.5, then define the overfilter in a conditional, like so:
Code:
if (ie55 && navigator.userAgent.indexOf("MSIE 6") != -1) {
overfilter="Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
}
else {
overfilter="Shadow(color='#777777', Direction=135, Strength=5)";
}
overfilter="Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
}
else {
overfilter="Shadow(color='#777777', Direction=135, Strength=5)";
}
Hope that helps,
Kevin
Poster: fulmer
Dated: Tuesday December 16 2003 - 2:01:23 GMT
Thanks Keven, but I'm not sure how to write a conditional expression in the js file... I'm a newbe... clueless... sorry!
would it be something like this?
overfilter={
if (ie55 && navigator.userAgent.indexOf("MSIE 6") != -1) {
overfilter="Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
}
else {
overfilter="Shadow(color='#777777', Direction=135, Strength=5)";
}}
Poster: kevin3442
Dated: Tuesday December 16 2003 - 16:27:40 GMT
Quote:
Thanks Keven, but I'm not sure how to write a conditional expression in the js file...would it be something like this?
Hi Fulmer,
You're welcome. Actually, the conditional code would appear exactly as I wrote it So I guess the question would be... where do you put it? Sorry I left that part out. You'd put the code in the menu style in place of a simple assignment (replaces overfilter="yadah yadah yadah;"). Using your own style, from the example you gave earlier, the conditional would go like so:
Code:
with(style1=new mm_style()){
align="center";
onbgcolor="#366999";
offbgcolor="#EFEFEF";
oncolor="white";
offcolor="#003063";
bordercolor="#366999";
borderstyle="solid";
borderwidth=1;
separatorcolor="#366999";
separatorsize="1";
high3dcolor="#003063";
low3dcolor="#003063";
swap3d=1
padding=3;
fontsize=10;
fontstyle="normal";
fontweight="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="#003063";
pagebgcolor="white";
headercolor="#003063";
headerbgcolor="white";
subimage="/path/to/arrow.gif";
subimagepadding="1";
separatorsize=1;
if (ie55 && navigator.userAgent.indexOf("MSIE 6") != -1) {
overfilter="Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
}
else {
overfilter="Shadow(color='#777777', Direction=135, Strength=5)";
}
}
align="center";
onbgcolor="#366999";
offbgcolor="#EFEFEF";
oncolor="white";
offcolor="#003063";
bordercolor="#366999";
borderstyle="solid";
borderwidth=1;
separatorcolor="#366999";
separatorsize="1";
high3dcolor="#003063";
low3dcolor="#003063";
swap3d=1
padding=3;
fontsize=10;
fontstyle="normal";
fontweight="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="#003063";
pagebgcolor="white";
headercolor="#003063";
headerbgcolor="white";
subimage="/path/to/arrow.gif";
subimagepadding="1";
separatorsize=1;
if (ie55 && navigator.userAgent.indexOf("MSIE 6") != -1) {
overfilter="Alpha(opacity=90);Shadow(color='#777777', Direction=135, Strength=5)";
}
else {
overfilter="Shadow(color='#777777', Direction=135, Strength=5)";
}
}
If you want, you can copy that code from the green code block above and paste it into your menu_data.js file, replacing your current style.
Hope that helps,
Kevin