Menus not properly covering Lists

[TSFM]

I'm using the following code:-

outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#FFFDD0', Direction=135, Strength=3)";

Underlying lists are not covered by the menu.

What should I do to ensure the menu stays on top?

Many thanks fo rany help.

[Ruth]

Hi,

We can't answer that question without seeing the page and the menu to see what's causing it to 'not' cover lists.

Ruth

[TSFM]

The test site is http://rightholidays-com.merc.helmcontrolpanel.net

It works with Mozilla Firefox and Opera, but it doesn't work with Internet Explorer, Deepnet or Maxthon.

The full menu code is:-

Code: Select all

<CFQUERY NAME="Level_01" DATASOURCE="#AcDNS#" username="#AcName#" password="#AcPW#">
  Select * FROM tblStructure Order by DisplayOrder
</cfquery>
<CFQUERY NAME="Level_02" DATASOURCE="#AcDNS#" username="#AcName#" password="#AcPW#">
  Select * FROM tblSubStructure Order by DisplayOrder
</cfquery>
<CFQUERY NAME="Level_03" DATASOURCE="#AcDNS#" username="#AcName#" password="#AcPW#">
  Select * FROM tblThirdTierStructure Order by DisplayOrder
</cfquery>

_menuCloseDelay=500;
_menuOpenDelay=0;
_scrollAmount=3;
_scrollDelay=20;
_subOffsetTop=0;
_subOffsetLeft=0;
_CFix = true;

with(Webbees_Style=new mm_style()){
oncolor="#FFFF00";
offcolor="#0000FF";
onbold=1;
fontsize=11;
fontstyle="normal";
fontweight="bold";
fontfamily="Verdana,Ariel,Helvetica,sans-serif";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#FFFDD0', Direction=135, Strength=3)";
padding=8;
separatorcolor="#FFFFFF";
itemwidth=120;
separatorsize=4;
bgimage="images/Button_Milonic.jpg";
overbgimage="images/Button_Milonic_Over.jpg";
}

with(Minor_Webbees_Style=new mm_style()){
oncolor="#FFFF00";
offcolor="#0000FF";
onbold=1;
fontsize=11;
fontstyle="normal";
fontweight="bold";
fontfamily="Verdana,Ariel,Helvetica,sans-serif";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#FFFDD0', Direction=135, Strength=3)";
padding=8;
separatorcolor="#FFFFFF";
separatorsize=4;
bgimage="images/Button_Milonic_Long.jpg";
overbgimage="images/Button_Milonic_Over_Long.jpg";
}

<cfloop query="Level_01">
<cfset WhereName = "#LinkName#">	
with(milonic=new menuname("<cfoutput>#LinkName#</cfoutput>")){
itemwidth=175;
style=Minor_Webbees_Style;
alignment="left";
<cfloop query="Level_02">
<cfif Trim(ParentMenu) IS Trim(WhereName)> 
	<cfif Trim(HasChild) IS "Yes">
		aI("text=<cfoutput>#LinkName#</cfoutput>;align=center;showmenu=<cfoutput>#LinkName#</cfoutput>;
bgimage=images/B.jpg;overbgimage=images/B_Over.jpg;")		
	<cfelse>
		aI("text=<cfoutput>#LinkName#</cfoutput>;align=center;url=<cfoutput>#URL#</cfoutput>;")		
	</cfif>
</cfif>
</cfloop>
}

</cfloop>

<cfloop query="Level_02">
<cfif Trim(HasChild) IS "Yes">
<cfset WhereNextName = "#LinkName#">
with(milonic=new menuname("<cfoutput>#LinkName#</cfoutput>")){
itemwidth=175;
style=Minor_Webbees_Style;
alignment="left";
<cfloop query="Level_03">
	<cfif Trim(ParentSubMenu) IS Trim(WhereNextName)> 
		aI("text=<cfoutput>#LinkName#</cfoutput>;align=center;url=<cfoutput>#URL#</cfoutput>;")		
	</cfif>
</cfloop>
}
</cfif>
</cfloop>

drawMenus();

I used this technique based on the advice of John, and it works well except for this problem.

Does that help?

[Ruth]

Hi,

I'm going to have to hand this off to John since I don't do cfm and I can't even get the menu when I load the page. I tried downloading the page and it downloads but not the menu_data.cfm file, nor the cfform.js so when I try to get that at the url listed it tells me page not found. I tried going to that 'page' i.e. menu_data.cfm, and I get the page but only part of the file up to this point:

Code: Select all

aI("text=Turkiye ;align=center;url=Place_Result.cfm?Linked_Name=

then an error message that says:

Code: Select all

 Variable LINK_NAME is undefined.
 
The error occurred in C:\Domains\rightholidays.com\wwwroot\Menus\menu_data.cfm: 
line 63

61 : aI("text=<cfoutput>#LinkName#</cfoutput>;align=center;
showmenu=<cfoutput>#LinkName#</cfoutput>;
bgimage=images/B.jpg;overbgimage=images/B_Over.jpg;")		
62 : <cfelse>
63 : aI("text=<cfoutput>#LinkName#</cfoutput>;align=center;url=
Place_Result.cfm?Linked_Name=<cfoutput>#Link_Name#</cfoutput>;target=mainFrame;")		
64 : </cfif>
65 : </cfif>

So, unfortunately, I can't do anything since I don't get the menu in order to see what it's doing. It also gives the error, Webbies_style is undefined.
So that seems to be saying that the menu_data.cfm file is not loading so it can read that style.

Ruth

[John]

I'm not seeing the menu come up, either.

However, the first thing I've found is an unbalanced quote in both of your style definitions...

Code: Select all

overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color=#FFFDD0', Direction=135, Strength=3)";

You're missing a ' before the # in color...

Code: Select all

overfilter="Fade(duration=0.2);Alpha(opacity=100);Shadow(color='#FFFDD0', Direction=135, Strength=3)";

That might take both of your styles completely out of things.

I also noticed you're 2 versions down in the code you're running (5.770). Current is 5.772, which is required for support in the Forum. Note there were numerous bug fixes in the 5.771 release.

Upgrade, and let us know if the fix above brings your styles back. If not we'll continue from there.